Difference between revisions of "MediaWiki:Common.css"

Explain xkcd: It's 'cause you're dumb.
Jump to: navigation, search
(remove unused rule)
(remove enwiki-specific code, as most (all?) of it wasn't needed here anyway)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
 
 
/* Default styling for HTML elements */
 
dfn {
 
    font-style: inherit;  /* Reset default styling for <dfn> */
 
}
 
sup, sub {
 
    line-height: 1em;    /* Reduce line-height for <sup> and <sub> */
 
}
 
 
/* Main page fixes */
 
 
body.page-Main_Page #ca-delete {
 
    display: none !important;
 
}
 
 
/* Make the list of references smaller */
 
ol.references,
 
div.reflist,
 
div.refbegin {
 
    font-size: 90%;            /* Default font-size */
 
    margin-bottom: 0.5em;
 
}
 
div.reflist ol.references {
 
    font-size: 100%;          /* Reset font-size when nested in div.reflist */
 
    list-style-type: inherit;  /* Enable custom list style types */
 
}
 
 
/* Highlight clicked reference in blue to help navigation */
 
ol.references li:target,
 
sup.reference:target,
 
span.citation:target {
 
    background-color: #DEF;
 
}
 
 
/* Ensure refs in table headers and the like aren't bold or italic */
 
sup.reference {
 
    font-weight: normal;
 
    font-style: normal;
 
}
 
 
/* Allow hidden ref errors to be shown by user CSS */
 
span.brokenref {
 
    display: none;
 
}
 
 
/* Styling for citations (CSS3). Breaks long urls, etc., rather than overflowing box */
 
.citation {
 
    word-wrap: break-word;
 
}
 
 
/* Default styling for titles of works, styling for the title of an article
 
  within a periodical, or a contribution within a compilation. */
 
cite,
 
.citation cite.article,
 
.citation cite.contribution {
 
    font-style: inherit;
 
}
 
 
/* Styling for the title of any work within a citation,
 
  or specifically the title of a periodical. */
 
.citation cite,
 
.citation cite.periodical {
 
    font-style: italic;
 
}
 
 
/* For linked citation numbers and document IDs, where
 
  the number need not be shown on a screen or a handheld,
 
  but should be included in the printed version */
 
@media screen, handheld {
 
    .citation *.printonly {
 
        display: none;
 
    }
 
}
 
 
/* Style for horizontal lists (separator following item) */
 
.skin-monobook .hlist dl,
 
.skin-modern .hlist dl,
 
.skin-vector .hlist dl {
 
    line-height: 1.5em;
 
}
 
.hlist dl,
 
.hlist ol,
 
.hlist ul {
 
    margin: 0;
 
}
 
.hlist dd,
 
.hlist dt,
 
.hlist li {
 
    display: inline;
 
    margin: 0;
 
}
 
/* Display nested lists inline */
 
.hlist dl dl,
 
.hlist ol ol,
 
.hlist ul ul {
 
    display: inline;
 
}
 
/* Generate interpuncts */
 
.hlist dt:after {
 
    content: ":";
 
}
 
.hlist dd:after,
 
.hlist li:after {
 
    content: " ·";
 
    font-weight: bold;
 
}
 
.hlist dd:last-child:after,
 
.hlist dt:last-child:after,
 
.hlist li:last-child:after {
 
    content: none;
 
}
 
/* for IE 8 */
 
.hlist dd.hlist-last-child:after,
 
.hlist dt.hlist-last-child:after,
 
.hlist li.hlist-last-child:after {
 
    content: none;
 
}
 
/* Add parens around nested lists */
 
.hlist dl dl dd:first-child:before,
 
.hlist ol ol li:first-child:before,
 
.hlist ul ul li:first-child:before {
 
    content: "(";
 
}
 
.hlist dl dl dd:last-child:after,
 
.hlist ol ol li:last-child:after,
 
.hlist ul ul li:last-child:after {
 
    content: ")";
 
    font-weight: normal;
 
}
 
/* For IE8 */
 
.hlist dl dl dd.hlist-last-child:after,
 
.hlist ol ol li.hlist-last-child:after,
 
.hlist ul ul li.hlist-last-child:after {
 
    content: ")";
 
    font-weight: normal;
 
}
 
/* Put numbers in ordered lists */
 
.hlist.hnum ol li {
 
    counter-increment: level1;
 
}
 
.hlist.hnum ol li:before {
 
    content: counter(level1) " ";
 
}
 
