Jump to content

MediaWiki:Common.css: Difference between revisions

MediaWiki:Common.css (view source)

Revision as of 09:04, 10 July 2017

358 bytes removed ,  10 July 2017
no edit summary
(Undo revision 3793 by Manomow (talk))
No edit summary
Line 1: Line 1:
/* Default styling for HTML elements */
/* Reset italic styling set by user agent */
dfn {
cite, dfn {
     font-style: inherit; /* Reset default styling for <dfn> */
     font-style: inherit;
}
}
q:before,
 
q:after {
/* Straight quote marks for <q> */
     content: '"'; /* Consistent quote marks for <q> */
q {
    quotes: '"' '"' "'" "'";
}
 
/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
     overflow: hidden;
    margin: 1em 0;
    padding: 0 40px;
}
 
/* Prevent the 'double bold' bug in Firefox when using DirectWrite */
strong.selflink {
    font-weight: 700;
}
 
/* Consistent size for <small>, <sub> and <sup> */
small {
    font-size: 85%;
}
.mw-body-content sub,
.mw-body-content sup,
span.reference /* for Parsoid */ {
    font-size: 80%;
}
}
/* Same spacing for indented and unidented paragraphs on talk pages */
.ns-talk .mw-body-content dd {margin-top:0.4em; margin-bottom:0.4em;}


/* Main page fixes */
/* Main page fixes */
Line 12: Line 38:
     font-weight: bold;
     font-weight: bold;
}
}
body.page-Main_Page #ca-delete {
 
     display: none !important;
/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .mw-special-Watchlist #watchlist-message,
.client-js .collapsible.collapsed > tbody > tr:not(:first-child) {
     display: none;
}
}
body.page-Main_Page #mp-topbanner {
 
     clear: both;
/* Tone down 'Changed since last visit' colors */
span.updatedmarker {
    background-color: transparent;
     color: #006400;
}
}


Line 25: Line 57:
}
}


/* Highlight data points in the info action if specified in the URL */
/* Hide charinsert base for those not using the gadget */
body.action-info :target {
#editpage-specialchars {
     background: #DEF;
    display: none;
}
 
/* Highlight linked elements (such as clicked references) in blue */
body.action-info .mw-body-content :target,
.citation:target {
     background-color: #DEF; /* Fallback */
    background-color: rgba(0, 127, 255, 0.133);
}
 
/* Styling for citations. Breaks long urls, etc., rather than overflowing box */
.citation {
    word-wrap: break-word;
}
 
/* 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;
    }
}
}


Line 42: Line 94:
div.reflist ol.references {
div.reflist ol.references {
     font-size: 100%;          /* Reset font-size when nested in div.reflist */
     font-size: 100%;          /* Reset font-size when nested in div.reflist */
    margin-bottom: 0;          /* Avoid double margin when nested in dev.reflist */
     list-style-type: inherit;  /* Enable custom list style types */
     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;
}
}


Line 63: Line 109:
}
}


/* Styling for citations (CSS3). Breaks long urls, etc., rather than overflowing box */
/* Hanging indentation for Template:Refbegin */
.citation {
.refbegin-hanging-indents > ul {
    word-wrap: break-word;
list-style-type: none;
margin-left: 0;
}
}
 
.refbegin-hanging-indents > ul > li,
/* For linked citation numbers and document IDs, where
.refbegin-hanging-indents > dl > dd {
  the number need not be shown on a screen or a handheld,
margin-left: 0;
  but should be included in the printed version */
padding-left: 3.2em;
@media screen, handheld {
text-indent: -3.2em;
    .citation .printonly {
list-style: none;
        display: none;
    }
}
}


Line 112: Line 157:


/* Style for horizontal lists (separator following item).
/* Style for horizontal lists (separator following item).
  IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 6 (2014-05-09)
   @revision 8 (2016-05-21)
   @author [[User:Edokter]]
   @author [[User:Edokter]]
  */
  */
