MediaWiki:Gadget-ms-Transmat.css: Difference between revisions
From Tardis Wiki, the free Doctor Who reference
No edit summary |
No edit summary |
||
| Line 277: | Line 277: | ||
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:30%; | ||
float:left; | float:left; | ||
height:auto; | height:auto; | ||
Revision as of 21:49, 10 February 2014
/* ================
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
}
.ns-116 a:link,
.ns-116 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;
background-color:#012c57;
color:white;
}
.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
}
/* ================
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
=================== */
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,
.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
}
#feature p,
.feature p {
margin-top:auto;
margin-bottom:auto;
font-size:20px;
font-family:"Roboto Slab";
line-height:160%;
margin-left:5px;
}
#feature-title,
.feature-title {
font-size:48px;
line-height:44px;
margin-bottom:20px;
padding-top:20px;
font-family:"anton";
font-weight:bold;
}
#feature-title a,
.feature-title a {
color:white
}
#tr-box-container {
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";
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:30%;
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 {
/*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,
.tr-cap {
font-size:80%;
margin-bottom:10px;
font-style:italic;
text-align:center
}
#tr-tit,
.tr-tit {
font-family:"Anton, 'Roboto Slab',Merriweather,serif";
font-weight:600;
font-size:20px;
line-height:130%;
padding-bottom:5px;
margin-bottom:15px;
}