.hlist.hnum ol ol li {
 
    counter-increment: level2;
 
}
 
.hlist.hnum ol ol li:first-child:before {
 
    content: "(" counter(level2) " ";
 
}
 
.hlist.hnum ol ol li:before {
 
    content: counter(level2) " ";
 
}
 
 
/* Unbulleted lists */
 
.plainlist ul {
 
    line-height: inherit;
 
    list-style: none none;
 
    margin: 0;
 
}
 
.plainlist ul li {
 
    margin-bottom: 0;
 
}
 
 
/* Default style for navigation boxes */
 
.navbox {                    /* Navbox container style */
 
    border: 1px solid #aaa;
 
    width: 100%;
 
    margin: auto;
 
    clear: both;
 
    font-size: 88%;
 
    text-align: center;
 
    padding: 1px;
 
}
 
.navbox-inner,
 
.navbox-subgroup {
 
    width: 100%;
 
}
 
.navbox th,
 
.navbox-title,
 
.navbox-abovebelow {
 
    text-align: center;      /* Title and above/below styles */
 
    padding-left: 1em;
 
    padding-right: 1em;
 
}
 
th.navbox-group {            /* Group style */
 
    white-space: nowrap;
 
    /* @noflip */
 
    text-align: right;
 
}
 
.navbox,
 
.navbox-subgroup {
 
    background: #fdfdfd;      /* Background color */
 
}
 
.navbox-list {
 
    border-color: #fdfdfd;    /* Must match background color */
 
}
 
.navbox th,
 
.navbox-title {
 
    background: #ccccff;      /* Level 1 color */
 
}
 
.navbox-abovebelow,
 
th.navbox-group,
 
.navbox-subgroup .navbox-title {
 
    background: #ddddff;      /* Level 2 color */
 
}
 
.navbox-subgroup .navbox-group,
 
.navbox-subgroup .navbox-abovebelow {
 
    background: #e6e6ff;      /* Level 3 color */
 
}
 
.navbox-even {
 
    background: #f7f7f7;      /* Even row striping */
 
}
 
.navbox-odd {
 
    background: transparent;  /* Odd row striping */
 
}
 
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
 
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)      */
 
}
 
.navbox .hlist td dl,
 
.navbox .hlist td ol,
 
.navbox .hlist td ul,
 
.navbox td.hlist dl,
 
.navbox td.hlist ol,
 
.navbox td.hlist ul {
 
    padding: 0.125em 0;      /* Adjust hlist padding in navboxes */
 
}
 
.navbox .hlist dd,
 
.navbox .hlist dt,
 
.navbox .hlist li {
 
    white-space: nowrap;      /* Nowrap list items in navboxes */
 
    white-space: normal !ie;  /* IE < 8 no-wraps entire list, so disable it */
 
}
 
.navbox .hlist dd dl,
 
.navbox .hlist dt dl,
 
.navbox .hlist li ol,
 
.navbox .hlist li ul {
 
    white-space: normal;      /* But allow parent list items to be wrapped */
 
}
 
ol + table.navbox,
 
ul + table.navbox {
 
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
 
}
 
 
/* Default styling for Navbar template */
 
.navbar {
 
    display: inline;
 
    font-size: 88%;
 
    font-weight: normal;
 
}
 
.navbar ul {
 
    display: inline;
 
    white-space: nowrap;
 
}
 
.navbar li {
 
    word-spacing: -0.125em;
 
}
 
.navbar.mini li span {
 
  font-variant: small-caps;
 
}
 
/* Navbar styling when nested in navbox */
 
.navbox .navbar {
 
    display: block;
 
    font-size: 100%;
 
}
 
.navbox-title .navbar {
 
    /* @noflip */
 
    float: left;
 
    /* @noflip */
 
    text-align: left;
 
    /* @noflip */
 
    margin-right: 0.5em;
 
    width: 6em;
 
}
 
 
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
 
  in [[MediaWiki:Common.js]] are styled here so they can be customised. */
 
.collapseButton {     
 
    /* @noflip */
 
    float: right;
 
    font-weight: normal;
 
    /* @noflip */
 
    margin-left: 0.5em;
 
    /* @noflip */
 
    text-align: right;
 
    width: auto;
 
}
 
/* In navboxes, the show/hide button balances the v·d·e links
 
  from [[Template:Navbar]], so they need to be the same width. */
 
.navbox .collapseButton {
 
    width: 6em;
 
}
 
 
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
 
.mw-collapsible-toggle {
 
    font-weight: normal;
 
    /* @noflip */
 
    text-align: right;
 
}
 
