MediaWiki talk:Common.css

/* '''Click edit to see a readable version. Once done changing, copy and paste into this and throw the output in MediaWiki:Common.css'''.

*/ /* Control selector template */ background-color: #b8e55c; border: 1px solid #99cc66; margin: 5px 0 5px 5px; padding: 3px; float: right; font-size: 1.2em; }
 * 1) control_selector {

/* Teddy's cool styles */ .headerimage {text-align: center; margin-bottom: 1em;} .midcoltxt p {margin-left: 212px; margin-right: 212px; text-align:justify;}

font-weight: bold; }
 * 1) control_selector > span {

/* Archive template */ .archive_box { background-color: #f9f9f9; border: 1px solid #aaa; float: right; padding: 5px; text-align: center; }

.archive_box > .archive_heading { font-size: large; line-height: 110%; margin: 0; padding: 0; width: 200px; border-bottom: 1px solid #aaa; }

.archive_box > div { padding-right: 10px; padding-left: 10px; text-align: justify; }

/* Drift City objectives template */ .t_drift_city_objectives{ border: #AAAAAA 2px solid; background-color:#3399FF; }

/* Sidebar template */ .t_sidebar{ border:1px solid #7d87bc; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#d0d5f1; margin:0 10px 10px 10px; padding:0.75em } .t_sidebar_title{ color:#556; font-size:larger; font-weight:bold; margin-bottom:0.5em } .t_sidebar_banner{ margin:0px 10px 10px 10px; border:2px solid #000; padding:0px; background-color:#fff } .t_sidebar_banner .t_sidebar_title{ background-color:#037DDC; color:#fff } /* Nihongo Template*/ .t_nihongo_icon{ color:#00e; }

/* Table Cell templates Template */ .table-na{ background-color:#ececec } .table-yes{ background-color:#90ff90 } .table-yes2{ background-color:#ddffdd } .table-no{ background-color:#ff9090 } .table-no2{ background-color:#ffdddd }

/* Table of Contents Headers */ .toc_h2 { font-size: 1.5em; font-weight: bold }

.toc_h3 { font-size: 1.2em; font-weight: bold }

/* LGPL/GPL templates */ .license_box { width:100%; clear:both; margin:0.5em auto; background-color:#f9f9f9; border:2px solid #e0e0e0; }

/* Shortcut template */ .shortcut_box { float: right; background: #fff; border: 1px solid #999; margin: .3em .3em .3em 1em; padding: 3px; }

/* Thankyou template */ .thankyou { float: right; border: 1px solid blue; width: 200px; padding: 3px; background-color: #ffffff; }

/* Todo template */ .todo_box { background-color:#fcddaa; border:1px solid #000000; vertical-align: top; margin-bottom: 1em; padding-bottom: 1em; }

.todo_box .NavFrame { background-color:#FFEFDF; border:1px dotted #000000; width:98%; margin:auto; clear:both }

.todo_box .NavHead { position: relative; font-weight: bolder; font-size: larger }

.template_edit_link { font-size: smaller; margin: 0; float: right; }

/* Wikipedia template */ .wikipedia { clear: right; border: 1px solid #aaaaaa; margin: 0 0 1em 1em; font-size: 95%; background: #f9f9f9; width: 246px; padding: 4px; float: right; }

.wikipedia_link { margin: 5px; font-size: larger; font-style: italic; font-weight: bold; text-align: center; }

/* Achievement lists */ table.achievement_list tr th { background-color: #AABBCC; } table.achievement_list tr td:first-child { text-align: center; }

/* Move lists */ table.move_list tr th { background-color: #ADC8FA; }

table.move_list td { border: none; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; }

table.move_list tr td + td + td, table.move_list tr td:first-child { border-right: 1px solid #aaaaaa; }

table.move_list .moves_row1 { background-color: silver; }

/* Pcreq template */ .pcreq_line { clear: left; }

/* Achievement template */ .achievement { border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; clear: right; float: right; margin: 0px; border: 1px solid #690; background-color: #CDA; padding: 6px; width: 250px; }

.achievement_image { float: left; margin: 2px; text-align: center; width: 64px; }

.achievement_body { padding-left: 2px; margin-left: 66px; }

.achievement_title { color: #5E8200; font-size: 1.5em; font-weight: bold; }

.achievement_progress { float: left; width: 92%; padding: 3px 0; padding-left: 10px; font-size: 0.8em; }

.achievement_points { text-align: right; float: right; margin: 0; padding: 2px; }

.achievement_name { font-weight: bold; margin: 0; padding: 2px; padding-top: 0px; }

.achievement_description { color: #5E8200; clear: both; }

/* Trophy template */ .trophy { border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; clear: right; float: right; margin: 0px; border: 1px solid #27408B; background-color: #E3E3E3; padding: 6px; width: 250px; }

.trophy_title { color: #36648B; font-size: 1.5em; font-weight: bold; }

.trophy_description { color: #36648B; clear: both; }

/* Progress bars */ .progress_bar { background-color: #d8d8d8; border: 1px solid #2f2f2f; overflow: hidden; }

.progress_bar_inner { background-color: #b2ff00; color: #2f2f2f; margin: 0; white-space:nowrap; }

/* Release dates, ratings and companies */ .release_date,.rating,.company_line { margin-top:1px; margin-bottom:1px }

/* displays an icon on the top bar of the page */ div.topicon { position:absolute; z-index:100; top:10px; display: block !important; }

/* Navigation boxes; common to CN, FN and HN */ .nav_box { border: 1px solid #aaa; }

.nav_box_toc_heading { color: #06033f; margin: 0 0 0.6em 0; padding: 0.1em 5px 0.1em 5px; border-bottom: 1px solid #ccc; font-size: 1.5em !important; }

.nav_box_lhs_link { border-right: 1px solid grey; padding-right: 5px; margin-right: 5px; }

.nav_box_middle_link { padding-left: 5px; padding-right: 5px; }

.nav_box_rhs_link { border-left: 1px solid grey; padding-left: 5px; margin-left: 5px; }

/* Header Nav */ .header_nav { clear: both; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; text-align: left; font-size: 0.9em; }

/* Footer Nav */ .footer_nav { clear: both; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; text-align: left; font-size: 0.9em; }

/* Continue Nav */ .continue_nav { width: 40%; margin: 1em auto 1em auto; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; text-align: center; background-repeat: no-repeat; background-position: top left; }

.continue_nav_header { font-weight: bold; font-size: 1.2em; margin: 0; }

.continue_nav_image { float: left; margin-left: 10px; margin-top: 10px; }

.continue_nav_footer { font-size: 0.8em; margin: 0; border-top: 1px solid #aaa; }

/* Series boxes */ .series_box_parent { position: absolute; right: 0.6em; }

.series_box { clear: both; border-radius: 0.8em; -webkit-border-radius: 0.8em; -moz-border-radius: 0.8em; background-color: #eaeaea; border: 1px solid #888; padding: 0.2em 0.6em; text-align: center; }

.series_box>p { padding: 1px 3px; }

.series_box_header { position: relative; background-color: #fff; border-bottom: 1px solid #888; margin: -0.2em -0.6em 0.2em -0.6em; border-top-left-radius: 0.8em; border-top-right-radius: 0.8em; -webkit-border-top-left-radius: 0.8em; -webkit-border-top-right-radius: 0.8em; -moz-border-radius-topleft: 0.8em; -moz-border-radius-topright: 0.8em; font-weight: bold; }

.keyboard_button { background-color: #eee; border-top: 0.2em solid #ccc; border-right: 0.3em solid #aaa; border-bottom: 0.35em solid #888; border-left: 0.25em solid #bbb; padding: 0.35em 0.25em; white-space: nowrap; line-height: 2.25em !important; }

/* Header boxen */ .header_box { margin: 10px; border: 1px solid #7d87bc; background-color: #d0d5f1; padding: 3px; clear: both; vertical-align: middle; }

.header_box p { margin: 0; }

.header_box_important { border-color: #bc7d7d; background-color: #f1d0d0; font-size: larger; }

.header_box_message { border-color: #bcbb7d; background-color: #f1efd0; }

.developer_header_box { display: none; }

.nav_toc_append { display: none; }

/* Styling links to Bulbapedia */ background: url(http://media.strategywiki.org/images/a/a4/Bulbalink.png) center right no-repeat !important; padding-right: 20px !important; }
 * 1) bodyContent a[href ^="http://bulbapedia.bulbagarden.net"],
 * 2) article a[href ^="http://bulbapedia.bulbagarden.net"],
 * 3) contentSub a[href ^="http://bulbapedia.bulbagarden.net"] {

background: none !important; padding-right: 0 !important; }
 * 1) bodyContent .plainlinks a[href ^="http://bulbapedia.bulbagarden.net"],
 * 2) article .plainlinks a[href ^="http://bulbapedia.bulbagarden.net"],
 * 3) contentSub .plainlinks a[href ^="http://bulbapedia.bulbagarden.net"] {

/* Styling links to ZeldaWiki */ background: url(http://media.strategywiki.org/images/2/28/Zwlink.png) center right no-repeat !important; padding-right: 20px !important; }
 * 1) bodyContent a[href ^="http://www.zeldawiki.org"],
 * 2) article a[href ^="http://www.zeldawiki.org"],
 * 3) contentSub a[href ^="http://www.zeldawiki.org"] {

background: none !important; padding-right: 0 !important; }
 * 1) bodyContent .plainlinks a[href ^="http://www.zeldawiki.org"],
 * 2) article .plainlinks a[href ^="http://www.zeldawiki.org"],
 * 3) contentSub .plainlinks a[href ^="http://www.zeldawiki.org"] {

/* Hide some stuff from the main page (from Wikipedia) */ body.page-Main_Page #lastmod, body.page-Main_Page #siteSub, body.page-Main_Page #contentSub, body.page-Main_Page h1.firstHeading { display: none !important; }

/* make the list of references look smaller */ ol.references { font-size: 100%; }

.references-small { font-size: 90%;}

/* wikitable/prettytable class for skinning normal tables */

table.controltable td { text-align: center; } table.controltable td.table-desc{ text-align:left }

table.wikitable, table.prettytable { margin: .1em; empty-cells:show; background: #f9f9f9; border: 1px #aaaaaa solid; border-collapse: collapse; }

table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { border: 1px #aaaaaa solid; padding: 0.2em; vertical-align: top; }

table.wikitable th, table.prettytable th { background: #f2f2f2; text-align: center; }

table.wikitable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; font-size: 1.1em; margin-bottom: 0.05em; margin-top: 0.2em; }

/* Style for "notices" */ .notice { text-align: justify; margin: 1em; padding: 0.2em; }

border-top: 3px double #cccccc; border-bottom: 3px double #cccccc; }
 * 1) disambig {

border-top: 2px solid #ddd; border-bottom:2px solid #ddd; }
 * 1) spoiler {

/* Standard talk template style */

.Talk-Notice { border: 1px solid #C0C090; background-color: #F8EABA; margin-bottom: 3px; width: 80%; border-spacing: 3px; margin-left: auto; margin-right: auto; }

.Talk-Notice:after { content: "The CSS for this template should be changed. See Template Standardisation."; }

/* Make template background appear correctly on all browsers */ .Talk-Notice td { background: inherit; }

/* Metadata */ table.metadata { border: 1px solid #aaaaaa; display: none; speak: none; } .metadata-label { color: #aaaaaa; }

/* Makes redirects appear in italics on Special:Allpages */ .allpagesredirect { font-style: italic; }

/* Style rules for media list templates */

div.medialist { min-height: 50px; margin: 1em; background-position: top left; background-repeat: no-repeat; }

div.medialist ul { list-style-type: none; list-style-image: none; margin: 0; }

div.medialist ul li { padding-bottom: 0.5em; }

div.medialist ul li li { font-size: 91%; padding-bottom: 0; }

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

/*Add formatting to make sure that "external references" from Template:Ref do not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was that the HTML code contained a SPAN following the anchor A; this SPAN had the class "urlexpansion", which was not displayed on screen, but was shown when the medium was "print". The rules below ensure (a) that there is no extra padding to the right of the anchor (displayed as "[ ]"), (b) that there is no "external link arrow" for the link, and (c) that this SPAN of class "urlexpansion" is never shown. Dan 18:24, 8 March 2007 (CST)

.plainlinksneverexpand { background: none ! important; padding: 0 ! important; }

.plainlinksneverexpand .urlexpansion { display: none ! important; }

/* Make sure that ext links displayed within "plainlinksneverexpand" don't get the arrow... .plainlinksneverexpand a { background: none !important; padding: 0 !important; }

/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class "urlexpansion" following the anchor A, the anchor itself now has class "external autonumber" and the expansion is inserted when printing (see the common printing style sheet at  http://en.wikipedia.org/skins-1.5/common/commonPrint.css) using the ":after" pseudo- element of CSS. We have to switch this off for links due to Template:Ref! Dan 18:24, 8 March 2007 (CST) .plainlinksneverexpand a.external.text:after { display: none !important; } .plainlinksneverexpand a.external.autonumber:after { display: none !important; }

/* Messagebox templates */

.messagebox { border: 1px solid #aaaaaa; background-color: #f9f9f9; width: 80%; margin: 0 auto 1em auto; padding: .2em; text-align: justify; } .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; }

/* Infobox template style */

span.explanation_link { display: block; text-align: right; font-size: 0.9em; font-weight: normal; }

.infobox { border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; width: 22em; font-size: 95%; text-align: left; }

.infobox_heading { text-align: center; font-size: larger; background-color: #eeeeee; }

.infobox th { background-color: #eeeeee; }

.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; }

.infobox.sisterproject { width: 20em; font-size: 90%; }

/* styles for bordered infobox with merged rows */ .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th { border: 0; border-top: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; }

.infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th { border: 0; border-right: 1px solid #aaaaaa; }

/* Put a checker background at the image description page only visible if the image has transparent background */


 * 1) file img {background: url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;}

/* Support for Template:IPA, Template:Unicode and Template:Polytonic. The inherit declaration resets the font for all browsers except MSIE6. The empty comment must remain. Please copy any changes to Template:IPA fonts and Template:Unicode fonts. */ .IPA { font-family: Chrysanthi Unicode, Doulos SIL, Gentium, GentiumAlt, Code2000, TITUS Cyberbit Basic, DejaVu Sans, Bitstream Vera Sans, Bitstream Cyberbit, Arial Unicode MS, Lucida Sans Unicode, Hiragino Kaku Gothic Pro, Matrix Unicode; font-family /**/:inherit; } .Unicode { font-family: TITUS Cyberbit Basic, Code2000, Doulos SIL, Chrysanthi Unicode, Bitstream Cyberbit, Bitstream CyberBase, Bitstream Vera, Thryomanes, Gentium, GentiumAlt, Visual Geez Unicode, Lucida Grande, Arial Unicode MS, Microsoft Sans Serif, Lucida Sans Unicode; font-family /**/:inherit; } .latinx { font-family: TITUS Cyberbit Basic, Code2000, Microsoft Sans Serif; font-family /**/:inherit; } .polytonic { font-family: Athena, Gentium, Palatino Linotype, Arial Unicode MS, Lucida Sans Unicode, Lucida Grande, Code2000; font-family /**/:inherit; } .mufi { font-family: Alphabetum, Cardo, LeedsUni, Junicode, TITUS Cyberbit Basic, ALPHA-Demo; }

font-weight: bold; }
 * 1) wpSave {

/* hiddenStructure from Monobook - allows selective hiding of markup in templates */ .hiddenStructure { display: none; speak: none; }

/* Removes underlines from links */ .nounderlines a { text-decoration: none; }

/* Custom link colors for use in MediaWiki:Edittools */ .charboxblack a:link, .charboxblack a:hover, .charboxblack a:visited, .charboxblack a:active { color: black; } .charboxsilver a:link, .charboxsilver a:hover, .charboxsilver a:visited, .charboxsilver a:active { color: silver; } .charboxgray a:link, .charboxgray a:hover, .charboxgray a:visited, .charboxgray a:active { color: gray; } .charboxwhite a:link, .charboxwhite a:hover, .charboxwhite a:visited, .charboxwhite a:active { color: white; } .charboxmaroon a:link, .charboxmaroon a:hover, .charboxmaroon a:visited, .charboxmaroon a:active { color: maroon; } .charboxred a:link, .charboxred a:hover, .charboxred a:visited, .charboxred a:active { color: red; } .charboxpurple a:link, .charboxpurple a:hover, .charboxpurple a:visited, .charboxpurple a:active { color: purple; } .charboxfuchsia a:link, .charboxfuchsia a:hover, .charboxfuchsia a:visited, .charboxfuchsia a:active { color: fuchsia; }

.charboxgreen a:link, .charboxgreen a:hover, .charboxgreen a:visited, .charboxgreen a:active { color: green; } .charboxlime a:link, .charboxlime a:hover, .charboxlime a:visited, .charboxlime a:active { color: lime; } .charboxolive a:link, .charboxolive a:hover, .charboxolive a:visited, .charboxolive a:active { color: olive; } .charboxyellow a:link, .charboxyellow a:hover, .charboxyellow a:visited, .charboxyellow a:active { color: yellow; }

.charboxnavy a:link, .charboxnavy a:hover, .charboxnavy a:visited, .charboxnavy a:active { color: navy; } .charboxblue a:link, .charboxblue a:hover, .charboxblue a:visited, .charboxblue a:active { color: blue; } .charboxteal a:link, .charboxteal a:hover, .charboxteal a:visited, .charboxteal a:active { color: teal; } .charboxaqua a:link, .charboxaqua a:hover, .charboxaqua a:visited, .charboxaqua a:active { color: aqua; }

/* Removes useless links from printout */ @media print { #privacy, #about, #disclaimer {display:none;} } .nonumtoc #toc ul, .nonumtoc .toc ul { line-height: 1.5em; list-style: none; margin: .3em 0 0; padding: 0 } .nonumtoc #toc ul ul, .nonumtoc .toc ul ul { margin: 0 0 0 2em } /* Allow limiting of which header levels are shown in a page Table of Contents. */ .nonumtoc .tocnumber, .toclimit-2 .toclevel-2, .toclimit-3 .toclevel-3, .toclimit-4 .toclevel-4, .toclimit-5 .toclevel-5 {   display:none; } /* Highlighting forums link, remove after May 01, 2008 */ color:#cc9933; }
 * 1) n-forums{

/* Special:Statistics page styles */ table.mw-statistics-table { margin-left: 5px; background: transparent; border: 1px solid #80bded; }

table.mw-statistics-table th { background-image: url(http://media.strategywiki.org/images/a/ab/SW_Lightblue_Header.jpg); background-repeat: no-repeat; text-align: left; padding-bottom: 20px; border-top: 1px solid #80bded; border-left: 1px solid #80bded; border-right: 1px solid #80bded; border-bottom: none; }

table.mw-statistics-table td { border-left: none; border-right: 1px solid #80bded; border-bottom: none; border-top: none; }

table.mw-statistics-table td:first-child { border-left: 1px solid #80bded; border-right: none; }

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