MediaWiki:GOT Super Walkthrough CSS

/** Super Walkthrough **/ /* Super Walkthrough */ /*** Fonts ***/ @font-face { font-family: "Oswald"; font-style: normal; font-weight: 400; src: local("Oswald Regular"), local("Oswald-Regular"), url("https://fonts.gstatic.com/s/oswald/v9/-g5pDUSRgvxvOl5u-a_WHw.woff") format("woff"); } /*** Branding box ***/ .superwalkthrough .branding { background: #1E5467; margin: 0px 0px 25px 0px; } /*** General boxes ***/ .box { background: no-repeat scroll center bottom #1E5467; border: 1px solid white; margin: 25px 0px; padding: 23px 25px 0px; position: relative; } .introduction { min-height: 200px; padding-bottom: 1px; } .box .left { float: left; margin-bottom: 16px; width: -moz-calc(100% - 350px); width: -webkit-calc(100% - 350px); width: -o-calc(100% - 350px); width: calc(100% - 320px); } .box .right { float: right; margin-bottom: -11px; width: 320px; } .box .name { color: white; font-family: oswald; font-size: 20px; text-transform: uppercase; } .box .description .listing { margin: -1px 0px 0px 27px; } .box .description .indent { margin: 0px 0px 0px 20px; } .box .right .video-container { height: 185px; margin-top: -92.5px; position: absolute; right: 25px; top: 50%; } .box .right .video-container figure { margin: 0px; } .box .right .video-container figcaption { text-align: center; } .box .right .video-container .title { padding-bottom: 0px; } .box .right .item { margin-bottom: 1px; } .box .right .small-video { margin-top: -4px; } .box .right .small-video figcaption { text-align: center; } .box .right .item .caption { float: left; width: 150px; } .box .bottom { margin-top: 16px; text-align: center; } .box .bottom .item { display: inline-block; vertical-align: top; } .box .bottom .item figure { margin-left: 21px; } .box .bottom .item:first-child figure { margin-left: 0px; } .box .bottom figcaption { text-align: center; } .page-Shadow_of_Mordor_Super_Walkthrough .ForumActivityModule h1 { display: none; } .page-Shadow_of_Mordor_Super_Walkthrough .ForumActivityModule { background: transparent; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-bottom: 0; padding: 0; } /*** Contributors box ***/ .contributors { background: no-repeat scroll center bottom #1E5467; border: 1px solid white; margin: 25px 0px 25px; padding: 13px 15px 0px; } .contributors .wrapper { margin: 0px auto; width: 300px; } .contributors .header { color: white; font-family: oswald; font-size: 20px; margin-bottom: -6px; text-align: center; text-transform: uppercase; } .contributors .contributor { margin-top: 19px; } .contributors .avatar { float: left; margin-bottom: 20px; margin-right: 10px; } .contributors .details { float: left; } .contributors .name { font-family: oswald; text-transform: uppercase; width: 170px; } .contributors .name a { color: white; } .contributors .more { color: white; width: 170px; } /*** All Videos box ***/ .allvideos { background: no-repeat scroll center bottom #1E5467; border: 1px solid white; margin: 0px 0px 25px; padding: 13px 15px 0px; } .allvideos .wrapper { margin: 0px auto -10px; width: 270px; } .allvideos .header { color: white; font-family: oswald; font-size: 20px; margin-bottom: 14px; text-align: center; text-transform: uppercase; } .allvideos .item { margin-bottom: 16px; } .allvideos .item:last-child { margin-bottom: 6px; } .allvideos .small-video { margin-right: 2px; } .allvideos figure { margin: 0px ! important; } .allvideos figcaption { text-align: center; } .allvideos .tabberlive { margin: 0px !important; } .allvideos .tabbernav { border: medium none !important; padding: 0px !important; text-align: center !important; margin-right: 2px !important; margin-bottom: 11px !important; } .allvideos .tabbernav li a { background: none repeat scroll 0% 0% rgba(0, 0, 0, 0) !important; border: medium none !important; color: #ffffff !important; font-family: oswald !important; font-size: 11px !important; margin: 0px !important; padding: 0px !important; text-transform: uppercase !important; } .allvideos .tabbernav .tabberactive a { text-decoration: underline !important; } .allvideos .tabbernav li a:hover { text-decoration: underline !important; } .allvideos .tabbernav li:after { content: " • " !important; } .allvideos .tabbernav li:last-child:after { content: "" !important; } .allvideos .tabbertab { border: medium none !important; padding: 0px !important; } /*** All Walkthroughs box ***/ .allwalkthroughs { background: no-repeat scroll center bottom #1E5467; border: 1px solid white; margin: 0px 0px 25px; padding: 13px 15px 0px; } .allwalkthroughs .wrapper { margin: 0px auto -10px; width: 270px; } .allwalkthroughs .header { color: white; font-family: oswald; font-size: 20px; margin-bottom: 15px; text-align: center; text-transform: uppercase; } .allwalkthroughs .category-main { color: white; font-family: oswald; font-size: 17px; margin-bottom: -4px; margin-top: 11px; text-transform: uppercase; } .allwalkthroughs .category { color: white; font-family: oswald; font-size: 15px; margin-left: 5px; margin-top: 11px; text-transform: uppercase; } .allwalkthroughs .listing { margin: -1px 0px 19px 30px; } .allwalkthroughs .tabberlive { margin: 0px !important; } .allwalkthroughs .tabbernav { border: medium none !important; padding: 0px !important; text-align: center !important; margin-right: 2px !important; margin-bottom: -3px !important; } .allwalkthroughs .tabbernav li a { background: none repeat scroll 0% 0% rgba(0, 0, 0, 0) !important; border: medium none !important; color: #ffffff !important; font-family: oswald !important; font-size: 11px !important; margin: 0px !important; padding: 0px !important; text-transform: uppercase !important; } .allwalkthroughs .tabbernav .tabberactive a { text-decoration: underline !important; } .allwalkthroughs .tabbernav li a:hover { text-decoration: underline !important; } .allwalkthroughs .tabbernav li:after { content: " • " !important; } .allwalkthroughs .tabbernav li:last-child:after { content: "" !important; } .allwalkthroughs .tabbertab { border: medium none !important; padding: 0px !important; } .WDIEbanner { background: url("http://vignette1.wikia.nocookie.net/raylantest/images/1/1c/Sw_tt-got-ep3_blogheader_700x200_r1.jpg/revision/latest?cb=20150408182535") center top no-repeat; height: 200px; background-color: black; }