.navbox .mw-collapsible-toggle {
 
    width: 6em;
 
}
 
 
/* Infobox template style */
 
.infobox {
 
    border: 1px solid #aaa;
 
    background-color: #f9f9f9;
 
    color: black;
 
    /* @noflip */
 
    margin: 0.5em 0 0.5em 1em;
 
    padding: 0.2em;
 
    /* @noflip */
 
    float: right;
 
    /* @noflip */
 
    clear: right;
 
    /* @noflip */
 
    text-align: left;
 
    font-size: 88%;
 
    line-height: 1.5em;
 
}
 
.infobox caption {
 
    font-size: 125%;
 
    font-weight: bold;
 
}
 
.infobox td,
 
.infobox th {
 
    vertical-align: top;
 
}
 
.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%;
 
}
 
 
.infobox.standard-talk {
 
    border: 1px solid #c0c090;
 
    background-color: #f8eaba;
 
}
 
.infobox.standard-talk.bordered td,
 
.infobox.standard-talk.bordered th {
 
    border: 1px solid #c0c090;
 
}
 
 
/* styles for bordered infobox with merged rows */
 
.infobox.bordered .mergedtoprow td,
 
.infobox.bordered .mergedtoprow th {
 
    border: 0;
 
    border-top: 1px solid #aaa;
 
    /* @noflip */
 
    border-right: 1px solid #aaa;
 
}
 
 
.infobox.bordered .mergedrow td,
 
.infobox.bordered .mergedrow th {
 
    border: 0;
 
    /* @noflip */
 
    border-right: 1px solid #aaa;
 
}
 
 
/* Normal font styling for table row headers with scope="row" tag */
 
.wikitable.plainrowheaders th[scope=row] {
 
    font-weight: normal;
 
    /* @noflip */
 
    text-align: left;
 
}
 
 
/* Lists in data cells are always left-aligned */
 
.wikitable td ul,
 
.wikitable td ol,
 
.wikitable td dl {
 
    /* @noflip */
 
    text-align: left;
 
}
 
/* ...unless they also use the hlist class */
 
.wikitable.hlist td ul,
 
.wikitable.hlist td ol,
 
.wikitable.hlist td dl {
 
    text-align: inherit;
 
}
 
 
/* Icons for medialist templates [[Template:Listen]],
 
  [[Template:Multi-listen_start]], [[Template:Video]],
 
  [[Template:Multi-video_start]]
 
*/
 
div.listenlist {
 
    /* @embed */
 
    background: url("//upload.wikimedia.org/wikipedia/commons/3/3f/Gnome_speakernotes_30px.png");
 
    /* @noflip */
 
    padding-left: 40px;
 
}
 
 
/* Style rules for media list templates */
 
div.medialist {
 
    min-height: 50px;
 
    margin: 1em;
 
    /* @noflip */
 
    background-position: top left;
 
    background-repeat: no-repeat;
 
}
 
div.medialist ul {
 
    list-style-type: none;
 
    list-style-image: none;
 
    margin: 0;
 
}
 
div.medialist ul li {
 
    padding-bottom: 0.5em;
 
}
 
div.medialist ul li li {
 
    font-size: 91%;
 
    padding-bottom: 0;
 
}
 
 
/* Change the external link icon to an Adobe icon for all PDF files
 
  in browsers that support these CSS selectors, like Mozilla and Opera */
 
div#content a[href$=".pdf"].external,
 
div#content a[href*=".pdf?"].external,
 
div#content a[href*=".pdf#"].external,
 
div#content a[href$=".PDF"].external,
 
div#content a[href*=".PDF?"].external,
 
div#content a[href*=".PDF#"].external,
 
div#mw_content a[href$=".pdf"].external,
 
div#mw_content a[href*=".pdf?"].external,
 
div#mw_content a[href*=".pdf#"].external,
 
div#mw_content a[href$=".PDF"].external,
 
div#mw_content a[href*=".PDF?"].external,
 
div#mw_content a[href*=".PDF#"].external {
 
    /* @embed */
 
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 
    /* @noflip */
 
    padding-right: 18px;
 
}
 
 
/* 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. */
 
div#content span.PDFlink a,
 
div#mw_content span.PDFlink a {
 
    /* @embed */
 
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
 
    /* @noflip */
 
    padding-right: 18px;
 
}
 
 
/* Content in columns with CSS instead of tables [[Template:Columns]] */
 
div.columns-2 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 50%;
 
    min-width: 300px;
 
}
 
