332
edits
(not sure if this is useful.. but let's try it!) |
m (common css.. really trying to get the tables to work properly!) |
||
Line 1: | Line 1: | ||
/* | /* | ||
ATTENTION ADMINISTRATORS: | |||
This is the CSS for all skins. | |||
Testing can be done on your own user Monobook.css. In [[wikipedia:Mozilla|Mozilla]] and | |||
[[wikipedia:Opera (web browser)|Opera]], you can also test style changes dynamically | |||
with the [http://www.squarefree.com/bookmarklets/webdevel.html test styles] | |||
bookmarklet from squarefree.com. It pops up a window for adding style rules, | |||
and updates the page as you type. | |||
Always check with the [http://tinyurl.com/28y334 W3C CSS Validation Service] | |||
([http://tinyurl.com/2g8bsk CVS version]) after any changes. | |||
See also: [[Wikipedia:Catalogue of CSS classes|catalogue of CSS classes]]. | |||
Thank you. | |||
*/ | |||
/* <pre><nowiki> */ | |||
/* Edit window toolbar */ | /* Edit window toolbar */ | ||
#toolbar { | #toolbar { | ||
Line 19: | Line 25: | ||
margin-bottom: 6px; | margin-bottom: 6px; | ||
} | } | ||
/* Margins for <ol> and <ul> */ | /* Margins for <ol> and <ul> */ | ||
#content ol, #content ul, | #content ol, #content ul, | ||
Line 25: | Line 31: | ||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
} | } | ||
/* Make the list of references smaller */ | /* Make the list of references in [[Template:Reflist]] smaller */ | ||
.references-small { | .references-small { | ||
font-size: 90%; | font-size: 90%; | ||
} | } | ||
/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */ | /* 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) */ | /* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */ | ||
Line 41: | Line 44: | ||
font-size: 90%; | font-size: 90%; | ||
-moz-column-count: 2; | -moz-column-count: 2; | ||
column-count: 2; | column-count: 2; | ||
} | } | ||
/* Highlight clicked reference in blue to help navigation */ | /* Highlight clicked reference in blue to help navigation */ | ||
ol.references > li:target, | ol.references > li:target, | ||
Line 51: | Line 53: | ||
background-color: #DEF; | background-color: #DEF; | ||
} | } | ||
/* Ensure refs in table headers and the like aren't bold or italic */ | /* Ensure refs in table headers and the like aren't bold or italic */ | ||
sup.reference { | sup.reference { | ||
Line 57: | Line 59: | ||
font-style: normal; | font-style: normal; | ||
} | } | ||
/* Styling for citations */ | /* Styling for citations */ | ||
cite { | cite { | ||
Line 64: | Line 66: | ||
word-wrap: break-word; | word-wrap: break-word; | ||
} | } | ||
/* For linked citation numbers and document IDs, where | /* For linked citation numbers and document IDs, where | ||
the number need not be shown on a screen or a handheld, | the number need not be shown on a screen or a handheld, | ||
Line 74: | Line 76: | ||
} | } | ||
} | } | ||
/* wikitable/prettytable class for skinning normal tables */ | /* wikitable/prettytable class for skinning normal tables */ | ||
table.wikitable, | table.wikitable, | ||
Line 98: | Line 100: | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
/* Default skin for navigation boxes */ | /* Default skin for navigation boxes */ | ||
table.navbox { /* Navbox container style */ | table.navbox { /* Navbox container style */ | ||
Line 150: | Line 152: | ||
background: transparent; /* Odd row striping */ | background: transparent; /* Odd row striping */ | ||
} | } | ||
.collapseButton { /* 'show'/'hide' buttons created dynamically */ | .collapseButton { /* 'show'/'hide' buttons created dynamically */ | ||
float: right; /* by the CollapsibleTables javascript in */ | float: right; /* by the CollapsibleTables javascript in */ | ||
Line 160: | Line 162: | ||
width: 6em; /* the vde links from [[Template:Tnavbar]], */ | width: 6em; /* the vde links from [[Template:Tnavbar]], */ | ||
} /* so they need to be the same width. */ | } /* so they need to be the same width. */ | ||
/* Infobox template style */ | /* Infobox template style */ | ||
.infobox { | .infobox { | ||
Line 190: | Line 192: | ||
border: 0; | border: 0; | ||
} | } | ||
.infobox.sisterproject { | .infobox.sisterproject { | ||
width: 20em; | width: 20em; | ||
font-size: 90%; | font-size: 90%; | ||
} | } | ||
.infobox.standard-talk { | .infobox.standard-talk { | ||
border: 1px solid #c0c090; | border: 1px solid #c0c090; | ||
Line 204: | Line 206: | ||
border: 1px solid #c0c090; | border: 1px solid #c0c090; | ||
} | } | ||
/* styles for bordered infobox with merged rows */ | /* styles for bordered infobox with merged rows */ | ||
.infobox.bordered .mergedtoprow td, | .infobox.bordered .mergedtoprow td, | ||
Line 212: | Line 214: | ||
border-right: 1px solid #aaa; | border-right: 1px solid #aaa; | ||
} | } | ||
.infobox.bordered .mergedrow td, | .infobox.bordered .mergedrow td, | ||
.infobox.bordered .mergedrow th { | .infobox.bordered .mergedrow th { | ||
Line 218: | Line 220: | ||
border-right: 1px solid #aaa; | border-right: 1px solid #aaa; | ||
} | } | ||
/* Styles for geography infoboxes, eg countries, | /* Styles for geography infoboxes, eg countries, | ||
country subdivisions, cities, etc. */ | country subdivisions, cities, etc. */ | ||
Line 227: | Line 229: | ||
font-size: 90%; | font-size: 90%; | ||
} | } | ||
.infobox.geography td, | .infobox.geography td, | ||
.infobox.geography th { | .infobox.geography th { | ||
Line 238: | Line 240: | ||
padding: 0.4em 0.6em 0.2em 0.6em; | 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 { | ||
Line 244: | Line 246: | ||
padding: 0 0.6em 0.2em 0.6em; | padding: 0 0.6em 0.2em 0.6em; | ||
} | } | ||
.infobox.geography .mergedbottomrow td, | .infobox.geography .mergedbottomrow td, | ||
.infobox.geography .mergedbottomrow th { | .infobox.geography .mergedbottomrow th { | ||
Line 251: | Line 253: | ||
padding: 0 0.6em 0.4em 0.6em; | padding: 0 0.6em 0.4em 0.6em; | ||
} | } | ||
.infobox.geography .maptable td, | .infobox.geography .maptable td, | ||
.infobox.geography .maptable th { | .infobox.geography .maptable th { | ||
Line 257: | Line 259: | ||
padding: 0; | padding: 0; | ||
} | } | ||
/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */ | /* Makes redirects appear in italics in categories and on [[Special:Allpages]] */ | ||
.redirect-in-category, .allpagesredirect { | .redirect-in-category, .allpagesredirect { | ||
font-style: italic; | font-style: italic; | ||
} | } | ||
/* Icons for medialist templates [[Template:Listen]], | /* Icons for medialist templates [[Template:Listen]], | ||
[[Template:Multi-listen_start]], [[Template:Video]], | [[Template:Multi-listen_start]], [[Template:Video]], | ||
Line 272: | Line 274: | ||
padding-left: 40px; | padding-left: 40px; | ||
} | } | ||
/* Style rules for media list templates */ | /* Style rules for media list templates */ | ||
div.medialist { | div.medialist { | ||
Line 292: | Line 294: | ||
padding-bottom: 0; | padding-bottom: 0; | ||
} | } | ||
/* Change the external link icon to an Adobe icon for all PDF files | /* Change the external link icon to an Adobe icon for all PDF files | ||
in browsers that support these CSS selectors, like Mozilla and Opera */ | in browsers that support these CSS selectors, like Mozilla and Opera */ | ||
Line 312: | Line 314: | ||
padding-right: 16px; | padding-right: 16px; | ||
} | } | ||
/* Change the external link icon to an Adobe icon anywhere the PDFlink class | /* Change the external link icon to an Adobe icon anywhere the PDFlink class | ||
is used (notably Template:PDFlink). This works in IE, unlike the above. */ | is used (notably Template:PDFlink). This works in IE, unlike the above. */ | ||
Line 322: | Line 324: | ||
padding-right: 17px; | padding-right: 17px; | ||
} | } | ||
/* Remove link styling. Already defined in monobook | /* Remove link styling. Already defined in monobook | ||
and modern, but not defined in the other skins. Bug 18708 */ | and modern, but not defined in the other skins. Bug 18708 */ | ||
Line 329: | Line 331: | ||
padding: 0 !important; | padding: 0 !important; | ||
} | } | ||
/* Content in columns with CSS instead of tables [[Template:Columns]] */ | /* Content in columns with CSS instead of tables [[Template:Columns]] */ | ||
div.columns-2 div.column { | div.columns-2 div.column { | ||
Line 351: | Line 353: | ||
min-width: 120px; | min-width: 120px; | ||
} | } | ||
/* Make sure that "external references" from templates like [[Template:Ref]] | /* Make sure that "external references" from templates like [[Template:Ref]] | ||
do not get URL expansion, not even when printed. The anchor itself has | do not get URL expansion, not even when printed. The anchor itself has | ||
Line 362: | Line 364: | ||
display: none !important; | display: none !important; | ||
} | } | ||
/* Messagebox templates */ | /* Messagebox templates */ | ||
.messagebox { | .messagebox { | ||
Line 426: | Line 414: | ||
background: #F8EABA; | background: #F8EABA; | ||
} | } | ||
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */ | /* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */ | ||
th.mbox-text, td.mbox-text { /* The message body cell(s) */ | th.mbox-text, td.mbox-text { /* The message body cell(s) */ | ||
Line 449: | Line 437: | ||
width: 1px; | width: 1px; | ||
} | } | ||
/* Article message box styles */ | /* Article message box styles */ | ||
table.ambox { | table.ambox { | ||
Line 470: | Line 458: | ||
padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */ | padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */ | ||
} | } | ||
table.ambox-notice { | table.ambox-notice { | ||
border-left: 10px solid #1e90ff; /* Blue */ | border-left: 10px solid #1e90ff; /* Blue */ | ||
Line 493: | Line 481: | ||
border-left: 10px solid #bba; /* Gray-gold */ | border-left: 10px solid #bba; /* Gray-gold */ | ||
} | } | ||
/* Image message box styles */ | /* Image message box styles */ | ||
table.imbox { | table.imbox { | ||
Line 507: | Line 495: | ||
margin: 4px; | margin: 4px; | ||
} | } | ||
table.imbox-notice { | table.imbox-notice { | ||
border: 3px solid #1e90ff; /* Blue */ | border: 3px solid #1e90ff; /* Blue */ | ||
Line 537: | Line 525: | ||
border: 3px solid #cba135; /* Brown-gold */ | border: 3px solid #cba135; /* Brown-gold */ | ||
} | } | ||
/* Category message box styles */ | /* Category message box styles */ | ||
table.cmbox { | table.cmbox { | ||
Line 545: | Line 533: | ||
background: #DFE8FF; /* Default "notice" blue */ | background: #DFE8FF; /* Default "notice" blue */ | ||
} | } | ||
table.cmbox-notice { | table.cmbox-notice { | ||
background: #D8E8FF; /* Blue */ | background: #D8E8FF; /* Blue */ | ||
Line 570: | Line 558: | ||
background: #EFEFE1; /* Gray-gold */ | background: #EFEFE1; /* Gray-gold */ | ||
} | } | ||
/* Other pages message box styles */ | /* Other pages message box styles */ | ||
table.ombox { | table.ombox { | ||
Line 578: | Line 566: | ||
background: #f9f9f9; | background: #f9f9f9; | ||
} | } | ||
table.ombox-notice { | table.ombox-notice { | ||
border: 1px solid #aaa; /* Gray */ | border: 1px solid #aaa; /* Gray */ | ||
Line 617: | Line 605: | ||
font-size: 100%; /* set in "mbox-small" above. */ | font-size: 100%; /* set in "mbox-small" above. */ | ||
} | } | ||
table.tmbox-speedy { | table.tmbox-speedy { | ||
border: 2px solid #b22222; /* Red */ | border: 2px solid #b22222; /* Red */ | ||
Line 638: | Line 626: | ||
border: 1px solid #c0c090; /* Gray-brown */ | border: 1px solid #c0c090; /* Gray-brown */ | ||
} | } | ||
/* Disambig and set index box styles */ | /* Disambig and set index box styles */ | ||
table.dmbox { | table.dmbox { | ||
Line 687: | Line 675: | ||
padding: 0.25em 0.9em; | padding: 0.25em 0.9em; | ||
} | } | ||
/* These mbox-small classes must be placed after all other | /* These mbox-small classes must be placed after all other | ||
ambox/tmbox/ombox etc classes. "body.mediawiki" is so | ambox/tmbox/ombox etc classes. "body.mediawiki" is so | ||
Line 706: | Line 694: | ||
line-height: 1.25em; | line-height: 1.25em; | ||
} | } | ||
/* Support for Template:IPA, Template:Unicode and Template:Polytonic. | /* Support for Template:IPA, Template:Unicode and Template:Polytonic. | ||
The second declarations reset the styles for all browsers except | The second declarations reset the styles for all browsers except | ||
Line 738: | Line 726: | ||
font-family /**/: inherit; | font-family /**/: inherit; | ||
} | } | ||
#wpSave { | #wpSave { | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */ | /* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */ | ||
.hiddenStructure { | .hiddenStructure { | ||
Line 749: | Line 737: | ||
background-color: #0f0; | background-color: #0f0; | ||
} | } | ||
/* suppress missing interwiki image links where #ifexist cannot | /* suppress missing interwiki image links where #ifexist cannot | ||
be used due to high number of requests see .hidden-redlink on | be used due to high number of requests see .hidden-redlink on | ||
Line 758: | Line 746: | ||
speak: none; | speak: none; | ||
} | } | ||
/* Removes underlines from links */ | /* Removes underlines from links */ | ||
.nounderlines a { | .nounderlines a { | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
/* Remove underline from IPA links */ | /* Remove underline from IPA links */ | ||
.IPA a:link, .IPA a:visited { | .IPA a:link, .IPA a:visited { | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
/* Standard Navigationsleisten, aka box hiding thingy | /* Standard Navigationsleisten, aka box hiding thingy | ||
from .de. Documentation at [[Wikipedia:NavFrame]]. */ | from .de. Documentation at [[Wikipedia:NavFrame]]. */ | ||
Line 817: | Line 805: | ||
font-size: 90%; | font-size: 90%; | ||
} | } | ||
/* Coloured watchlist numbers */ | /* Coloured watchlist numbers */ | ||
.mw-plusminus-pos { color: #006400; } /* dark green */ | .mw-plusminus-pos { color: #006400; } /* dark green */ | ||
.mw-plusminus-neg { color: #8B0000; } /* dark red */ | .mw-plusminus-neg { color: #8B0000; } /* dark red */ | ||
.rellink, | .rellink, | ||
.dablink { | .dablink { | ||
Line 831: | Line 819: | ||
font-style: normal; | font-style: normal; | ||
} | } | ||
/* Style for horizontal UL lists */ | /* Style for horizontal UL lists */ | ||
.horizontal ul { | .horizontal ul { | ||
Line 846: | Line 834: | ||
padding-right: 0; | padding-right: 0; | ||
} | } | ||
/* Allow transcluded pages to display in lists rather than a table. | /* Allow transcluded pages to display in lists rather than a table. | ||
Compatible in Firefox; incompatible in IE6. */ | Compatible in Firefox; incompatible in IE6. */ | ||
Line 852: | Line 840: | ||
.listify tr { display: block; } | .listify tr { display: block; } | ||
.listify table { display: block; } | .listify table { display: block; } | ||
/* Geographical coordinates defaults. See [[Template:Coord/link]] | /* Geographical coordinates defaults. See [[Template:Coord/link]] | ||
for how these are used. The classes "geo", "longitude", and | for how these are used. The classes "geo", "longitude", and | ||
Line 860: | Line 848: | ||
.geo-nondefault, .geo-multi-punct { display: none; } | .geo-nondefault, .geo-multi-punct { display: none; } | ||
.longitude, .latitude { white-space: nowrap; } | .longitude, .latitude { white-space: nowrap; } | ||
/* When <div class="nonumtoc"> is used on the table of contents, | /* When <div class="nonumtoc"> is used on the table of contents, | ||
the ToC will display without numbers */ | the ToC will display without numbers */ | ||
Line 875: | Line 863: | ||
margin: 0 0 0 2em; | margin: 0 0 0 2em; | ||
} | } | ||
/* Allow limiting of which header levels are shown in a TOC; | /* Allow limiting of which header levels are shown in a TOC; | ||
<div class="toclimit-3">, for instance, will limit to | <div class="toclimit-3">, for instance, will limit to | ||
Line 888: | Line 876: | ||
.toclimit-6 .toclevel-6, | .toclimit-6 .toclevel-6, | ||
.toclimit-7 .toclevel-7 { display: none; } | .toclimit-7 .toclevel-7 { display: none; } | ||
/* Styling for Template:Quote */ | /* Styling for Template:Quote */ | ||
blockquote.templatequote { | blockquote.templatequote { | ||
Line 902: | Line 890: | ||
font-size: 85%; | font-size: 85%; | ||
} | } | ||
div.user-block { | div.user-block { | ||
padding: 5px; | padding: 5px; | ||
Line 908: | Line 896: | ||
background-color: #FFEFD5; | background-color: #FFEFD5; | ||
} | } | ||
/* Prevent line breaks in silly places: | /* Prevent line breaks in silly places: | ||
1) links when we don't want them to | 1) links when we don't want them to | ||
Line 917: | Line 905: | ||
span.texhtml, | span.texhtml, | ||
sup.reference a { white-space: nowrap; } | sup.reference a { white-space: nowrap; } | ||
/* For template documentation */ | /* For template documentation */ | ||
.template-documentation { | .template-documentation { | ||
Line 926: | Line 914: | ||
padding: 5px; | padding: 5px; | ||
} | } | ||
.thumbinner { | .thumbinner { | ||
min-width: 100px; | min-width: 100px; | ||
} | } | ||
/* Inline divs in ImageMaps (code borrowed from de.wiki) */ | /* Inline divs in ImageMaps (code borrowed from de.wiki) */ | ||
.imagemap-inline div { | .imagemap-inline div { | ||
display: inline; | display: inline; | ||
} | } | ||
/* Increase the height of the image upload box */ | /* Increase the height of the image upload box */ | ||
#wpUploadDescription { | #wpUploadDescription { | ||
height: 13em; | height: 13em; | ||
} | } | ||
/* Reduce line-height for <sup> and <sub> */ | /* Reduce line-height for <sup> and <sub> */ | ||
sup, sub { | sup, sub { | ||
line-height: 1em; | line-height: 1em; | ||
} | } | ||
/* The backgrounds for galleries. */ | /* The backgrounds for galleries. */ | ||
#content .gallerybox div.thumb { | #content .gallerybox div.thumb { | ||
Line 962: | Line 950: | ||
background: white; | background: white; | ||
} | } | ||
/* Prevent floating boxes from overlapping any category listings, | /* Prevent floating boxes from overlapping any category listings, | ||
file histories, edit previews, and edit [Show changes] views */ | file histories, edit previews, and edit [Show changes] views */ | ||
Line 969: | Line 957: | ||
clear: both; | clear: both; | ||
} | } | ||
/* Selectively hide headers in WikiProject banners */ | /* Selectively hide headers in WikiProject banners */ | ||
.wpb .wpb-header { display: none; } | .wpb .wpb-header { display: none; } | ||
Line 975: | Line 963: | ||
.wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */ | .wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */ | ||
.wpbs-inner .wpb-outside { display: none; } /* hide things that should only display outside shells */ | .wpbs-inner .wpb-outside { display: none; } /* hide things that should only display outside shells */ | ||
/* </ | /* </nowiki></pre> */ |