MediaWiki:AgeOfUltronCSS

/* Background image */

html body.background-dynamic.skin-oasis:after, html body.background-dynamic.skin-oasis:before { background-image: url(http://vignette4.wikia.nocookie.net/wikiaglobal/images/c/cf/AgeOfUltronIE.jpg); position: fixed; }

/* Basics */

.WikiaMainContent { margin:0 !important; width:1030px !important; } section#WikiaPage.WikiaPage.V2 { max-width:1030px; } .WikiaFooter section, .WikiaBarWrapper section { display:none; } .content { margin-left:20x; padding-right:10px; } .article-categories { display:none } .WikiaArticle a.external::after, .WikiaArticle a[href^="gopher://"]::after { display:none; } .banner { margin:0; overflow:visible; width:1030px; }

.main-page-tag-lcs, .main-page-tag-rcs { margin-top: 30px !important; }

.WikiaGrid .grid-2, .WikiaRail .module, .WikiaRail #RIGHT_SKYSCRAPER { display:none }

.WikiaMainContentContainer { padding: 40px 10px 0; }

.WikiaPageHeader, .wikinav2 .WikiaPageHeader { display: none; }

/* Main column */

/* Editorial stealing from Wikia Live since Eric Moro has already approved these settings over there Mainly for the left column

.editorial .header { color: black; font-size: 27px; font-weight: bold; text-transform: none; /* per emoro */ margin-top:10px; margin-bottom:10px; margin-left:20px }

.editorial .moro-header { color: #000000; font-size: 24px; font-weight: bold; margin-bottom: 13px; margin-top:30px; line-height:130%; }

.editorial .intro { margin:0 20px 50px 20px; font-size:16px; line-height:160%; }

/* Poll */

.poll { float:left; margin-top:10px; margin-left:20px; }

.poll .elements { text-align:center; margin-left:10px; margin-right:-4px }

.poll .element { display:inline-block; margin-bottom:14px; margin-right:6px; width:320px; } .poll .element .text { color: #39424d; margin-left: 10px; margin-top: 4px; text-align: left; } .poll .element .image { background:none repeat scroll 0% 0% transparent; height:auto; width:320px }

/* Superfan */

float:left; margin-top:10px; margin-left:20px; } .poll .moro-header, color: #000000; font-size: 24px; font-weight: bold; margin-bottom: 13px; margin-top:30px; line-height:130%; }
 * 1) superfan {
 * 1) superfan .moro-header {

float:left; width:350px; padding-top:10px; padding-right:10px }        float:right; width:270px; padding:10px; background:#777; margin-top:10px 0; padding-bottom:20px; }
 * 1) superfan-text {
 * 1) superfan-results {

padding:20px; font-size:16px; line-height:175%; }
 * 1) superfan-results .copy {

/* Right rail */

.right { margin-bottom:20px; width:300px }

.right .title { border-bottom: 1px solid #c5ced9; border-top: 1px solid #c5ced9; cursor: pointer; display: block; padding: 15px 0px 15px 10px; color: #000000; font-size: 22px; font-weight: bold; margin-right:0; line-height:125%; margin-bottom:20px; margin-top:60px }

.right .title-secondary { color: #777; font-size:18px; margin-top:10px; margin-right:10px; } .right .elements { text-align:center; margin-left:0; }

.right .element { display:block; margin-bottom:14px; margin-right:6px; width:150px; }

.right .element .image { background:none repeat scroll 0% 0% transparent; height:180px; width:320px }

.right .element .text { color: #39424d; margin-left:0; margin-top: 4px; text-align: left; } /* Image manipulation */

.article-thumb .title { display:none }

.pic-grid { float:left; margin-top:10px; margin-left:20px; }

.pic-grid .elements { text-align:center; margin-left:10px; margin-right:-4px }

.pic-grid .element { display:inline-block; margin-bottom:14px; margin-right:6px; width:150px; } .pic-grid .element .text { color: #39424d; margin-left: 10px; margin-top: 4px; text-align: left; } .pic-grid .element .image { background:none repeat scroll 0% 0% transparent; height:150px; width:150px }

/* ===============  Bottom area =============== */

.relatedcomm { float:left; margin-top:10px; margin-left:20px; }

.relatedcomm .header { color: #000000; font-size: 24px; font-weight: bold; margin-bottom: 13px; }

.relatedcomm .element { display: inline-block; margin-bottom: 14px; margin-right: 6px; width: 320px; }

.relatedcomm .element .image { background: none repeat scroll 0% 0% #f90b09; height: 180px; width: 320px; }

.relatedcomm .element .image:after { color: #f2f6fa; font-weight: bold; font-size: 60px; position: relative; top: 80px; } .relatedcomm .element .text { color: #39424d; margin-left: 10px; margin-top: 4px; text-align: left; }

/* Share

Since JBetka went crazy over this from Wikia Live, I'll import it here, too. */

.share { border-top: 1px solid #c5ced9; float: left; margin-bottom: 50px; margin-top: 9px; text-align: center; width: 100%; }

.share .header { color: #39424d; margin-bottom: 14px; margin-top: 45px; text-transform: uppercase; }

.share .items { margin-left: -30px; }

.share .item { display: inline-block; margin-left: 30px; }

/* Mobile Shenanigans */ @media only screen and (max-width:1023px) and (orientation:portrait) {

.WikiaMainContent { margin:0 !important; width:100% !important; } section#WikiaPage.WikiaPage.V2 { max-width:100%; }

.relatedcomm .element { margin-right:4px!important; }

}

@media only screen and (max-width:1023px) { .right { float:left; clear:left; width:100%; margin-left:20px }     .right .elements { margin-left:0; }      .right .element { width:320px; float:left; margin-right:8px }     .right .title { border:none; margin-bottom:10px; margin-top:10px; margin-left:-10px; }

.pic-grid { width:100%; }      #superfan-text, #superfan-results { display:block; width:100%; }     .thumbcaption, .videoInfo { display:none }

.banner { width:100% } }

@media only screen and (max-width:320px) and (orientation:portrait) {

.content { margin-left:-10px!important }     .poll { margin-left:-20px!important }     .right, .relatedcomm { margin-left:-20px!important }

.relatedcomm .header, .right .title, .right .text { margin-left:10px!important }   }