MediaWiki:Common.css

// 16:42, June 13, 2012 (UTC) //  /***** CSS placed here will be applied to all skins on the entire site. *****/

/* Toc */

-moz-border-radius: 0.4em 0.4em 0.4em 0.4em; -webkit-border-radius: 0.4em 0.4em 0.4em 0.4em; border-radius: 0.4em 0.4em 0.4em 0.4em; background: #F9F9F9 url(http://images1.wikia.nocookie.net/__cb20100704162745/sims/fr/images/6/6d/Image_TOC.png) no-repeat right bottom; }
 * 1) toc {

/* Era */

position:absolute; z-index:100; right:10px; top:25px; float: right; }
 * 1) icons {

/* ################################################## */ /* ### TITLE ICONS (Template:Games)              ### */ /* ################################################## */ .titleicons, .titleicons-hover { font-size: 11px; margin: 0; max-width: 275px; z-index: 3; } .titleicons { background: transparent; right: 0; height: 25px; line-height: 25px; overflow: hidden; text-align: right; border: none; display: none; float: right; } .titleicons-hover { -moz-border-radius:1em; -khtml-border-radius:1em; -webkit-border-radius:1em; border-radius:1em; background-color:#FFFFFF; border:2px solid #2479A5; box-shadow: inset 0 0 7px #666666; right: -1px; height: auto; overflow: auto; position: absolute; color: #666666; margin: auto; padding: 4px 1em 3px; text-align: center; top: 39px !important; padding: 0 5px; } .titleicons-preview { text-align: right; } .titleicons-fullsize, .titleicons-hover .titleicons-preview { display: none; } .titleicons-hover .titleicons-fullsize { display: block; } .titleicons-more { float: right; padding: 0 2px; line-height: 25px; } .titleicons-chevron { vertical-align: middle; border-color: #3A3A3A transparent transparent; border-style: solid; border-width: 3px; width: 0; } /* Monobook */ .skin-monobook .titleicons { top: 15px; } .skin-monobook .titleicons-hover { top: 13px; } /* Oasis */ .skin-oasis .titleicons { top: 0px; } .skin-oasis .titleicons-hover { top: -2px; }  display: none; }
 * 1) WikiaPageHeader details .categories {

/* Hide title and tagline on pages */ body.page-The_Sims_Wiki h1.firstHeading, body.page-The_Sims_Wiki #siteSub { display:none; } body.page-The_Sims_Wiki_Admin_Portal h1.firstHeading, body.page-The_Sims_Wiki_Admin_Portal #siteSub { display:none; } body.page-The_Sims_Wiki_Late_Night_Portal h1.firstHeading, body.page-The_Sims_Wiki_Late_Night_Portal #siteSub { display:none; }

/* Poll autoformatting */ .ajax-poll { width: auto !important; /*inline style override for poll extension*/ }

/* Color an external link as red. Thanks to pcj and joeyaa */ .red-link a, .red-link a:visited, .red-link a:active {color:#BA0000 !important;text-decoration:none !important;} .red-link a:hover { color:#BA0000 !important;text-decoration:underline !important;}

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect a { color: #888; font-style: italic; } .watchlistredir a { color: #888; font-style: italic; }

/* Infobox template style */ .infobox { border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

/* Forum formatting (by -Algorithm & -Splaka) */ .forumheader { border: 1px solid #aaa; background-color: #f9f9f9; margin-top: 1em; padding: 12px; } .forumlist td.forum_edited a { color: black; text-decoration: none } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title a.forum_new { font-weight: bold; background: url(http://images2.wikia.nocookie.net/sims/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; }

/* Colour the number of characters added/removed in the recent changes */ .mw-plusminus-pos { color: #006500; }

.mw-plusminus-neg { color: #8B0000; }

/* === Babel === */

div.babelbox { float: right; margin-left: 1em; margin-bottom: 0.5em; width: 246px; border: 1px solid #99B3FF; padding: 2px 0 2px 0; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin: 2px 4px 2px 4px; /* t, l, b, r */ width:238px; border-collapse: collapse; } td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 { text-align:center; font-size:14pt; width:45px; height:45px; } td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 { font-size:8pt; padding:4pt; line-height:1.25em }

.lang-block0 { border:1px solid #FFB3B3; } td.lang-code0 { background-color: #FFB3B3; color: black; } td.lang-description0 { background-color: #FFE0E8; color: black; }

.lang-block1, .lang-block2, .lang-block3  { border:1px solid #99B3FF; } td.lang-code1, td.lang-code2, td.lang-code3 { background-color: #99B3FF; color: black; } td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #E0E8FF; color: black; }

.lang-blockN { border:1px solid #6EF7A7; } td.lang-codeN { background-color: #6EF7A7; color: black; } td.lang-descriptionN { background-color: #C5FCDC; color: black; }

/* Messagebox templates */ .messagebox { border: 1px solid #aaa; background-color: #f9f9f9; width: 80%; margin: 0 auto 1em auto; padding: .2em; } .messagebox.merge { border: 1px solid #c0b8cc; background-color: #f0e5ff; text-align: center; } .messagebox.cleanup { border: 1px solid #9f9fff; background-color: #efefff; text-align: center; } .messagebox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; } .messagebox.nested-talk { border: 1px solid #c0c090; background-color: #f8eaba; width: 100%; margin: 2px 4px 2px 4px; } .messagebox.small { width: 238px; font-size: 85%; float: right; clear: both; margin: 0 0 1em 1em; line-height: 1.25em; }

/* wikitable/prettytable class for skinning normal tables */ table.wikitable, table.plaintable, table.prettytable { margin: 1em 1em 1em 0; border: 1px #aaa solid; border-collapse: collapse; background-color: #FFFFFF; }

table.wikitable th, table.wikitable td, table.plaintable th, table.plaintable td { border: 1px #aaa solid; padding: 0.2em 1em; }

table.heading-grey th, table.heading-gray th, td.heading-grey, td.heading-gray, table.plaintable th { background-color: #efefef; text-align: center; }

table.heading-blue th, td.heading-blue { background-color: #BFD7FF;     /* Level 1 color */ text-align: center; }

.small-text, .small-text-cells td { font-size:75%; }

table.wikitable caption, table.plaintable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; }

table.prettytable { margin: 1em 1em 1em 0; border-collapse: collapse; }

table.prettytable th { text-align: left; padding: 0.2em 1em; border: #BFD7FF 1px solid;    /* Level 1 color */ }

table.prettytable tr:not(:first-child) th, /* May not work in IE. For :first-child to work in IE, a <!DOCTYPE> must be declared. */ th.heading2, table.prettytable th.heading2, table.prettytable td { text-align: left; padding: 0.2em 0.5em; border: #BFD7FF 1px solid;    /* Level 1 color */ }

table.prettytable tr:not(:first-child) th, /* May not work in IE. For :first-child to work in IE, a <!DOCTYPE> must be declared. */ th.heading2 { background-color: #D7E6FD;    /* Level 2 color */ color: rgb(38,75,135); }

table.plaintable tr:not(:first-child) th /* May not work in IE. For :first-child to work in IE, a <!DOCTYPE> must be declared. */ { background-color: #f7f7f7; text-align: center; }

table.prettytable td { background-color: rgb(242,247,255);    /* Level 3 color */ }

.alt { background-color: #f7f7f7; } table.zebra > tbody > tr:nth-child(2n+1) {background-color: #f7f7f7; }

/* Default skin for navigation boxes */ table.navbox {           /* Navbox container style */ background-color: #f9f9f9; margin:0 auto; width: 100%; clear: both; text-align: center; border: 1px solid transparent; -moz-border-radius:10px; /* Firefox */ border-radius:10px; /* Chrome, Safari & Opera */ padding: 1px; } table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ margin-top: -1px;         /* (doesn't work for IE6, but that's okay)       */ }

.navbox-title, .navbox-abovebelow, table.navbox th {            /* Title and above/below styles */ text-align: center; background-color: #BFD7FF;    /* Level 1 color */ padding-left: 1em; padding-right: 1em; border: 1px solid transparent; -moz-border-radius:10px; /* Firefox */ border-radius:10px; /* Chrome, Safari & Opera */ } .navbox-group {             /* Group style */ white-space: nowrap; text-align: right; font-weight: bold; padding-left: 1em; padding-right: 1em; background: #BFD7FF;          /* Level 1 color */ border: 1px solid #BFD7FF;    /* Level 1 color */ -moz-border-radius:10px;      /* Firefox */ border-radius:10px;           /* Chrome, Safari & Opera */ }

.navbox, .navbox-subgroup { background: #fdfdfd;    /* Background color */ } /* .navbox-list { border-color: #fdfdfd;  /* Must match background color */ } .navbox-title, table.navbox th { background: #BFD7FF;    /* Level 1 color */ } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: #D7E6FD;    /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #F2F7FF;    /* Level 3 color */ border-color: #D7E6FD;  /* Level 2 color */ } .navbox-even { background: #f7f7f7;    /* Even row striping */ } .navbox-odd { background: transparent; /* Odd row striping */ }

.navbar {                 /* Navbox template links */ font-size: 75%;       /* Default font-size */ font-weight: normal; } .navbox .navbar { font-size: 100%;      /* Font-size when nested within navbox */ }

.roundborder { border: 1px solid #007FFF; -moz-border-radius:10px;      /* Firefox */ border-radius:10px;           /* Chrome, Safari & Opera */ }

@media print { .navbox { display: none; } }

/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at NavFrame. */ div.Boxmerge, div.NavFrame { margin: 0px; padding: 4px; border: 1px solid #aaa; text-align: center; border-collapse: collapse; font-size: 95%; } div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0px; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #BFD7FF;    /* Level 1 color */ position:relative; } div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; } a.NavToggle { position:absolute; top:0px; right:3px; font-weight:normal; font-size:smaller; }

/* Small reference list, make the list of references look smaller and highlight clicked reference in blue, from Wikipedia */ ol.references { font-size: 90%; } .references-small { font-size: 90%;} ol.references > li:target { background-color: #ddeeff; } sup.reference:target { background-color: #ddeeff; } .references-small { font-size: 90%;} /* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */ /* -moz- and -webkit- are vendor-specific extensions (CSS 2.1 4.1.2.1) */ /* column-count is from the CSS3 module "CSS Multi-column Layout" */ /* Please ignore any validator errors caused by these two lines */ .references-2column { font-size: 90%; -moz-column-count:2; /* Firefox */ -webkit-column-count:2; /* Chrome & Safari */ column-count:2; } .same-bg { background: none }

/* Display text below main article header, located at MediaWiki:tagline */ display: inline; font-size: 92%; font-weight: normal; }
 * 1) siteSub {

/* Put a checker background at the image description page only visible if the image has transparent background */ background: url("http://images.wikia.com/central/images/5/5d/Checker-16x16.png") repeat; }
 * 1) file img {

/* 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). */ .toclimit-2 .toclevel-2, .toclimit-3 .toclevel-3, .toclimit-4 .toclevel-4, .toclimit-5 .toclevel-5, .toclimit-6 .toclevel-6, .toclimit-7 .toclevel-7 { display: none; }

blockquote { font-style: italic; }

blockquote.note { border: 1px dashed #ccf; padding: 5px; font-style: italic; font-size: 90%; }

/* Tooltip script begin */ .htt .tooltip-content .tooltip-hide, .hidden { display:none; }

.tooltip-ready { visibility:hidden; display:block; z-index:999; } /* Tooltip script end */

/* siteNotice [dismiss] moving, see MediaWiki:Common.js, by Joeyaa */
 * 1) mw-dismissable-notice td[align="right"] > span {display:none}

/* Move patrol link to the left side */ .patrollink { position:absolute; left:10px; height:20px; }

.editlink { float:right; font-size:14px; }

.editlink a { font-size:12px; }

/* Manual of Style */ .moscorrect { color: #006F00; font-family:serif; font-size:1.1em; } .mosincorrect { color: #B20000; font-family:serif; font-size:1.1em; }

/* Main page styles */

table.mptable1 { width:100%; background-color:#64B668; margin-top:2px; padding:5px; -moz-border-radius:10px;      /* Firefox */ border-radius:10px;           /* Chrome, Safari & Opera */ border:2px solid #0A6F2F; }

.mpheading1 { font-size:16px; padding:5px; background:#0A6F2F; border:1px solid #99FF99; color:#FFFFFF; text-align:center; -moz-border-radius:7px;      /* Firefox */ border-radius:7px;           /* Chrome, Safari & Opera */ }

.mpheading1 small a, .mpheading1 .editlink a { color: #64B668; }

table.mptable2 { width:100%; background-color:#99BBEE; margin-top:2px; padding:5px; border:2px solid #1154A4; -moz-border-radius:10px;      /* Firefox */ border-radius:10px;           /* Chrome, Safari & Opera */ }

.mpheading2 { font-size:16px; padding:5px; background:#1154A4; border:2px solid #1E90FF; -moz-border-radius:7px;      /* Firefox */ border-radius:7px;           /* Chrome, Safari & Opera */ color:#FFFFFF; text-align:center; }

.mpheading2 small a, .mpheading2 .editlink a { color: #99BBEE; }

/*highlights on recentchanges*/ /*please maintain the alphabetical order as it makes it easier to update these lists - thanks*/ .newpage { color : red; } .minor { color : silver; } .unpatrolled { color : blue; } .bot { color : orange; } /*bots*/ a[href="/wiki/User:Bawt"], a[href="/wiki/User:CreateWiki script"], a[href="/wiki/User:Delete page script"], a[href="/wiki/User:Edit page script"], a[href="/wiki/User:K6kaBOT"], a[href="/wiki/User:LiRBot"], a[href="/wiki/User:Maintenance script"], a[href="/wiki/User:VSTF Bot"], a[href="/wiki/User:Wikia"], a[href="/wiki/User:WikiaBot"], a[href="/wiki/User:WoganBot"] { color:#66AAFF !important; font-weight:bold !important; } /*admins*/ a[href="/wiki/User:Beds"], a[href="/wiki/User:Frostwalker"], a[href="/wiki/User:Icemandeaf"], a[href="/wiki/User:Joey.eyeball"], a[href="/wiki/User:Mathetesalexandrou"], a[href="/wiki/User:Waikikamukow"], a[href="/wiki/User:WikiBuilder1147"] { color:#6FA12E !important; font-weight:bold !important; } /*crats*/ a[href="/wiki/User:Dharden"], a[href="/wiki/User:K6ka"], a[href="/wiki/User:LostInRiverview"], a[href="/wiki/User:Nikel23"], a[href="/wiki/User:Random_Ranaun"], a[href="/wiki/User:Woganhemlock"] { color:#337800 !important; font-weight:bold !important; }

height: 20px; margin: 0; color: #FFF; padding: 15px; font-size: x-large; background: #3380D8; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#053871', endColorstr='#3380D8'); background: -webkit-gradient(linear, left top, right bottom, from(#053871), to(#3380D8)); background: -moz-linear-gradient(left, #053871, #3380D8); moz-border-radius: 0.25em 0.25em 0 0; -webkit-border-radius: 0.25em 0.25em 0 0; border-radius: 0.25em 0.25em 0 0; vertical-align: middle; } div.headingblue { background: url("http://img4.wikia.nocookie.net/sims/images/5/50/Header_bar_blue.jpg"); color: White; font-size: 100%; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px #666666; -moz-box-shadow: 0 1px 2px #666666; -o-box-shadow: 0 1px 2px #666666; box-shadow: 0 1px 2px #666666; } div.headingbluestatic { background: url("http://img4.wikia.nocookie.net/sims/images/5/50/Header_bar_blue.jpg"); color: White; font-size: 100%; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px #666666; -moz-box-shadow: 0 1px 2px #666666; -o-box-shadow: 0 1px 2px #666666; box-shadow: 0 1px 2px #666666; } div.headinggreen {/*NOTE - This heading may be changed as part of any wiki theme updates*/ background: url("http://img1.wikia.nocookie.net/sims/images/a/a7/Header_bar_green.jpg"); margin-top: 5px; margin-left: 3px; margin-right: 3px; margin-bottom: 5px; color: White; font-size: 100%; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 4px #666666; -moz-box-shadow: 0 0 4px #666666; -o-box-shadow: 0 0 4px #666666; box-shadow: 0 0 4px #666666; } div.headinggreenstatic { background: url("http://img1.wikia.nocookie.net/sims/images/a/a7/Header_bar_green.jpg"); margin-top: 5px; margin-left: 3px; margin-right: 3px; margin-bottom: 5px; color: White; font-size: 100%; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 4px #666666; -moz-box-shadow: 0 0 4px #666666; -o-box-shadow: 0 0 4px #666666; box-shadow: 0 0 4px #666666; }
 * 1) banner {

/* Make tags bold to stand out on recentchanges */ .mw-tag-marker { font-style: italic; font-weight: bold; }

/* Reference tooltips - Wikia have broken global CSS values and I can't figure out their crappy resource loader for CSS so I'm just importing everything. Problem? Blame Wikia. */ .referencetooltip { position: absolute; list-style: none; list-style-image: none; opacity: 0; font-size: 10px; margin: 0; z-index: 5; padding: 0; } .referencetooltip li { border: #080086 2px solid; max-width: 260px; padding: 10px 8px 13px 8px; margin: 0px; background-color: #F7F7F7; box-shadow: 2px 4px 2px rgba(0,0,0,0.3); -moz-box-shadow: 2px 4px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 4px 2px rgba(0,0,0,0.3); } .referencetooltip li+li { margin-left: 7px; margin-top: -2px; border: 0; padding: 0; height: 3px; width: 0px; background-color: transparent; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-top: 12px #080086 solid; border-right: 7px transparent solid; border-left: 7px transparent solid; } .referencetooltip>li+li::after { content: ''; border-top: 8px #F7F7F7 solid; border-right: 5px transparent solid; border-left: 5px transparent solid; margin-top: -12px; margin-left: -5px; z-index: 1; height: 0px; width: 0px; display: block; } .client-js body .referencetooltip li li { border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; height: auto; width: auto; margin: auto; padding: 0; position: static; } .RTflipped { padding-top: 13px; } .referencetooltip.RTflipped li+li { position: absolute; top: 2px; border-top: 0; border-bottom: 12px #080086 solid; } .referencetooltip.RTflipped li+li::after { border-top: 0; border-bottom: 8px #F7F7F7 solid; position: absolute; margin-top: 7px; } .RTsettings { float: right; height: 16px; width: 16px; cursor: pointer; background-image: url(//upload.wikimedia.org/wikipedia/commons/e/ed/Cog.png); margin-top: -9px; margin-right: -7px; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; -ms-transition: opacity 0.15s; transition: opacity 0.15s; opacity: 0.6; filter: alpha(opacity=60); } .RTsettings:hover { opacity: 1; filter: alpha(opacity=100); } .RTTarget { border: #080086 2px solid; }

/*NEW THEME - March 2015*/ /*New header green and blue bars*/ .greenbar { margin: 5px; padding: 5px; color: white; font-size: 110%; font-weight: bold; text-shadow: 1px 1px 2px #222; background: linear-gradient(to right, #4CAD40, #96CF24); box-shadow: 1px 1px 3px #777777; } .bluebar { margin: 5px; padding: 5px; color: white; font-size: 110%; font-weight: bold; text-shadow: 1px 1px 2px #222; background: linear-gradient(to right, #2E70B7, #25A8E0); box-shadow: 1px 1px 3px #777777; } /*Shadowed lines - WORK IN PROGRESS*/ .shadowline { margin: 1em 0; padding: 0.5px; border: 1px solid #E0E0E0; box-shadow: inset 0 0 3px #E0E0E0; border-radius: 1em; width: auto; }