MediaWiki:Gadget-ms-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 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;
}
:root.skin-citizen-light .ns-116 a:link,
:root.skin-citizen-light .ns-116 a:visited {
    color: var(--accent-2);
}
:root.skin-citizen-light .ns-116 a:hover {
    color: var(--accent-1);
}

.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;
}