MediaWiki:Transmat.css

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

.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:375px }
 * 1) feature,

.feature p { margin-top:auto; margin-bottom:auto; font-size:16px; font-family:"Roboto Slab" } .feature-title { font-size:36px; font-weight:bold; margin-bottom:20px; padding-top:20px; font-family:"Merriweather"; }
 * 1) feature p,
 * 1) feature-title,

width: 95%; /*max-width: 700px;*/ margin: 2em auto; } .tr-box-cols { -moz-column-count:4; -moz-column-gap: 3%; -moz-column-width: 22%; -webkit-column-count:4; -webkit-column-gap: 3%; -webkit-column-width: 22%; column-count: 4; column-gap: 3%; column-width: 22%; } .tr-box { margin-bottom: 20px; -webkit-column-break-inside: avoid; break-inside: avoid; padding:5px; } .tr-box.one { height: 200px; background-color: #012c57; color:#fff } .tr-box.two { height: 300px; background-color: #ececec; } .tr-box.three { background-color: #012c57; height: 400px; color:white } .tr-box.four { background-color: #ececec; height: 500px; } .tr-box.five { background-color: #012c57; height: 600px; color:white } .tr-box.six { background-color: #ececec; height: 200px; } .tr-box.seven { background-color:white; height: 600px; width:auto; }
 * 1) tr-box-container {