MediaWiki:AgeOfUltronCSS

<style> /* Background image */

html body.background-dynamic.skin-oasis:after, html body.background-dynamic.skin-oasis:before {

   background-image: url();
   position: fixed;

}

/* Basics */

.WikiaMainContent { margin:0 !important; width:1030px !important; } section#WikiaPage.WikiaPage.V2 {

       max-width:1030px;

} .WikiaPage {

  margin: 0 auto;

} .WikiaFooter section, .WikiaBarWrapper section {

       display:none;

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

    margin-top: 30px !important;

}

.main-page-tag-rcs {

    margin-top: -20px !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 {

    padding-right: 10px;

}

.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;
    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 { margin-bottom:14px; margin-right:6px; } .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; }

1. PDI_container8792272 .pds-box, #PDI_container8792309 .pds-box {

    background-color: #c92d3b;
    width: 620px !important;

}

/* Superfan */

1. superfan {

        float:left;
        margin-top:10px;
        margin-left:20px;

} .poll .moro-header,

1. superfan .moro-header {

    color: #000000;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 13px;
    margin-top:30px;
    line-height:130%;

}

1. superfan-text {

        float:left;
        width:350px;
        padding-top:10px;
        padding-right:10px

}

1. superfan-results {

        float:right;
        width:270px;
        padding:10px;
        background:#AAA;
        margin-top:10px 0;
        padding-bottom:20px;

}

1. superfan-results .copy {

        padding:20px;
        font-size:16px;
        line-height:175%;

}

/* 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:90px

}

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

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

.right .element .image .video-thumbnail .duration {

       display: none;

}

.right .element .text { color: #39424d;

        font-size: 12px;
        font-weight: bold;
        letter-spacing: -0.4px;
        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;

        font-weight: bold;
        margin-left: 10px;
        margin-top: 4px;

} .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% #c92d3b;
    padding: 30px 0;
    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 */

1. wkMainCntFtr, .in-page-toc {

    display: none !important;

}

@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 { 
     float:none;
     }
     .right,
     .relatedcomm { 
     margin-left:-20px!important
     }  

     .relatedcomm .header,
     .right .title,
     .right .text { 
     margin-left:10px!important 
     }    
     #PDI_container8792272 .pds-box, 
     #PDI_container8792309 .pds-box {
     width:300px!important
     } 

}

@media only screen and (min-width:321px) and (max-width:450px) and (orientation:portrait) {

     .poll { 
     float:none;
     }

     #PDI_container8792272 .pds-box, 
     #PDI_container8792309 .pds-box {
     width:300px!important
     } 

} </style>