MediaWiki:BAK Super Walkthrough CSS

@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"); }

.superwalkthrough .branding { background: #1e5467 none repeat scroll 0% 0%; margin: 0px 0px 25px; }

.box { background: #1e5467 none no-repeat scroll center bottom; border: 1px solid white; margin: 25px 0px; padding: 21px 25px 21px; position: relative; }

.box .left { float: left; margin-bottom: 16px; width: calc(100% - 320px); }

.box .right { float: right; margin-bottom: -11px; width: 320px; }

.box .name { color: white; font-family: oswald, Arial; font-size: 20px; margin-bottom: 10px; text-transform: uppercase; }

.box, .box figcaption { color: white; }

.box a, .box a.new { color: #d7cbab; }

.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; }

.contributors { background: #1e5467 none no-repeat scroll center bottom; border: 1px solid white; margin: 25px 0px; 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; }

.allvideos { background: #1e5467 none no-repeat scroll center bottom; 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; margin-bottom: 11px ! important; margin-right: 2px ! important; padding: 0px ! important; text-align: center ! important; }

.allvideos .tabbernav li a { background: rgba(0, 0, 0, 0) none repeat scroll 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; }

.allwalkthroughs { background: #1e5467 none no-repeat scroll center bottom; border: 1px solid white; margin: 0px 0px 25px; padding: 13px 15px 13px; }

.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; margin-bottom: -3px ! important; margin-right: 2px ! important; padding: 0px ! important; text-align: center ! important; }

.allwalkthroughs .tabbernav li a { background: rgba(0, 0, 0, 0) none repeat scroll 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: #000000 url("http://vignette3.wikia.nocookie.net/dinos-vs-robots/images/1/12/IE-ArkhamKnight_BlogHeader_700x200_R1.jpg") no-repeat scroll center top; height: 200px; }

.whatsnew .items { text-align: center; }

.whatsnew .items .item { display: inline-block; width: 280px; text-align: center; margin-right: 20px; margin-top: 15px; vertical-align: top; }

.whatsnew .items .caption { margin-top: 5px; margin-bottom: 5px; }

.box .characters { text-align: center; }

.box .characters .character { display: inline-block; font-weight: bold; margin-top: 15px; text-align: center; width: 150px; }

.relatedcommunities .communities { text-align: center; }

.relatedcommunities .communities .community { display: inline-block; margin-top: 15px; text-align: center; }

.relatedcommunities .comname { font-weight: bold; margin-top: 10px; }

.communitycorner .items { text-align: center; }

.communitycorner .items .item { display: inline-block; margin-right: 50px; margin-top: 25px; }