Line 139: Line 183:
.hlist ul dl, .hlist ul ol, .hlist ul ul {
.hlist ul dl, .hlist ul ol, .hlist ul ul {
     display: inline;
     display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li {
    display: none;
}
}
/* Generate interpuncts */
/* Generate interpuncts */
Line 152: Line 200:
.hlist dt:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
.hlist li:last-child:after {
    content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
     content: none;
     content: none;
}
}
Line 170: Line 212:
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ") ";
     content: ")";
    font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
     content: ") ";
     font-weight: normal;
     font-weight: normal;
}
}
Line 188: Line 223:
}
}
.hlist ol > li:before {
.hlist ol > li:before {
     content: " " counter(listitem) " ";
     content: " " counter(listitem) "\a0";
    white-space: nowrap;
}
}
.hlist dd ol > li:first-child:before,
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
.hlist li ol > li:first-child:before {
     content: " (" counter(listitem) " ";
     content: " (" counter(listitem) "\a0";
}
}


Line 211: Line 245:
/* Default style for navigation boxes */
/* Default style for navigation boxes */
.navbox {                    /* Navbox container style */
.navbox {                    /* Navbox container style */
     border: 1px solid #aaa;
    box-sizing: border-box;
     border: 1px solid #a2a9b1;
     width: 100%;
     width: 100%;
    margin: auto;
     clear: both;
     clear: both;
     font-size: 88%;
     font-size: 88%;
     text-align: center;
     text-align: center;
     padding: 1px;
     padding: 1px;
    margin: 1em auto 0;      /* Prevent preceding content from clinging to navboxes */
}
.navbox .navbox {
    margin-top: 0;            /* No top margin for nested navboxes */
}
.navbox + .navbox {
    margin-top: -1px;        /* Single pixel border between adjacent navboxes */
}
}
.navbox-inner,
.navbox-inner,
Line 240: Line 281:
}
}
.navbox-list {
.navbox-list {
     line-height: 1.8em;
     line-height: 1.5em;
     border-color: #fdfdfd;    /* Must match background color */
     border-color: #fdfdfd;    /* Must match background color */
}
/* cell spacing */
.navbox tr + tr > .navbox-abovebelow,
.navbox tr + tr > .navbox-group,
.navbox tr + tr > .navbox-image,
.navbox tr + tr > .navbox-list {    /* Borders above 2nd, 3rd, etc. rows */
    border-top: 2px solid #fdfdfd; /* Must match background color */
}
}
.navbox th,
.navbox th,
Line 261: Line 309:
.navbox-odd {
.navbox-odd {
     background: transparent;  /* Odd row striping */
     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 dl,
Line 272: Line 317:
.navbox td.hlist ul {
.navbox td.hlist ul {
     padding: 0.125em 0;      /* Adjust hlist padding in navboxes */
     padding: 0.125em 0;      /* Adjust hlist padding in navboxes */
}
ol + table.navbox,
ul + table.navbox {
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
}
}


Line 287: Line 328:
     display: inline;
     display: inline;
     white-space: nowrap;
     white-space: nowrap;
}
.mw-body-content .navbar ul {
    line-height: inherit;
}
}
.navbar li {
.navbar li {
     word-spacing: -0.125em;
     word-spacing: -0.125em;
}
}
.navbar.mini li span {
.navbar.mini li abbr[title] {
   font-variant: small-caps;
   font-variant: small-caps;
  border-bottom: none;
  text-decoration: none;
  cursor: inherit;
}
}
/* Navbar styling when nested in infobox and navbox */
/* Navbar styling when nested in infobox and navbox */
Line 309: Line 356:
     /* @noflip */
     /* @noflip */
     margin-right: 0.5em;
     margin-right: 0.5em;
    width: 6em;
}
}


Line 323: Line 369:
     text-align: right;
     text-align: right;
     width: auto;
     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 */
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
.mw-parser-output .mw-collapsible-toggle {
     font-weight: normal;
     font-weight: normal;
     /* @noflip */
     /* @noflip */
     text-align: right;
     text-align: right;
    padding-right: 0.2em;
    padding-left: 0.2em;
}
}
.navbox .mw-collapsible-toggle {
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
     width: 6em;
/* @noflip */
float: left;
/* @noflip */
     text-align: left;
}
}


