Difference between revisions of "MediaWiki:Common.css"
From DoomWiki.org
m ("listify" styles from Wikipedia for testing...) |
m (Try out grayscale color scheme for tabs.) |
||
Line 364: | Line 364: | ||
.dw-tab { | .dw-tab { | ||
font-weight: bold; | font-weight: bold; | ||
− | color: # | + | color: #000; |
display: inline-block; | display: inline-block; | ||
margin: 0 1px -2px; | margin: 0 1px -2px; | ||
padding: 5px 10px 2px; | padding: 5px 10px 2px; | ||
− | background-color: # | + | background-color: #DEDEDE; |
border-radius: 1em 1em 0 0; | border-radius: 1em 1em 0 0; | ||
− | border: 2px solid # | + | border: 2px solid #CCC; |
border-bottom: none; | border-bottom: none; | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
.dw-tab.dw-tab-active { | .dw-tab.dw-tab-active { | ||
− | background-color: # | + | background-color: #F9F9F9; |
− | border-bottom: 2px solid # | + | border-bottom: 2px solid #F9F9F9; |
} | } | ||
.dw-tabcontents { | .dw-tabcontents { | ||
− | background-color: # | + | background-color: #F9F9F9; |
− | border: 2px solid # | + | border: 2px solid #CCC; |
clear: both; | clear: both; | ||
} | } |
Revision as of 23:35, 12 August 2015
/* See also: [[MediaWiki:Monobook.css]] Tools: [http://www.doomwiki.org/w/index.php?title=MediaWiki:Common.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000 reload cache] | [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.doomwiki.org%2Fw%2Findex.php%3Ftitle%3DMediaWiki%3ACommon.css%26action%3Draw%26ctype%3Dtext%2Fcss%26smaxage%3D18000&usermedium=all check w3c validation] <pre><nowiki>*/ /* === underline classes === */ .underlinelink a{ text-decoration: underline ! important; } .nounderlinelink a{ text-decoration: none ! important; } /* font class for 'click here' */ .clickhere a, .clickhere a:visited { color: #3366BB !important } .clickhere a:hover, .clickhere a:active { color: #268CFE !important } /* === class for main page link tables === */ #bodyContent .buttonlink a { padding-left: 14px !important; } #bodyContent .buttonstar a { padding-left: 14px !important; } /* === misc === */ li #credits { white-space: normal; } .headbare h1, .headbare h2 { border-bottom: none; } .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; } /* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .watchlistredir { font-style: italic; } /* === for Percent template === */ .percent-fill { height:24px; } .percent-empty { height: 24px; background: transparent; } /* === Dynamic navigation === */ /* default skin for navigation boxes */ table.navbox { background-color: #f9f9f9; border: 1px solid #aaa; clear: both; font-size: 90%; margin: 1em 0em 0em; padding: 2px; text-align: center; width: 100%; } table.navbox th { background-color: #ccf; padding-left: 1em; padding-right: 1em; } table.navbox tr:not(:first-child) th { background-color: #ddf; } @media print { .navbox { display: none; } } /*</pre> === Infobox classes copied from en.wikipedia === <pre> */ /* Infobox template style */ .infobox { border: 1px solid #aaa; background-color: #f9f9f9; color: black; margin: 0.5em 0 0.5em 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 #aaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } .infobox.sisterproject { width: 20em; font-size: 90%; } @media print { .infobox.sisterproject { display: none; } } /* styles for bordered infobox with merged rows */ .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th { border: 0; border-top: 1px solid #aaa; border-right: 1px solid #aaa; } .infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th { border: 0; border-right: 1px solid #aaa; } /* 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; } /** ** Permits the use of div tags to suppress auto-numbering in TOC **/ #hideTOCnumbers .tocnumber { display: none; } /* Highlight clicked reference in blue to help navigation */ ol.references li:target, sup.reference:target, span.citation:target { background-color: #DEF; } /* fileinfo table cell style */ .fileinfo-paramfield { background: none repeat scroll 0% 0% #CCF; text-align: right; padding-right: 0.4em; width: 15%; font-weight: bold; } /* GamePicsPortal styles */ /* Main table */ .gamepictable { width: 100%; border-radius: 10px; box-shadow: 5px 5px 5px #888888; margin-bottom: 1em; } /* Default width of column cells for four-column table */ .gamepictable.fourcol tr td { width: 28.3%; } /* Default width of column cells for three-column table */ .gamepictable.threecol tr td { width: 42.5%; } /* First header row */ .gamepictable tr:first-child { color: inherit; background-color: #EDD; } /* Column header cells */ .gamepictable tr.gamepiccolhdr td { font-weight: bold; background-color: #AADDDD; } /* Label columns of each row */ .gamepictable tr td:first-child { background: none repeat scroll 0% 0% #CCF; text-align: right; padding-right: 0.4em; width: 15%; font-weight: bold; } /* Navbar sub-component classes */ .wikitable.dw-navbox td { padding-left: 5px; padding-right: 5px; } .dw-navdiv { font-variant: small-caps; font-weight: normal; position: absolute; top: 0px; left: 0px; } .dw-navul li { display: inline; } /* Generic class to apply nowrap to anchor descendents of an element */ .dw-nowraplinks a { white-space: nowrap; } /* Manc's shadow table styles */ .shadowtable { margin: 20px auto; width: 85%; box-shadow: 0px 3px 8px #999999; border: 1px solid #999999; border-collapse:Collapse; cursor: default; } .shadowtable th { background-color: #555555; color: #F0F0F0; font-weight: bold; border: 1px solid #404040; padding: 6px; font-size: 16px; } .shadowtable tr:hover { background-color: #EEEEEE; } .shadowtable td { padding: 8px; border:1px solid #999999; } .shadowtable tr td:first-child { /* Label */ width: 20%; font-weight: bold; } /* Default wikitable padding is terrible; left/right increased to 0.5em to move text away from borders. */ table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { padding: 0.2em 0.5em 0.2em 0.5em; } /* Style for table cells with decent padding */ .wikitable.dw-squarecells td { padding: 0.5em 1.0em; } /* Style for table with code elements everywhere but in the first column */ .dw-codetable tr td + td { font-family: 'this-font-does-not-exist', monospace, sans-serif; font-size: 105%; } /* Style for a recursively indentable text block, to replace improper use of dl/dd tags in content namespaces */ .dw-div-dl { margin-left: 1.6em; margin-top: 0.5em; margin-bottom: 0.5em; line-height: 1.5em; } /* Front page column styles (moved here from in-article) */ #frontpage-column-left { float: left; margin: 0; padding: 0; margin-right: 1%; width: 74%; } #frontpage-column-right { float: right; width: 24%; font-size: 85%; } /* Styles extracted from Template:Enemybox */ .dw-enemybox { float: right; clear: right; width: 250px; background: #f0f0f0; border-collapse: collapse; border-spacing: 0; border: 1px solid #999999; font-size: smaller; line-height: 1.5; margin: 1em; } .dw-enemybox td { padding: 4px; } .dw-enemybox td.dw-enemybox-img { text-align: center; margin: 0; padding: 0; } .dw-enemybox td.dw-enemyboxtitle { text-align: center; font-size: larger; color: #FFFFFF; background: #B4C5E3; border-top: 1px solid #999; border-bottom: 1px solid #999; } .dw-enemybox tr.dw-enemybox-row { vertical-align: top; text-align: left; font-weight: normal; border-bottom: 1px solid #999; } /* Tab styles */ .dw-tab { font-weight: bold; color: #000; display: inline-block; margin: 0 1px -2px; padding: 5px 10px 2px; background-color: #DEDEDE; border-radius: 1em 1em 0 0; border: 2px solid #CCC; border-bottom: none; cursor: pointer; } .dw-tab.dw-tab-active { background-color: #F9F9F9; border-bottom: 2px solid #F9F9F9; } .dw-tabcontents { background-color: #F9F9F9; border: 2px solid #CCC; clear: both; } .dw-tabimg { padding: 0.5em 0.5em 0; } /* haleyjd: From WP: Allow transcluded pages to display in lists rather than a table. */ .listify td { display: list-item; } .listify tr { display: block; } .listify table { display: block; }