MediaWiki:Wikia.css

/* --- CASUALTY WIKI OASIS CSS --- */

/* - CSS IMPORTS - */ /* Common CSS */ @import url("/index.php?title=MediaWiki:Common.css&usemsgcache=yes&ctype=text/css&smaxage=86400&action=raw&maxage=86400");

/* Menus */ @import url("//casualtybbc.wikia.com/index.php?title=MediaWiki:Menus.css&usemsgcache=yes&ctype=text/css&smaxage=86400&action=raw&maxage=86400");

/* Editor Tweaks */ @import url("/index.php?title=MediaWiki:Editor.css&usemsgcache=yes&ctype=text/css&smaxage=86400&action=raw&maxage=86400");

/* Chat */ @import url("/index.php?title=MediaWiki:Chat.css&usemsgcache=yes&ctype=text/css&smaxage=86400&action=raw&maxage=86400");

/* Fluid Design */ @import url("/index.php?title=MediaWiki:Fluid.css&usemsgcache=yes&ctype=text/css&smaxage=86400&action=raw&maxage=86400");

/* Hex #        Description                                               */ /* #284C6D ..... Workmark text color                                      */ /* #3A3A3A ..... Colour of all 'black' text on Wikia                      */


 * not(.editor) .WikiaMainContent {

margin-bottom: 15px; }

/* Body styling ala the monobook skin */ body.mediawiki, .Chat .inline-alert, .Chat .inline-alert, .ChatHeader .User .username, .Chat .message, .Chat .username, .Chat .time, .WikiaMainContent, body.cke_panel_frame, #EditPageEditorWrapper, .WikiaArticle { font-family: arial, sans-serif; } a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="reset"], input[type="button"], .button, button, a.wikia-button.secondary, .wikia-single-button a.secondary, .wikia-menu-button.secondary, input[type="submit"].secondary, input[type="reset"].secondary, input[type="button"].secondary, .button.secondary, button.secondary, .wikia-menu-button.active, div.neutral.modalToolbar a#ok.wikia-button, #EditPage .module_page_controls .wikia-menu-button, #EditPage .module_page_controls input[type="submit"], #wpSave, #wpPreview, #wpDiff, #wpSave a:hover, #wpDiff a:hover, #wpPreview a:hover, #wpSave:hover, #wpDiff:hover, #wpPreview:hover .tabbernav li a, .css-side-bar .css-edit-box .css-publish-button { font-family: Arial; }

/* Administrator Identification Tags */ a[href$="http://casualty.wikia.com/wiki/User:Lythronax"] { font-weight: bold !important; font-family: Arial !important; } a[href$="http://casualty.wikia.com/wiki/User:BBC_Casualty"] { font-weight: bold !important; font-family: Arial !important; } a[href$="http://casualty.wikia.com/wiki/User:RhysDavies27"] { font-weight: bold !important; font-family: Arial !important; } /* Gradient on the right column as well as main page modules */ .WikiaRail .module, .WikiaRail #RIGHT_SKYSCRAPER { background-image: -moz-linear-gradient(center top, #FFF 60%, #F2F2F2 100%) !important; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(60%, #FFF), color-stop(100%, #F2F2F2)) !important; border: 1px solid #CCC !important; margin-bottom: 10px; padding: 16px 8px 8px; position: relative; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; }

.WikiaArticle a.external:after, .WikiaArticle a[href^='gopher://']:after { display: none !important; }

/* Mainpage H4 */ .mainpage h4 { margin: 0px !important; }