div.columns-3 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 33.3%;
 
    min-width: 200px;
 
}
 
div.columns-4 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 25%;
 
    min-width: 150px;
 
}
 
div.columns-5 div.column {
 
    /* @noflip */
 
    float: left;
 
    width: 20%;
 
    min-width: 120px;
 
}
 
 
/* 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;
 
    margin: 4px auto;
 
}
 
 
/* 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;
 
    /* @noflip */
 
    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;
 
    /* @noflip */
 
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
 
    text-align: center;
 
}
 
td.mbox-imageright {          /* The right image cell */
 
    border: none;
 
    /* @noflip */
 
    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;
 
}
 
 
/* Article message box styles */
 
table.ambox {
 
    margin: 0px 10%;                  /* 10% = Will not overlap with other elements */
 
    border: 1px solid #aaa;
 
    /* @noflip */
 
    border-left: 10px solid #1e90ff;  /* Default "notice" blue */
 
    background: #fbfbfb;
 
}
 
table.ambox + table.ambox {      /* Single border between stacked boxes. */
 
    margin-top: -1px;
 
}
 
.ambox th.mbox-text,
 
.ambox td.mbox-text {            /* The message body cell(s) */
 
    padding: 0.25em 0.5em;      /* 0.5em left/right */
 
}
 
.ambox td.mbox-image {          /* The left image cell */
 
    /* @noflip */
 
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
 
}
 
.ambox td.mbox-imageright {      /* The right image cell */
 
    /* @noflip */
 
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
 
}
 
 
table.ambox-notice {
 
    /* @noflip */
 
    border-left: 10px solid #1e90ff;    /* Blue */
 
}
 
table.ambox-speedy {
 
    /* @noflip */
 
    border-left: 10px solid #b22222;    /* Red */
 
    background: #fee;                  /* Pink */
 
}
 
table.ambox-delete {
 
    /* @noflip */
 
    border-left: 10px solid #b22222;    /* Red */
 
}
 
table.ambox-content {
 
    /* @noflip */
 
    border-left: 10px solid #f28500;    /* Orange */
 
}
 
table.ambox-style {
 
    /* @noflip */
 
    border-left: 10px solid #f4c430;    /* Yellow */
 
}
 
table.ambox-move {
 
    /* @noflip */
 
    border-left: 10px solid #9932cc;    /* Purple */
 
}
 
table.ambox-protection {
 
    /* @noflip */
 
    border-left: 10px solid #bba;      /* Gray-gold */
 
}
 
 
/* Image message box styles */
 
table.imbox {
 
    margin: 4px 10%;
 
    border-collapse: collapse;
 
    border: 3px solid #1e90ff;    /* Default "notice" blue */
 
    background: #fbfbfb;
 
}
 
.imbox .mbox-text .imbox {  /* For imboxes inside imbox-text cells. */
 
    margin: 0 -0.5em;      /* 0.9 - 0.5 = 0.4em left/right.        */
 
    display: block;        /* Fix for webkit to force 100% width.  */
 
}
 
.mbox-inside .imbox {      /* For imboxes inside other templates.  */
 
    margin: 4px;
 
}
 
 
table.imbox-notice {
 
    border: 3px solid #1e90ff;    /* Blue */
 
}
 
table.imbox-speedy {
 
    border: 3px solid #b22222;    /* Red */
 
    background: #fee;            /* Pink */
 
}
 
table.imbox-delete {
 
    border: 3px solid #b22222;    /* Red */
 
}
 
table.imbox-content {
 
    border: 3px solid #f28500;    /* Orange */
 
}
 
table.imbox-style {
 
    border: 3px solid #f4c430;    /* Yellow */
 
}
 
table.imbox-move {
 
    border: 3px solid #9932cc;    /* Purple */
 
}
 
table.imbox-protection {
 
    border: 3px solid #bba;      /* Gray-gold */
 
}
 
table.imbox-license {
 
    border: 3px solid #88a;      /* Dark gray */
 
    background: #f7f8ff;          /* Light gray */
 
}
 
table.imbox-featured {
 
    border: 3px solid #cba135;    /* Brown-gold */
 
}
 
 
/* Category message box styles */
 
table.cmbox {
 
    margin: 3px 10%;
 
    border-collapse: collapse;
 
    border: 1px solid #aaa;
 
    background: #DFE8FF;    /* Default "notice" blue */
 
}
 
 
table.cmbox-notice {
 
    background: #D8E8FF;    /* Blue */
 
}
 