/* Infobox template style */
/* Infobox template style */
.infobox {
.infobox {
     border: 1px solid #aaa;
     border: 1px solid #a2a9b1;
     background-color: #f9f9f9;
    border-spacing: 3px;
     background-color: #f8f9fa;
     color: black;
     color: black;
     /* @noflip */
     /* @noflip */
Line 352: Line 399:
     /* @noflip */
     /* @noflip */
     clear: right;
     clear: right;
    /* @noflip */
    text-align: left;
     font-size: 88%;
     font-size: 88%;
     line-height: 1.5em;
     line-height: 1.5em;
Line 360: Line 405:
     font-size: 125%;
     font-size: 125%;
     font-weight: bold;
     font-weight: bold;
    padding: 0.2em;
}
}
.infobox td,
.infobox td,
.infobox th {
.infobox th {
     vertical-align: top;
     vertical-align: top;
    /* @noflip */
    text-align: left;
}
}
.infobox.bordered {
.infobox.bordered {
Line 370: Line 418:
.infobox.bordered td,
.infobox.bordered td,
.infobox.bordered th {
.infobox.bordered th {
     border: 1px solid #aaa;
     border: 1px solid #a2a9b1;
}
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless td,
Line 395: Line 443:
.infobox.bordered .mergedtoprow th {
.infobox.bordered .mergedtoprow th {
     border: 0;
     border: 0;
     border-top: 1px solid #aaa;
     border-top: 1px solid #a2a9b1;
     /* @noflip */
     /* @noflip */
     border-right: 1px solid #aaa;
     border-right: 1px solid #a2a9b1;
}
}


Line 404: Line 452:
     border: 0;
     border: 0;
     /* @noflip */
     /* @noflip */
     border-right: 1px solid #aaa;
     border-right: 1px solid #a2a9b1;
}
}


Line 417: Line 465:
.infobox.geography  td,
.infobox.geography  td,
.infobox.geography  th {
.infobox.geography  th {
     border-top: 1px solid #aaa;
     border-top: 1px solid #a2a9b1;
     padding: 0.4em 0.6em 0.4em 0.6em;
     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: 1px solid #aaa;
     border-top: 1px solid #a2a9b1;
     padding: 0.4em 0.6em 0.2em 0.6em;
     padding: 0.4em 0.6em 0.2em 0.6em;
}
}
Line 435: Line 483:
.infobox.geography .mergedbottomrow th {
.infobox.geography .mergedbottomrow th {
     border-top: 0;
     border-top: 0;
     border-bottom: 1px solid #aaa;
     border-bottom: 1px solid #a2a9b1;
     padding: 0 0.6em 0.4em 0.6em;
     padding: 0 0.6em 0.4em 0.6em;
}
}
Line 460: Line 508:
}
}
/* ...unless they also use the hlist class */
/* ...unless they also use the hlist class */
.toc.hlist ul,
#toc.hlist ul,
.wikitable.hlist td ul,
.wikitable.hlist td ul,
.wikitable.hlist td ol,
.wikitable.hlist td ol,
Line 475: Line 525:
}
}


