User:Bongolium500/Transmat.css

From Tardis Wiki, the free Doctor Who reference
< User:Bongolium500
Revision as of 13:23, 23 August 2021 by Bongolium500 (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
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;
}