table.cmbox-speedy {
 
    margin-top: 4px;
 
    margin-bottom: 4px;
 
    border: 4px solid #b22222;    /* Red */
 
    background: #FFDBDB;          /* Pink */
 
}
 
table.cmbox-delete {
 
    background: #FFDBDB;    /* Red */
 
}
 
table.cmbox-content {
 
    background: #FFE7CE;    /* Orange */
 
}
 
table.cmbox-style {
 
    background: #FFF9DB;    /* Yellow */
 
}
 
table.cmbox-move {
 
    background: #E4D8FF;    /* Purple */
 
}
 
table.cmbox-protection {
 
    background: #EFEFE1;    /* Gray-gold */
 
}
 
 
/* Other pages message box styles */
 
table.ombox {
 
    margin: 4px 10%;
 
    border-collapse: collapse;
 
    border: 1px solid #aaa;      /* Default "notice" gray */
 
    background: #f9f9f9;
 
}
 
 
table.ombox-notice {
 
    border: 1px solid #aaa;      /* Gray */
 
}
 
table.ombox-speedy {
 
    border: 2px solid #b22222;    /* Red */
 
    background: #fee;            /* Pink */
 
}
 
table.ombox-delete {
 
    border: 2px solid #b22222;    /* Red */
 
}
 
table.ombox-content {
 
    border: 1px solid #f28500;    /* Orange */
 
}
 
table.ombox-style {
 
    border: 1px solid #f4c430;    /* Yellow */
 
}
 
table.ombox-move {
 
    border: 1px solid #9932cc;    /* Purple */
 
}
 
table.ombox-protection {
 
    border: 2px solid #bba;      /* Gray-gold */
 
}
 
 
/* Talk page message box styles */
 
table.tmbox {
 
    margin: 4px 10%;
 
    border-collapse: collapse;
 
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
 
    background: #f8eaba;
 
}
 
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
 
    margin: 2px 0;              /* this declaration overrides other styles (including mbox-small above)  */
 
    width: 100%;                /* For Safari and Opera */
 
}
 
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
 
    line-height: 1.5em;          /* also "nested", so reset styles that are  */ 
 
    font-size: 100%;            /* set in "mbox-small" above.                */
 
}
 
 
table.tmbox-speedy {
 
    border: 2px solid #b22222;    /* Red */
 
    background: #fee;            /* Pink */
 
}
 
table.tmbox-delete {
 
    border: 2px solid #b22222;    /* Red */
 
}
 
table.tmbox-content {
 
    border: 2px solid #f28500;    /* Orange */
 
}
 
table.tmbox-style {
 
    border: 2px solid #f4c430;    /* Yellow */
 
}
 
table.tmbox-move {
 
    border: 2px solid #9932cc;    /* Purple */
 
}
 
table.tmbox-protection,
 
table.tmbox-notice {
 
    border: 1px solid #c0c090;    /* Gray-brown */
 
}
 
 
/* Disambig and set index box styles */
 
table.dmbox {
 
    clear: both;
 
    margin: 0.9em 1em;
 
    border-top: 1px solid #ccc;
 
    border-bottom: 1px solid #ccc;
 
    background: transparent;
 
}
 
 
/* Footer and header message box styles */
 
table.fmbox {
 
    clear: both;
 
    margin: 0.2em 0;
 
    width: 100%;
 
    border: 1px solid #aaa;
 
    background: #f9f9f9;    /* Default "system" gray */
 
}
 
table.fmbox-system {
 
    background: #f9f9f9;
 
}
 
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: #f9f9f9;
 
    padding: 0.25em 0.9em;
 
}
 
 
/* These mbox-small classes must be placed after all other
 
  ambox/tmbox/ombox etc classes. "body.mediawiki" is so
 
  they override "table.ambox + table.ambox" above. */
 
body.mediawiki table.mbox-small {  /* For the "small=yes" option. */
 
    /* @noflip */
 
    clear: right;
 
    /* @noflip */
 
    float: right;
 
    /* @noflip */
 
    margin: 4px 0 4px 1em;
 
    width: 238px;
 
    font-size: 88%;
 
    line-height: 1.25em;
 
}
 
body.mediawiki table.mbox-small-left {  /* For the "small=left" option. */
 
    /* @noflip */
 
    margin: 4px 1em 4px 0;
 
    width: 238px;
 
    border-collapse: collapse;
 
    font-size: 88%;
 
    line-height: 1.25em;
 
}
 
 
/* Remove default styles for [[MediaWiki:Noarticletext]]. */
 