/* Fix for hieroglyphs specificality issue in infoboxes ([[Bugzilla:41869]]) */
/* Fix for hieroglyphs specificality issue in infoboxes ([[Phabricator:43869]]) */
table.mw-hiero-table td {
table.mw-hiero-table td {
     vertical-align: middle;
     vertical-align: middle;
Line 515: Line 565:
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 {
    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 {
     background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
     background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
     /* @noflip */
     /* @noflip */
Line 557: Line 598:
/* Messagebox templates */
/* Messagebox templates */
.messagebox {
.messagebox {
     border: 1px solid #aaa;
     border: 1px solid #a2a9b1;
     background-color: #f9f9f9;
     background-color: #f8f9fa;
     width: 80%;
     width: 80%;
     margin: 0 auto 1em auto;
     margin: 0 auto 1em auto;
Line 637: Line 678:
table.ambox {
table.ambox {
     margin: 0 10%;                  /* 10% = Will not overlap with other elements */
     margin: 0 10%;                  /* 10% = Will not overlap with other elements */
     border: 1px solid #aaa;
     border: 1px solid #a2a9b1;
     /* @noflip */
     /* @noflip */
     border-left: 10px solid #1e90ff;  /* Default "notice" blue */
     border-left: 10px solid #36c;  /* Default "notice" blue */
     background: #fbfbfb;
     background: #fbfbfb;
}
}
Line 660: Line 701:
table.ambox-notice {
table.ambox-notice {
     /* @noflip */
     /* @noflip */
     border-left: 10px solid #1e90ff;    /* Blue */
     border-left: 10px solid #36c;    /* Blue */
}
}
table.ambox-speedy {
table.ambox-speedy {
     /* @noflip */
     /* @noflip */
     border-left: 10px solid #b22222;    /* Red */
     border-left: 10px solid #b32424;    /* Red */
     background: #fee;                  /* Pink */
     background: #fee7e6;                  /* Pink */
}
}
table.ambox-delete {
table.ambox-delete {
     /* @noflip */
     /* @noflip */
     border-left: 10px solid #b22222;    /* Red */
     border-left: 10px solid #b32424;    /* Red */
}
}
table.ambox-content {
table.ambox-content {
Line 677: Line 718:
table.ambox-style {
table.ambox-style {
     /* @noflip */
     /* @noflip */
     border-left: 10px solid #f4c430;    /* Yellow */
     border-left: 10px solid #fc3;    /* Yellow */
}
}
table.ambox-move {
table.ambox-move {
Line 685: Line 726:
table.ambox-protection {
table.ambox-protection {
     /* @noflip */
     /* @noflip */
     border-left: 10px solid #bba;      /* Gray-gold */
     border-left: 10px solid #a2a9b1;      /* Gray-gold */
}
}


Line 692: Line 733:
     margin: 4px 10%;
     margin: 4px 10%;
     border-collapse: collapse;
     border-collapse: collapse;
     border: 3px solid #1e90ff;    /* Default "notice" blue */
     border: 3px solid #36c;    /* Default "notice" blue */
     background: #fbfbfb;
     background: #fbfbfb;
}
}
Line 704: Line 745:


table.imbox-notice {
table.imbox-notice {
     border: 3px solid #1e90ff;    /* Blue */
     border: 3px solid #36c;    /* Blue */
}
}
table.imbox-speedy {
table.imbox-speedy {
     border: 3px solid #b22222;    /* Red */
     border: 3px solid #b32424;    /* Red */
     background: #fee;            /* Pink */
     background: #fee7e6;            /* Pink */
}
}
table.imbox-delete {
table.imbox-delete {
     border: 3px solid #b22222;    /* Red */
     border: 3px solid #b32424;    /* Red */
}
}
table.imbox-content {
table.imbox-content {
Line 717: Line 758:
}
}
table.imbox-style {
table.imbox-style {
     border: 3px solid #f4c430;    /* Yellow */
     border: 3px solid #fc3;    /* Yellow */
}
}
table.imbox-move {
table.imbox-move {
Line 723: Line 764:
}
}
table.imbox-protection {
table.imbox-protection {
     border: 3px solid #bba;      /* Gray-gold */
     border: 3px solid #a2a9b1;      /* Gray-gold */
}
}
table.imbox-license {
table.imbox-license {
Line 737: Line 778:
     margin: 3px 10%;
     margin: 3px 10%;
     border-collapse: collapse;
     border-collapse: collapse;
     border: 1px solid #aaa;
     border: 1px solid #a2a9b1;
     background: #DFE8FF;    /* Default "notice" blue */
     background: #DFE8FF;    /* Default "notice" blue */
}
}
Line 747: Line 788:
     margin-top: 4px;
     margin-top: 4px;
     margin-bottom: 4px;
     margin-bottom: 4px;
     border: 4px solid #b22222;    /* Red */
     border: 4px solid #b32424;    /* Red */
     background: #FFDBDB;          /* Pink */
     background: #FFDBDB;          /* Pink */
}
}
Line 770: Line 811:
     margin: 4px 10%;
     margin: 4px 10%;
     border-collapse: collapse;
     border-collapse: collapse;
     border: 1px solid #aaa;      /* Default "notice" gray */
     border: 1px solid #a2a9b1;      /* Default "notice" gray */
     background: #f9f9f9;
     background: #f8f9fa;
}
}


table.ombox-notice {
table.ombox-notice {
     border: 1px solid #aaa;      /* Gray */
     border: 1px solid #a2a9b1;      /* Gray */
}
}
table.ombox-speedy {
table.ombox-speedy {
     border: 2px solid #b22222;    /* Red */
     border: 2px solid #b32424;    /* Red */
     background: #fee;            /* Pink */
     background: #fee7e6;            /* Pink */
}
}
table.ombox-delete {
table.ombox-delete {
     border: 2px solid #b22222;    /* Red */
     border: 2px solid #b32424;    /* Red */
}
}
table.ombox-content {
table.ombox-content {
Line 788: Line 829:
}
}
table.ombox-style {
table.ombox-style {
     border: 1px solid #f4c430;    /* Yellow */
     border: 1px solid #fc3;    /* Yellow */
}
}
table.ombox-move {
table.ombox-move {
Line 794: Line 835:
}
}
table.ombox-protection {
table.ombox-protection {
     border: 2px solid #bba;      /* Gray-gold */
     border: 2px solid #a2a9b1;      /* Gray-gold */
}
}


Line 814: Line 855:


table.tmbox-speedy {
table.tmbox-speedy {
     border: 2px solid #b22222;    /* Red */
     border: 2px solid #b32424;    /* Red */
     background: #fee;            /* Pink */
     background: #fee7e6;            /* Pink */
}
}
table.tmbox-delete {
table.tmbox-delete {
     border: 2px solid #b22222;    /* Red */
     border: 2px solid #b32424;    /* Red */
}
}
table.tmbox-content {
table.tmbox-content {
Line 824: Line 865:
}
}
table.tmbox-style {
table.tmbox-style {
     border: 2px solid #f4c430;    /* Yellow */
     border: 2px solid #fc3;    /* Yellow */
}
}
table.tmbox-move {
table.tmbox-move {
Line 848: Line 889:
     margin: 0.2em 0;
     margin: 0.2em 0;
     width: 100%;
     width: 100%;
     border: 1px solid #aaa;
     border: 1px solid #a2a9b1;
     background: #f9f9f9;    /* Default "system" gray */
     background: #f8f9fa;    /* Default "system" gray */
}
}
table.fmbox-system {
table.fmbox-system {
     background: #f9f9f9;
     background: #f8f9fa;
}
}
table.fmbox-warning {
table.fmbox-warning {
Line 866: Line 907:
div.mw-cascadeprotectedwarning,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon,
div#mw-protect-cascadeon,
div.titleblacklist-warning {
div.titleblacklist-warning,
div.locked-warning {
     clear: both;
     clear: both;
     margin: 0.2em 0;
     margin: 0.2em 0;
Line 879: Line 921:
     clear: both;
     clear: both;
     margin: 0.2em 0;
     margin: 0.2em 0;
     border: 1px solid #aaa;
     border: 1px solid #a2a9b1;
     background: #f9f9f9;
     background: #f8f9fa;
     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. "html body.mediawiki" is so
   they override "table.ambox + table.ambox" above. */
   they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {  /* For the "small=yes" option. */
html body.mediawiki .mbox-small {  /* For the "small=yes" option. */
     /* @noflip */
     /* @noflip */
     clear: right;
     clear: right;
Line 894: Line 936:
     /* @noflip */
     /* @noflip */
     margin: 4px 0 4px 1em;
     margin: 4px 0 4px 1em;
    box-sizing: border-box;
     width: 238px;
     width: 238px;
     font-size: 88%;
     font-size: 88%;
     line-height: 1.25em;
     line-height: 1.25em;
}
}
body.mediawiki table.mbox-small-left {  /* For the "small=left" option. */
html body.mediawiki .mbox-small-left {  /* For the "small=left" option. */
     /* @noflip */
     /* @noflip */
     margin: 4px 1em 4px 0;
     margin: 4px 1em 4px 0;
    box-sizing: border-box;
    overflow: hidden;
     width: 238px;
     width: 238px;
     border-collapse: collapse;
     border-collapse: collapse;
Line 938: Line 983:
     line-height: 1.5em;
     line-height: 1.5em;
     list-style-type: square;
     list-style-type: square;
     list-style-image: url(//bits.wikimedia.org/static-current/skins/common/images/bullet.gif);
     list-style-image: url(/w/skins/MonoBook/bullet.gif);
}
}
.skin-vector .compact-ambox table .mbox-text-span {
.skin-vector .compact-ambox table .mbox-text-span {
     list-style-type: circle;
     list-style-type: disc;
     list-style-image: url(//bits.wikimedia.org/static-current/skins/Vector/images/bullet-icon.png)
     list-style-image: url(/w/skins/Vector/images/bullet-icon.svg);
    list-style-image: url(/w/skins/Vector/images/bullet-icon.png)\9;
}
}
/* Allow for hiding text in compact form */
/* Allow for hiding text in compact form */
Line 997: Line 1,043:
     margin: 0;
     margin: 0;
     padding: 4px;
     padding: 4px;
     border: 1px solid #aaa;
     border: 1px solid #a2a9b1;
     text-align: center;
     text-align: center;
     border-collapse: collapse;
     border-collapse: collapse;
Line 1,014: Line 1,060:
}
}
div.NavFrame div.NavHead {
div.NavFrame div.NavHead {
     height: 1.6em;
     line-height: 1.6em;
     font-weight: bold;
     font-weight: bold;
     background-color: #ccf;
     background-color: #ccf;
Line 1,040: Line 1,086:


/* Hatnotes and disambiguation notices */
/* Hatnotes and disambiguation notices */
.rellink,
.dablink,
.hatnote {
.hatnote {
     font-style: italic;
     font-style: italic;
}
}
.rellink i,
.dablink i,
.hatnote i {
.hatnote i {
     font-style: normal;
     font-style: normal;
}
}
div.rellink,
div.dablink,
div.hatnote {
div.hatnote {
     /* @noflip */
     /* @noflip */
     padding-left: 1.6em;
     padding-left: 1.6em;
     margin-bottom: 0.5em;
     margin-bottom: 0.5em;
}
div.hatnote + div.hatnote {
    margin-top: -0.5em;
}
}


/* 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. */
.listify td    { display: list-item; }
.listify td    { display: list-item; }
.listify tr    { display: block; }
.listify tr    { display: block; }
Line 1,071: Line 1,113:
.longitude, .latitude            { white-space: nowrap; }
.longitude, .latitude            { white-space: nowrap; }


/* Temporary(!) fix for horizontal TOC in Blink (Chrone/Opera) */
.hlist .tocnumber,
.hlist .toctext {
    display: inline;
}
/* 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 1,104: Line 1,151:


/* Styling for Template:Quote */
/* Styling for Template:Quote */
blockquote.templatequote {
    margin-top: 0;
}
blockquote.templatequote div.templatequotecite {
blockquote.templatequote div.templatequotecite {
     line-height: 1.5em;
     line-height: 1.5em;
Line 1,127: Line 1,171:
   1) Where desired
   1) Where desired
   2) Links when we don't want them to
   2) Links when we don't want them to
   3) Bold "links" to the page itself
   3) Bold "links" to the page itself */
  4) Ref tags with group names <ref group="Note"> --> "[Note 1]" */
.nowrap,
.nowrap,
.nowraplinks a,
.nowraplinks a,
.nowraplinks .selflink,
.nowraplinks .selflink {
sup.reference a {
     white-space: nowrap;
     white-space: nowrap;
}
.nowrap pre {
    white-space: pre;
}
}
/* But allow wrapping where desired: */
/* But allow wrapping where desired: */
Line 1,145: Line 1,190:
     clear: both;
     clear: both;
     margin: 1em 0 0 0;
     margin: 1em 0 0 0;
     border: 1px solid #aaa;
     border: 1px solid #a2a9b1;
     background-color: #ecfcf4;
     background-color: #ecfcf4;
     padding: 1em;
     padding: 1em;
}
/* Inline divs in ImageMaps (code borrowed from de.wiki) */
.imagemap-inline div {
    display: inline;
}
}


Line 1,163: Line 1,203:
.thumbinner {
.thumbinner {
     min-width: 100px;
     min-width: 100px;
}
/* Makes the background of a framed image white instead of gray.
  Only visible with transparent images. */
div.thumb .thumbimage {
    background-color: #fff;
}
}


Line 1,174: Line 1,208:
div#content .gallerybox div.thumb {
div#content .gallerybox div.thumb {
     /* Light gray padding */
     /* Light gray padding */
     background-color: #F9F9F9;
     background-color: #f8f9fa;
}
}
/* Put a chequered background behind images, only visible if they have transparency.
/* Put a chequered background behind images, only visible if they have transparency.
Line 1,194: Line 1,228:
#filehistory, #wikiPreview, #wikiDiff {
#filehistory, #wikiPreview, #wikiDiff {
     clear: both;
     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 */
}
}


