Difference between revisions of "MediaWiki:Common.css"

201 bytes removed ,  01:28, 14 November 2011
m
common css.. really trying to get the tables to work properly!
(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:
/* CSS placed here will be applied to all skins */
/*
/* <source lang="css"> */
ATTENTION ADMINISTRATORS:
   
   
/* Main page fixes */
This is the CSS for all skins. 
#interwiki-completelist {
    font-weight: bold;
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
body.page-Main_Page #ca-delete {
with the [http://www.squarefree.com/bookmarklets/webdevel.html test styles]
    display: none !important;
bookmarklet from squarefree.com. It pops up a window for adding style rules,
}
and updates the page as you type.
   
   
body.page-Main_Page #mp-topbanner {
Always check with the [http://tinyurl.com/28y334 W3C CSS Validation Service]
  clear: both;
([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 */
ol.references {
    font-size: 100%;
}
.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;
    -webkit-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;
}
}
 
/* The legacy implementation of this was with "plainlinksneverexpand", which
  also simulated "plainlinks".  "plainlinksneverexpand" is deprecated and
  should be replaced with "plainlinks nourlexpansion".  When this has been
  done, the rules below can be removed.
*/
.plainlinksneverexpand a {
    background: none !important;
    padding: 0 !important;
}
.plainlinksneverexpand a.external.text:after,
.plainlinksneverexpand a.external.autonumber:after {
    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 */
 
/* </source> */
/* </nowiki></pre> */