MediaWiki:Transmat.css

/* ================  Transmat.css controls the styling specific to   the Transmat namespace as well as the main page

Version 1.2 23 November 2013 Principal author: User:CzechOut ================ */

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

.ns-116 #WikiaPageHeader h1 { display:none } .ns-116 a:link, .ns-116 a:visited { color:#aecfff } .ns-116 .global-navigation .cell-link, .ns-116 .global-navigation .cell-link a, .ns-116 .global-navigation .cell-link a:link, .ns-116 .global-navigation .cell-link a:visited, .ns-116 .cell-link .top-level a, .ns-116 .cell-link .top-level a:link, .ns—116 .cell-link .top-level a:visited { color:#656e78!important } .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 .tools-menu, .ns-116 .WikiaBarWrapper .tools-menu { background:#012c57!important } .ns-116 .WikiaFooter .WikiaBarWrapper .ns-116 .WikiaFooter, .ns-116 .WikiaArticleCategories { display:none } .ns-116 div.WikiaPageContentWrapper, .ns-116 #WikiaPage { background-image:none; background-color:#012c57; color:white; } .ns-116 .WikiaArticle a.external:after, .ns-116 .WikiaArticle a[href^="gopher://"]:after { background-image:url("https://images.wikia.nocookie.net/tardis/images/f/fb/ExternalLinkLight.png")!important; background-position:right top !important; background-repeat: no-repeat !important; } .ns-116 .WikiHeader > nav a, .ns-116 .WikiHeader > nav a:link, .ns-116 .WikiHeader > nav a:visited, .ns-116 .WikiHeader > nav li, .ns-116 .WikiHeader > nav li a, .ns-116 .WikiHeader > nav li a:link, .ns-116 .WikiHeader > nav li a:visited { color:black; } /* Fixing diffs */ .ns-116 #mw-revision-info, .ns-116 #mw-revision-info-current, .ns-116 #mw-revision-nav { color: white; } .ns-116 table.diff, .ns-116 td.diff-otitle, .ns-116 td.diff-ntitle { background-color:transparent; font-family:"Rubik"; } .ns-116 td.diff-addedline { border:2px solid white; background: #537d00 !important; color: black !important; padding:10px; line-height:120%; font-size:14px; font-family: Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace !important; } .ns-116 td.diff-deletedline { border:2px solid white; background: #c34f31 !important; color: black !important; padding:10px; line-height:120%; font-size:14px; font-family: Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace !important; } .ns-116 td.diff-context { background:transparent !important; color: #fff !important; border: none; font-weight:bold; font-size:12px; margin-bottom:5px; margin-top:5px; padding:10px; line-height:120%; font-family:"Rubik"; } .ns-116 span.diffchange { color:#fff; font-weight: bold; text-decoration: none; font-size:14px; } .ns-116 span.autocomment { color:#fff; font-family:"Rubik"; } .ns-116 .WikiaArticle #pagehistory li.selected { background-color:#aecfff; color:#012c57!important; } .ns-116 .WikiaArticle #pagehistory li.selected a { color:#012c57!important }

/* Other ns-116 fixes */

.ns-116 div#EditPageEditor #tech, .ns-116 div#EditPageEditor .tech { background:#012c57 }

/* ================  TALLY ================ */

.ns-116 .WikiaPagesOnWikiModule .tally em, .ns-116 body.mainpage .WikiaPageHeader > .tally span, body.mainpage .WikiaPageHeader > .tally em, .ns-116 .tally span.fixedwidth, /* technically the bit next to Photo tally */ .ns-116 .tally span, .ns-116 .tally, .ns-116 .tally em, .ns-116 .tally.em, .ns-116 .tally em div.tally.mainpage-tally em { color:#fff !important; }

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

.ns-116 #WikiaArticle 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:"Rubik"; color:white; }

.feature-ext { width:100%; height:100%; min-height:375px } .feature { background:none; padding:20px; margin:20px; min-height:400px }
 * 1) feature,

.feature p { margin-top:auto; margin-bottom:auto; font-size:20px; font-family:"Rubik"; line-height:160%; margin-left:5px; } .feature-title { font-size:48px; line-height:44px; margin-bottom:20px; padding-top:20px; font-family:"Rubik"; font-weight:bold; }
 * 1) feature p,
 * 1) feature-title,

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

width: 90%; 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:"Rubik"; color:#012c57; display:inline-block; overflow:visible; background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 ); -webkit-box-shadow: 5px 3px 21px 6px rgba(0,0,0,0.75); -moz-box-shadow: 5px 3px 21px 6px rgba(0,0,0,0.75); box-shadow: 5px 3px 21px 6px rgba(0,0,0,0.75); position:relative; padding-bottom:3%; float:left; height:auto; } .tr-box a:link, .tr-box a:visited { color:#2f2cb8!important; } .tr-box a.new, #p-personal a-new, .tr-box a.new:visited, #p-personal a.new:visited { color:#aa1111; } .tr-box.one { } .tr-box.two { } .tr-box.three { height: auto; /* 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; } .tr-cap { font-size:80%; margin-bottom:10px; font-style:italic; text-align:center; } .tr-tit { font-family:"Rubik"; font-weight:600; font-size:20px; line-height:130%; padding-bottom:5px; margin-bottom:15px; }
 * 1) tr-box-container {
 * 1) tr-cap,
 * 1) tr-tit,