div.noarticletext {
 
    border: none;
 
    background: transparent;
 
    padding: 0;
 
}
 
 
/* Bold save button */
 
#wpSave {
 
    font-weight: bold;
 
}
 
 
/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
 
.hiddenStructure {
 
    display: inline ! important;
 
    color: #f00;
 
    background-color: #0f0;
 
}
 
 
/* suppress missing interwiki image links where #ifexist cannot
 
  be used due to high number of requests see .hidden-redlink on
 
  [[m:MediaWiki:Common.css]]
 
*/
 
.check-icon a.new {
 
    display: none;
 
    speak: none;
 
}
 
 
/* Removes underlines from certain links */
 
.nounderlines a,
 
.IPA a:link, .IPA a:visited {
 
    text-decoration: none !important;
 
}
 
 
/* Standard Navigationsleisten, aka box hiding thingy
 
  from .de.  Documentation at [[Wikipedia:NavFrame]]. */
 
div.NavFrame {
 
    margin: 0;
 
    padding: 4px;
 
    border: 1px solid #aaa;
 
    text-align: center;
 
    border-collapse: collapse;
 
    font-size: 95%;
 
}
 
div.NavFrame + div.NavFrame {
 
    border-top-style: none;
 
    border-top-style: hidden;
 
}
 
div.NavPic {
 
    background-color: #fff;
 
    margin: 0;
 
    padding: 2px;
 
    /* @noflip */
 
    float: left;
 
}
 
div.NavFrame div.NavHead {
 
    height: 1.6em;
 
    font-weight: bold;
 
    background-color: #ccf;
 
    position: relative;
 
}
 
div.NavFrame p,
 
div.NavFrame div.NavContent,
 
div.NavFrame div.NavContent p {
 
    font-size: 100%;
 
}
 
div.NavEnd {
 
    margin: 0;
 
    padding: 0;
 
    line-height: 1px;
 
    clear: both;
 
}
 
a.NavToggle {
 
    position: absolute;
 
    top: 0;
 
    /* @noflip */
 
    right: 3px;
 
    font-weight: normal;
 
    font-size: 90%;
 
}
 
 
/* Hatnotes and disambiguation notices */
 
.rellink,
 
.dablink {
 
    font-style: italic;
 
    /* @noflip */
 
    padding-left: 1.6em;
 
    margin-bottom: 0.5em;
 
}
 
.rellink i,
 
.dablink i {
 
    font-style: normal;
 
}
 
 
/* Allow transcluded pages to display in lists rather than a table.
 
  Compatible in Firefox; incompatible in IE6. */
 
.listify td    { display: list-item; }
 
.listify tr    { display: block; }
 
.listify table { display: block; }
 
 
/* When <div class="nonumtoc"> is used on the table of contents,
 
  the ToC will display without numbers */
 
.nonumtoc .tocnumber { display: none; }
 
.nonumtoc #toc ul,
 
.nonumtoc .toc ul {
 
    line-height: 1.5em;
 
    list-style: none;
 
    margin: .3em 0 0;
 
    padding: 0;
 
}
 
.nonumtoc #toc ul ul,
 
.nonumtoc .toc ul ul {
 
    /* @noflip */
 
    margin: 0 0 0 2em;
 
}
 
 
/* Allow limiting of which header levels are shown in a TOC;
 
  <div class="toclimit-3">, for instance, will limit to
 
  showing ==headings== and ===headings=== but no further
 
  (as long as there are no =headings= on the page, which
 
  there shouldn't be according to the MoS).
 
*/
 
.toclimit-2 .toclevel-1 ul,
 
.toclimit-3 .toclevel-2 ul,
 
.toclimit-4 .toclevel-3 ul,
 
.toclimit-5 .toclevel-4 ul,
 
.toclimit-6 .toclevel-5 ul,
 
.toclimit-7 .toclevel-6 ul {
 
    display: none;
 
}
 
 
/* Styling for Template:Quote */
 
blockquote.templatequote {
 
    margin-top: 0;
 
}
 
blockquote.templatequote div.templatequotecite {
 
    line-height: 1em;
 
    /* @noflip */
 
    text-align: left;
 
    /* @noflip */
 
    padding-left: 2em;
 
    margin-top: 0;
 
}
 
blockquote.templatequote div.templatequotecite cite {
 
    font-size: 85%;
 
}
 
 
/* User block messages */
 
