MediaWiki:Gadget-ms-Tardis.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.
/* ============================
Tardis.css v. 1.0
Month of last major change: October 2018
This page styles custom elements
which exist only here at Tardis.
If the base selector is unique to
Tardis, you'll find the styling here.
============================ */
/* ======================
TOP-OF-PAGE BANNERS
which identify the type
of article or give other
important messages about
the article as a whole
=======================
Clearly owes a debt to
memoryalpha.wikia.com,
who were riffin' off of
en.wikipedia
=======================
+++++++++++++++++++++++
Base frame
+++++++++++++++++++++++ */
div#article-type {
border:1px solid #e5c076;
padding:5px;
letter-spacing:.5px;
text-align:left;
min-height:55px;
margin:0px 0px 10px 0px;
}
div#article-type p {
margin-left:205px;
line-height:11px;
font-size:11px;
text-align:left;
font-weight:normal;
font-style:normal;
}
/* +++++++++++++++++++
Various article types
+++++++++++++++++++ */
div#type-title {
margin-left:205px;
font-size:18pt;
line-height:16pt;
}
div.type-realworld {
margin:auto auto auto auto;
top:0px;
max-height:55px;
background: url(https://images.wikia.nocookie.net/tardis/images/d/d8/SmallClapper.jpg) no-repeat;
z-index:5;
}
div.type-nc {
max-height:55px;
background: url(https://images.wikia.nocookie.net/tardistest/images/8/8c/NoncanonImage.jpg) no-repeat;
z-index:5;
}
div.type-disambig {
max-height:55px;
background: #292832 url(https://images.wikia.nocookie.net/__cb20090426213327/tardis/images/a/af/Transferring.jpg) no-repeat;
z-index:5;
}
div.type-inuse {
background: #292832 url(https://images.wikia.nocookie.net/tardis/images/e/e0/Inuse200px.jpg) no-repeat;
z-index:5;
}
div.type-update {
margin-left:180px;
background: #292832 url(https://images.wikia.nocookie.net/tardis/images/3/37/Update200px.jpg) no-repeat;
z-index:5;
}
div.type-cleanup {
background: #292832 url(https://images.wikia.nocookie.net/tardis/images/e/e2/Cleanup200px.jpg) no-repeat;
z-index:5;
}
div.type-delete {
background: #292832 url(https://images.wikia.nocookie.net/tardis/images/6/6b/Delete200px.jpg) no-repeat;
z-index:5;
}
div.type-oou {
background: #292832 url(https://images.wikia.nocookie.net/tardis/images/6/63/Oou200px.jpg) no-repeat;
z-index:5;
}
div.type-rename {
background: #292832 url(https://images.wikia.nocookie.net/tardis/images/1/1e/Rename200px.jpg) no-repeat;
z-index:5;
}
div.type-spoiler {
background: #292832 url(https://images.wikia.nocookie.net/tardis/images/7/7f/Spoiler200px.jpg) no-repeat;
z-index:5;
}
div.type-conjecture {
background: #292832 url(https://images.wikia.nocookie.net/tardis/images/c/c3/Conjecture200px.jpg) no-repeat;
z-index:5;
}
div.type-talk {
background: #292832 url(https://images.wikia.nocookie.net/__cb20110514204758/tardis/images/b/b4/Talk200px.jpg) no-repeat;
z-index:5;
}
div.type-unprod {
background: #292832 url(https://images.wikia.nocookie.net/tardis/images/f/f2/Unprod.png) no-repeat;
z-index:5;
}
div.type-doctorwhich {
background: #292832 url(https://images.wikia.nocookie.net/tardis/images/a/af/WhichDoctor.jpg) no-repeat;
z-index:5;
}
div.type-nonfiction {
background: #292832 url(https://images.wikia.nocookie.net/tardis/images/2/26/Nonfiction.png) no-repeat;
z-index:5;
}
div.type-prefix {
background: #292832 url(https://images.wikia.nocookie.net/tardis/images/d/d5/Prefix.png) no-repeat;
z-index:5;
background-size:200px 90px;
background-position:left top;
}
div.type-merge {
background-image: #292832 url(https://images.wikia.nocookie.net/__cb20100517214718/tardis/images/9/9c/Merge.png);
background-repeat:no-repeat;
background-size:200px 200px;
background-position:0 0;
z-index:5;
}
div.type-demonym {
background: #292832 url(https://images.wikia.nocookie.net/tardis/images/c/c6/Demonym200px.jpg) no-repeat;
z-index:5;
background-position:0px -20px
}
/* This is for the small, right-floating boxes,
like DisconNav */
div#inline-box-rt {
float:right;
padding:10px;
text-align: center;
border:1px solid #e5c076;
width:250px;
margin:10px;
line-height:1.1em;
font-size:.8em;
font-weight:400;
font-style:normal;
background-color:transparent ;
color:#fff;
}
/* This is for the small, left-floating
boxes, like section cleanup */
div#inline-box {
float:left;
padding:10px;
text-align: center;
border:1px solid #e5c076;
width:250px;
margin:10px;
line-height:1.1em;
font-size:.8em;
font-weight:400;
font-style:normal;
background-color:transparent;
color:#fff;
}
div#inline-box p,
div#inline-box-rt p {
line-height:.9em;
font-size:.8em;
font-weight:normal;
font-style:normal;
color:#ececec;
}
/* DIVs used in "messages" (as in the delete temp) */
div.warning {
background-color: #401F22;
border: 1px solid #660000;
color: #FF0000;
font-weight: bold;
margin: 2em 0 1em;
padding: .5em 1em;
margin-top:auto;
margin-bottom:auto;
text-align: justify;
}
div.header-notice,
.copyright-notice {
background-color: transparent;
border: 1px solid #e5c076;
color: #000;
padding: .5em 1em;
margin: auto;
width:80%;
line-height:110%;
font-size:95%;
text-align: justify;
}
div.header-notice table {
background-color: transparent;
padding: 1px;
}
div.notice {
background-color: #401F22;
border: 1px solid #CC0000;
color: #FFFFFF;
margin: 2em 10% 1em 10%;
padding: .5em 1em;
text-align: justify;
font-size:smaller;
}
div.header-notice#fa {
width: auto;
font-size: inherit;
}
div.notice p,
div.header-notice p,
div.warning p {
line-height: 120%;
}
div span.msg-title {
display: block;
width: 100%;
color: #FFD942;
text-align: center;
font-size: 150%;
font-weight: bold;
border-bottom: 1px solid #666;
}
/* ============
Wikipediainfo
and Image links tags
============
This puts {{wikipediainfo}}
on the top left side of the page */
#wikipedia-info,
.wikipedia-info,
div#wikipedia-info {
float:left;
margin-right:5px;
margin-top:15px;
}
.image-link,
div#image-link {
float:left;
margin-right:5px;
margin-top:15px;
}
/* This places {{protect}} and {{lock}}
underneath {{wikipediainfo}} in case
they're ever on the same page together. */
.protect,
div#protect {
float:left;
margin-right:5px;
margin-top:15px;
}
.type-of-article,
div#type-of-article {
float:left;
margin-right:5px;
margin-top:15px;
}
/* =======================
SHORTCUTS
the little boxes that say
T:WHATEVER
in the upper right hand corner
of pages
=======================
Base style probably originated
at en.wikipedia, but has spread
to some of the larger Wikia
wikis like Wookiee, The Vault and MA
======================== */
div.shortcut {
float:right;
background:transparent;
border:1px solid #e5c076;
padding: 0.65em;
margin: 10px 10px 10px 10px;
text-align: center;
font-size:smaller;
font-weight:bold;
width: auto;
}
/* ===============
TIMELINE
=============== */
.timeline a:visited,
.timeline a:link {
color:#ccdfff
}
.timeline a:hover {
color:#fff9d4;
background:none;
}
.timeline {
color:#fff;
background: #012c57;
background: -moz-linear-gradient(top, #012c57 0%, #012c57 35%, #4e7dab 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#012c57), color-stop(35%,#012c57), color-stop(100%,#4e7dab));
background: -webkit-linear-gradient(top, #012c57 0%,#012c57 35%,#4e7dab 100%);
background: -o-linear-gradient(top, #012c57 0%,#012c57 35%,#4e7dab 100%);
background: -ms-linear-gradient(top, #012c57 0%,#012c57 35%,#4e7dab 100%);
background: linear-gradient(top, #012c57 0%,#012c57 35%,#4e7dab 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012c57', endColorstr='#4e7dab',GradientType=0 );
overflow: visible;
border-color:transparent;
text-align: center;
font-size: 0.85em;
float: right;
clear: right;
width: 250px!important;
min-width:250px!important;
margin-bottom: 10px;
margin-right: 10px;
}
/* =========================
SPECIAL STYLES
mainly used in template design
=========================
These designs are all unique
to tardis.wikia.com and were
created by CzechOut
========================= */
#editpage-specialchars,
#glow {
background-color: transparent;
border: 1px solid #e5c076;
padding: .5em 1em;
margin:auto;
width:95%;
line-height:110%;
font-size:95%;
text-align:justify;
-moz-box-shadow: -0px 0px 40px #e5c076;
-webkit-box-shadow: -0px 0px 40px #e5c076;
-ms-box-shadow: -0px 0px 40px #e5c076;
-o-box-shadow: -0px 0px 40px #e5c076;
box-shadow: -0px 0px 40px #e5c076;
}
#quote-nom {
background-color: transparent;
border: 1px solid #e5c076;
margin-right: 260px;
padding: .5em 1em;
vertical-align: middle;
margin-left:auto;
margin-right:auto;
line-height:110%;
font-size:95%;
text-align: justify;
-moz-box-shadow: inset -0px 0px 25px 4px #e5c076;
-webkit-box-shadow: inset -0px 0px 25px 4px #e5c076;
-ms-box-shadow: inset -0px 0px 25px 4px #e5c076;
-o-box-shadow: inset -0px 0px 25px 4px #e5c076;
box-shadow: inset -0px 0px 25px #e5c076 4px;
}
#license {
background-color: transparent;
border: 1px solid #e5c076;
margin: auto;
padding: .5em 1em;
width:80%;
line-height:110%;
font-size:95%;
font-family: "Rubik";
text-align: left;
color:#fff;
}
#box {
font-weight:normal;
background-color:transparent;
border: 1px solid #e5c076;
color:inherit;
font-family:"Rubik";
padding:10px;
margin-top:25px;
margin-bottom:25px;
margin-left:auto;
margin-right:auto;
font-size:95%;
}
#box-rt {
font-weight:normal;
background-color:transparent;
border: 2px solid #e5c076;
color:#000;
font-family:"Rubik";
padding:10px;
margin-top:25px;
margin-bottom:25px;
margin-left:auto;
margin-right:auto;
font-size:95%;
}
#box-lt {
font-weight:normal;
background-color:transparent;
border: 1px solid #e5c076;
color:#000;
font-family:"Rubik";
padding:10px;
margin:25px auto 25px auto;
font-size:95%;
}
#th {
font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;
font-size:1.8em;
line-height:1.2em;
font-style:italic;
color:#000;
font-weight:bold;
}
.error, #error {
color:#000;
font-weight:bold;
}
.error, #error,
#tech, .tech {
width:95%;
font-weight:normal;
background-color:transparent;
border: 1px solid #e5c076;
font-family:"Rubik";
padding:10px;
margin-top:25px;
margin-bottom:25px;
margin-left:auto;
margin-right:auto;
font-size:95%;
}
#mainpage-highlight {
margin-bottom:15px;
padding:5px;
background-color: transparent;
border:1px solid #e5c076;
}
#crewtop {
background:transparent;
-moz-border-radius:50% 50% 0% 0% / 5% 5% 0% 0%;
-webkit-border-radius:50% 50% 0% 0% / 5% 5% 0% 0%;
-ms-border-radius:50% 50% 0% 0% / 5% 5% 0% 0%;
-o-border-radius:50% 50% 0% 0% / 5% 5% 0% 0%;
border-radius:50% 50% 0% 0% / 5% 5% 0% 0%;
border:3px solid #e5c076;
clear:both;
width:auto;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
padding:10px;
font-size:.90em;
line-height:.95em;
font-family : "Rubik";
}
#crew {
background:transparent;
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-ms-border-radius: 0px 0px 10px 10px;
-o-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
clear:both;
width:auto;
padding:11px;
border:2px solid #e5c076;
margin-left:auto;
margin-right:auto;
font-size: 0.80em;
line-height:.90em;
font-family : "Rubik";
}
.stitched {
padding: 5px 10px;
margin: 10px;
line-height: 100%;
border: 1px solid #e5c076;
-webkit-border-radius: 10px 0px 0px 10px;
-moz-border-radius: 10px 0px 0px 10px;
-ms-border-radius: 10px 0px 0px 10px;
-o-border-radius: 10px 0px 0px 10px;
border-radius: 10px 0px 0px 10px;
font-weight: normal;
font-family : "Rubik";
}
.key, #key {
font-size:.9em;
background-color:inherit;
border: 1pt outset #e5c076;
text-align:center;
vertical-align:middle;
padding:2px;
margin:2px;
font-weight:bold;
font-family:"Rubik";
}
#block {
display:block;
height:30px;
width:100px;
border:1px solid #e5c076;
margin:5px;
}
#tgrey {
background:transparent url(https://images.wikia.nocookie.net/tardistest/images/6/6e/75opacitygrey.png);
}
/* Dabtag and mosbox */
.dabtag,
#dabtag {
border:2px solid #e5c076;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
overflow:hidden;
font-size: 0.80em;
line-height:.95em;
font-family: "Rubik";
display:inline-block;
width:276px; /* this is precise width of two stub tags */
margin-top:10px;
margin-bottom:10px;
margin-right:17px!important; /*overrides the div.dabtag elsewhere */
float:left;
line-height:130%;
}
#mosbox {
font-family: "Rubik";
text-transform:none;
letter-spacing:0px;
line-height:120%;
word-break:normal;
font-size:16px;
word-wrap:break-word;
}
#mos-summary {
font-style:italic;
margin: 25px;
border-bottom: 2px solid #b0b0b0;
font-size:150%;
padding:10px;
font-weight:normal;
line-height:150%;
font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;
}
.mosheadcolor {
color:#000;
}
.moscolor {
color:#000;
}
/* ==============
DPL formats
============== */
.dpl3 {
vertical-align:top;
width:100%;
margin:0 auto;
}