MediaWiki:Common.css

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

@import "http://fonts.googleapis.com/css?family=Anton%7CVollkorn%7CLato%7CQuicksand%7CJosefin+Sans%7COswald%7CRaleway:100,200,400,700,800,900%7CDroid+Serif%7CDroid+Sans%7CMerriweather:400,400italic,700,700italic,900,300,300italic%7CGentium+Basic%7CRoboto+Slab:400,100,300,700&subset=latin,latin-ext";

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

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

table.infobox-exterior, .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 */ } .infobox-interior .article-thumb, .infobox-interior .thumb { margin: 0!important; border: none; }
 * 1) infobox-interior td.sb-both div.sb-twoimg img.thumbimage,

/* 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; height:auto!important; }

/* =======================    ADMIN COLOURING ======================= */

/* 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; }

/* =======================    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!important; min-width:250px!important; margin-bottom: 10px; margin-right: 10px; -moz-border-radius:100%/5%; -webkit-border-radius:100%/5%; -ms-border-radius:100%/5%; -o-border-radius:100%/5%; border-radius:100%/5%; -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; }

/* =====================    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 {

/* ====================    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*/ height:141.24px!important } .dissolve .item { position: absolute; left: 0; right: 0; opacity: 0; width:250px; /*necessary for Firefox*/ height:141.24px!important; -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; } 11%, 20%, 27%, 33%, 41%, 50%, 57%, 66%, 72%, 80%, 89%, 96% { opacity: 1;} } @-moz-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; } 11%, 20%, 27%, 33%, 41%, 50%, 57%, 66%, 72%, 80%, 89%, 96% { opacity: 1;} /*   0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%, 100% { opacity: 0; } 5%, 25% { opacity: 1;} */ } @-ms-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; } 11%, 20%, 27%, 33%, 41%, 50%, 57%, 66%, 72%, 80%, 89%, 96% { opacity: 1;} /*0%, 30%, 100% { opacity: 0; } 5%, 25% { opacity: 1;}*/ } @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; } 11%, 20%, 27%, 33%, 41%, 50%, 57%, 66%, 72%, 80%, 89%, 96% { opacity: 1;}

/*   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; }

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

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