MediaWiki:Transmat.css

/* ================  This code controls the code specific to   the Transmat namespace ================ */

/* ================  General ns:116 style declarations ================ */

.ns-116 #WikiaPageHeader h1 { display:none }

.ns-116 a:link, .ns-116 a:visited { color:#aecfff } .ns-116 a.new, #p-personal a-new, .ns-116 a.new:visited, #p-personal a.new:visited { color:#ffccff; } .ns-116 a:hover { color:#fff9d4; background:none; }

.ns-116 .WikiaFooter .WikiaBarWrapper .ns-116 .WikiaFooter, .ns-116 .WikiaArticleCategories { display:none }

body.page-Doctor_Who_Wiki #WikiaPageContentWrapper, .ns-116 div.WikiaPageContentWrapper, .ns-116 #WikiaPage { background-image:none; background-color:#012c57; color:white; }

/* ===================  Layout of Transmat pages; columnar feel =================== */

img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }

.t-ctr { width:100%; margin: 0 auto; }

.tmat-title { background-color:white; padding:20px; font-size:68px; font-family:Merriweather; color:white; }

.feature-ext { width:100%; height:100%; min-height:375px } .feature { background:none; padding:20px; /*border:3px white solid; webkit-border-radius:10px; moz-border-radius:10px; ms-border-radius:10px; o-border-radius:10px; border-radius:10px;*/ margin:20px; min-height:400px }
 * 1) feature,

.feature p { margin-top:auto; margin-bottom:auto; font-size:20px; font-family:"Roboto Slab"; line-height:150% } .feature-title { font-size:48px; line-height:44px; margin-bottom:20px; padding-top:20px; font-family:"anton"; font-weight:bold; }
 * 1) feature p,
 * 1) feature-title,

.feature-title a { color:white }
 * 1) feature-title a,

width: 90%; /*max-width: 700px;*/ margin: 2em auto; } .tr-box-cols { -moz-column-count:3; -moz-column-gap: 3%; -moz-column-width: 30%; -webkit-column-count:3; -webkit-column-gap: 3%; -webkit-column-width: 30%; -o-column-count:3; -o-column-gap: 3%; -o-column-width: 30%; column-count: 3; column-gap: 3%; column-width: 30%; } .tr-box { margin-bottom: 20px; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -o-column-break-inside: avoid; column-break-inside: avoid; padding:10px; /*border:3px white solid; webkit-border-radius:10px; moz-border-radius:10px; ms-border-radius:10px; o-border-radius:10px; border-radius:10px;*/ font-family:"georgia"; } .tr-box.one { height: auto; /*background-color: #dadada;*/ display:inline-block; overflow:visible; } .tr-box.two { height:auto; background-color:silver; color:#012c57; display:inline-block; overflow:visible } .tr-box.two a { color:#2f2cb8; } .tr-box.two a.new, #p-personal a-new, .tr-box.two a.new:visited, #p-personal a.new:visited { color:#aa1111; } .tr-box.three { /*background-color: #dadada;*/ height: auto; /* was 400px */ /* no inline-block on this */ } .tr-box.four { background-color: #ececec; height: auto /* was 500px */ display:inline-block } .tr-box.five { background-color: #dadada; height: auto; /* was 600px; */ display:inline-block } .tr-box.six { background-color: #ececec; height: auto; display:inline-block } .tr-box.seven { background-color:#dadada; height: auto; display:inline-block }
 * 1) tr-box-container {

.tr-cap { font-size:80%; margin-bottom:10px; font-style:italic; text-align:center }
 * 1) tr-cap,

.tr-tit { font-family:"Georgia,'Roboto Slab',Merriweather,serif"; font-weight:600; font-size:20px; line-height:130%; padding-bottom:5px; margin-bottom:15px; }
 * 1) tr-tit,