MediaWiki:Common.css

/* */ @import url("/load.php?debug=false&&allinone=0&lang=en&mode=articles&articles=MediaWiki:NavboxWP.css|MediaWiki:Category.css|MediaWiki:Staff.css|&only=styles");

/* ============================================================    If you're trying to understand our general design philosophy and goals, please see Tardis:CSS notes. ============================================================ */

/* ====================    GENERAL FONT MATTERS ==================== */

/* ==================    Fancy Ampersand ================== */

.amp { font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; font-style: italic; font-weight: normal; }

/* ===================    SUPER/SUBSCRIPT FIX ===================   This should prevent super/subscripts from affecting line-height =================== */

sup { vertical-align: baseline; position: relative; top: -0.125em; } sub { vertical-align:baseline; position: relative; top: 0.125em; }

/* ===================    HTML 5.0 fixes (replacing deprecated   HTML) =================== */

text-decoration: underline }
 * 1) underline, .underline {

text-decoration: line-through }
 * 1) strike, .strike {

/* ===================    Printing =================== */

@media print {

body, h1, h2, h3, h4, h5, h6, .WikiaPage, .WikiaArticle { color:#000; background-color: #FFF; }

}

/* PRINTFOOTER */

.printfooter { display:none }

/* ===================    Preset font IDs =================== */

font-family: Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace; font-size:100%; line-height:110%; }
 * mn, .mn {

font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; font-size:100%; line-height:110%; }
 * sf, .sf {

font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; font-size:1.6em; line-height:1.2em; color:#012c57; }
 * sfh, .sfh {

font-family:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; font-size:100%; line-height:110%; }
 * ss, .ss {

font-family:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; font-size:1.6em; line-height:1.2em; color:#012c57; }
 * ssh, .ssh {

/* ==================    SECTION HEADLINES ================== */ h1 { margin: 0; font-size:2em; line-height: 1.2em; margin-bottom: 1em; /*font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; */ font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; color: #012c57; letter-spacing:0px; }

h2#mw-content-text, h2 { margin: 0; font-size:1.1em; line-height: 1.0909090909090908em; margin-top: 1px; margin-bottom: 1.0909090909090908em; /*font-family: 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;*/ font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:none; color:#012c57; }

h2 span { margin-top:1px; }

.AdminDashboardChromedArticle h2 { text-transform: none; background: none; color: #012c57; border: none; border-bottom: 1px solid #012c57; margin-bottom: 5px; margin-bottom: 20px; }

h3 { margin: 0; font-size:1em; font-weight:normal; /*font-size: 1.25em;*/ line-height: 1.2em; margin-bottom: 1.2em; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; letter-spacing:0px; text-transform:none; color:      #012c57; }
 * 1) sans-accent, /* this allows use of this style without it being read as a section header */

h4 { margin: 0; font-size:.9em; font-weight:bold; /*font-size: 1.125em;*/ line-height: 1.3333333333333333em; margin-bottom: 1.3333333333333333em; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; letter-spacing:0px; text-transform:none; color: #012c57; }

h5 { margin: 0; font-size:.7em; font-weight:bold; /*font-size: 1em;*/ line-height: 1.1em; margin-bottom: 1.1em; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; letter-spacing:0px; text-transform:none; color: #012c57; }

p.small, h6 { margin: 0; font-size:.6em; font-weight:bold; /*font-size: 0.875em;*/ line-height: 1.0em; margin-bottom: 1.0em; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; letter-spacing:0px; text-transform:none; color: #012c57; }

.mw-headline { margin-top:5px; }

p { line-height:145% }

/* This has an effect upon recent and related changes, as well as its more obvious effect on tables. Well, to be precise, recent and related changes ARE tables. */

table { border-collapse: collapse; margin-bottom: 5px; /*1.1 em;*/ }

/* Class to force links to be underlined and kept white for use on blue backgrounds. To use: link --Paulgb from WP */

.underlinelink a { text-decoration: underline !important; color:white; }

/* ================    LINK COLORING ================ */ /* 3344dd is the most visible blue 804180 is the most visible purple b50010 is the most visible red if there's a pure white background */

a:link { color:#2f2cb8/*#0253a3; */ /*#3344dd #862b00*/ /*#004b49*/ /*#964b00*/ /*rgb(0,0,0)*/ /*#664471*/; } /* normal unvisited links */ a:visited { color: #2f2cb8 /*#0253a3; *//*#012c57;*/ /*#85004b;*/ } /* visited links */ a:link:active { color: #012c57; background:none; text-decoration:none } /* active links */ a:link.new { color: #aa1111; } /* new links */ a:link.interwiki { color: #3366BB; } /* interwiki links */ a:link.external { color: #3366BB; } /* external links */ /*a:link.stub { color: #521452; } hovered links */ a:hover {color:#012c57;background:yellow;text-decoration:underline;}

.darkhover a:hover, color:#012c57!important; }
 * 1) darkhover a:hover {

/* ===================    Inter-wiki styling ===================

Turning all this off 6.Nov.13

font-weight: bold; } */
 * 1) interwiki-completelist {

/* This is for all interwiki links

background-image: none;*/ /*transparent url(IMAGELINK) no-repeat scroll center right*/ /*   color:#752DB9; */ /*padding-right: 18px; turning off until I can get an actual image link */ /* } /* This is only for links within Wikia; i.e. [[w:c: links
 * 1) bodyContent a.extiw {

background-image: none; *//*transparent url(IMAGELINK) no-repeat scroll center right*/ /*   color:green; */ /*padding-right: 18px;*//* }
 * 1) bodyContent a[href^="http://www.wikia.com/wiki/c:"],
 * 2) bodyContent a[href^="http://www.wikia.com/wiki/c:"]:active {

background-image: none; *//*transparent url(IMAGELINK) no-repeat scroll center right;*/ /*   padding-right: 18px; }
 * 1) bodyContent a[class~^="wikia-"], #bodyContent a[class^="wikia-"]:active {

/* Specific links to Wikipedia turned off for now

background-image: none; (transparent url(IMAGELINK) no-repeat scroll center right;) padding-right: 18px; } /*
 * 1) bodyContent a.interwiki-wikipedia, #bodyContent a.interwiki-wikipedia:active {

/* Specific links to particular wikia wikis might be something we do with "allied" wikis

background-image: none; (transparent url(IMAGELINK) no-repeat scroll center right;_   padding-right: 18px; }
 * 1) bodyContent a.interwiki-w.wikia-guildwars, #bodyContent a.interwiki-w.wikia-guildwars:active,
 * 2) bodyContent a.interwiki-wikia.wikia-guildwars, #bodyContent a.interwiki-wikia.wikia-guildwars:active {

/* External link graphics */

.WikiaArticle a.external, .WikiaArticle a[href^="gopher://"] { background-image:none; }

.WikiaArticle a.external:after, .WikiaArticle a[href^="gopher://"]:after { background-image: url("http://images2.wikia.nocookie.net/tardis/images/b/bd/ExternalLink.png"); background-position:right top; background-repeat: no-repeat; }

/* Margins for  and 

Remarking out because it's unclear what effect this would have on infoboxen where people have gone crazy with these things. But one day, we really should look into formally styling these elements.

div#content ol, div#content ul, div#mw_content ol, div#mw_content ul { margin-bottom: 0.5em; }

/* ================    REFERENCES =============== */

/* Make the list of     references smaller */

ol.references, div.reflist, div.references, div.references-small, div.refbegin { font-size: 80%; }

div.reflist ol.references { font-size: 100%; /* Reset font-size when nested in div.reflist */ list-style-type: inherit; /* Enable custom list style types */ } /* Highlight clicked reference in blue to help navigation */

ol.references li:target, sup.reference:target, span.citation:target { background-color: #D8DFE5; } /* Ensure refs in table headers and the like aren't bold or italic */

sup.reference { font-weight: normal; font-style: normal; } /* Styling for citations  */

span.citation, cite { font-style: normal; word-wrap: break-word; } /* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version

Remarked out cause I don't know what it does.

@media screen, handheld { span.citation *.printonly { display: none; } }

/* ==================    Search result styling ================== */

.Search .result h1, .Search .result h3 { font-size:18px; font-weight:bold; font-family:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; }

/* ==================    ARTICLE TITLES ================== */

body.mainpage .firstHeading { display:none; }

.WikiaPageHeader { padding-bottom:1px; } /* Getting rid 11/6/13 to allow Wikia.css control

.WikiaBlogPostHeader h1, .WikiaPageHeader h1 { font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; font-size: 1.9em; line-height: 1.3em; font-weight:600; color:#012c57; } .WikiaPageHeader h2 { border: medium none; font-size: 12px; font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; letter-spacing: 0px; text-transform: none; font-style: italic; margin-left: 5px; color:#012c57; }



/* ==================    JAVASCRIPT ARCHIVE MODULE powers ArchiveTool ================== */

/* colors appear to need to be !importanted */

.archiving .ajax { display: block; margin: 25px auto; } .archiving td { background-color: transparent; min-height: 1em; color: #000; cursor: pointer; } .archiving tr.archive td.line { background-color: #012c57!important; color: #fff!important; } .archiving tr.noarchive td.line { background-color: transparent!important; color: #012c57!important; }

/* =================    CHECKERED BACKGROUND ================= */

background: url("http://images.wikia.com/tardis/images/5/5a/Checker-Blue.png") repeat; } .collapseLink { cursor: pointer; }
 * 1) file img {

/* =================    EDITING ================= */

/* monospaced fonts for clarity */

/* Input boxes */

button, input[type="submit"], input[type="button"], input[type="reset"] { cursor: pointer; } input[type="text"], input[type="password"] { border: 1px inset #aaa; -moz-border-radius:.5em; -webkit-border-radius:.5em; -o-border-radius:.5em; -ms-border-radius:.5em; border-radius:.5em; padding-left: 0.5em; padding-right: 0.5em; } select { border: 1px inset #aaa; -moz-border-radius:.5em; -webkit-border-radius:.5em; -o-border-radius:.5em; -ms-border-radius:.5em; border-radius:.5em; padding-left: 0.5em; padding-right: 0.5em; } textarea, editpage-editarea yui-ac, .skin-oasis textarea { font-family: Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console","Nimbus Mono L", "Courier New", monospace !important; }

input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { background: #E2E2F0; /*#A6A6B8 I like this one; a "light" dark blue*/ }

/* This is the horizontal strip containing the "save" and "cancel" buttons */

.csViewMode #csButtonsContainer { background-color:transparent }

.csButtonsContainer { background-color:transparent; }

/* Changes the outside category add autosuggest thingy */

background-color:#ECECEC; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-radius:10px; border:1px solid #012c57; -moz-box-shadow:0 0 20px #012c57; -webkit-box-shadow:0 0 20px #012c57; -o-box-shadow:0 0 20px #012c57; -ms-box-shadow:0 0 20px #012c57; box-shadow:0 0 20px #012c57; color:#012c57; font-family:Monaco,'Andale Mono','Lucida Sans Typewriter','Lucida Console', 'Nimbus Mono L', 'Courier New', monospace; font-size:14pt; padding:3px; max-height:235px; /*top:-40px; value prior to 27 november 2012 */ top:-100px; bottom:auto; width:auto; }
 * 1) csSuggestContainer .yui-ac-content {

background:transparent; color:#012c57; line-height:110%; padding:3px; font-family:Monaco,'Andale Mono','Lucida Sans Typewriter','Lucida Console', 'Nimbus Mono L', 'Courier New', monospace; }
 * 1) csSuggestContainer .yui-ac-content li {

.CSsuggestHover, /* This bit allows navigation by up/down arrows */ background:#D8dfe5; }
 * 1) csSuggestContainer .yui-ac-content li:hover /* This bit does mouseovers */ {

/* Changing link suggestions */ /* aka "autosuggest" or "autocomplete" */ .ui-autocomplete/*, .link-suggest-container .yui-ac-content */ { background:#012c57!important; -moz-border-radius:10px!important; -webkit-border-radius:10px!important; -o-border-radius:10px!important; -ms-border-radius:10px!important; border-radius:10px!important; border:2px solid #fff!important; -moz-box-shadow:20px 10px 30px #b0b0b0!important; -webkit-box-shadow:20px 10px 30px #b0b0b0!important; -o-box-shadow:20px 10px 30px #b0b0b0!important; -ms-box-shadow:20px 10px 30px #b0b0b0!important; box-shadow:20px 10px 30px #b0b0b0!important; color:#fff!important; /*font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;*/ font-family: Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace; font-size:14pt; padding:3px; line-height:110%; top:-40px; }

.ui-autocomplete .ui-menu-item a { color:#ccdfff; }

.link-suggest-container .navigation-hover li, .ui-autocomplete .ui-menu-item a:hover { color:#012c57; } /* .link-suggest-container .yui-ac-content li { background:#012c57; color:#fff; font-weight:normal; border:none; } .link-suggest-container .yui-ac-content li:hover, /* This bit does mouseovers */ .link-suggest-container .navigation-hover { /* This bit does navigation by up/down arrows */ background:#D8DFE5; font-weight:normal; color:#012C57!important; }

/* Changes font of Bot edits */ a[href="/wiki/User:CzechBot"], /* "CzechOut's Bot */ a[href="/wiki/User:SV7"], /* "SOTO Bot" (local user) */ a[href="/wiki/User:Wikia_Video_Library"], a[href="/wiki/User:Wikia"], a[href="/wiki/User:WikiaBot"], a[href="/wiki/User:Default"], a[href="/wiki/User:Maintenance_script"], a[href="/wiki/User:MediaWiki_default"], a[href="/wiki/User:QATestsBot"], a[href="/wiki/user:VSTF_bot"] {    font-family: Zapfino, /* For Mac */               'Edwardian Script ITC', /* For half of Win users */               'Blackadder ITC', /* For the other half */               'URW Chancery L', /* for virtually all Linux users */               'Monotype Corsiva', /* For a tiny fraction of Win and Mac users */                fantasy /* everyone's fallback */;    text-transform:none;    font-size:85%;    color: #521452 /* #6E6AC4 */; }

/* Changes colour of Admin edits */

a[href="/wiki/User:***Stardizzy***"], a[href="/wiki/User:23skidoo"], a[href="/wiki/User:Amxitsa"], a[href="/wiki/User:Azes13"], a[href="/wiki/User:Doug86"], a[href="/wiki/User:Freethinker1of1"], a[href="/wiki/User:Ghel%C3%A6"], a[href="/wiki/User:Wikia-Jaster"], a[href="/wiki/User:GingerM"], a[href="/wiki/User:Joker1138"], a[href="/wiki/User:Josiah_Rowe"], a[href="/wiki/User:Mantrid"], a[href="/wiki/User:Mini-mitch"], a[href="/wiki/User:Nhprman"], a[href="/wiki/User:OncomingStorm"], a[href="/wiki/User:Revanvolatrelundar"], a[href="/wiki/User:SmallerOnTheOutside"], a[href="/wiki/User:Sean-Black"], a[href="/wiki/User:Skittles_the_hog"], a[href="/wiki/User:Shambala108"], a[href="/wiki/User:Tangerineduel"], a[href="/wiki/User:Wikia-Jaster"] { color: #521452; font-weight: normal; font-family: Gadget, "Arial Rounded MT Bold", "Abadi MT Condensed Extra Bold", "Gill Sans Ultra Bold","Arial Black",sans-serif; }

/* ======================    POLLS ====================== */

div.ajax-poll { border:2px solid #012c57; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; color:#1F1E38; padding:5px; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; letter-spacing:1px; text-align:left; margin:10px; width:auto }

/* ======================    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:2px solid #012c57; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; /*      -moz-box-shadow: inset -0px 0px 25px 4px #012C57; -webkit-box-shadow: inset -0px 0px 25px 4px #012C57; -ms-box-shadow: inset -0px 0px 25px 4px #012C57; -o-box-shadow: inset -0px 0px 25px 4px #012C57; box-shadow: inset -0px 0px 25px #012C57 4px;*/ color:#012c57; padding:5px; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; 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; color:#1F1E38; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; }

/* +++++++++++++++++++  Various article types +++++++++++++++++++ */

div#type-title { margin-left:205px; font-size:18pt; line-height:16pt; color:#1F1E38; }

div.type-realworld { margin:auto auto auto auto; top:0px; max-height:55px; background: #ececec url(http://images3.wikia.nocookie.net/tardis/images/d/d8/SmallClapper.jpg) no-repeat; z-index:5; }

div.type-nc { max-height:55px; background: #ececec url(http://images1.wikia.nocookie.net/tardistest/images/8/8c/NoncanonImage.jpg) no-repeat; z-index:5; }

div.type-disambig { max-height:55px; background: #ececec url(http://images2.wikia.nocookie.net/__cb20090426213327/tardis/images/a/af/Transferring.jpg) no-repeat; z-index:5; }

div.type-inuse { background: #ececec url(http://images1.wikia.nocookie.net/tardis/images/e/e0/Inuse200px.jpg) no-repeat; z-index:5; }

div.type-update { margin-left:180px; background: #ececec url(http://images4.wikia.nocookie.net/tardis/images/3/37/Update200px.jpg) no-repeat; z-index:5; }

div.type-cleanup { background: #ececec url(http://images1.wikia.nocookie.net/tardis/images/e/e2/Cleanup200px.jpg) no-repeat; z-index:5; } div.type-delete { background: #ececec url(http://images4.wikia.nocookie.net/tardis/images/6/6b/Delete200px.jpg) no-repeat; z-index:5; } div.type-oou { background:#ececec url(http://images4.wikia.nocookie.net/tardis/images/6/63/Oou200px.jpg) no-repeat; z-index:5; } div.type-rename { background:#ececec url(http://images4.wikia.nocookie.net/tardis/images/1/1e/Rename200px.jpg) no-repeat; z-index:5; } div.type-spoiler { background:#ececec url(http://images3.wikia.nocookie.net/tardis/images/7/7f/Spoiler200px.jpg) no-repeat; z-index:5; } div.type-conjecture { background:#ececec url(http://images3.wikia.nocookie.net/tardis/images/c/c3/Conjecture200px.jpg) no-repeat; z-index:5; } div.type-talk { background:#ececec url(http://images2.wikia.nocookie.net/__cb20110514204758/tardis/images/b/b4/Talk200px.jpg) no-repeat; z-index:5; } div.type-unprod { background:#ececec url(http://images3.wikia.nocookie.net/tardis/images/f/f2/Unprod.png) no-repeat; z-index:5; } div.type-doctorwhich { background:#ececec url(http://images4.wikia.nocookie.net/tardis/images/a/af/WhichDoctor.jpg) no-repeat; z-index:5; } div.type-nonfiction { background:#ececec url(http://images3.wikia.nocookie.net/tardis/images/2/26/Nonfiction.png) no-repeat; z-index:5; } div.type-prefix { background:#ececec url(http://images.wikia.com/tardis/images/d/d5/Prefix.png) no-repeat; z-index:5; background-size:200px 90px; background-position:left top; } div.type-merge { background-color:#ececec; background-image: url(http://images4.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:#ececec url(http://images.wikia.com/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; font-family:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; color:#012c57; border:1px solid #012c57; -webkit-border-radius: 50%/15%; -moz-border-radius: 50%/15%; -ms-border-radius: 50%/15%; -o-border-radius: 50%/15%; border-radius: 50%/15%; -moz-box-shadow: -0px 0px 10px 4px #012C57; -webkit-box-shadow: -0px 0px 10px 4px #012C57; -ms-box-shadow: -0px 0px 10px 4px #012C57; -o-box-shadow: -0px 0px 10px 4px #012C57; box-shadow: -0px 0px 10px #012C57 4px; width:250px; margin:10px; line-height:1.1em; font-size:.8em; font-weight:400; font-style:normal; background-color:#ececec; }

/* This is for the small, left-floating boxes, like section cleanup */

div#inline-box { float:left; padding:10px; text-align: center; font-family:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; color:#012c57; border:1px solid #012c57; -webkit-border-radius: 50%/15%; -moz-border-radius: 50%/15%; -ms-border-radius: 50%/15%; -o-border-radius: 50%/15%; border-radius: 50%/15%; -moz-box-shadow: -0px 0px 10px 4px #012C57; -webkit-box-shadow: -0px 0px 10px 4px #012C57; -ms-box-shadow: -0px 0px 10px 4px #012C57; -o-box-shadow: -0px 0px 10px 4px #012C57; box-shadow: -0px 0px 10px #012C57 4px; width:250px; margin:10px; line-height:1.1em; font-size:.8em; font-weight:400; font-style:normal; background-color:#ececec; }

div#inline-box p, div#inline-box-rt p { line-height:.9em; font-size:.8em; font-weight:normal; font-style:normal; color:#012c57; font-family: font-family:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; }

/* ++++++++++++++++++++++++++++    TOC LEVELS ++++++++++++++++++++++++++++ */

/* Allow limiting of which header levels are shown in a TOC; , for instance, will limit to   showing ==headings== and ===headings=== but no further (as long as there are no =headings= on the page, which   there shouldn't be according to the MoS). Taken from en:wikipedia in order to make template:TOC limit work */

.toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; }

.commentsbubble { display:none; }

/* Special Pages */

.mw-specialpagesgroup { background-color:#012c57; border:1px solid #666; color:white; }

/* ===================    DIFF RENDERING =================== */

table.diff, td.diff-otitle, td.diff-ntitle { background:none!important; background-color:transparent; font-family:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; }

td.diff-addedline { border:2px solid white; background: #bfbe30; color: black; padding:10px!important; line-height:120%; font-size:14px; font-family: Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace; } td.diff-deletedline { border:2px solid white; background: #c35858; color: black; padding:10px!important; line-height:120%; font-size:14px; font-family: Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace; } td.diff-context { background:#ececec; color: black; border: none; font-weight:normal; font-size:12px; margin-bottom:5px; margin-top:5px; padding:10px!important; line-height:120%; font-family:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; }

span.diffchange { color:#fff; font-weight: bold; text-decoration: none; font-size:14px; }

span.autocomment { color:#012c57; font-family:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; }

.WikiaArticle #pagehistory li.selected { background-color:#d5e9fe; color:#012c57; }

.WikiaArticle #pagehistory li.selected a { color:#012c57 }

/* ===================    QUOTATIONS =================== */ /* ---    SIMPLE QUOTATIONS powers template:sq --- */ /* Don't really need these in "simple" quotes

.simplequote::before { content: "“"; float: left; height: 60px; /* original value 45px */ margin-top: -20px; padding-top: 45px; margin-bottom: -50px; font-size: 700%; color: #012c57;; }

.simplequote::after { content: "”"; float: right; height: 25px; margin-top: 0px; padding-top: 20px; /* original value 45 px */ font-size: 700%; color: #012c57; } .simplequote { font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; font-style:italic; margin-left:25px; margin-right:25px; font-size: 1.5em; line-height: 1.6em; margin-bottom: 1.5em; }

.simplequote[cite]::after { display: block; text-align: right; content: "\2014\ " attr(cite); font-style: normal; font-size: 1.2em; }

.simplequote span.author { position: relative; display: block; font-size:100%; line-height:90%; text-align: right; margin-top: 5px; color: #999; font-style:italic; } .simplequote span.author a:link { color: #3344dd !important; } .simplequote span.author a:visited { color: #2f2cb8 !important; } .simplequote span.author i { position: relative; font-size:100%; line-height:90%; background: #eee; padding-left: 25px; font-style: italic; z-index: 5; }   .simplequote span.author::before { display: block; content: ""; position: absolute; top: 50%; left: 0; width: 100%; float:left; height: 1px; background: #ccc; z-index: 1; }

/* Blockier way of doing quotes */

blockquote { position: relative; display: inline-block; background: #eee; padding: 40px 30px 30px 60px; border-radius: 10px; font-size:150%; line-height:120%; font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; color: #333; text-align: left; box-shadow: 1px 1px 1px #012c57, 2px 2px 1px #012c57, 3px 3px 1px #012c57; transition-duration: .3s; margin-right:20px; margin-left:20px; width:auto; }

blockquote a:link { color: #3344dd ; }

blockquote a:visited { color: #2f2cb8 ; }

blockquote span.author { position: relative; display: block; font-size:100%; line-height:90%; text-align: right; margin-top: 5px; color: #999; font-style:italic; }   blockquote span.author i { position: relative; font-size:100%; line-height:90%; background: #eee; padding-left: 25px; font-style: italic; z-index: 5; }   blockquote span.author::before { display: block; content: ""; position: absolute; top: 50%; left: 0; width: 100%; float:left; height: 1px; background: #ccc; z-index: 1; } blockquote:hover { -webkit-box-shadow: 1px 1px 5px #012c57, 2px 2px 6px #012c57, 3px 3px 7px #012c57; -moz-box-shadow: 1px 1px 5px #012c57, 2px 2px 6px #012c57, 3px 3px 7px #012c57; -ms-box-shadow: 1px 1px 5px #012c57, 2px 2px 6px #012c57, 3px 3px 7px #012c57; -o-box-shadow: 1px 1px 5px #012c57, 2px 2px 6px #012c57, 3px 3px 7px #012c57; box-shadow: 1px 1px 5px #012c57, 2px 2px 6px #012c57, 3px 3px 7px #012c57; } blockquote::before { display: block; position: absolute; top: 40px; left: 0px; content: "“"; font-family: "Lucida Grande", sans-serif; font-size: 150px; color: #012c57; z-index:6; }

/* ================    TABLES ================ */

/* ================    General hover background which should apply to all tables. ================ */

table.infobox-exterior, border:2px solid #fff; -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; -moz-box-shadow:0 0 20px #012c57; -webkit-box-shadow:0 0 20px #012c57; -o-box-shadow:0 0 20px #012c57; -ms-box-shadow:0 0 20px #012c57; box-shadow:0 0 20px #012c57; background:#012c57; color:#fff; float:right; clear:right; width:252px; margin:0 5px 10px 20px; padding-top: 5px; padding-bottom:10px; } table.infobox-interior, font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L', 'Nimbus Sans L', sans-serif; font-size: 12px; margin:auto; padding:auto; float:right; text-align: right; width:100%; border-collapse: collapse; -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; }
 * 1) infobox-exterior {
 * 1) infobox-interior {

table.infobox-interior th, color: #fff; overflow:hidden; text-decoration:none; letter-spacing:0px; margin-right:4px; padding: 4px; line-height:110%; background:#012c57; }
 * 1) infobox-interior th {

table.infobox-interior td, background: #ececec; background: -moz-linear-gradient(45deg, #ffffff 0%, #ececec 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffffff), color-stop(100%,#ececec)); background: -webkit-linear-gradient(45deg, #ffffff 0%,#ececec 100%); background: -o-linear-gradient(45deg, #ffffff 0%,#ececec 100%); background: -ms-linear-gradient(45deg, #ffffff 0%,#ececec 100%); background: linear-gradient(45deg, #ffffff 0%,#ececec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=1 ); border-top: 1px solid #fff; color: #012c57; vertical-align:top; line-height:1.2em; }
 * 1) infobox-interior td {

table.infobox-interior tbody tr:hover td, background: #d8dfe5; }
 * 1) infobox-interior tbody tr:hover td {

table.infobox-interior td.info-both, text-align:right; padding:0 0 0 0; line-height:1em; } table.infobox-interior td.info-both img, display:block; /*force new line after img in sidebar */ margin: 0; padding-left: 0; padding-right: 0; }
 * 1) infobox-interior td.info-both {
 * 1) infobox-interior td.info-both img {

table.infobox-interior td.info-left, width: 50%; min-width:50% font-weight: bold; text-align: right; vertical-align:top; line-height:1em; padding:5px; }
 * 1) infobox-interior td.info-left {

table.infobox-interior td.conflict-left, width:50%; text-align:center; border-right:1px solid #012c57 }
 * 1) infobox-inteior td.conflict-left {

table.infobox-interior td.info-right, text-align:left; vertical-align:top; line-height:1em; padding:5px; }
 * 1) infobox-interior td.info-right {

table.infobox-interior td.conflict-right, width:50%; text-align:center; }
 * 1) infobox-inteior td.conflict-right {

/* Thumbnails in     infoboxes   */ table.infobox-interior tr td .thumb, table.infobox-interior tr td .tright, table.infobox-interior .thumbinner, table.infobox-interior .magnify { clear: none; float: none; border: 0; margin-right:auto; margin-left:auto; padding: 0; width: auto; text-align: center; display: inline; }
 * 1) infobox-interior tr td .thumb,
 * 2) infobox-interior tr td .tright,
 * 3) infobox-interior .thumbinner,
 * 4) infobox-interior .magnify,

table.infobox-interior .thumbinner img { margin-right:auto !important; margin-left:auto !important; width:100%; } table.infobox-interior tr td .thumb .thumbcaption { display: none; }
 * 1) infobox-interior .thumbinner img,
 * 1) infobox-interior tr td .thumb .thumbcaption,

table.infobox-interior td.sb-both div.sb-twoimg img.thumbimage { display: inline; /*no new line after img in two-image box */ }
 * 1) infobox-interior td.sb-both div.sb-twoimg img.thumbimage,

.infobox-interior .thumb { margin: 0; border: none; }

/* Navigation frame for story infoboxes */

table.infobox-interior td.info-left-nav, width: 50%; text-align: center; padding:2px; vertical-align:middle; line-height:100%; }
 * 1) infobox-interior td.info-left-nav {

table.infobox-interior td.info-right-nav, text-align: center; padding:2px; vertical-align:middle; line-height:100%; width:50%; }
 * 1) infobox-interior td.info-right-nav {

table.infobox-interior td.info-both-nav, text-align: center; padding:2px; font-weight:bold; vertical-align:middle; line-height:100%; }
 * 1) infobox-interior td.info-both-nav {

.info-pic { text-align:center; margin: 0; padding:0; }

.info-pic2 { text-align:center; margin: 0; padding:3px 0 0 0; }

.info-vid { background-color:#012c57!important }

.info-pic img, .info-pic2 img, .info-vid video { width:250px; }

/* img.Wikia-video-thumb { width:100%; height:0; padding-bottom:56.25%; overflow:hidden; position:relative }

img.Wikia-video-thumb iframe, img.Wikia-video-thumb embed, img.Wikia-video-thumb object { width:100%!important; height:100%!important; position:absolute; top:0; left:0; }

/* Home media infobox    */

.hm-infoexterior { background-color: #012c57; width: 95%; max-width: 800px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding: 20px !important; margin-left: auto; margin-right: auto; border: 2px solid #FFF; color: #FFF; clear: both; text-align: center; } .hm-heading { width:66%; vertical-align:top; font-size:2em; padding:2%; margin:2%; margin-bottom:5px !important; text-align:center; color: #FFD700; } .hm-image { text-align:center; margin: auto; margin-right: 5% !important; width:45%; margin-left:0 !important; } .hm-infointerior { font-size: 14px; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L', 'Nimbus Sans L', sans-serif; margin: auto; margin-left: 5% !important; width:100%; background: #FFF; border: 5px solid #FFF; color: #012c57; line-height: 110%; line-height:1.2em; text-align: center; } .hm-subhead { background-color: #012c57; border-top: 5px solid #FFF; color: #FFF; font-size:15.5px; text-align:center; padding: 5px; } .hm-infoleft { width: 50%; font-weight: 600; text-align: right !important; vertical-align:top; line-height:1em; padding:5px; background: #ededed; } .hm-inforight { text-align:left !important; vertical-align:top; line-height:1em; width:50%; padding:5px; background: #fbfbfb; } .hm-infoboth { line-height:1em; text-align:center; width:80% padding-top:2px; padding-bottom:2px; background: #fbfbfb; }

.hm-infointerior tbody tr:hover td { background: #d8dfe5; }

.hm-nav { font-size: 14px; margin: 2%; padding: auto; margin-left: auto; margin-right: auto; width: 100%; padding: 4px; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 110%; line-height:1.2em; }   width: 50%; text-align: center; padding-top:5px; padding-left:2px; padding-right:2px; vertical-align: middle; line-height:100%; font-size: 90%; color:#FFF; }   width:50%; text-align: center; padding-top:5px; padding-left:2px; padding-right:2px; vertical-align: middle; line-height:100%; font-size: 90%; color:#FFF; }   width: 50%; text-align: center; padding-top:5px; padding-left:2px; padding-right:2px; vertical-align: middle; line-height:100%; font-size: 1.25em; }   width:50%; text-align: center; padding-top:5px; padding-left:2px; padding-right:2px; vertical-align: middle; line-height:100%; font-size: 1.25em; } .hm-heading a:link, color:#FFD700; } .hm-heading a:hover, color:#FFD700; text-decoration:underline !important; background:none !important; }
 * 1) hm-navleft-head {
 * 1) hm-navright-head {
 * 1) hm-navleft {
 * 1) hm-navright {
 * 1) hm-navleft a:link,
 * 2) hm-navright a:link {
 * 1) hm-navleft a:hover,
 * 2) hm-navright a:hover {



/* 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 #012c57; color: #000; padding: .5em 1em; margin: auto; width:80%; line-height:110%; font-size:95%; text-align: justify; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; -moz-box-shadow:0 0 40px #012c57; -webkit-box-shadow:0 0 40px #012c57; -ms-box-shadow:0 0 40px #012c57; -o-box-shadow:0 0 40px #012c57; box-shadow:0 0 40px #012c57; }

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; } /* =======================    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 #012c57; -webkit-border-radius: 50%/15%; -moz-border-radius: 50%/15%; -ms-border-radius: 50%/15%; -o-border-radius: 50%/15%; border-radius: 50%/15%; padding: 0.65em; margin: 10px 10px 10px 10px; text-align: center; font-size:smaller; font-weight:bold; width: auto; }

/* =======================    ARCHIVE TOOL ======================= */

background-color:transparent; color:#FFF; }
 * 1) archstrip table, .archstrip table,
 * 2) archstrip td, .archstrip td {

.archstrip { 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; padding: 10px 20px; position: relative; font-family:'Gill Sans', Verdana, sans-serif; text-transform:uppercase; letter-spacing:3px; border:2px #fff solid; float:right; line-height:110%; color:#fff; max-width:250px; -moz-border-radius:50%/15%; -webkit-border-radius:50%/15%; -ms-border-radius:50%/15%; -o-border-radius:50%/15%; border-radius:50%/15%; -moz-box-shadow:0 0 20px #012c57; -o-box-shadow:0 0 20px #012c57; -ms-box-shadow:0 0 20px #012c57; -webkit-box-shadow:0 0 20px #012c57; box-shadow:0 0 20px #012c57; } /* =======================    USER WARNINGS Styling for the boxes that come up when using one of the automatic messages to warn users of policy violations ========================   They come in three variations: one for each round of violation. ========================= */
 * 1) archstrip,

/* +++++++++++++++++++    General font declaration that applies to all user warnings +++++++++++++++++++ */ /* ---    Headlines --- */

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:#fff; }
 * 1) wh {

/* =====================    Auto-centering tricks ===================== */

float:left; height:50%; margin-bottom:-100px; }
 * 1) warn-floater {

clear:both; height:200px; position:relative; }
 * 1) warn-content {

/* +++++++++++++++++++    STYLING COMMON TO    ALL LEVELS +++++++++++++++++++ */

.warn1, .warn2, .warn3, .warn4 { margin: 50px auto; min-height: 200px; height:auto; max-width: 600px; position: relative; width: 80%; -webkit-box-shadow: 0 4px 7px hsla(0,0%,0%,.2); -moz-box-shadow: 0 4px 7px hsla(0,0%,0%,.2); -ms-box-shadow: 0 4px 7px hsla(0,0%,0%,.2); -o-box-shadow: 0 4px 7px hsla(0,0%,0%,.2); box-shadow: 0 4px 7px hsla(0,0%,0%,.2); text-align:center; }

.warn1:after, .warn1:before, .warn2:after, .warn2:before, .warn3:after, .warn3:before, .warn4:after, .warn4:before { background: #E6DDA4 url(http://images4.wikia.nocookie.net/__cb20111014042019/tardis/images/4/44/Tape-right.png); background-repeat:repeat; background-origin:content-box; overflow:visible; opacity:.5; content: ''; height: 30px; position: absolute; top: -25px; -webkit-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5); -moz-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5); -ms-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5); -o-box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5); box-shadow: 0 5px 10px -7px hsla(0,0%,0%,.5); } .warn1:after, .warn2:after, .warn3:after, .warn4:after { left:-40px; width:80px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .warn1:before, .warn2:before, .warn3:before, .warn4:before { right: -30px; width:125px; -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); transform: rotate(25deg); }

/* +++++++++++++++++++    Differences between the levels +++++++++++++++++++ */

.warn1 { background: #8CB82C url(http://images1.wikia.nocookie.net/__cb20111015010157/tardis/images/9/90/Info-background.png) no-repeat; padding:20px 100px 10px 10px; }

.warn1 p, .warn1 hr { font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; color:#fff; max-width:500px; width:500px; line-height:110%; }

.warn1 a:link, .warn1 a:hover, .warn1 a:visited { color:#2B380D; }

.warn2 { background: #FDF23D /*#B89F2C #B8A92C nice orangey gold */ url(http://images3.wikia.nocookie.net/tardis/images/8/86/Grey-warning.png) no-repeat; padding:20px 100px 10px 10px; }

.warn2 p, .warn2 hr { font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; color:#706E3D; /*#B0AA2A; nice light shade*/ max-width:500px; width:500px; line-height:110%; }

.warn2 a:link, .warn2 a:hover, .warn2 a:visited { color:#000; }

.warn3 { background: #F08400 url(http://images2.wikia.nocookie.net/__cb20111015010157/tardis/images/9/9b/Lastwarn-background.png) no-repeat; padding:20px 100px 10px 10px; }

.warn3 p, .warn3 hr { font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; color:#fff; max-width:500px; width:500px; line-height:110%; }

.warn3 a:link, .warn3 a:hover, .warn3 a:visited { color:#703E00; } .warn4 { background: #B82c2c url(http://images4.wikia.nocookie.net/__cb20111015010157/tardis/images/0/0f/Blocked-background.png) no-repeat; padding:20px 100px 10px 10px; }

.warn4 p { font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; color:#fff; max-width:370px; width:400px; line-height:110%; }

.warn4 hr { max-width:300px; text-align:left; }

.warn4 #wh { max-width:350px; width:350px; font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; }

.warn4 a:link, .warn4 a:hover, .warn4 a:visited { color:#380E0a; }

/* ===============    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; margin-left: 10px; margin-bottom: 10px; padding:10px!important; -moz-border-radius:100%/10%; -webkit-border-radius:100%/10%; -ms-border-radius:100%/10%; -o-border-radius:100%/10%; border-radius:100%/10%; -moz-box-shadow: 0 0 20px #012c57; -webkit-box-shadow: 0 0 20px #012c57; -ms-box-shadow: 0 0 20px #012c57; -o-box-shadow: 0 0 20px #012c57; box-shadow: 0 0 20px #012c57; }

/* ==================  SEMANTIC MEDIAWIKI TABLES ================== */

.smwtable-exterior { border:1px solid #012c57; -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; background-image: -webkit-gradient(linear, center bottom, center top, from(rgba(252,252,252,0.78)), to(rgba(213,212,240,0.78)), color-stop(3%, rgba(247,247,247,0.78)), color-stop(12%, rgba(242,242,242,0.78)), color-stop(90%, rgba(228,227,241,0.78))); background-image: -webkit-gradient(linear, center bottom, center top, from(rgba(252,252,252,0.78)), to(rgba(213,212,240,0.78)), color-stop(3%, rgba(247,247,247,0.78)), color-stop(12%, rgba(242,242,242,0.78)), color-stop(90%, rgba(228,227,241,0.78))); background-image: -moz-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78)); background-image: -o-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78)); background-image: -ms-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78)); background-image: linear-gradient(to top, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78)); color:#012c57; margin:5px auto 5px auto; padding:auto; }

table.wikitable, table.smwtable { font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L', 'Nimbus Sans L', sans-serif; font-size: 12px; text-align: center; background-color:transparent; -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; margin:10px auto 10px auto; width:auto; } th.headerSort, table.wikitable th, table.smwtable th { border: 0px solid #ffffff; color: #FFF; overflow:hidden; text-decoration:none; letter-spacing:0px; margin-right:4px; padding: 4px; vertical-align: middle; line-height:110%; font-size:125%; background-color:#012c57; background-color: -moz-linear-gradient(-45deg, #012C57 0%, #012c57 25%); background-color: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#012C57), color-stop(100%,#012c57)); background-color: -webkit-linear-gradient(-45deg, #012C57 0%,#012c57 25%); background-color: -o-linear-gradient(-45deg, #012C57 0%,#012c57 25%); background-color: -ms-linear-gradient(-45deg, #012C57 0%,#012c57 25%); background-color: linear-gradient(-45deg, #012C57 0%,#012c57 25%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012C57', endColorstr='#012c57',GradientType=1 ); }
 * 1) smwtable,
 * 1) smwtable th,

table.wikitable> tr> th, table.wikitable> *> tr> th, table.smwtable> *> tr> th { background:#012c57; background: -moz-linear-gradient(-45deg, #012C57 0%, #012c57 25%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#012C57), color-stop(100%,#012c57)); background: -webkit-linear-gradient(-45deg, #012C57 0%,#012c57 25%); background: -o-linear-gradient(-45deg, #012C57 0%,#012c57 25%); background: -ms-linear-gradient(-45deg, #012C57 0%,#012c57 25%); background: linear-gradient(-45deg, #012C57 0%,#012c57 25%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012C57', endColorstr='#012c57',GradientType=1 ); }
 * 1) smwtable tr> th,

table.wikitable tr, table.wikitable tbody tr, table.smwtable tr, table.smwtable tbody tr { text-align:center; vertical-align:middle; background-image: -webkit-gradient(linear, center bottom, center top, from(rgba(252,252,252,0.78)), to(rgba(213,212,240,0.78)), color-stop(3%, rgba(247,247,247,0.78)), color-stop(12%, rgba(242,242,242,0.78)), color-stop(90%, rgba(228,227,241,0.78))); background-image: -webkit-gradient(linear, center bottom, center top, from(rgba(252,252,252,0.78)), to(rgba(213,212,240,0.78)), color-stop(3%, rgba(247,247,247,0.78)), color-stop(12%, rgba(242,242,242,0.78)), color-stop(90%, rgba(228,227,241,0.78))); background-image: -moz-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78)); background-image: -o-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78)); background-image: -ms-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78)); background-image: linear-gradient(to top, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78)); }
 * 1) smwtable tr,
 * 2) smwtable tbody tr,

table.wikitable tbody tr:hover td, table.smwtable tbody tr:hover td { background:#D8DFE5; } /* .sortarrow, table.smwtable .sortarrow, table.smwtable span-sortarrow, table.wikitable span-sortarrow { background-image:url('http://images3.wikia.nocookie.net/__cb20120515010412/tardis/images/f/f6/Sort_none_gold.gif') no-repeat; }
 * 1) smwtable tbody tr:hover td,

/* ====================    SMW property table ==================== */

div.smwfact { font-weight:normal; background:grey url(http://images.wikia.com/tardistest/images/c/ce/70opacitywhite.png)!important; word-wrap:break-word; color:#012c57; font-family:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:uppercase; letter-spacing:2px; margin-bottom:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; display:none; }

div.smwfact table { width:95% }

div.smwfact td, div.smwfact tr, div.smwfact table, font-family:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:none; letter-spacing:0; font-size:90%; background:grey url(http://images.wikia.com/tardistest/images/c/ce/70opacitywhite.png)!important; }
 * 1) smwfacttable {

div.smwfact tr:hover { background-color:#D8DFe5 }

span.smwrdflink { padding-left:5px; letter-spacing:0px; text-transform:lowercase; font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; font-style:italic; font-size:60%; }

span.smwfactboxhead { font-size: 70%!important; font-weight: bold; float: left; }

/* =====================    File history table ===================== */

div.mw-imagepage-section-filehistory table.wikitable.filehistory, div.mw-imagepage-section-filehistory > table.wikitable.filehistory, table.wikitable.filehistory { font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L', 'Nimbus Sans L', sans-serif; font-size: 10px; text-align: center; background-color:transparent; margin:auto; width:80%; } /* ===============    PICTURE STUFF =============== /* ---    GALLERIES --- */

div.wikia-gallery div.wikia-gallery-item { background-color: #F9F9F9; margin: 0 4px 5px 0; padding: 4px 5px 5px 5px; } div.wikia-gallery div.wikia-gallery-item div.thumb { background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 4px 0px 2px 0px; } div.wikia-gallery div.wikia-gallery-item div.thumb div.gallery-image-wrapper { border: none; } div.wikia-gallery div.wikia-gallery-item div.lightbox-caption { padding: 0; margin-top: 5px; }

/* ---    THUMBNAILS in galleries --- */

.WikiaArticle div.gallerybox div.thumb, .WikiaArticle li.gallerybox div.thumb { background: transparent; border: none; } .WikiaArticle li.gallerybox { background: transparent; border: none; } /*     IMAGE MISCELLANY */

/* Trying to kill the policy-violating "add images" crap - from WP */

display:none; }
 * 1) wmuLinkDiv,
 * 2) wmu-imagebutton,
 * 3) wmu_imagebutton,
 * 4) mw-editbutton-wmu,
 * 5) wmuLink {

/* ====================    FORUMS ====================   Forum formatting sort of by -Algorithm & -Splaka a long time ago, several revisions back, on another wiki in the distant past, but really this is pretty much a CzechOut special now with some CSS element names provided by   es.pokemon.wkia.com ===================== */

.forumheader { border:1px solid #012c57; -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; -moz-box-shadow: inset -0px 0px 25px 4px #D8DFE5; -webkit-box-shadow: inset -0px 0px 25px 4px #D8DFE5; -ms-box-shadow: inset -0px 0px 25px 4px #D8DFE5; -o-box-shadow: inset -0px 0px 25px 4px #D8DFE5; box-shadow: inset -0px 0px 25px 4px #D8DFE5; color:#1F1E38; padding:5px; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-align:left; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:10px; }

.forumheader a, .forumheader a:visited, .forumheader span a, .forumheader span a:hover { color:#1F1E38 }

/* ---    The following styles the actual list of threads. */

.forumlist td.forum_edited a { color: black; text-decoration: none; width:100px; }

.forumlist td.forum_title a { padding-left: 20px; }

.forumlist td.forum_title a.forum_new { font-weight: bold; background: url(/images/4/4e/Forum_new.gif) center left no-repeat; padding-left: 20px; }

.forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; }

.forumlist th.forum_title { padding-left: 20px; }

/* ========================    TABS on STATS PAGE ======================== */

text-transform:none }
 * 1) ws_action_tabs {

/* =====================    EDITTOOLS ===================== */

border:2px solid #ffffff; background:transparent; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -moz-box-shadow: inset -0px 0px 25px 4px #012C57; -webkit-box-shadow: inset -0px 0px 25px 4px #012C57; -ms-box-shadow: inset -0px 0px 25px 4px #012C57; -o-box-shadow: inset -0px 0px 25px 4px #012C57; box-shadow: inset -0px 0px 25px #012C57 4px; }
 * 1) edittools {

border:2px solid #012c57; background:transparent; }
 * 1) edittools, #editpage-specialchars {

/* =====================    NOARTICLE ===================== */

.WikiaArticle .noarticletext { border:none; }

div.noarticle, .noarticle { -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; color:#012C57; max-width:500px; width:500px; margin:0 0 5px 62px; /*I really don't know why this has to be 62px for alignment with the warning boxes, but it does */ padding-left:70px; padding-top:20px; padding-bottom:20px; padding-right:20px; background-color: #ececec; overflow:visible; background-repeat:no-repeat; background-position: 0px 20px; line-height:100%; font-family : 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L', 'Nimbus Sans L', sans-serif; }

div.noarticle a:link, div.noarticle a:visited { color:#2f2cb8; }

.noarticle p, div.noarticle p { padding:180px 0px 0px 0px; background:url('http://images3.wikia.nocookie.net/__cb20120118211740/tardis/images/f/f6/Zeroroom.png') no-repeat; line-height:110%; color:#012c57; }

div.noarticletext { background:none; border:none; }

/* ==================  Warning formatting ================== */

div.mw-edit-longpagewarning, div.mw-editinginterface, div.mw-warning-with-logexcerpt { -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; color:#012C57; max-width:500px; width:500px; margin:0 0 5px 75px; padding-left:70px; padding-top:20px; padding-bottom:20px; padding-right:20px; overflow:visible; line-height:100%; font-family : 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L', 'Nimbus Sans L', sans-serif; background-position: 0px 2px; background: #ececec url(http://images3.wikia.nocookie.net/tardis/images/1/17/Grey-warning-small.png) no-repeat; border:none; }

div.mw-warning-with-logexcerpt p, div.mw-edit-longpagewarning p, div.mw-editinginterface p { color:#012c57!important; font-weight:600; }

div.mw-warning-with-logexcerpt a, div.mw-edit-longpagewarning a, div.mw-editinginterface a { color:#2f2cb8!important; }

div.mw-warning-with-logexcerpt a.new, div.mw-edit-longpagewarning a.new, div.mw-editinginterface a.new { color:#aa1111!important; }

/* -=-=-=-=-=-=-=-=-=    "Lesser" warnings Styled as above, but with less alarming backgrounds. -=-=-=-=-=-=-=-=-=- */

div.sharedHelpEditInfo { border:2px solid #fff; -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; -moz-box-shadow: inset -0px 0px 25px 4px #012C57; -webkit-box-shadow: inset -0px 0px 25px 4px #012C57; -ms-box-shadow: inset -0px 0px 25px 4px #012C57; -o-box-shadow: inset -0px 0px 25px 4px #012C57; box-shadow: inset -0px 0px 25px #012C57 4px; color:#1F1E38; max-width:500px; width:500px; margin:0 0 5px 75px; padding:20px 20px 20px 70px; background-position: 10px 10px; background-repeat: no-repeat; background-image: url(http://images1.wikia.nocookie.net/tardis/images/c/c9/WikiaLogoVertical.png), rgb(206,219,233); background-image: url(http://images1.wikia.nocookie.net/tardis/images/c/c9/WikiaLogoVertical.png), -moz-linear-gradient(left,  rgba(206,219,233,1) 0%, rgba(235,234,242,1) 0%, rgba(223,220,234,1) 67%, rgba(160,159,183,1) 100%, rgba(170,197,222,1) 100%, rgba(226,225,247,1) 100%); background-image: url(http://images1.wikia.nocookie.net/tardis/images/c/c9/WikiaLogoVertical.png), -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(206,219,233,1)), color-stop(0%,rgba(235,234,242,1)), color-stop(67%,rgba(223,220,234,1)), color-stop(100%,rgba(160,159,183,1)), color-stop(100%,rgba(170,197,222,1)), color-stop(100%,rgba(226,225,247,1))); background-image: url(http://images1.wikia.nocookie.net/tardis/images/c/c9/WikiaLogoVertical.png), -webkit-linear-gradient(left,  rgba(206,219,233,1) 0%,rgba(235,234,242,1) 0%,rgba(223,220,234,1) 67%,rgba(160,159,183,1) 100%,rgba(170,197,222,1) 100%,rgba(226,225,247,1) 100%); background-image: url(http://images1.wikia.nocookie.net/tardis/images/c/c9/WikiaLogoVertical.png), -o-linear-gradient(left,  rgba(206,219,233,1) 0%,rgba(235,234,242,1) 0%,rgba(223,220,234,1) 67%,rgba(160,159,183,1) 100%,rgba(170,197,222,1) 100%,rgba(226,225,247,1) 100%); background-image: url(http://images1.wikia.nocookie.net/tardis/images/c/c9/WikiaLogoVertical.png), -ms-linear-gradient(left,  rgba(206,219,233,1) 0%,rgba(235,234,242,1) 0%,rgba(223,220,234,1) 67%,rgba(160,159,183,1) 100%,rgba(170,197,222,1) 100%,rgba(226,225,247,1) 100%); background-image: url(http://images1.wikia.nocookie.net/tardis/images/c/c9/WikiaLogoVertical.png), linear-gradient(to right,  rgba(206,219,233,1) 0%,rgba(235,234,242,1) 0%,rgba(223,220,234,1) 67%,rgba(160,159,183,1) 100%,rgba(170,197,222,1) 100%,rgba(226,225,247,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#e2e1f7',GradientType=1 ); line-height:100%; font-family : 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L', 'Nimbus Sans L', sans-serif; }

div.sharedHelpEditInfo[style] { /* This is necessary to override some inline HTML style declarations */ margin:0 0 5px 75px; padding:10px 10px 10px 70px; color:#1F1E38; }

div.sharedHelpEditInfo li { margin-left:75px; line-height:105%; }

/* =====================    TRICKS FOR INDIVIDUAL MW MESSAGES ===================== */ .our404image { background-image: url('http://images1.wikia.nocookie.net/__cb20080704184806/tardis/images/thumb/1/1a/MagnifiedDoctor.jpg/600px-MagnifiedDoctor.jpg'); background-repeat:no-repeat; width:400px; } /* =====================    LOADING MESSAGE ===================== */

div.loading-message { font-family : 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L', 'Nimbus Sans L', sans-serif; letter-spacing: 1.5px; text-transform: uppercase; }

background-image: url(http://images3.wikia.nocookie.net/tardis/images/c/c6/TardisLoader.gif); background-size: 242px 200px; background-repeat:no-repeat; background-position:top center; background-color:transparent; overflow:visible; height:200px; width: 600px; }
 * 1) EditPageEditor .loading-indicator .loading-message .loading-throbber {

/* Gallery captions */

div.lightbox-caption { font-family : 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L', 'Nimbus Sans L', sans-serif; }

/* ====================    SLIDESHOWS ==================== */

.page-Doctor-Who-Wiki .wikia-slideshow .wikia-slideshow-prev-next > a > span, .page-Doctor-Who-Wiki .wikia-slideshow .wikia-slideshow-prev-next > .wikia-slideshow-next > span, .wikia-slideshow .wikia-slideshow-prev-next > a > span { display:none; }

/* ===================    Dissolving image carousel ===================   From mishunov.me/lab =================== */

.dissolve { position: relative; overflow: hidden; width:250px; /*necessary for Firefox*/ } .dissolve .item { position: absolute; left: 0; right: 0; opacity: 0; width:250px; /*necessary for Firefox*/ -webkit-animation: dissolve 130s linear infinite; -moz-animation: dissolve 130s linear infinite; -ms-animation: dissolve 130s linear infinite; -o-animation: dissovle 130s linear infinite; animation: dissolve 130s linear infinite; } .dissolve .item:nth-child(2) { -webkit-animation-delay: 10s; -moz-animation-delay: 10s; -ms-animation-delay: 10s; -o-animation-delay: 10s; animation-delay: 10s; } .dissolve .item:nth-child(3) { -webkit-animation-delay: 20s; -moz-animation-delay: 20s; -ms-animation-delay: 20s; -o-animation-delay: 20s; animation-delay: 20s; } .dissolve .item:nth-child(4) { -webkit-animation-delay: 30s; -moz-animation-delay: 30s; -ms-animation-delay: 30s; -o-animation-delay: 30s; animation-delay: 30s; } .dissolve .item:nth-child(5) { -webkit-animation-delay: 40s; -moz-animation-delay: 40s; -ms-animation-delay: 40s; -o-animation-delay: 40s; animation-delay: 40s; } .dissolve .item:nth-child(6) { -webkit-animation-delay: 50s; -moz-animation-delay: 50s; -ms-animation-delay: 50s; -o-animation-delay: 50s; animation-delay: 50s; } .dissolve .item:nth-child(7) { -webkit-animation-delay: 60s; -moz-animation-delay: 60s; -ms-animation-delay: 60s; -o-animation-delay: 60s; animation-delay: 60s; } .dissolve .item:nth-child(8) { -webkit-animation-delay: 70s; -moz-animation-delay: 70s; -ms-animation-delay: 70s; -o-animation-delay: 70s; animation-delay: 70s; } .dissolve .item:nth-child(9) { -webkit-animation-delay: 80s; -moz-animation-delay: 80s; -ms-animation-delay: 80s; -o-animation-delay: 80s; animation-delay: 80s; } .dissolve .item:nth-child(10) { -webkit-animation-delay: 90s; -moz-animation-delay: 90s; -ms-animation-delay: 90s; -o-animation-delay: 90s; animation-delay: 90s; } .dissolve .item:nth-child(11) { -webkit-animation-delay: 100s; -moz-animation-delay: 100s; -ms-animation-delay: 100s; -o-animation-delay: 100s; animation-delay: 100s; } .dissolve .item:nth-child(12) { -webkit-animation-delay: 110s; -moz-animation-delay: 110s; -ms-animation-delay: 110s; -o-animation-delay: 110s; animation-delay: 110s; } .dissolve .item:nth-child(13) { -webkit-animation-delay: 120s; -moz-animation-delay: 120s; -ms-animation-delay: 120s; -o-animation-delay: 120s; animation-delay: 120s; }

/* The keyframes calculations are based on assumption of 4 items in the carousel. You should notice the pattern for your own calculations.

To support Safari 4, you *must* have 0% and 100% frames */

@-webkit-keyframes dissolve { 7.69%, 15.38%, 23.08%, 30.77%, 38.46%, 46.15%, 53.85%, 61.54%, 69.23%, 76.92%, 84.61%, 92.30%, 100% { opacity: 0; } 5%, 25% { opacity: 1;} } @-moz-keyframes dissolve { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%, 100% { opacity: 0; } 5%, 25% { opacity: 1;} } @-ms-keyframes dissolve { 0%, 30%, 100% { opacity: 0; } 5%, 25% { opacity: 1;} } @keyframes dissolve { 0%, 30%, 100% { opacity: 0; } 5%, 25% { opacity: 1;} } /* =========================    SPECIAL STYLES mainly used in template design =========================   These designs are all unique to tardis.wikia.com and were created by CzechOut ========================= */

background-color: transparent; border: 1px solid #012c57; color: #000; padding: .5em 1em; margin:auto; width:95%; line-height:110%; font-size:95%; text-align:justify; -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; -moz-box-shadow: -0px 0px 40px #012C57; -webkit-box-shadow: -0px 0px 40px #012C57; -ms-box-shadow: -0px 0px 40px #012C57; -o-box-shadow: -0px 0px 40px #012C57; box-shadow: -0px 0px 40px #012C57; /* Pre-2013 way: -webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; -o-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; -moz-box-shadow:0 0 40px #012c57; -webkit-box-shadow:0 0 40px #012c57; box-shadow:0 0 40px #012c57; */ }
 * 1) editpage-specialchars,
 * 2) glow {

background-color: transparent; border: 1px solid #012c57; color: #000; margin-right: 260px; padding: .5em 1em; vertical-align: middle; margin-left:auto; margin-right:auto; line-height:110%; font-size:95%; text-align: justify; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -moz-box-shadow: inset -0px 0px 25px 4px #012C57; -webkit-box-shadow: inset -0px 0px 25px 4px #012C57; -ms-box-shadow: inset -0px 0px 25px 4px #012C57; -o-box-shadow: inset -0px 0px 25px 4px #012C57; box-shadow: inset -0px 0px 25px #012C57 4px; }
 * 1) quote-nom {

background-color: transparent; border: 1px solid #012c57; color: #000; margin: auto; padding: .5em 1em; width:80%; line-height:110%; font-size:95%; font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; text-align: left; -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; /*     -moz-box-shadow: inset -0px 0px 25px 4px #012C57; -webkit-box-shadow: inset -0px 0px 25px 4px #012C57; -ms-box-shadow: inset -0px 0px 25px 4px #012C57; -o-box-shadow: inset -0px 0px 25px 4px #012C57; box-shadow: inset -0px 0px 25px #012C57 4px;*/ }   font-weight:normal; background-color:transparent; border: 2px solid #012c57; color:inherit; font-family:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; padding:10px; margin-top:25px; margin-bottom:25px; margin-left:auto; margin-right:auto; font-size:95%; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
 * 1) license {
 * 1) box {

font-weight:normal; background-color:transparent; border: 2px solid #012c57; color:#012c57; font-family:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; padding:10px; margin-top:25px; margin-bottom:25px; margin-left:auto; margin-right:auto; font-size:95%; -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; }
 * 1) box-rt {

font-weight:normal; background-color:transparent; border: 2px solid #012c57; color:#012c57; font-family:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; padding:10px; margin:25px auto 25ps auto; font-size:95%; -webkit-border-radius: 0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px; -ms-border-radius: 0px 10px 10px 0px; -o-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px; }
 * 1) box-lt {

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:#012c57; font-weight:bold; }
 * 1) th {

.error, #error, width:95%; font-weight:normal; background-color:transparent; border: 2px solid #fff; font-family:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; padding:10px; margin-top:25px; margin-bottom:25px; margin-left:auto; margin-right:auto; font-size:95%; -moz-border-radius:50%/5%; -webkit-border-radius:50%/5%; -ms-border-radius:50%/5%; -o-border-radius:50%/5%; border-radius:50%/5%; -moz-box-shadow: 0px 0px 25px #012C57; -webkit-box-shadow: 0px 0px 25px #012C57; -ms-box-shadow: 0px 0px 25px #012C57; -o-box-shadow: 0px 0px 25px #012C57; box-shadow: 0px 0px 25px #012C57; }
 * 1) tech, .tech {

background-position:top left; background:#ECECEC; background: -moz-linear-gradient(top, #ECECEC,  #012C57); background: -webkit-gradient(linear, left top, left bottom, from(#ECECEC), to(#012C57)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC', endColorstr='#012C57'); border:1px solid #ccc; border-bottom:2px solid #bbb; border-top:1px solid #ddd; -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; text-align:center; clear:right; float:right; margin-left:5px; font-size: 0.85em; }
 * 1) gradient {

margin-bottom:15px; padding:5px; background-color: transparent; border:2px solid #012c57; -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; -moz-box-shadow: inset -0px 0px 25px 4px #012C57; -webkit-box-shadow: inset -0px 0px 25px 4px #012C57; -ms-box-shadow: inset -0px 0px 25px 4px #012C57; -o-box-shadow: inset -0px 0px 25px 4px #012C57; box-shadow: inset -0px 0px 25px #012C57 4px; }
 * 1) mainpage-highlight {

background:#ececec; -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 #012c57; clear:both; width:auto; margin-left:auto; margin-right:auto; margin-bottom:10px; padding:10px; font-size:.90em; line-height:.95em; font-family : 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L', 'Nimbus Sans L', sans-serif; }
 * 1) crewtop {

background:#ECECEC; -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 #012c57; margin-left:auto; margin-right:auto; font-size: 0.80em; line-height:.90em; font-family : 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L', 'Nimbus Sans L', sans-serif; }
 * 1) crew {

.stitched { padding: 5px 10px; margin: 10px; line-height: 100%; border: 1px solid #012c57; -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; /*      -moz-box-shadow: inset -0px 0px 25px 4px #012C57; -webkit-box-shadow: inset -0px 0px 25px 4px #012C57; -ms-box-shadow: inset -0px 0px 25px 4px #012C57; -o-box-shadow: inset -0px 0px 25px 4px #012C57; box-shadow: inset -0px 0px 25px #012C57 4px;*/ font-weight: normal; font-family : 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L', 'Nimbus Sans L', sans-serif; }

.key, #key { font-size:.9em; background-color:inherit; border: 1pt outset #012C57; -moz-border-radius:2pt; -webkit-border-radius:2pt; o-border-radius:2pt; -ms-border-radius:2pt; border-radius:2pt; text-align:center; vertical-align:middle; padding:2px; margin:2px; font-weight:bold; font-family:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; }

display:block; height:30px; width:100px; border:1px solid #012c57; margin:5px; }
 * 1) block {

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; }
 * 1) mos-summary {

table.infobox-demo, border:1px solid #012c57; -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; background-image: -webkit-gradient(linear, center bottom, center top, from(rgba(252,252,252,0.78)), to(rgba(213,212,240,0.78)), color-stop(3%, rgba(247,247,247,0.78)), color-stop(12%, rgba(242,242,242,0.78)), color-stop(90%, rgba(228,227,241,0.78))); background-image: -webkit-gradient(linear, center bottom, center top, from(rgba(252,252,252,0.78)), to(rgba(213,212,240,0.78)), color-stop(3%, rgba(247,247,247,0.78)), color-stop(12%, rgba(242,242,242,0.78)), color-stop(90%, rgba(228,227,241,0.78))); background-image: -moz-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78)); background-image: -o-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78)); background-image: -ms-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78)); background-image: linear-gradient(to top, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78)); color:#012c57; minimum-width:250px; width:250px; float:right; margin:0 0 5px 10px; padding: auto auto 4px 8px; }
 * 1) infobox-demo {

background:transparent url(http://images.wikia.com/tardistest/images/6/6e/75opacitygrey.png); }
 * 1) tgrey {

word-wrap:break-word; }
 * 1) mosbox {

.mosheadcolor { color:#012c57; }

.moscolor { color:#012c57; }

/* ================  OGG PLAYER ================ */

div#ogg_player_1.ogg_player { background-image:none; background-color:#ececec; width:245px; max-width:245px; }

div#ogg_player_1.ogg_player .button { background:#012c57; border-radius:none; }

div#ogg_player_1.ogg_player .button img { display:none } div#ogg_player_1.ogg_player internal sprite details magnify { display:none }

/* ==============  DPL formats ============== */

.dpl3 { vertical-align:top; width:100%; margin:0 auto; } /* */