div.user-block {
 
    padding: 5px;
 
    margin-bottom: 0.5em;
 
    border: 1px solid #A9A9A9;
 
    background-color: #FFEFD5;
 
}
 
 
/* Prevent line breaks in silly places:
 
  1) Where desired
 
  2) Links when we don't want them to
 
  3) Bold "links" to the page itself
 
  4) HTML formulae
 
  5) Ref tags with group names <ref group="Note"> --> "[Note 1]"
 
*/
 
.nowrap,
 
.nowraplinks a,
 
.nowraplinks .selflink,
 
span.texhtml,
 
sup.reference a {
 
    white-space: nowrap;
 
}
 
 
/* For template documentation */
 
.template-documentation {
 
    clear: both;
 
    margin: 1em 0 0 0;
 
    border: 1px solid #aaa;
 
    background-color: #ecfcf4;
 
    padding: 1em;
 
}
 
 
/* Inline divs in ImageMaps (code borrowed from de.wiki) */
 
.imagemap-inline div {
 
    display: inline;
 
}
 
 
/* Increase the height of the image upload box */
 
#wpUploadDescription {
 
    height: 13em;
 
}
 
 
/* Minimum thumb width */
 
.thumbinner {
 
    min-width: 100px;
 
}
 
 
/* Makes the background of a framed image white instead of gray. */
 
/* Only visible with transparent images. */
 
div.thumb img.thumbimage {
 
    background-color: #fff;
 
}
 
 
/* The backgrounds for galleries. */
 
div#content .gallerybox div.thumb {
 
    /* Light gray padding */
 
    background-color: #F9F9F9;
 
}
 
/* Put a chequered background behind images, only visible if they have transparency.
 
  '.filehistory a img' and '#file img:hover' are handled by MediaWiki core (as of 1.19) */
 
.gallerybox .thumb img {
 
    /* @embed */
 
    background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
 
}
 
/* But not on articles, user pages, portals or with opt-out. */
 
.ns-0 .gallerybox .thumb img,
 
.ns-2 .gallerybox .thumb img,
 
.ns-100 .gallerybox .thumb img,
 
.nochecker .gallerybox .thumb img {
 
    background: #fff;
 
}
 
 
/* Category tree */
 
#mw-subcategories ul {
 
    list-style: none none;
 
    margin-left: 0.25em;
 
}
 
.CategoryTreeChildren {
 
    margin-left: 1.25em;
 
}
 
 
/* Prevent floating boxes from overlapping any category listings,
 
  file histories, edit previews, and edit [Show changes] views */
 
#mw-subcategories, #mw-pages, #mw-category-media,
 
#filehistory, #wikiPreview, #wikiDiff {
 
    clear: both;
 
}
 
 
body.rtl #mw-articlefeedbackv5, body.rtl #mw-articlefeedback {
 
    display: block; /* Override inline block mode */
 
    margin-bottom: 1em;
 
    /* @noflip */
 
    clear: right;    /* Clear any info boxes that stick out */
 
    /* @noflip */
 
    float: right;      /* Prevents margin collapsing */
 
}
 
 
/* Toned down styling for update markers on watchlist and history pages. */
 
span.updatedmarker {
 
    background-color: transparent;
 
    color: #006400;
 
}
 
.mw-special-Watchlist .mw-changeslist-line-watched .mw-title {
 
    font-weight:normal;
 
}
 
.mw-special-Watchlist #mw-watchlist-resetbutton {
 
    display:none;
 
}
 
 
/* Disable the automatic text-size adjust of WebKit on iPhones etc.
 
  It scales some text, and not the other. Use none, or fixed percentage instead.
 
  Use media selector, because defining a value, overwrites platform defaults. */
 
@media only screen and (max-device-width: 480px) {
 
    body {
 
        -webkit-text-size-adjust: none;
 
    }
 
}
 
 
/* Pie chart test: Transparent borders */
 
.transborder {
 
    border: solid transparent;
 
}
 
* html .transborder {  /* IE6 */
 
    border: solid #000001;
 
    filter: chroma(color=#000001);
 
}
 
 
/* Fix so <syntaxhighlight> tags and .css and .js pages get normal text size.
 
  [[Bugzilla:26204]] */
 
div.mw-geshi div,
 
div.mw-geshi div pre,
 
span.mw-geshi,
 
pre.source-css,
 
pre.source-javascript {
 
    font-family: monospace, Courier !important;
 
}
 
 
/* Fix styling of transcluded prefindex tables */
 
table#mw-prefixindex-list-table,
 
table#mw-prefixindex-nav-table {
 
    width: 98%;
 
}
 
 
/* CODE FOR COMPACT AMBOX */
 