Line 1,213: Line 1,238:
/* Styling for Abuse Filter tags */
/* Styling for Abuse Filter tags */
.mw-tag-markers {
.mw-tag-markers {
    font-family:sans-serif;
     font-style:italic;
     font-style:italic;
     font-size:90%;
     font-size:90%;
Line 1,220: Line 1,244:
/* Hide stuff meant for accounts with special permissions. Made visible again in
/* Hide stuff meant for accounts with special permissions. Made visible again in
   [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-accountcreator.css]],
   [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-accountcreator.css]],
   [[MediaWiki:Group-templateeditor.css]] and [[Mediawiki:Group-autoconfirmed.css]]. */
   [[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]] and [[Mediawiki:Group-autoconfirmed.css]]. */
.sysop-show,
.sysop-show,
.accountcreator-show,
.accountcreator-show,
.templateeditor-show,
.templateeditor-show,
.autoconfirmed-show {
.extendedmover-show,
.autoconfirmed-show,
.user-show {
     display: none;
     display: none;
}
}
Line 1,231: Line 1,257:
  * Hide the redlink generated by {{Editnotice}},
  * Hide the redlink generated by {{Editnotice}},
  * this overrides the ".sysop-show { display: none; }" above that applies
  * this overrides the ".sysop-show { display: none; }" above that applies
  * to the same link as well.
  * to the same link as well. See [[phab:T45013]]
  *
  *
  * See [[bugzilla:43013]].
  * Hide the images in editnotices to keep them readable in VE view.
* Long term, editnotices should become a core feature so that they can be designed responsive.
  */
  */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink {
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
     display: none !important;
     display: none !important;
}
}
Line 1,247: Line 1,276:
}
}


