User:Bongolium500/Transmat.css
From Tardis Wiki, the free Doctor Who reference
Clear your cache often around here
After changes are made to this site's CSS or Javascript, you have to bypass your browser's cache to see the changes. You can always do this by going to your browser's preferences panel. But many browsers also offer keyboard shortcuts to save you that trouble. The following shortcuts work in the versions of the browsers that Tardis currently supports. They may not work in earlier versions.
- Firefox: hold down Shift while performing a page reload.
- Opera offers no default keyboard shortcut, but you can create a custom keyboard shortcut with the value Clear disk cache
- Safari users should simultaneously hold down ⌘ + Option + E. You may need to enable the Develop menu first
- Chrome: press Ctrl + F5 or Shift + F5 while performing a page reload.
/* ================
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 h1.page-header__title {
display:none
}
.ns-116 .mw-parser-output a:link,
.ns-116 .mw-parser-output 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 .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;
}
.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,
.feature {
background:none;
padding:20px;
margin:20px;
min-height:400px
}
#feature p,
.feature p {
margin-top:auto;
margin-bottom:auto;
font-size:20px;
font-family:"Rubik";
line-height:160%;
margin-left:5px;
}
#feature-title,
.feature-title {
font-size:48px;
line-height:44px;
margin-bottom:20px;
padding-top:20px;
font-family:"Rubik";
font-weight:bold;
}
#feature-title a,
.feature-title a {
color:white
}
#tr-box-container {
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,
.tr-cap {
font-size:80%;
margin-bottom:10px;
font-style:italic;
text-align:center;
}
#tr-tit,
.tr-tit {
font-family:"Rubik";
font-weight:600;
font-size:20px;
line-height:130%;
padding-bottom:5px;
margin-bottom:15px;
}