/* Hide the images */
 
.compact-ambox table .mbox-image,
 
.compact-ambox table .mbox-imageright,
 
.compact-ambox table .mbox-empty-cell {
 
    display: none;
 
}
 
/* Remove borders, backgrounds, padding, etc. */
 
.compact-ambox table.ambox {
 
    border: none;
 
    border-collapse: collapse;
 
    background: transparent;
 
    margin: 0 0 0 1.6em !important;
 
    padding: 0 !important;
 
    width: auto;
 
    display: block;
 
}
 
body.mediawiki .compact-ambox table.mbox-small-left {
 
    font-size: 100%;
 
    width: auto;
 
    margin: 0;
 
}
 
/* Style the text cell as a list item and remove its padding */
 
.compact-ambox table .mbox-text {
 
    padding: 0 !important;
 
    margin: 0 !important;
 
}
 
.compact-ambox table .mbox-text-span {
 
    display: list-item;
 
    line-height: 1.5em;
 
    list-style-type: square;
 
    list-style-image: url("data:image/gif;base64,R0lGODlhBQANAIAAAGOMnP///yH5BAEAAAEALAAAAAAFAA0AAAIJjI+pu+APo4SpADs=");
 
}
 
/* Allow for hiding text in compact form */
 
.compact-ambox .hide-when-compact {
 
    display: none;
 
}
 
 
 
/* Custom format for external links to xkcd.com */
 
/* Custom format for external links to xkcd.com */
 
a.external[href*="xkcd.com"] {
 
a.external[href*="xkcd.com"] {

Revision as of 02:49, 22 November 2012

/* Custom format for external links to xkcd.com */
a.external[href*="xkcd.com"] {
    background: url("http://www.explainxkcd.com/wiki/images/e/e5/Xkcd_favicon.png") no-repeat scroll right center transparent !important;
    padding-right: 18px !important;
}

/* Don't add the external link arrow to urls pointing to this site.
 * Also, don't add the xkcd favicon (see above) to elements marked
 * with the class "no-xkcd-favicon", nor to the page [[Explain XKCD:Copyrights]].
 */
a.external[href*="explainxkcd.com"],
.no-xkcd-favicon a.external[href*="xkcd.com"],
.page-Explain_XKCD_Copyrights a.external[href*="xkcd.com"] {
    background: none !important;
    padding-right: 0 !important;
}

.no-link-underline a:hover {
    text-decoration: none;
}

a:not(.new) + span.create {
    display: none;
}

table.table-padding > * > tr > td {
    padding-left:  0.5em;
    padding-right: 0.5em;
}

/* Add icons to the left navigation menu */
div#p-navigation li a {
    padding-left: 20px;
    background-repeat: no-repeat;
    line-height: 2em;
}
div#p-navigation li#n-mainpage-description a {
    background-image: url("http://upload.wikimedia.org/wikipedia/commons/3/3f/House_icon.png");
}
div#p-navigation li#n-Latest-comic a {
    background-image: url("http://upload.wikimedia.org/wikipedia/commons/5/5b/New_silk.png");
}
div#p-navigation li#n-portal a {
    background-image: url("http://upload.wikimedia.org/wikipedia/commons/d/de/Group.png");
}
div#p-navigation li#n-xkcd-com a {
    background-image: url("http://www.explainxkcd.com/wiki/images/thumb/2/26/Favicon.png/16px-Favicon.png");
}
div#p-navigation li#n-recentchanges a {
    background-image: url("http://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Farm-Fresh_clock_edit.png/16px-Farm-Fresh_clock_edit.png");
}
div#p-navigation li#n-randompage a {
    background-image: url("http://upload.wikimedia.org/wikipedia/commons/b/b3/Silk_arrow_switch.png");
}
div#p-navigation li#n-All-comics a {
    background-image: url("http://upload.wikimedia.org/wikipedia/commons/c/c0/Images.png");
}
div#p-navigation li#n-help a {
    background-image: url("http://upload.wikimedia.org/wikipedia/commons/a/aa/Help.png");
}

/* Make tagline visible */
#siteSub {
    display: block;
    font-style: italic;
    opacity:0.5;
    padding-left: 20px;
    background-image: url("http://www.explainxkcd.com/wiki/images/thumb/6/6d/BlackHat_head.png/16px-BlackHat_head.png");
    background-repeat: no-repeat;
}