MediaWiki:MainCSS

/* ====================  Basic Layout ==================== */

.content { margin-left: 10px; padding-right: 10px; }

padding: 0px ! important; }
 * 1) WikiaMainContentContainer, .ember-application .article-body {

.wikia-menu-button { margin-left:25px }

.clear { clear: both }

/* ===============  Left rail =============== */ /* Editorial */ .editorial .header { color: black; font-size: 27px; font-weight: bold; text-transform: none; margin-top:10px; margin-bottom:10px; }

.editorial .main-sub-header { color: #000000; font-size: 24px; font-weight: bold; margin-bottom: 13px; margin-top:30px; }

.editorial .sub-header { color: #000000; font-size: 24px; font-weight: bold; margin-bottom: 13px; margin-top:10px; margin-left:15px; }

.editorial .content { color: #39424d; font-size: 15px; margin-left:20px; margin-top: 10px; margin-bottom:20px; } .left-col-text { margin-left:10px }

.editorial .comparison { -moz-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap:30px; -webkit-column-gap:30px; column-gap:30px; -moz-column-width:50%; -webkit-column-width:50%; column-width:50%; -moz-column-rule:1px solid black; -webkit-column-rule:1px solid black; column-rule:1px solid black; width:97%; height:575px; margin-left:15px; }

.editorial .episode { width:98%; margin-left:15px; }

.editorial .episode .sub-header { color: #000000; font-size: 24px; font-weight: bold; margin-bottom: 13px; margin-top:10px; margin-left:0; }

.editorial .episode .latest { width:45%; float:left; margin-right:10px; margin-bottom:40px; }

.editorial .episode .next { width:45%; float:left; margin-left:40px; }

/* ===============  Pic Grid =============== */

.pic-grid { margin-top: 20px; width:98%; }

.pic-grid .header { color: #000000; font-size: 24px; font-weight: bold; margin-bottom: 13px; margin-left: 19px; }

.pic-grid .wrap-all { margin-right: -4px; text-align: center; }

.pic-grid .single-pic { display: inline-block; margin-bottom: 14px; margin-right: 6px; width: 150px; }

.pic-grid .single-pic .image { background: none repeat scroll 0% 0% #777; width: 150px; }

.pic-grid .single-pic .text { color: #39424d; margin-left: 10px; margin-top: 7px; text-align: left; }

/* ===============  Right rail =============== */

@media screen and (max-width:1023px) { .right-rail { float:left; clear:left; } }

.right-rail .module { margin:10px }

.right-rail .header { margin-top:15px; margin-bottom:10px; padding-bottom:5px; padding-top:5px; font-size:150%; }

/* Mobile shenanigans */

@media only screen and (orientation:portrait) { .editorial .comparison { margin-right:40px; } } @media only screen and (min-width:769px) and (orientation:portrait), only screen and (max-width:768px) and (orientation:landscape) { .editorial .comparison { -moz-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap:1em; -webkit-column-gap:1em; column-gap:1em; -moz-column-rule:1px solid #000; -webkit-column-rule:1px solid #000; column-rule:1px solid #000; width:100%; height:1%; overflow:hidden; vertical-align:top!important; font-size:13px; line-height:150%; padding:5px; margin-right:10px; margin-left:10px; } .editorial .content { margin-left:-5px; } } @media only screen and (max-width:768px) and (orientation:portrait) { .editorial .comparison { -moz-column-count:1; -webkit-column-count:1; column-count:1; width:100%; height:1%; overflow:hidden; vertical-align:top!important; font-size:13px; line-height:150%; padding:5px; margin-right:10px; margin-left:10px; }

.editorial .episode .latest { width:100%; }

.editorial .episode .next { width:100%; margin-left:0; } .editorial .content { margin-left:-5px; } .pic-grid .single-pic { margin-bottom: 5px; margin-right: 0; width: 150px; }

.pic-grid .single-pic .image { background: none repeat scroll 0% 0% #777; width: 150px; }

}