MediaWiki:Common.css
From Migiwe
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/* CSS placed here will be applied to all skins */ /* NS Project + Project_talk (light sky blue) */ .ns-4 #content, .ns-5 #content { background-color: #f8fcff; border: 1px solid #000099} .ns-4 div.thumb, .ns-5 div.thumb { border-color: #f8fcff; } /* Pseudo NS Special (light grey) */ .ns--2 #content { background-color: #f4f4f4; } .ns--2 div.thumb { border-color: #f4f4f4; } /* NS MediaWiki + MediaWiki_talk (light grey) */ .ns-8 #content, .ns-9 #content { background-color: #f4f4f4; } .ns-8 div.thumb, .ns-9 div.thumb { border-color: #f4f4f4; } /* NS Manual + Manual_talk (light bluish violet) */ .ns-100 #content, .ns-101 #content { background-color: #f3f3ff; } .ns-100 div.thumb, .ns-101 div.thumb { border-color: #f3f3ff; } /***** COLOR CLASSES 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 */ .backgroundc8 { background-color: #444455; } /* very dark grey */ /***** WIKITABLES, INFOBOX TEMPLATES, WARNINGS AND OTHER SUCH STYLINGS *****/ /* Wikitable (Prettytable) class for skinning tables */ table.wikitable th, table.wikitable td { padding: 0.2em 0.4em; } table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3 { background: #8da7d6; } table.wikitable td.hl1, table.wikitable th.hl1 { background: #c5d8fc; text-align: center; } table.wikitable td.hl2, table.wikitable th.hl2 { background: #a7c1f2; text-align: center; } table.wikitable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; } /* General purpose "pretty (data) tables" */ table.datatable { background-color: transparent; } table.datatable th, table.datatable td { padding: 4px; } table.datatable th { text-align: left; background-color: #999999; } table.datatable tr { background-color: #cccccc; } table.datatable tr:hover { background-color: #ffffcc; } /***** SOME OTHER SMALL THINGS *****/ /* Give a bit of space to the TOC */ #toc { margin: 1em 0; } /* make the list of references look smaller and highlight clicked reference in blue */ ol.references { font-size: 100%; } .references-small { font-size: 90%;} ol.references > li:target { background-color: #ddeeff; } sup.reference:target { background-color: #ddeeff; } /******************* ** Infoboxes *******************/ .infobox { float:right; clear:right; margin-bottom:0.5em; margin-left:1em; padding:0.2em; border:1px solid #AAA; background:#F9F9F9; color:black; } .infobox td, .infobox th { vertical-align:top; } .infobox caption { margin-left:inherit; font-size:larger; } .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; } /******************* ** fmbox *******************/ /* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */ th.mbox-text, td.mbox-text { /* The message body cell(s) */ border: none; padding: 0.25em 0.9em; /* 0.9em left/right */ width: 100%; /* Make all mboxes the same width regardless of text length */ } td.mbox-image { /* The left image cell */ border: none; padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ text-align: center; } td.mbox-imageright { /* The right image cell */ border: none; padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ text-align: center; } td.mbox-empty-cell { /* An empty narrow cell */ border: none; padding: 0px; width: 1px; } /* Footer and header message box styles */ table.fmbox { clear: both; margin: 0.2em 0; width: 100%; border: 1px solid #aaa; background: #ededed; /* Default "system" gray */ } table.fmbox-system { background: #ededed; } table.fmbox-warning { border: 1px solid #bb7070; /* Dark pink */ background: #ffdbdb; /* Pink */ } table.fmbox-editnotice { background: transparent; } /* Div based "warning" style fmbox messages. */ div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon { clear: both; margin: 0.2em 0; border: 1px solid #bb7070; background: #ffdbdb; padding: 0.25em 0.9em; } /* Div based "system" style fmbox messages. Used in [[MediaWiki:Readonly lag]]. */ div.mw-lag-warn-normal, div.fmbox-system { clear: both; margin: 0.2em 0; border: 1px solid #aaa; background: #ededed; padding: 0.25em 0.9em; } /***** MIGIWE SPECIFIC *****/ /* Task table */ table.tasktable { border-collapse:seperate; border-width: 1px; border-style: solid; border-color: #000099; width: 90%; margin-left: 5%; margin-right: 5%; margin-top: 2px; margin-bottom: 10px; padding: 1px; } table.tasktable th { padding: 0.2em; background: #E5E5FF; } table.tasktable td { vertical-align: top; padding-top: 0.4em; padding-bottom: 0.4em; border-top: 1px solid #E5E5FF; }