/* No linewrap on the labels of the login/signup page */
/* Pie chart: transparent borders */
body.page-Special_UserLogin .mw-label label,
body.page-Special_UserLogin_signup .mw-label label {
    white-space: nowrap;
}
 
/* Pie chart test: Transparent borders */
.transborder {
.transborder {
     border: solid transparent;
     border: solid transparent;
}
* html .transborder {  /* IE6 */
    border: solid #000001;
    filter: chroma(color=#000001);
}
/* Styling for updated markers on watchlist, history and recent/related changes.
  Bullets are handled in skin-specific stylesheets. */
.updatedmarker {
    background-color: transparent;
    color: #006400;
}
li.mw-changeslist-line-watched .mw-title,
table.mw-changeslist-line-watched .mw-title,
table.mw-enhanced-watch .mw-enhanced-rctime {
    font-weight: normal;
}
}


Line 1,279: Line 1,286:
     font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
     font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
     font-size: 118%;
     font-size: 118%;
     line-height: 1.35em;
     line-height: 1;
}
}
span.texhtml {
span.texhtml {
Line 1,286: Line 1,293:
span.texhtml span.texhtml {
span.texhtml span.texhtml {
     font-size: 100%;
     font-size: 100%;
}
span.mwe-math-mathml-inline {
    font-size: 118%;
}
}


Line 1,291: Line 1,301:
.digits,
.digits,
.texhtml {
.texhtml {
     -moz-font-feature-settings: "lnum", "tnum";
     -moz-font-feature-settings: "lnum", "tnum", "kern" 0;
     -webkit-font-feature-settings: "lnum", "tnum";
     -webkit-font-feature-settings: "lnum", "tnum", "kern" 0;
     font-feature-settings: "lnum", "tnum";
     font-feature-settings: "lnum", "tnum", "kern" 0;
    font-variant-numeric: lining-nums tabular-nums;
    font-kerning: none;
}
}


/* Display tabs with 4 spaces, see [[Bugzilla:57824]] and [[Bugzilla:57825]] */
/* Make <math display="block"> be left aligned with one space indent for compatibility with style conventions */
div.mw-geshi div,
.mwe-math-fallback-image-display,
div.mw-geshi div pre,
.mwe-math-mathml-display {
span.mw-geshi,
     margin-left: 1.6em !important;
pre.source-css,
    margin-top: 0.6em;
pre.source-javascript,
    margin-bottom: 0.6em;
pre.source-lua {
}
     -moz-tab-size: 4;
.mwe-math-mathml-display math {
    -o-tab-size: 4;
     display: inline;
     tab-size: 4;
}
}


Line 1,354: Line 1,365:
}
}


