MediaWiki:Gadget-ms-Transmat.css: Difference between revisions
From Tardis Wiki, the free Doctor Who reference
No edit summary |
No edit summary Tags: Mobile edit Mobile web edit |
||
(11 intermediate revisions by 6 users not shown) | |||
Line 14: | Line 14: | ||
================ */ | ================ */ | ||
.ns-116 | .ns-116 h1.page-header__title { | ||
display:none | display: none | ||
} | } | ||
.ns-116 .mw-parser-output a:link, | |||
.ns-116 a:link, | .ns-116 .mw-parser-output a:visited { | ||
.ns-116 a:visited { | color: #aecfff | ||
color:#aecfff | |||
} | } | ||
.ns-116 a.new, #p-personal a-new, | .ns-116 a.new, #p-personal a-new, | ||
.ns-116 a.new:visited, #p-personal a.new:visited { | .ns-116 a.new:visited, #p-personal a.new:visited { | ||
color:#ffccff; | color: #ffccff; | ||
} | } | ||
.ns-116 a:hover { | .ns-116 a:hover { | ||
color:#fff9d4; | color: #fff9d4; | ||
background:none; | 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); | |||
} | } | ||
Line 39: | Line 41: | ||
background:#012c57!important | background:#012c57!important | ||
} | } | ||
.ns-116 .WikiaFooter .WikiaBarWrapper | .ns-116 .WikiaFooter .WikiaBarWrapper | ||
.ns-116 .WikiaFooter, | .ns-116 .WikiaFooter, | ||
Line 45: | Line 46: | ||
display:none | display:none | ||
} | } | ||
.ns-116 div.WikiaPageContentWrapper, | .ns-116 div.WikiaPageContentWrapper, | ||
.ns-116 #WikiaPage { | .ns-116 #WikiaPage { | ||
background-image:none; | background-image:none; | ||
} | } | ||
.ns-116 .WikiaArticle a.external:after, | .ns-116 .WikiaArticle a.external:after, | ||
.ns-116 .WikiaArticle a[href^="gopher://"]:after { | .ns-116 .WikiaArticle a[href^="gopher://"]:after { | ||
background-image:url(" | background-image:url("https://images.wikia.nocookie.net/tardis/images/f/fb/ExternalLinkLight.png")!important; | ||
background-position:right top !important; | background-position:right top !important; | ||
background-repeat: no-repeat !important; | background-repeat: no-repeat !important; | ||
} | } | ||
.ns-116 .WikiHeader > nav a, | .ns-116 .WikiHeader > nav a, | ||
.ns-116 .WikiHeader > nav a:link, | .ns-116 .WikiHeader > nav a:link, | ||
Line 70: | Line 65: | ||
color:black; | color:black; | ||
} | } | ||
/* Fixing diffs */ | /* Fixing diffs */ | ||
.ns-116 #mw-revision-info, | .ns-116 #mw-revision-info, | ||
.ns-116 #mw-revision-info-current, | .ns-116 #mw-revision-info-current, | ||
Line 78: | Line 71: | ||
color: white; | color: white; | ||
} | } | ||
.ns-116 table.diff, | .ns-116 table.diff, | ||
.ns-116 td.diff-otitle, | .ns-116 td.diff-otitle, | ||
.ns-116 td.diff-ntitle { | .ns-116 td.diff-ntitle { | ||
background-color:transparent; | background-color:transparent; | ||
font-family: | font-family:"Rubik"; | ||
} | } | ||
Line 115: | Line 106: | ||
padding:10px; | padding:10px; | ||
line-height:120%; | line-height:120%; | ||
font-family: | font-family:"Rubik"; | ||
} | } | ||
Line 127: | Line 118: | ||
.ns-116 span.autocomment { | .ns-116 span.autocomment { | ||
color:#fff; | color:#fff; | ||
font-family: | font-family:"Rubik"; | ||
} | } | ||
Line 167: | Line 158: | ||
=================== */ | =================== */ | ||
img { | .ns-116 #WikiaArticle img { | ||
max-width: 100%; | max-width: 100%; | ||
height: auto; | height: auto; | ||
width: auto\9; /* ie8 */ | width: auto\9; /* ie8 */ | ||
} | } | ||
.t-ctr { | .t-ctr { | ||
width:100%; | width:100%; | ||
margin: 0 auto; | margin: 0 auto; | ||
} | } | ||
.tmat-title { | .tmat-title { | ||
background-color:white; | background-color:white; | ||
padding:20px; | padding:20px; | ||
font-size:68px; | font-size:68px; | ||
font-family: | font-family:"Rubik"; | ||
color:white; | color:white; | ||
} | } | ||
Line 195: | Line 184: | ||
background:none; | background:none; | ||
padding:20px; | padding:20px; | ||
margin:20px; | margin:20px; | ||
min-height:400px | min-height:400px | ||
Line 210: | Line 193: | ||
margin-bottom:auto; | margin-bottom:auto; | ||
font-size:20px; | font-size:20px; | ||
font-family:" | font-family:"Rubik"; | ||
line-height:160%; | line-height:160%; | ||
margin-left:5px; | margin-left:5px; | ||
Line 220: | Line 203: | ||
margin-bottom:20px; | margin-bottom:20px; | ||
padding-top:20px; | padding-top:20px; | ||
font-family:" | font-family:"Rubik"; | ||
font-weight:bold; | font-weight:bold; | ||
} | } | ||
Line 231: | Line 214: | ||
#tr-box-container { | #tr-box-container { | ||
width: 90%; | width: 90%; | ||
margin: 2em auto; | margin: 2em auto; | ||
} | } | ||
Line 261: | Line 243: | ||
o-border-radius:10px; | o-border-radius:10px; | ||
border-radius:10px; | border-radius:10px; | ||
font-family:" | font-family:"Rubik"; | ||
color:#012c57; | color:#012c57; | ||
display:inline-block; | display:inline-block; | ||
Line 277: | Line 259: | ||
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; | position:relative; | ||
padding-bottom: | padding-bottom:3%; | ||
float:left; | float:left; | ||
height:auto; | height:auto; | ||
} | } | ||
.tr-box a:link, | .tr-box a:link, | ||
.tr-box a:visited { | .tr-box a:visited { | ||
Line 291: | Line 271: | ||
color:#aa1111; | color:#aa1111; | ||
} | } | ||
.tr-box.one { | .tr-box.one { | ||
} | } | ||
.tr-box.two { | .tr-box.two { | ||
} | } | ||
.tr-box.three { | .tr-box.three { | ||
height: auto; | |||
height: auto; | |||
/* no inline-block on this */ | /* no inline-block on this */ | ||
} | } | ||
.tr-box.four { | .tr-box.four { | ||
background-color: #ececec; | background-color: #ececec; | ||
height: auto /* was 500px */ | height: auto; /* was 500px */ | ||
display:inline-block | display:inline-block; | ||
} | } | ||
.tr-box.five { | .tr-box.five { | ||
background-color: #dadada; | background-color: #dadada; | ||
height: auto; /* was 600px; */ | height: auto; /* was 600px; */ | ||
display:inline-block | display:inline-block; | ||
} | } | ||
.tr-box.six { | .tr-box.six { | ||
Line 322: | Line 297: | ||
background-color:#dadada; | background-color:#dadada; | ||
height: auto; | height: auto; | ||
display:inline-block | display:inline-block; | ||
} | } | ||
#tr-cap, | #tr-cap, | ||
.tr-cap { | .tr-cap { | ||
Line 330: | Line 304: | ||
margin-bottom:10px; | margin-bottom:10px; | ||
font-style:italic; | font-style:italic; | ||
text-align:center | text-align:center; | ||
} | } | ||
#tr-tit, | #tr-tit, | ||
.tr-tit { | .tr-tit { | ||
font-family:" | font-family:"Rubik"; | ||
font-weight:600; | font-weight:600; | ||
font-size:20px; | font-size:20px; |
Latest revision as of 00:04, 5 March 2024
/* ================
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;
}