MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
(maybe a copy of en.wikipedia works) |
|||
Line 1: | Line 1: | ||
Please check for any errors with the [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Ftrain.spottingworld.com%2FMediaWiki%3ACommon.css&warning=1&profile=css21&usermedium=all validation service] after any changes. | |||
/** CSS placed here will be applied to all skins | |||
<pre><nowiki> | |||
*/ | |||
/* <pre><nowiki> */ | |||
/* Main page fixes */ | /* Main page fixes */ | ||
#interwiki-completelist { | #interwiki-completelist { | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
/* make the list of references look smaller */ | |||
ol.references { | |||
font-size: 100%; | |||
} | } | ||
.references-small { font-size: 90%;} | |||
/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */ | |||
/* -moz-* is a vendor-specific extension (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; | |||
column-count:2; | |||
} | } | ||
/* | /* calendar extension */ | ||
# | .calendar { | ||
border: 1px solid #bbbbbb; | |||
font-size: 9px; | |||
line-height: normal; | |||
} | } | ||
.calendar a { | |||
color: #000000; | |||
} | } | ||
.calendar td { | |||
text-align: center; | |||
padding: 4px; | |||
margin: 0; | |||
background-color: #dddddd; | |||
} | } | ||
.calendarTop td { | |||
background-color: #bbbbbb; | |||
font-weight: bold; | |||
background-color: # | |||
} | } | ||
.calendarTop a { | |||
color: #000000; | |||
} | } | ||
.calendarDayNames { | |||
background-color: #dddddd; | |||
} | } | ||
.calendarupcoming { | |||
border: 1px solid #bbbbbb; | |||
font-size: 10px; | |||
line-height: normal; | |||
margin-top: 6px; | |||
} | } | ||
.calendarupcomingTop { | |||
padding-top: 2px; | |||
padding-bottom: 2px; | |||
padding-left: 3px; | |||
padding-right: 3px; | |||
font- | background-color: #bbbbbb; | ||
font-weight: bold; | |||
} | } | ||
.calendarupcomingBottom { | |||
padding-top: 2px; | |||
padding-bottom: 2px; | |||
padding-left: 3px; | |||
font- | padding-right: 3px; | ||
background-color: #bbbbbb; | |||
font-weight: bold; | |||
} | } | ||
.calendarupcomingBottom a { | |||
color: #000000; | |||
} | } | ||
.calendarupcomingRow1 { | |||
. | padding: 3px; | ||
} | } | ||
. | .calendarupcomingRow2 { | ||
padding: 3px; | |||
border-top: 1px dotted #bbbbbb; | |||
} | } | ||
.calendarupcomingRow1 a { | |||
. | color: #000000; | ||
} | } | ||
. | .calendarupcomingRow1 a:visited { | ||
color: #000000; | |||
} | } | ||
. | .calendarupcomingRow2 a { | ||
color: #000000; | |||
} | } | ||
.calendarupcomingRow2 a:visited { | |||
. | color: #000000; | ||
} | } | ||
/* for | |||
. | /* wikitable/prettytable class for skinning normal tables */ | ||
table.wikitable, | |||
table.prettytable { | |||
margin: 1em 1em 1em 0; | |||
background: #f9f9f9; | |||
border: 1px #aaa solid; | |||
border-collapse: collapse; | |||
} | } | ||
. | table.wikitable th, table.wikitable td, | ||
. | table.prettytable th, table.prettytable td { | ||
border: 1px #aaa solid; | |||
padding: 0.2em; | |||
} | } | ||
. | 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; | |||
} | } | ||
/* | /* default skin for navigation boxes */ | ||
table.navbox { | table.navbox { | ||
background-color: #f9f9f9; | |||
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
clear: both; | clear: both; | ||
font-size: | font-size: 90%; | ||
margin: 1em 0em 0em; | |||
padding: 2px; | |||
text-align: center; | text-align: center; | ||
width: 100%; | |||
} | } | ||
table | |||
table.navbox th { | |||
background-color: #ccf; | |||
.navbox th | |||
padding-left: 1em; | padding-left: 1em; | ||
padding-right: 1em; | padding-right: 1em; | ||
} | } | ||
table.navbox tr:not(:first-child) th { | |||
background-color: #ddf; | |||
} | } | ||
@media print { | |||
. | .navbox { | ||
display: none; | |||
} | |||
} | |||
} | } | ||
/* Infobox template style */ | /* Infobox template style */ | ||
.infobox { | .infobox { | ||
border: 1px solid #aaa; | |||
background-color: #f9f9f9; | |||
color: black; | |||
margin-bottom: 0.5em; | |||
margin-left: 1em; | |||
padding: 0.2em; | |||
float: right; | |||
clear: right; | |||
} | } | ||
.infobox td, | .infobox td, | ||
.infobox th { | .infobox th { | ||
vertical-align: top; | |||
} | |||
.infobox caption { | |||
font-size: larger; | |||
margin-left: inherit; | |||
} | } | ||
.infobox.bordered { | .infobox.bordered { | ||
border-collapse: collapse; | |||
} | } | ||
.infobox.bordered td, | .infobox.bordered td, | ||
.infobox.bordered th { | .infobox.bordered th { | ||
border: 1px solid #aaa; | |||
} | } | ||
.infobox.bordered .borderless td, | .infobox.bordered .borderless td, | ||
.infobox.bordered .borderless th { | .infobox.bordered .borderless th { | ||
border: 0; | |||
} | } | ||
.infobox.sisterproject { | .infobox.sisterproject { | ||
width: 20em; | |||
font-size: 90%; | |||
} | } | ||
.infobox. | @media print { | ||
.infobox.sisterproject { | |||
display: none; | |||
} | } | ||
} | } | ||
Line 336: | Line 217: | ||
.infobox.bordered .mergedtoprow td, | .infobox.bordered .mergedtoprow td, | ||
.infobox.bordered .mergedtoprow th { | .infobox.bordered .mergedtoprow th { | ||
border: 0; | |||
border-top: 1px solid #aaa; | |||
border-right: 1px solid #aaa; | |||
} | } | ||
.infobox.bordered .mergedrow td, | .infobox.bordered .mergedrow td, | ||
.infobox.bordered .mergedrow th { | .infobox.bordered .mergedrow th { | ||
border: 0; | |||
border-right: 1px solid #aaa; | |||
} | } | ||
/* | |||
/* styles for geography infoboxes, e.g. countries, country subdivisions, cities, etc. */ | |||
.infobox.geography { | .infobox.geography { | ||
text-align: left; | |||
border-collapse: collapse; | |||
line-height: 1.2em; | |||
font-size: 90%; | |||
} | } | ||
.infobox.geography td, | .infobox.geography td, | ||
.infobox.geography th { | .infobox.geography th { | ||
border-top: solid 1px #aaa; | |||
padding: 0.4em 0.6em 0.4em 0.6em; | |||
} | } | ||
.infobox.geography .mergedtoprow td, | .infobox.geography .mergedtoprow td, | ||
.infobox.geography .mergedtoprow th { | .infobox.geography .mergedtoprow th { | ||
border-top: solid 1px #aaa; | |||
padding: 0.4em 0.6em 0.2em 0.6em; | |||
} | } | ||
.infobox.geography .mergedrow td, | .infobox.geography .mergedrow td, | ||
.infobox.geography .mergedrow th { | .infobox.geography .mergedrow th { | ||
border: 0; | |||
padding: 0 0.6em 0.2em 0.6em; | |||
} | } | ||
.infobox.geography .mergedbottomrow td, | .infobox.geography .mergedbottomrow td, | ||
.infobox.geography .mergedbottomrow th { | .infobox.geography .mergedbottomrow th { | ||
border-top: 0; | |||
border-bottom: solid 1px #aaa; | |||
padding: 0 0.6em 0.4em 0.6em; | |||
} | } | ||
.infobox.geography .maptable td, | .infobox.geography .maptable td, | ||
.infobox.geography .maptable th { | .infobox.geography .maptable th { | ||
border: 0; | |||
padding: 0; | |||
} | } | ||
/* | /* Style for "notices" */ | ||
. | .notice { | ||
margin: 1em; | |||
padding: 0.2em; | |||
} | } | ||
#disambig { | |||
border-top: 1px solid #ccc; | |||
border-bottom: 1px solid #ccc; | |||
} | } | ||
.spoiler { | |||
border-top: 2px solid #ddd; | |||
border-bottom: 2px solid #ddd; | |||
} | } | ||
/* | /* Standard talk template style */ | ||
.Talk-Notice { | |||
border: 1px solid #C0C090; | |||
background-color: #F8EABA; | |||
background- | margin-bottom: 3px; | ||
width: 85%; | |||
border-spacing: 3px; | |||
margin-left: auto; | |||
margin-right: auto; | |||
margin | |||
} | } | ||
.Talk-Notice:after { | |||
content: "The CSS for this template should be changed. See [[Wikipedia:Template Standardisation]]."; | |||
} | } | ||
/* | /* Make template background appear correctly on all browsers */ | ||
.Talk-Notice td { | |||
background: inherit; | |||
background: | |||
} | } | ||
/* | /* Persondata */ | ||
table.persondata { | |||
border: 1px solid #aaa; | |||
display: none; | |||
speak: none; | |||
} | } | ||
.persondata-label { | |||
color: #aaa; | |||
} | } | ||
/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */ | |||
.redirect-in-category, .allpagesredirect { | |||
font-style: italic; | |||
} | } | ||
/* Messagebox templates */ | /* Messagebox templates */ | ||
.messagebox { | .messagebox { | ||
border: 1px solid #aaa; | |||
background-color: #f9f9f9; | |||
width: 80%; | |||
margin: 0 auto 1em auto; | |||
padding: .2em; | |||
} | } | ||
.messagebox.merge { | .messagebox.merge { | ||
border: 1px solid #c0b8cc; | |||
background-color: #f0e5ff; | |||
text-align: center; | |||
} | } | ||
.messagebox.cleanup { | .messagebox.cleanup { | ||
border: 1px solid #9f9fff; | |||
background-color: #efefff; | |||
text-align: center; | |||
} | } | ||
.messagebox.standard-talk { | .messagebox.standard-talk { | ||
border: 1px solid #c0c090; | |||
background-color: #f8eaba; | |||
} | } | ||
.messagebox.nested-talk { | .messagebox.nested-talk { | ||
border: 1px solid #c0c090; | |||
background-color: #f8eaba; | |||
width: 100%; | |||
margin: 2px 4px 2px 4px; | |||
} | } | ||
.messagebox.small { | .messagebox.small { | ||
width: 238px; | |||
font-size: 85%; | |||
float: right; | |||
clear: both; | |||
margin: 0 0 1em 1em; | |||
line-height: 1.25em; | |||
} | } | ||
/* Article message box template styles */ | |||
/* Article message box styles */ | |||
table.ambox { | table.ambox { | ||
width: 80%; | |||
margin: 0 auto; | |||
border-collapse: collapse; | |||
background: #fbfbfb; | |||
border: 1px solid #aaa; | |||
border-left: 10px solid #1e90ff; /* Default "notice" blue */ | |||
} | } | ||
table.ambox | table.ambox th, table.ambox td { /* The message body cell(s) */ | ||
padding: 0.25em 0.5em; /* 0.5em left/right */ | |||
} | } | ||
.ambox | table.ambox td.ambox-image { /* The left image cell */ | ||
.ambox | width: 52px; | ||
padding: 2px 0px 2px 0.5em; /* 0.5em left, 0px right */ | |||
text-align: center; | |||
} | } | ||
.ambox td. | table.ambox td.ambox-imageright { /* The right image cell */ | ||
width: 52px; | |||
padding: 2px 4px 2px 0px; /* 0px left, 4px right */ | |||
text-align: center; | |||
} | } | ||
table.ambox-notice { | table.ambox-notice { | ||
border-left: 10px solid #1e90ff; /* Blue */ | |||
/* border-right: 10px solid #1e90ff; */ /* If you want two blue bars */ | |||
} | } | ||
table.ambox- | table.ambox-delete, | ||
table.ambox-serious { | |||
border-left: 10px solid #b22222; /* Red */ | |||
table.ambox- | |||
} | } | ||
table.ambox-content { | table.ambox-content { | ||
border-left: 10px solid #f28500; /* Orange */ | |||
} | } | ||
table.ambox-style { | table.ambox-style { | ||
border-left: 10px solid #f4c430; /* Yellow */ | |||
} | } | ||
table.ambox- | table.ambox-merge { | ||
border-left: 10px solid #9932cc; /* Purple */ | |||
} | } | ||
table.ambox-protection { | table.ambox-protection { | ||
border-left: 10px solid #bba; /* Gray */ | |||
} | } | ||
table.ambox.ambox-mini { /* small floating box variant */ | |||
float: right; | |||
table. | |||
. | |||
clear: right; | clear: right; | ||
margin: 0 0 0 1em; | |||
width: 25%; | |||
margin: 0 | |||
} | } | ||
/* | /* Needed for {{nowraplinks}} */ | ||
.nowraplinks a { white-space: nowrap; } | |||
} | |||
/* | /*</nowiki></pre>*/ | ||
/* | /* Colour the number of characters added/removed in the recent changes/ */ | ||
. | .mw-plusminus-pos { | ||
color: #006500; | |||
} | } | ||
.mw-plusminus-neg { | |||
color: #8B0000; | |||
} | } | ||
tr.hiddenStructure { display: none; } | |||
display: none | |||
} |
Revision as of 14:00, 27 February 2012
Please check for any errors with the [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Ftrain.spottingworld.com%2FMediaWiki%3ACommon.css&warning=1&profile=css21&usermedium=all validation service] after any changes. /** CSS placed here will be applied to all skins <pre><nowiki> */ /* <pre><nowiki> */ /* Main page fixes */ #interwiki-completelist { font-weight: bold; } /* make the list of references look smaller */ ol.references { font-size: 100%; } .references-small { font-size: 90%;} /* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */ /* -moz-* is a vendor-specific extension (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; column-count:2; } /* calendar extension */ .calendar { border: 1px solid #bbbbbb; font-size: 9px; line-height: normal; } .calendar a { color: #000000; } .calendar td { text-align: center; padding: 4px; margin: 0; background-color: #dddddd; } .calendarTop td { background-color: #bbbbbb; font-weight: bold; } .calendarTop a { color: #000000; } .calendarDayNames { background-color: #dddddd; } .calendarupcoming { border: 1px solid #bbbbbb; font-size: 10px; line-height: normal; margin-top: 6px; } .calendarupcomingTop { padding-top: 2px; padding-bottom: 2px; padding-left: 3px; padding-right: 3px; background-color: #bbbbbb; font-weight: bold; } .calendarupcomingBottom { padding-top: 2px; padding-bottom: 2px; padding-left: 3px; padding-right: 3px; background-color: #bbbbbb; font-weight: bold; } .calendarupcomingBottom a { color: #000000; } .calendarupcomingRow1 { padding: 3px; } .calendarupcomingRow2 { padding: 3px; border-top: 1px dotted #bbbbbb; } .calendarupcomingRow1 a { color: #000000; } .calendarupcomingRow1 a:visited { color: #000000; } .calendarupcomingRow2 a { color: #000000; } .calendarupcomingRow2 a:visited { color: #000000; } /* wikitable/prettytable class for skinning normal tables */ table.wikitable, table.prettytable { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; } table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { border: 1px #aaa solid; padding: 0.2em; } 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; } /* 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; } } /* Infobox template style */ .infobox { border: 1px solid #aaa; 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 #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; } /* styles for geography infoboxes, e.g. countries, country subdivisions, cities, etc. */ .infobox.geography { text-align: left; border-collapse: collapse; line-height: 1.2em; font-size: 90%; } .infobox.geography td, .infobox.geography th { border-top: solid 1px #aaa; padding: 0.4em 0.6em 0.4em 0.6em; } .infobox.geography .mergedtoprow td, .infobox.geography .mergedtoprow th { border-top: solid 1px #aaa; padding: 0.4em 0.6em 0.2em 0.6em; } .infobox.geography .mergedrow td, .infobox.geography .mergedrow th { border: 0; padding: 0 0.6em 0.2em 0.6em; } .infobox.geography .mergedbottomrow td, .infobox.geography .mergedbottomrow th { border-top: 0; border-bottom: solid 1px #aaa; padding: 0 0.6em 0.4em 0.6em; } .infobox.geography .maptable td, .infobox.geography .maptable th { border: 0; padding: 0; } /* Style for "notices" */ .notice { margin: 1em; padding: 0.2em; } #disambig { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .spoiler { border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; } /* Standard talk template style */ .Talk-Notice { border: 1px solid #C0C090; background-color: #F8EABA; margin-bottom: 3px; width: 85%; border-spacing: 3px; margin-left: auto; margin-right: auto; } .Talk-Notice:after { content: "The CSS for this template should be changed. See [[Wikipedia:Template Standardisation]]."; } /* Make template background appear correctly on all browsers */ .Talk-Notice td { background: inherit; } /* Persondata */ table.persondata { border: 1px solid #aaa; display: none; speak: none; } .persondata-label { color: #aaa; } /* Makes redirects appear in italics in categories and on [[Special:Allpages]] */ .redirect-in-category, .allpagesredirect { font-style: italic; } /* 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; } /* Article message box template styles */ table.ambox { width: 80%; margin: 0 auto; border-collapse: collapse; background: #fbfbfb; border: 1px solid #aaa; border-left: 10px solid #1e90ff; /* Default "notice" blue */ } table.ambox th, table.ambox td { /* The message body cell(s) */ padding: 0.25em 0.5em; /* 0.5em left/right */ } table.ambox td.ambox-image { /* The left image cell */ width: 52px; padding: 2px 0px 2px 0.5em; /* 0.5em left, 0px right */ text-align: center; } table.ambox td.ambox-imageright { /* The right image cell */ width: 52px; padding: 2px 4px 2px 0px; /* 0px left, 4px right */ text-align: center; } table.ambox-notice { border-left: 10px solid #1e90ff; /* Blue */ /* border-right: 10px solid #1e90ff; */ /* If you want two blue bars */ } table.ambox-delete, table.ambox-serious { border-left: 10px solid #b22222; /* Red */ } table.ambox-content { border-left: 10px solid #f28500; /* Orange */ } table.ambox-style { border-left: 10px solid #f4c430; /* Yellow */ } table.ambox-merge { border-left: 10px solid #9932cc; /* Purple */ } table.ambox-protection { border-left: 10px solid #bba; /* Gray */ } table.ambox.ambox-mini { /* small floating box variant */ float: right; clear: right; margin: 0 0 0 1em; width: 25%; } /* Needed for {{nowraplinks}} */ .nowraplinks a { white-space: nowrap; } /*</nowiki></pre>*/ /* Colour the number of characters added/removed in the recent changes/ */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; } tr.hiddenStructure { display: none; }