html { background-image: url('http://fc09.deviantart.net/fs70/f/2014/281/2/4/bg2_1920x1080_by_manofxtreme-d8227z1.jpg'); webkit-background-size: cover; moz-background-size: cover; o-background-size: cover; background-size: cover; background-color: #000000; background-attachment: fixed; position: relative; } div.MainWindow { background: rgba(0,0,0, 0.7); position: absolute; top: 11%; bottom: 2%; left: 7%; right: 7%; margin: 0 auto; box-shadow: 0 0 50px black; border: solid 1px black; overflow: auto; } a { font-family: Sans-serif; color: #59543e; cursor: default; } div.Title { width: 100%; height: 8%; display: block; margin-left: auto; margin-right: auto; background: url(http://fc03.deviantart.net/fs71/f/2014/281/4/3/the_walking_dead___stream_central_by_manofxtreme-d822cbr.png); background-size: contain; background-repeat: no-repeat; background-size: 100% 100%; } div.ShareSection { top: 0; bottom: 0; right: 0; width: 40%; position: absolute; background: rgba(0,0,0, 0.4); border-left: solid 1px black; } div.FBlikes { top: 60; left: 20; right: 0; position: absolute; } div.FBcomments { top: 150; bottom: 0; left: 0; right: 0; position: absolute; overflow: auto; border-top: solid 1px black; } #BOARD { top: 30; bottom: 0; left: 0; right: 0; position: absolute; } div.SeasonNav { width: 850; border-radius: 100px; background: black; margin: 0 auto; margin-top: 50; } div.StreamBox { width: 900; height: 506; margin: 0 auto; margin-top: 20; border: 10px solid transparent; border-image: url(http://fc07.deviantart.net/fs70/f/2014/283/2/9/stream_rand_by_manofxtreme-d82a4ok.png) 10 10 round; } iframe.stream { width: 100%; height: 100%; margin: 0 auto; background: rgba(0,0,0, 1); border: none; } div.ChatArea { width: 1000; height: 600; margin: 0 auto; margin-top: 50; box-shadow: 0 0 10px black; } div.Section { top: 0; bottom: 0; left: 0; position: absolute; width: 60%; overflow: auto; } a#trans { background: #FF0000; color: #FF00000; padding: 3px; -webkit-transition: all 1s linear; } a#trans:hover { background: #FF0000; color: #FF0000; } #trans-nav {width: 100%; list-style-type: none; height: 30px; padding: 0; margin: auto; background: none;} #trans-nav li {width: 20%; float: left; position: relative; padding: 0; line-height: 30px; font-size: 17px; text-align:center; background: linear-gradient(#aaa06f,#151513);} #trans-nav li:hover {z-index: 1; background: linear-gradient(#68634d,#000000);} #trans-nav li a { display: block; color: #000000; text-decoration: none; font-weight: bold; cursor:pointer;} #trans-nav li a:hover { color: white; text-shadow: 0 0 12px;} #trans-nav li ul {opacity: 0; position: absolute; left: 0; width: 100%; background: rgba(0,0,0,0); list-style-type: none; padding: 0; margin: 0;} #trans-nav li:hover ul { opacity: 1; } #trans-nav li ul li { float: none; position: static; height: 0; line-height: 0; background: none;} #trans-nav li:hover ul li { height: 23px; line-height: 23px; box-shadow: 0px 0px 0px #FF0000;} #trans-nav li ul li a {width:500%; background: #000000; font-weight: normal; color: #494638;} #trans-nav li ul li a:hover {width:500%;} #trans-nav li { -webkit-transition: all 0.5s; } #trans-nav li a { -webkit-transition: all 0.2s; } #trans-nav li ul { -webkit-transition: all 0.2s; } #trans-nav li ul li { -webkit-transition: all 0.3s; } #trans-nav li ul li a:hover { -webkit-transition: all 0s; } #trans-nav li ul li a { -webkit-transition: all 0s; } #trans-nav3 {width: 100%; list-style-type: none; height: 20px; padding: 0; margin: auto; background: black;} #trans-nav3 li {width: 16.66%; float: left; position: relative; padding: 0; line-height: 20px; font-size: 14px; text-align:center; background: black;} #trans-nav3 li:hover { box-shadow: 0px 0px 0px #00210e; z-index: 1; background-position: 0 -40px; background: none; box-shadow: inset 0px 0px 18px black;} #trans-nav3 li a { display: block; color: #59543e; text-decoration: none; font-weight: bold;} #trans-nav3 li a:hover { text-shadow: 0 0 12px;} #trans-nav3 li ul {opacity: 0; position: absolute; left: 0; width: 100%; background: none; list-style-type: none; padding: 0; margin: 0;} #trans-nav3 li:hover ul { opacity: 1; } #trans-nav3 li ul li { float: none; position: static; height: 0; line-height: 0; background: none;} #trans-nav3 li:hover ul li { height: 23px; line-height: 23px;} #trans-nav3 li ul li a {width:500%; background: #59543e; font-weight: normal; color: black;} #trans-nav3 li ul li a:hover {width:500%;} #trans-nav3 li { -webkit-transition: all 0.5s; } #trans-nav3 li a { -webkit-transition: all 0.2s; } #trans-nav3 li ul { -webkit-transition: all 0.2s; } #trans-nav3 li ul li { -webkit-transition: all 0.3s; } #trans-nav3 li ul li a:hover { -webkit-transition: all 0s; } #trans-nav3 li ul li a { -webkit-transition: all 1s; }