.WikiaArticle .noarticletext { background-image: -moz-linear-gradient(center top, #FFF 60%, #F2F2F2 100%) !important; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(60%, #FFF), color-stop(100%, #F2F2F2)) !important; }

/* Search */ .WikiaSearch input.placeholder[type="text"] { color: #284C6D !important; } .WikiaSearch input[type="text"]::-webkit-input-placeholder { color: #284C6D !important; }

border-radius: 3px; border-width: 0 0 1px; border: 1px solid #CCC; background-image: -moz-linear-gradient(center top, #FFF 60%, #F2F2F2 100%) !important; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(60%, #FFF), color-stop(100%, #F2F2F2)) !important;
 * 1) WikiaSearch {

}	background: transparent; border: 0; margin-left: 9px; padding-left: 0; padding-right: 0; width: 268px; }	border-radius: 3px; float: none; height: 24px; position: absolute; top: 1px; right: 1px; }
 * 1) WikiaSearch > input[name="search"] {
 * 1) WikiaSearch > button {

/* Twitter Line Spacing */ .cfUserTweetsTag li { margin-bottom:10px; } /* References Text Size */ .references-small { font-size: 85%; } font-size: 85% !important; font-family: Helvetica, Arial, sans-serif !important; } /* Superscript */ sup { line-height: 1em; }
 * 1) infobox .reference {

/* CUSTOM WIKIA BUTTONS - */ /* Normal */ .cc2-wikia-button a { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #284C6D; background-image: -moz-linear-gradient(top, #366692 35%, #284c6d 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #366692), color-stop(65%, #284c6d)); border: 1px solid #284C6D; color: white !important; cursor: pointer; display: inline-block; font-family: Arial,sans-serif; font-size: 12px; height:19px; line-height: 20px; margin: 0; padding: 0 7px; text-decoration: none; white-space: nowrap; } /* Hover */ .cc2-wikia-button a:hover { background-color: #284C6D; background-image: -moz-linear-gradient(top, #366692 35%, #284c6d 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #366692), color-stop(65%, #284c6d)); text-decoration: none; } .cc2-wikia-button a:active { background-image: -moz-linear-gradient(top, #23425e 35%, #305c83 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #23425e), color-stop(65%, #305c83)); text-decoration: none; } .WikiaArticle { font-family: Arial; /* This changes the text in the content space only */}

importArticles({   type: "script",    articles: [        "w:c:dev:Countdown/code.js"    ] }); /* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at NavFrame. */ div.NavFrame { margin: 0; padding: 4px; border: 1px solid #aaa; text-align: center; border-collapse: collapse; font-size: 95%; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0; padding: 2px; /* @noflip */ float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccf; position: relative; } div.NavFrame p, div.NavFrame div.NavContent, div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0; padding: 0; line-height: 1px; clear: both; } a.NavToggle { position: absolute; top: 0; /* @noflip */ right: 3px; font-weight: normal; font-size: 90%; } /* default skin for navigation boxes */ table.navbox {           /* navbox container style */ border:1px solid #aaa; width:100%; margin:auto; clear:both; font-size:88%; text-align:center; padding:1px; } table.navbox + table.navbox { margin-top:-1px;       /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */ } .navbox-title, .navbox-abovebelow, table.navbox th { text-align:center;     /* title and above/below styles */ padding-left:1em; padding-right:1em; } .navbox-group {          /* group style */ white-space:nowrap; text-align:right; font-weight:bold; padding-left:1em; padding-right:1em; } .navbox, .navbox-subgroup { background:#fdfdfd;    /* Background color */ } .navbox-list { border-color:#fdfdfd;  /* Must match background color */ } .navbox-title, table.navbox th { background:#ccccff;    /* Level 1 color */ } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background:#ddddff;    /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background:#e6e6ff;    /* Level 3 color */ } .navbox-even { background:#f7f7f7;    /* Even row striping */ } .navbox-odd { background:transparent; /* Odd row striping */ } .collapseButton {        /* 'show'/'hide' buttons created dynamically by the        */ float: right;        /* CollapsibleTables javascript in MediaWiki:Common.js */ font-weight: normal; /* are styled here so they can be customised. */   text-align: right; width: auto; } .navbox .collapseButton { /* In navboxes, the show/hide button balances the vde links from */ width: 6em;          /* Template:Tnavbar, so they need to be the same width. */ }

/* == Attending Theme == */ .pi-theme-attending .pi-title { background-color:#003366; } .pi-theme-attending .pi-secondary-background { background-color:#CCCCFF; } .pi-theme-attending .pi-title { font-size:15px; } .pi-theme-attending .pi-title { color: #ffffff; } .pi-theme-attending .pi-header { color: #333333; } .pi-theme-attending .pi-title, .pi-theme-attending .pi-header > div:nth-of-type(1) div, .pi-theme-attending > div:nth-of-type(2) div { text-align: center; margin-left: auto; margin-right: auto; } .pi-theme-attending > div:nth-of-type(1) div, .pi-theme-attending > div:nth-of-type(2) div { text-align: center; margin-left: auto; margin-right: auto; }

/* == Intern and Resident Theme == */ .pi-theme-internresident .pi-title { background-color:#6699CC; } .pi-theme-internresident .pi-secondary-background { background-color:#99CCFF; } .pi-theme-internresident .pi-title { font-size:15px; } .pi-theme-internresident .pi-title { color: #ffffff; } .pi-theme-internresident .pi-header { color: #333333; } .pi-theme-internresident .pi-title, .pi-theme-internresident .pi-header > div:nth-of-type(1) div, .pi-theme-internresident > div:nth-of-type(2) div { text-align: center; margin-left: auto; margin-right: auto; }

/* == Paramedic Theme == */ .pi-theme-paramedic .pi-title { background-color:#666699; } .pi-theme-paramedic .pi-secondary-background { background-color:#CCCCCC; } .pi-theme-paramedic .pi-title { font-size:15px; } .pi-theme-paramedic .pi-title { color: #ffffff; } .pi-theme-paramedic .pi-header { color: #333333; } .pi-theme-paramedic .pi-title, .pi-theme-paramedic .pi-header > div:nth-of-type(1) div, .pi-theme-paramedic > div:nth-of-type(2) div { text-align: center; margin-left: auto; margin-right: auto; } .pi-theme-paramedic > div:nth-of-type(1) div, .pi-theme-paramedic > div:nth-of-type(2) div { text-align: center; margin-left: auto; margin-right: auto; }

/* == Patient Theme == */ .pi-theme-patient .pi-title { background-color:#2C6575; } .pi-theme-patient .pi-secondary-background { background-color:#CCCCCC; } .pi-theme-patient .pi-title { font-size:15px; } .pi-theme-patient .pi-title { color: #ffffff; } .pi-theme-patient .pi-header { color: #333333; } .pi-theme-patient .pi-title, .pi-theme-patient .pi-header > div:nth-of-type(1) div, .pi-theme-patient > div:nth-of-type(2) div { text-align: center; margin-left: auto; margin-right: auto; } .pi-theme-patient > div:nth-of-type(1) div, .pi-theme-patient > div:nth-of-type(2) div { text-align: center; margin-left: auto; margin-right: auto; }

/* == Character Family Theme == */ .pi-theme-family .pi-title { background-color:#996699; } .pi-theme-family .pi-secondary-background { background-color:#CCCCCC; } .pi-theme-family .pi-title { font-size:15px; } .pi-theme-family .pi-title { color: #ffffff; } .pi-theme-family .pi-header { color: #333333; } .pi-theme-family .pi-title, .pi-theme-family .pi-header > div:nth-of-type(1) div, .pi-theme-family > div:nth-of-type(2) div { text-align: center; margin-left: auto; margin-right: auto; } .pi-theme-family > div:nth-of-type(1) div, .pi-theme-family > div:nth-of-type(2) div { text-align: center; margin-left: auto; margin-right: auto; }

/* == Other Characters Theme == */ .pi-theme-others .pi-title { background-color:#7DA8A8; } .pi-theme-others .pi-secondary-background { background-color:#CCCCCC; } .pi-theme-others .pi-title { font-size:15px; } .pi-theme-others .pi-title { color: #ffffff; } .pi-theme-others .pi-header { color: #333333; } .pi-theme-others .pi-title, .pi-theme-others .pi-header > div:nth-of-type(1) div, .pi-theme-others > div:nth-of-type(2) div { text-align: center; margin-left: auto; margin-right: auto; } .pi-theme-others > div:nth-of-type(1) div, .pi-theme-others > div:nth-of-type(2) div { text-align: center; margin-left: auto; margin-right: auto; }

/* == Nurse Theme == */ .pi-theme-nurse .pi-title { background-color:#669966; } .pi-theme-nurse .pi-secondary-background { background-color:#99CC99; } .pi-theme-nurse .pi-title { font-size:15px; } .pi-theme-nurse .pi-title { color: #ffffff; } .pi-theme-nurse .pi-header { color: #333333; } .pi-theme-nurse .pi-title, .pi-theme-nurse .pi-header > div:nth-of-type(1) div, .pi-theme-nurse > div:nth-of-type(2) div { text-align: center; margin-left: auto; margin-right: auto; } .pi-theme-nurse > div:nth-of-type(1) div, .pi-theme-nurse > div:nth-of-type(2) div { text-align: center; margin-left: auto; margin-right: auto; }

/* == Singer Theme == */ .pi-theme-singer .pi-title { background-color:#CC6699; } .pi-theme-singer .pi-secondary-background { background-color:#CCCCCC; } .pi-theme-singer .pi-title { font-size:15px; } .pi-theme-singer .pi-title { color: #ffffff; } .pi-theme-singer .pi-header { color: #333333; } .pi-theme-singer .pi-title, .pi-theme-singer .pi-header > div:nth-of-type(1) div, .pi-theme-singer > div:nth-of-type(2) div { text-align: center; margin-left: auto; margin-right: auto; } .pi-theme-singer > div:nth-of-type(1) div, .pi-theme-singer > div:nth-of-type(2) div { text-align: center; margin-left: auto; margin-right: auto; }

/* == Event Theme == */ .pi-theme-event .pi-title { background-color:#9D6B9D; } .pi-theme-event .pi-secondary-background { background-color:#9D6B9D; } .pi-theme-event .pi-title { font-size:15px; } .pi-theme-event .pi-title, .pi-theme-event .pi-header { color: #ffffff; } .pi-theme-event .pi-title, .pi-theme-event .pi-header > div:nth-of-type(1) div, .pi-theme-event > div:nth-of-type(2) div { text-align: center; margin-left: auto; margin-right: auto; } .pi-theme-event > div:nth-of-type(1) div, .pi-theme-event > div:nth-of-type(2) div { text-align: center; margin-left: auto; margin-right: auto; }

/* == Classic Dark Title Theme == */ .pi-theme-classicdark .pi-title { background-color:#C9D2DA; } .pi-theme-classicdark .pi-secondary-background { background-color:#C9D2DA; } .pi-theme-classicdark .pi-title, .pi-theme-classicdark .pi-header { color: #000000; } .pi-theme-classicdark .pi-title { font-size:18px; }

/* == Casualty Wiki Dark Blue Theme == */ .pi-theme-casualty .pi-title { background-color:#284C6D; } .pi-theme-casualty .pi-secondary-background { background-color:#537CA2; } .pi-theme-casualty .pi-title, .pi-theme-casualty .pi-header { color: #000000; } .pi-theme-casualty .pi-title { font-size:18px; }

/* == Nurse Theme == */ .pi-theme-nurse .pi-title { background-color:#A4C4F3; } .pi-theme-nurse .pi-secondary-background { background-color:#D0E0F7; } .pi-theme-nurse .pi-title, .pi-theme-nurse .pi-header { color: #000000; } .pi-theme-nurse .pi-title { font-size:18px; } .pi-theme-nurse .pi-background { background-color: #E9F0F0; }

/* == Student Nurse Theme == */ .pi-theme-studentnurse .pi-title { background-color:#E7C0F0; } .pi-theme-studentnurse .pi-secondary-background { background-color:#EED0F8; } .pi-theme-studentnurse .pi-title, .pi-theme-studentnurse .pi-header { color: #000000; } .pi-theme-studentnurse .pi-title { font-size:18px; } .pi-theme-studentnurse .pi-background { background-color: #F0E9F0; }

/* == Senior Nurse Theme == */ .pi-theme-seniornurse .pi-title { background-color:#416994; } .pi-theme-seniornurse .pi-secondary-background { background-color:#6C8BAD; } .pi-theme-seniornurse .pi-title, .pi-theme-seniornurse .pi-header { color: #000000; } .pi-theme-seniornurse .pi-title { font-size:18px; } .pi-theme-seniornurse .pi-background { background-color: #E9ECF0; }

/* == Registrar Theme == */ .pi-theme-registrar .pi-title { background-color:#72B2BA; } .pi-theme-registrar .pi-secondary-background { background-color:#9FC9CE; } .pi-theme-registrar .pi-title, .pi-theme-registrar .pi-header { color: #000000; } .pi-theme-registrar .pi-title { font-size:18px; } .pi-theme-registrar .pi-background { background-color: #E9F0EF; }

/* == Other management Theme == */ .pi-theme-othermanagement .pi-title { background-color:#7F7F7F; } .pi-theme-othermanagement .pi-secondary-background { background-color:#A4A4A4; } .pi-theme-othermanagement .pi-title, .pi-theme-othermanagement .pi-header { color: #000000; } .pi-theme-othermanagement .pi-title { font-size:18px; } .pi-theme-othermanagement .pi-background { background-color: #EDEDED; }

/* == Consultant Theme == */ .pi-theme-consultant .pi-title { background-color:#3F7C87; } .pi-theme-consultant .pi-secondary-background { background-color:#7F9CA1; } .pi-theme-consultant .pi-title, .pi-theme-consultant .pi-header { color: #000000; } .pi-theme-consultant .pi-title { font-size:18px; } .pi-theme-consultant .pi-background { background-color: #E9E9F0; }

/* == SHO Theme == */ .pi-theme-SHO .pi-title { background-color:#6D8393; } .pi-theme-SHO .pi-secondary-background { background-color:#8D9FAC; } .pi-theme-SHO .pi-title, .pi-theme-SHO .pi-header { color: #000000; } .pi-theme-SHO .pi-title { font-size:18px; } .pi-theme-SHO .pi-background { background-color: #E9E9F0; }

/* == Paramedic Theme == */ .pi-theme-paramedic .pi-title { background-color:#539261; } .pi-theme-paramedic .pi-secondary-background { background-color:#7EAF89; } .pi-theme-paramedic .pi-title, .pi-theme-paramedic .pi-header { color: #000000; } .pi-theme-paramedic .pi-title { font-size:18px; } .pi-theme-paramedic .pi-background { background-color: #E9F0EC; }

/* == HCA Theme == */ .pi-theme-HCA .pi-title { background-color:#ABA3F3; } .pi-theme-HCA .pi-secondary-background { background-color:#D2D0F8; } .pi-theme-HCA .pi-title, .pi-theme-HCA .pi-header { color: #000000; } .pi-theme-HCA .pi-title { font-size:18px; } .pi-theme-HCA .pi-background { background-color: #EBE9F0; }

/* == Porter Theme == */ .pi-theme-porter .pi-title { background-color:#A04E6D; } .pi-theme-porter .pi-secondary-background { background-color:#C0899E; } .pi-theme-porter .pi-title, .pi-theme-porter .pi-header { color: #000000; } .pi-theme-porter .pi-title { font-size:18px; } .pi-theme-porter .pi-background { background-color: #F0E9EB; }

/* == Receptionist Theme == */ .pi-theme-receptionist .pi-title { background-color:#C7AC9B; } .pi-theme-receptionist .pi-secondary-background { background-color:#E7CDBC; } .pi-theme-receptionist .pi-title, .pi-theme-receptionist .pi-header { color: #000000; } .pi-theme-receptionist .pi-title { font-size:18px; } .pi-theme-receptionist .pi-background { background-color: #EFE9F0; }

/* == Junior Doctor Theme == */ .pi-theme-juniordoctor .pi-title { background-color:#7CCAC1; } .pi-theme-juniordoctor .pi-secondary-background { background-color:#B8EBE5; } .pi-theme-juniordoctor .pi-title, .pi-theme-juniordoctor .pi-header { color: #000000; } .pi-theme-juniordoctor .pi-title { font-size:18px; } .pi-theme-juniordoctor .pi-background { background-color: #E9F0EF; }

/* == Guest Theme == */ .pi-theme-guest .pi-title { background-color:#9FD6B9; } .pi-theme-guest .pi-secondary-background { background-color:#B5E1CA; } .pi-theme-guest .pi-title, .pi-theme-guest .pi-header { color: #000000; } .pi-theme-guest .pi-title { font-size:18px; } .pi-theme-guest .pi-background { background-color: #F0F0E9; }

/* == Holby City Character Theme == */ .pi-theme-holby .pi-title { background-color:#006D81; } .pi-theme-holby .pi-secondary-background { background-color:#1B93A8; } .pi-theme-holby .pi-title, .pi-theme-holby .pi-header { color: #000000; } .pi-theme-holby .pi-title { font-size:18px; } .pi-theme-holby .pi-background { background-color: #ECE9F0; }

/* == Neutral Character Theme == */ .pi-theme-neutral .pi-title { background-color:#9FD6B9; } .pi-theme-neutral .pi-secondary-background { background-color:#B5E1CA; } .pi-theme-neutral .pi-title { font-size:18px; } .pi-theme-neutral .pi-title, .pi-theme-neutral .pi-header { color: #000000; } .pi-theme-neutral .pi-header { color: #333333; }

/* == Actor == */ .pi-theme-actor .pi-title { background-color:#339999; } .pi-theme-actor .pi-secondary-background { background-color:#CCCCCC; } .pi-theme-actor .pi-title { font-size:18px; } .pi-theme-actor .pi-title { color: #000000; } .pi-theme-actor .pi-header { color: #333333; }	height: 25px; width: 28px; }
 * 1) title-eraicons img {

/* ========== COUNTDOWN ========== */ .mainpage-countdown { background-image: url(https://ichef.bbci.co.uk/images/ic/1920x1080/p06j1t84.jpg); background-size: 100%; background-repeat: no-repeat; background-position: center top; padding-top: 90px; overflow: auto; }

.mainpage-countdown .container { background-image: -moz-linear-gradient(center top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 70%) !important; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, rgba(0,0,0,0)), color-stop(70%, rgba(0,0,0,1))) !important; padding: 10px; color: #FFFFFF; text-shadow: 2px 2px 5px #000000; }

.mainpage-countdown .container a { color: #FFFFFF; }

/* ========== ACTION LINE ========== */ .mainpage-actionline { background-image: url(https://vignette.wikia.nocookie.net/casualty/images/2/2c/BBCactionlineback.jpg); background-size: 100%; background-repeat: no-repeat; background-position: center top; }

/* ========== SERIES NAVIGATION ========== */ .mainpage-series { width: 100%; margin-bottom: 10px; }

.mainpage-series a { width: calc(50% - 5px); background: #64320F; color: #FFFFFF; font-weight: bold; padding: 10px 0; display: inline-block; }