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 } body.mainpage a:link, body.mainpage a:visited, .ns-116 a:link, .ns-116 a:visited { color:#aecfff }

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

body.mainpage .WikiaFooter .tools-menu, body.mainpage .WikiaBarWrapper .tools-menu { background:#012c57!important }

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

body.mainpage div.WikiaPageContentWrapper, .ns-116 div.WikiaPageContentWrapper, .ns-116 #WikiaPage { background-image:none; background-color:#012c57; color:white; } body.mainpage #WikiaArticleCategories, body.mainpage #catlinks { display:none }

.ns-116 .WikiaArticle a.external:after, .ns-116 .WikiaArticle a[href^="gopher://"]:after { background-image:url("http://images.wikia.com/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:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; } .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:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; } .ns-116 span.diffchange { color:#fff; font-weight: bold; text-decoration: none; font-size:14px; } .ns-116 span.autocomment { color:#fff; font-family:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; } .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 } body.mainpage .WikiaPagesOnWikiModule .tally em, .ns-116 .WikiaPagesOnWikiModule .tally em { color:#fff!important }

/* ================  TALLY ================ */ body.mainpage .tally span.fixedwidth, /* technically the bit next to Photo tally */ body.mainpage .tally span, body.mainpage .tally, body.mainpage .tally em, body.mainpage .tally.em, body.mainpage .tally em div.tally.mainpage-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; } body.mainpage body.mainpage .WikiaPageHeader > .tally span, body.mainpage .WikiaPageHeader > .tally em, .ns-116 body.mainpage .WikiaPageHeader > .tally span, body.mainpage .WikiaPageHeader > .tally em { color: white !important; } /* ===================  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:160%; margin-left:5px; } .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"; height:auto; 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);
 * 1) tr-box-container {

}

.tr-box a { color:#2f2cb8; } .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 { /*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 }

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

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

/* ======================  Front page cleanup ====================== */

body.mainpage .WikiaSpotlightsModule p { line-height:80%; color:#fff } /* Lightboxes */ body.mainpage .LightboxModal .LightboxHeader, body.mainpage .LightboxModal .LightboxCarousel .content { background-color:#012c57; height:70px; color:#fff; font-size:12px; line-height:100% }

/* Fixing diffs */ body.mainpage table.diff, body.mainpage td.diff-otitle, body.mainpage td.diff-ntitle { background-color:transparent; font-family:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; } body.mainpage 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; } body.mainpage 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; } body.mainpage 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:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; } body.mainpage span.diffchange { color:#fff; font-weight: bold; text-decoration: none; font-size:14px; } body.mainpage span.autocomment { color:#fff; font-family:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; } body.mainpage .WikiaArticle #pagehistory li.selected { background-color:#aecfff; color:#012c57!important; } body.mainpage .WikiaArticle #pagehistory li.selected a { color:#012c57!important }

/* ================   GLOBAL AND ACCOUNT NAVIGATION ================  'Global' is links to other wikia wikis; 'Account' is log in/out and user account nav ================   This is the very top strip on every page, from the wikia logo to "log in/out" ================ */

body.mainpage .GlobalNavigation .subnav li > a, body.mainpage .AccountNavigation .subnav li > a, body.mainpage .GlobalNavigation .subnav, body.mainpage .AccountNavigation .subnav, body.mainpage .GlobalNavigation li, body.mainpage .AccountNavigation li { font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; color:#012c57 !important; font-weight:bold; } body.mainpage .GlobalNavigation > li > a, body.mainpage .AccountNavigation > li > a { color:white!important; font-weight:normal; } body.mainpage .GlobalNavigation .subnav li li a:hover, body.mainpage .AccountNavigation .subnav a:hover, body.mainpage .GlobalNavigation li:hover, body.mainpage .AccountNavigation li:hover { font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; color:#012c57!important; font-weight:bold; }

/**** FOOTER ****/ /* Footer in general */ /* This controls the whole horizontal strip that's found on the bottom of most pages. At a minimum, it includes the MyTools and Configuration sub menus, but many users will also have shortcuts to their favorite tools, like History and File Upload, in this area. */ body.mainpage .WikiaBarWrapper .toolbar, body.mainpage .WikiaFooter .toolbar { font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:uppercase; letter-spacing:1.5px; z-index:1 !important }

body.mainpage .WikiaBarWrapper .toolbar a:hover, body.mainpage .WikiaFooter .toolbar a:hover { font-weight:normal; background:none repeat scroll 0 0 transparent !important; border:none !important; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:uppercase; letter-spacing:1.5px; } /* =====================  CATLINKS ===================== */

body.mainpage .mw-hidden-catlinks { color:white!important; } body.mainpage #csAddCategorySwitch, body.mainpage div#csAddCategorySwitch, body.mainpage div#csAddCategorySwitch .noprint, body.mainpage div#csAddCategorySwitch .noprint a, body.mainpage #csAddCategorySwitch a { color:white!important; display:none; } body.mainpage div#csAddCategorySwitch .sprite-small.add { display:none; } body.mainpage #csCategoryInput { background:white; color:#012c57; border-radius:5px; display:none } body.mainpage .csaddCategory { background:white; color:#012c57; display:none } body.mainpage .CSitem { border-radius:5px; background:#ccdfff; } body.mainpage .CSitem:hover { color:#012c57; text-decoration:underline; } body.mainpage #mw-normal-catlinks > a, body.mainpage #mw-normal-catlinks > a:hover { color:#fff!important; } body.mainpage .CategorySelect.articlePage { /*     -moz-box-shadow:0 0 30px #fff; -o-box-shadow:0 0 30px #fff; -ms-box-shadow:0 0 30px #fff; -webkit-box-shadow:0 0 30px #fff; box-shadow:0 0 30px #fff;*/ border:2px solid white; background:transparent; }  body.mainpage .WikiaArticleInterlang h3 { color:#fff; } /* Fixing graphics that don't look right on dark background */ body.mainpage .WikiaArticle a.external:after, body.mainpage .WikiaArticle a[href^="gopher://"]:after { background-image:url("http://images.wikia.com/tardis/images/f/fb/ExternalLinkLight.png")!important; background-position:right top !important; background-repeat: no-repeat !important; }

/*  ==================     NAV BAR ================== */ body.mainpage .WikiHeader > nav a, body.mainpage .WikiHeader > nav a:link, body.mainpage .WikiHeader > nav a:visited, body.mainpage .WikiHeader > nav li, body.mainpage .WikiHeader > nav li a, body.mainpage .WikiHeader > nav li a:link, body.mainpage .WikiHeader > nav li a:visited { color:black; }

/*  ====================     POLLS ==================== */ body.mainpage div.ajax-poll { border:2px solid #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; color:#fff; padding:5px; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; letter-spacing:1px; text-align:left; margin:10px; width:auto }

/* =================  Standard font classes and IDs ================= */ body.mainpage .sf, body.mainpage .sfh, body.mainpage .ss, body.mainpage .ssh, body.mainpage .mn, body.mainpage #sf, body.mainpage #sfh, body.mainpage #ss, body.mainpage #ssh, body.mainpage { color:#fff }