MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/* taken from http://www.grifkuba.org/main/wiki/index.php?title=MediaWiki:Common.css on Friday, February 26th, 2010 */

@font-face { font-family: 'Josefin Sans'; font-style: normal; font-weight: 700; src: url('../skins/BrightShield/fonts/josefin-sans-v16-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../skins/BrightShield/fonts/josefin-sans-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../skins/BrightShield/fonts/josefin-sans-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../skins/BrightShield/fonts/josefin-sans-v16-latin-700.woff') format('woff'), /* Modern Browsers */ url('../skins/BrightShield/fonts/josefin-sans-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../skins/BrightShield/fonts/josefin-sans-v16-latin-700.svg#JosefinSans') format('svg'); /* Legacy iOS */ }

border-color: #fff; background: #222 !important; }
 * 1) preferences {

body.page-Main_Page h1 { display: none; } body.page-Main_Page #mw-content { .box; background: @background; color: @text; padding: 1em @content-padding 3em; overflow: auto; position: relative; }

/***** BACKGROUND COLORS FOR NAMESPACES *****/

/* Colour of NS Manual + Manual_talk (light bluish violet) */

.ns-100 #content, .ns-100 #p-cactions li, .ns-100 #p-cactions li a { background: #f3f3ff; } .ns-100 div.thumb { border-color: #f3f3ff; } .ns-101 #content, .ns-101 #p-cactions li, .ns-101 #p-cactions li a { background: #f3f3ff; } .ns-101 div.thumb { border-color: #f3f3ff; }

.ns-100 #content {  border-style:solid; border-color:#ff0000 #0000ff; } /***** BACKGROUND AND BORDER COLORS FOR CONTENT*****/ /* Border colors */ .borderc1 { border-color: #e9e9e9; border-width:thin; }/* light grey */ .borderc2 { border-color: #aaaaaa; border-width:thin; }/* grey (as toc) */ .borderc3 { border-color: #777777; border-width:thin; }/* dark grey */ .borderc4 { border-color: #000000; border-width:thin; }/* black */ .borderc5 { border-color: #c00000; border-width:thin; }/* red */ .borderc6 { border-color: #025e9d; border-width:thin; }/* blue */ .borderc7 { border-color: #008040; border-width:thin; }/* green */ .borderc8 { border-color: #ffcc00; border-width:thin; }/* yellow */ /* Background colors */ .backgroundc1 { background-color: #ffffff; }/* white */ .backgroundc2 { background-color: #f9f9f9; }/* light grey (as toc)*/ .backgroundc3 { background-color: #eeeeee; }/* light grey (headers) */ .backgroundc4 { background-color: #e0e0e0; }/* more grey */ .backgroundc5 { background-color: #d2d2d2; }/* more grey */ .backgroundc6 { background-color: #b7b7b7; }/* more grey */ .backgroundc7 { background-color: #a3a3a3; }/* darker grey */ /***** SOME OTHER SMALL THINGS *****/ /* Give a bit of space to the TOC */ /* Marking redirects in Special:Allpages*/ .allpagesredirect { font-style: italic; } .watchlistredir { font-style: italic; } /* Bug 1583 Printing of thumbnails */ div.tright { clear: right; } /* SideBoxes (TB) */ div.sideBox { position: relative; float: right; background: white; margin-left: 1em; border: 1px solid gray; padding: 0.3em; width: 200px; overflow: hidden; clear: right; } div.sideBox dl { padding: 0; margin: 0 0 0.3em 0; font-size: 96%; } div.sideBox dl dt { background: none; margin: 0.4em 0 0 0; } div.sideBox dl dd { margin: 0.1em 0 0 1.1em; background-color: #f3f3f3; } /* Major warning - used on the main page template to warn against editing carelessly, but can be used elsewhere as well */ .majorwarning { background: yellow; padding: 0.3em; text-align: center; font-size: 125%; border: 2px solid red; } /******* MAIN PAGE STYLING **********/ background: #f9f9f9; padding: 0px; border: 1px solid #aaaaaa; margin: 0.2em 10px 10px; } .mainpage_boxtitle, .mainpage_hubtitle, #mainpage_pagetitle { font-size: 105%; padding: 0.4em; background-color: #eeeeee; border-bottom: 1px solid #aaaaaa; } .mainpage_boxtitle { line-height: 120%; } color: #cf7606; font-size: 200% !important; } padding: 0.2em; text-align: center; background-color: white; } .mainpage_hubtitle { text-align: center; } .mainpage_boxcontents, .mainpage_boxcontents_small { background: #000000; padding:0.2em 0.4em; } .mainpage_boxcontents_small { font-size: 95%; } .mainpage_hubbox, #mainpage_newscell, #mainpage_downloadcell { padding: 0; border: 1px solid #aaaaaa; } .mainpage_hubbox { margin-bottom: 0; } margin-bottom: 15px; margin-top: 0 !important; } background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/20px-Exquisite-khelpcenter.png); background-repeat: no-repeat; background-position: 99% 0.3em; padding-right: 25px; } width: 17em; margin-bottom: 5px; } background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Crystal_Clear_action_build.png/18px-Crystal_Clear_action_build.png); background-repeat: no-repeat; background-position: 96% 0.33em; padding-right: 25px; } /* The words 'MediaWiki.org' in the title.*/ color: #005288; } /**** prettify Extension Matrix ****/ .xm-table { border: 1px solid #666666; background-color: white; } .xm-table td, .xm-table th { vertical-align: top; text-align: left; border: none; background-color: #EEEEEE; } .xm-table th { font-weight: bold; } .xm-name { font-weight: bold; } .xm-status-unknown { color:#888888; } .xm-status-experimental { color:red; } .xm-status-beta { color:blue; } .xm-status-stable { color:green; } .xm-type-unknown { color:#888888; } .xm-name, .xm-status, .xm-type, .xm-version, .xm-updated { white-space: nowrap; } .xm-updated { font-size:80%; } .xm-alert { background-color: yellow; } td.xm-blank { background-color: inherit; } td.xm-updated { background-color: inherit; } td.xm-description { background-color: inherit; font-style: italic; } th.xm-blank, th.xm-updated, th.xm-description { background-color: inherit; padding-bottom:0.6ex; border-bottom: 1px solid #666666; } th.xm-description { font-style: italic; } /** GENERAL PURPOSE PRETTY TABLES */ table.datatable { background-color: transparent; font-size: 14px; } table.datatable th, table.datatable td { padding: 4px; font-family: monospace; width:25% } table.datatable th { text-align: left; background-color: #999999; } table.datatable tr { background-color: #CCCCCC; } table.datatable tr:hover { background-color: #FFFFCC; } table.datatable td { text-align:right; }
 * 1) toc { margin: 1em 0; }
 * 1) mainpage_topbox {
 * 1) mainpage_pagetitle {
 * 1) mainpage_sitelinks {
 * 1) mainpage_newscell {
 * 1) mainpage_newscell .mainpage_boxtitle {
 * 1) mainpage_downloadcell {
 * 1) mainpage_downloadcell .mainpage_boxtitle {
 * 1) mainpage_mwtitle {

table {color:@text !important;} /* wikitable/prettytable class for skinning normal tables */ table.wikitable, table.prettytable { margin: 1em 1em 1em 0; background: #fff; /*border: 1px #aaa solid;*/ border-collapse: collapse; empty-cells:show; color: #777;

} table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { /*border: 1px #aaa solid;*/ padding: 0.2em 0.4em; } table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3, table.prettytable th, table.prettytable td.hl3, table.wikitable th.hl3 { background: @blue; color: @text; text-align: center; } table.wikitable td.hl1, table.wikitable th.hl1, table.prettytable td.hl1, table.wikitable th.hl1 { background: #c5d8fc; text-align: center; } table.wikitable td.hl2, table.wikitable th.hl2, table.prettytable td.hl2, table.wikitable th.hl2 { background: #a7c1f2; text-align: center; } table.wikitable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; } /** Sidebar External Links **/ background: url(/skins-1.5/monobook/external.png) center right no-repeat; padding-right: 13px; color: #36b; } /* make the list of references look smaller */ ol.references { font-size: 100%; } .references-small { font-size: 90%;} /* prevent ugly horizontal page expansion */ pre { overflow: auto; } /**** Version box on Manual:Downloading MediaWiki ****/ border: 2px solid black; border-collapse: collapse; margin: auto; width: 50%; color: black; } border: 2px solid black; padding: 20px; } /*** More whitespace on search page ***/ .page-Special_Search #search { padding: 1em 0 2em 0; } .page-Special_Search #powersearch { border: 1px solid #CCCCCC; padding: 0.5em 0.5em; } .page-Special_Search #powersearch-namespaces { padding-left: 1em; margin: 0.7em 0; } .page-Special_Search #powersearch-namespaces label { white-space: nowrap; min-width: 8.4em; display: block; float: left; } /* Clear search button, but not check-boxes: */ .page-Special_Search br { clear: left; } /** * Cute little "tip" boxes */ div.tip { padding: 4px; margin-top: 4px; margin-bottom: 4px; min-height: 30px; /* IE users will hate this... */ } div.tip-info { border: 1px solid #CC9933; background-color: #CCCC99; } div.tip-gotcha { border: 1px solid #CC0000; background-color: #CC6666; } /* Some styling for special page navigation */ .sp-cached { background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Clock%20and%20warning.svg/20px-Clock%20and%20warning.svg); background-position: 5px 3px; background-repeat: no-repeat; padding: 4px 0 4px 30px; font-style: italic; color: #606000; margin: 0.3em 0; border: 1px solid #EEEE80; background-color: #FFFFE0; } .SpecialPageInfo { background-color: #f9f9f9; background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/35px-Exquisite-khelpcenter.png); background-position: 0.8em 0.5em; background-repeat: no-repeat; padding: 0.3em 0.5em 0.3em 5.0em; border-color: #025e9d; border-width: 1px; border-style: solid; border-bottom-width: medium; margin-bottom: 1em; } background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/f/f1/Exquisite-kfind.png/45px-Exquisite-kfind.png); } .mw-viewprevnext { display: block; border: 1px solid #CCCCCC; background-color: #F9F9F2; padding: 0.2em 0.4em; } /* Language template */ .LanguageLinks { margin-top: 0.5em; } .LanguageLinks table { clear: both; border: 1px solid #aaaaaa; border-collapse: collapse; padding: 0.2em; margin: 0; font-size: 85%; margin: 0 1px; } .LanguageLinks span { white-space: nowrap; } /* Page headings used throughout the wiki (though not very much at the time of writing...) */ .page-notice, .page-warning { border-width: 1px; border-style: solid; padding: 0.3em 0.5em; margin-bottom: 1em; width: 80%; margin-left: auto; margin-right: auto; text-align: center; } /* Used to add informative notices to the top of pages - BLUE */ .page-notice { background-color: #f9f9f9; border-color: #025e9d; text-align: left; } /* Used to add warning information to the top of pages - RED */ .page-warning { background-color: #ffffff; border-color: #c51919; border-width: 2px; } .pw-head { color: #c51919; font-weight: bold; } /* Coloured watchlist / Special:Recentchanges numbers */ .mw-plusminus-pos { color: #006400; /* darkgreen */ } /* .mw-plusminus-null currently at developer default */ .mw-plusminus-neg { color: #8B0000; /* darkred */ } /* extra buttons for edit dialog */ /* from commons:MediaWiki:Common.css */ .my-buttons { padding: 0.5em; } .my-buttons a { color: black; background-color: #ccddee !important; font-weight: bold; font-size: 0.9em; text-decoration: none; border: thin #006699 outset; padding: 0 0.1em 0.1em 0.1em; } .my-buttons a:hover, .my-buttons a:active { background-color: #bbccdd; border-style: inset; } /* from User:Splarka/Help:Linked images */ .imagelink_wikilogo a { width:135px; height:135px; display:block; text-decoration:none; background-image: url("http://upload.wikimedia.org/wikipedia/mediawiki/b/bc/Wiki.png") }
 * 1) n-browse-cvs a, #n-phpdoc a, #n-Mailing-list a {
 * 1) DownloadVersionBox {
 * 1) DownloadVersionBox td {
 * 1) searchresulttext {

/* wikitable/prettytable class for skinning normal tables */ table.ggs_table, table.overall_table, table.group_table, table.project_table, table.user_table, table.main_table { /* margin: 1em 1em 1em 0; */ border: 1px #ffffff solid; border-collapse: collapse; empty-cells:show; }

table.main_table { border: 1px #D8B1B1 solid;

}

table.ggs_table, table.overall_table, table.group_table, table.project_table, table.user_table { width:20%; }

table.ggs_table { width:45%; }

table.main_table { width:100%; }

table.ggs_table th { background: rgb(232, 37, 25); }

table.main_table th { background: #C41705; }

table.overall_table th { background: #FF0000; }

table.game_table th { background: #FF0000; }

table.group_table th { background: #008800; }

table.project_table th { background: #0000FF; }

table.project_table th { background: #0000FF; }

table.user_table th { background: #800080; } td.ggs_td { background-color:#000000; text-color:#306EFF; font-family : Courier; color: #0066CC; }

td.division_td { background-color:#000000; text-color:#306EFF; font-family : Courier; color: #0066CC; }

td.project_td { background-color:#000000; text-color:#306EFF; font-family : Courier; color: #0066CC; }

td.user_td { background-color:#000000; text-color:#306EFF; font-family : Courier; color: #0066CC; }

table.ggs_table td { background-color:#000000; text-color:#AFE378; font-family : Courier; /*color: #0066CC;*/ }

table.main_table td { background-color:#00C45B; text-color:#C43A2C; font-family : Courier; }

table.overall_table td { /*background-color:#000000;*/ text-color:#306EFF; /*font-family : Courier;*/ }

table.group_table td { background-color:#000000; text-color:#306EFF; font-family : Courier; color: #0066CC; }

table.project_table td { background-color:#000000; text-color:#306EFF; font-family : Courier; color: #0066CC; }

table.user_table td { background-color:#000000; text-color:#306EFF; font-family : Courier; color: #0066CC; }

.center1 { margin-left: auto; margin-right: auto; } .center2 { text-align: center; }

.center { text-align: center; }

.center table { margin-left: auto; margin-right: auto; text-align: left; }

div.centered { text-align: center; }

div.centered table { margin: 0 auto; text-align: center; }

 /*this is for tages only*/

table.outside, td.outside, th.outside, div.outside { background:#000000; text-align:center; align:center;

}

td.art { background:#000000; color:#FFFF00; align:center; }

td.wikirelated { background:#000000; color:#FF00FF; text-align:center; }

td.writing { background:#000000; color:#00FFFF; }

td.general { background:#000000; color:#000000; text-align:center; }

table.article, div.article, td.article, span.article { border: medium double #660000 }

table.file, div.file, td.file, span.file { border: medium double #006600 }

table.category, div.category, td.category, span.category { border: medium double #000066 }

table.template, div.template, td.template, span.template { border: medium double #008080 }

table.special, div.special, td.special { border: medium double #666666; }

table.newsletter { border: medium double #666666; align: right; }

div.newsletter td { border: medium single #666666; }

/* http://en.wikipedia.org/wiki/MediaWiki:Common.css - June 6th, 2009 */

/* 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 {/* 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 { 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 */ float: right;/* by the CollapsibleTables javascript in*/ font-weight: normal; /* MediaWiki:Common.jsare styled here*/ text-align: right; /* so they can be customised.*/ width: auto; } .navbox .collapseButton {/* In navboxes, the show/hide button balances */ width: 6em;/* the vde links from Template:Tnavbar, */ }/* so they need to be the same width. */ /* .subportal { border-style:medium dotted #ff00ff; border-bottom:thick dotted #ffff00; }

.c1 { border-style:medium dotted #00ff00; border-bottom:thick dotted #ff0000; }

.c2 {

}

table.subportal { border-width: 2px 2px 2px 2px; border-spacing: 2px 2px 2px 2px; border-style: solid solid solid solid; border-color: green green green green; border-collapse: separate; background-color: rgb(255, 255, 240); }

tr.subportalheading th, tr.subportalheading td { border-width: 2px 2px 2px 2px; padding: 0.2em 1em 0em 1em !important; border-color: blue blue blue blue; background-color: rgb(250, 240, 230); width:15%; }

tr.subportalheading th { border-style: solid solid solid solid; -moz-border-radius: 3px 3px 3px 3px; } tr.subportalheading td{ border-style: dashed dashed dashed dashed; text-align: center; -moz-border-radius: 0px 0px 0px 0px; }

td.subportalcell {	border-width: 0px 0px 0px 0px; border-style: dashed dashed dashed dashed; border-color: blue blue blue blue; background-color: rgb(250, 240, 230); padding: 0px 4px 4px 4px; }

/* help came from http://www.w3schools.com/css/pr_border-bottom.asp, http://www.w3schools.com/html/html_tables.asp, http://www.somacon.com/p141.php, http://www.quackit.com/html/tags/html_div_tag.cfm*/

/* documentation colors inpried by kuler user greenredVendormate */

div.documentation { border:1px solid black; border-color: rgb(161, 49, 0); background-color: rgb(139, 169, 69); text-align:center; }

table.documentation th { background-color: rgb(255, 121, 30); }

table.documentation td { text-align:left; } table.center { margin-left: auto; margin-right: auto; }

table.project_table th a, span.project a { color:#FFD100; font-family : Courier; }

.project_table a:hover, .Project a:hover { color:#FFD100; }

table.sidebar { align:right; width:25%; }

.default-border-radius { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.default-border-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }

.default-border-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; } /* .portlet { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }

/*InterProject: gotten from http://en.wiktionary.org/wiki/MediaWiki:Common.css on 10/16/2010 */ .interProject {   display:none; clear: both; border-top: 2px dotted #AAAAAA; margin-top: 2em; }

/* Grabbed from WikiBound on 2/1/2011 */

.roundy { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px; }

.roundytl { border-top-left-radius: 20px; -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; -khtml-border-top-left-radius: 20px; -icab-border-top-left-radius: 20px; -o-border-top-left-radius: 20px; }

.roundytr { border-top-right-radius: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -khtml-border-top-right-radius: 20px; -icab-border-top-right-radius: 20px; -o-border-top-right-radius: 20px; }

.roundybl { border-bottom-left-radius: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; -khtml-border-bottom-left-radius: 20px; -icab-border-bottom-left-radius: 20px; -o-border-bottom-left-radius: 20px; }

.roundybr { border-bottom-right-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; -khtml-border-bottom-right-radius: 20px; -icab-border-bottom-right-radius: 20px; -o-border-bottom-right-radius: 20px; }

.roundybottom { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; -khtml-border-bottom-left-radius: 20px; -khtml-border-bottom-right-radius: 20px; -icab-border-bottom-left-radius: 20px; -icab-border-bottom-right-radius: 20px; -o-border-bottom-left-radius: 20px; -o-border-bottom-right-radius: 20px; }

.roundytop { border-top-left-radius: 20px; border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -khtml-border-top-left-radius: 20px; -khtml-border-top-right-radius: 20px; -icab-border-top-left-radius: 20px; -icab-border-top-right-radius: 20px; -o-border-top-left-radius: 20px; -o-border-top-right-radius: 20px; }

.roundyleft { border-top-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -khtml-border-top-left-radius: 20px; -khtml-border-bottom-left-radius: 20px; -icab-border-top-left-radius: 20px; -icab-border-bottom-left-radius: 20px; -o-border-top-left-radius: 20px; -o-border-bottom-left-radius: 20px; }

.roundyright { border-bottom-right-radius: 20px; border-top-right-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-topright: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-top-right-radius: 20px; -khtml-border-bottom-right-radius: 20px; -khtml-border-top-right-radius: 20px; -icab-border-bottom-right-radius: 20px; -icab-border-top-right-radius: 20px; -o-border-bottom-right-radius: 20px; -o-border-top-right-radius: 20px; }

table.fetable td { background:#D4C285; } table.column { height:100%; }

.mpgamelist a:link {color: #278514} .mpgamelist a:visited {color: #278514} .mpgamelist a:hover {color: #31a71a; text-decoration:none}

.bgimage { background-image: url('images/1/16/Falchion_transparent.png'); background-position: center center; background-repeat: no-repeat; }

/* Revision differences */ .diff-deletedline, .diff-addedline {color:black;}

pre { background-color: #333; color: #D9D9D9; }

/* Special:AllMessages */ .TablePager td {background-color: transparent;} .TablePager th {background-color: #555;} .TablePager tr:hover td {background-color: #333;}

.am_default, .am_actual {color:black;}

.tab { border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; -khtml-border-radius: 7px 7px 0 0; -icab-border-radius: 7px 7px 0 0; -o-border-radius: 7px 7px 0 0; text-align:center; padding: 3px 5px; margin: 0px; border: 2px solid #B0B0B0; background-color: #232855; white-space: nowrap; cursor:pointer; }

span.tab:hover, div.tab:hover, td.tab:hover { background-color:#222222; }

.tabselected { background-color:#222 !important; border-bottom: 2px solid #222; color: #d9d9d9; }

.tabcontainer p { margin:0; }

/* Revision differences */ .diff-deletedline, .diff-addedline {color:black;}

pre { background-color: #333; color: #d9d9d9; }

/* Special:AllMessages */ .TablePager td {background-color: transparent;} .TablePager th {background-color: #555;} .TablePager tr:hover td {background-color: #333;}

.am_default, .am_actual {color:black;}

/* For positioning icons at top-right, used in Templates "Spoken Article" and "Featured Article" */ div.topicon { position: absolute; top: -2em; margin-right: -100px; display: block !important; } /* FR topicon position */ div.flaggedrevs_short { position: absolute; top: -3em; right: 0px; z-index: 1; margin-left: 0; /* Because this is not yet a topicon, we emulate it's behavior, this ensure compatibility with edit lead section gadget. */   margin-right: -10px; }

/* Content in columns with CSS instead of tables Template:Columns */ div.columns-2 div.column { float: left; width: 50%; min-width: 300px; }

div.columns-3 div.column { float: left; width: 33.3%; min-width: 200px; }

div.columns-4 div.column { float: left; width: 25%; min-width: 150px; }

div.columns-5 div.column { float: left; width: 20%; min-width: 120px; }

span.hidden { display:none;}

.skin-citizen-dark .mw-indicator, #mw-indicator-Japan { filter: none; }

table.wikitable tr th, table.wikitable tr td { padding: 10px 20px 10px 5px; border: 0; border-bottom: 1px solid var(--border-color-base); }

.infoboxcontainer { float:right; width:20em; max-width:20em; border:2px solid #10a4b7; margin:0.25em 0 0.25em 0.5em }

.infoboxouter { width: 100%; align: center; display: table; background: rgb(2,0,36); background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,73,121,1) 25%, rgba(16,164,183,1) 100%); }

.infoboxinner { color: #fff; font-size: 95%; border: #fff 1px solid; text-align:left; object-fit: fill; padding-left:5px }

.infoboxlabel { color: #fff; font-size: 95%; border: #fff 1px solid; object-fit: fill; padding-left:5px text-align:right; padding-right:3px; width:30%; background: rgb(2,0,36); background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,73,121,1) 25%, rgba(16,164,183,1) 100%); }

.infoboxfield { padding-left:3px; font-size: 95%; background: var( --background-color-dp-00 ); color: var( --color-base); }

.infoboxbubble { object-fit: fill; color: var( --color-base); border: 1px solid #10a4b7; background: var( --background-color-dp-00 ); }

/* Gensopedia 2023 */ /* To make images responsive */ img { max-width: 100%; height: auto; }

/* Ensures table contents stretch to fit container */ tbody{ width: 100%; display: table; }

.newcontainer { width: 96%; border:2px solid #10a4b7; margin: auto; /* Centers the infobox */ }

.newheader { color: #fff; background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,73,121,1) 25%, rgba(16,164,183,1) 100%); }

.newheaderborder { border: #fff 1px solid; }

.newboxcontent { background: var(--color-surface-0); border: #10a4b7 1px solid; color: var(--color-base); font-size: 95%; }

.newlabel { color: #fff; background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,73,121,1) 25%, rgba(16,164,183,1) 100%); border: #fff 1px solid; font-size: 95%; }

.newboximage { font-size: 90%; background: var( --background-color-dp-00 ); color: var( --color-base); }

.mw-headline { border-bottom: #10a4b7 3px solid; }

.charboxouter{ float:right; width:22em; border:2px solid #10a4b7; margin:0.25em 0 0.25em 0.5em }