MediaWiki:Transmat.css

/* ================  This code makes the vaguely Pinterest feel of the Transmat namespace work ================ */

.ns-116 #WikiaPageHeader h1 { color:white }

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:#012c57; }

.feature-ext { width:100%; height:100%; min-height:375px } .feature { background:#ececec; 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" } .feature-title { font-size:48px; line-height:44px; margin-bottom:20px; padding-top:20px; font-family:"Merriweather"; font-weight:bold; font-style:italic }
 * 1) feature p,
 * 1) feature-title,

.feature-title a { color:#012c57 }
 * 1) feature-title a,

width: 95%; /*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:"Roboto Slab"; } .tr-box.one { height: auto; background-color: #dadada; display:inline-block; overflow:visible; } .tr-box.two { height:auto; background-color: #ececec; display:inline-block; overflow:visible } .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:"Roboto Slab"; font-weight:600; font-size:20px; line-height:130%; padding-bottom:5px; margin-bottom:15px; }
 * 1) tr-tit,