/* For announcements */
/* Formerly for announcements, now used intermittently */
#bodyContent .letterhead {
#bodyContent .letterhead {
     background-image:url('//upload.wikimedia.org/wikipedia/commons/e/e0/Tan-page-corner.png');
     background-image:url('//upload.wikimedia.org/wikipedia/commons/e/e0/Tan-page-corner.png');
Line 1,372: Line 1,383:
     list-style-type: none;
     list-style-type: none;
     list-style-image: none;
     list-style-image: none;
    zoom: 1; /* BE KIND TO IE6 */;
}
}
.treeview li li {
.treeview li li {
Line 1,399: Line 1,409:


/* Make it possible to hide checkboxes in <inputbox> */
/* Make it possible to hide checkboxes in <inputbox> */
.inputbox-hidecheckboxes form .inputbox-element {
.inputbox-hidecheckboxes form .inputbox-element,
.inputbox-hidecheckboxes .mw-ui-checkbox {
     display: none !important;
     display: none !important;
}
}


/* Hide charinsert base for those not using the gadget */
/* Work-around for [[Phabricator:25965]] (Kaltura advertisement) */
#editpage-specialchars {
    display: none;
}
 
/* work-around for [[bugzilla:23965]] (Kaltura advertisement) */
.k-player .k-attribution {
.k-player .k-attribution {
     visibility: hidden;
     visibility: hidden;
}
}


/* workaround to keep editnotices readable in VE view.
/* Move 'play' button of video player to bottom left corner */
Long term, editnotices should become a core feature so that they can be designed responsive. */
.PopUpMediaTransform a .play-btn-large {
.mw-ve-editNotice .mbox-image {
    margin: 0;
display: none;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
}
}


/* [[MediaZilla:35337]] */
/* Hide FlaggedRevs notice UI when there are no pending changes */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
.flaggedrevs_draft_synced,
        #p-logo a {
.flaggedrevs_stable_synced {
                background-image: url("http://wiki.raythe.org/images/b/bc/Wiki.png") !important;
    display: none;
                background-size: 136px auto;
        }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
        #p-logo a {
                background-image: url("http://wiki.raythe.org/images/b/bc/Wiki.png") !important;
                background-size: 135px auto;
        }
}
}
Retrieved from "http://wiki.raythe.org/wiki/Special:MobileDiff/4250"