Jump to content

MediaWiki:Common.css: Difference between revisions

MediaWiki:Common.css (view source)

Revision as of 09:06, 10 July 2017

358 bytes added ,  10 July 2017
Undo revision 4250 by Manomow (talk)
No edit summary
(Undo revision 4250 by Manomow (talk))
Line 1: Line 1:
/* Reset italic styling set by user agent */
/* Default styling for HTML elements */
cite, dfn {
dfn {
     font-style: inherit;
     font-style: inherit; /* Reset default styling for <dfn> */
}
}
 
q:before,
/* Straight quote marks for <q> */
q:after {
q {
     content: '"'; /* Consistent quote marks for <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 38: Line 12:
     font-weight: bold;
     font-weight: bold;
}
}
 
body.page-Main_Page #ca-delete {
/* Reduce page jumps by hiding collapsed/dismissed content */
     display: none !important;
.client-js .mw-special-Watchlist #watchlist-message,
.client-js .collapsible.collapsed > tbody > tr:not(:first-child) {
     display: none;
}
}
 
body.page-Main_Page #mp-topbanner {
/* Tone down 'Changed since last visit' colors */
     clear: both;
span.updatedmarker {
     background-color: transparent;
    color: #006400;
}
}


Line 57: Line 25:
}
}


/* Hide charinsert base for those not using the gadget */
/* Highlight data points in the info action if specified in the URL */
#editpage-specialchars {
body.action-info :target {
    display: none;
     background: #DEF;
}
 
/* 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 94: Line 42:
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 109: Line 63:
}
}


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


Line 157: Line 112:


/* 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 8 (2016-05-21)
   @revision 6 (2014-05-09)
   @author [[User:Edokter]]
   @author [[User:Edokter]]
  */
  */
Line 183: Line 139:
.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 200: Line 152:
.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 212: Line 170:
.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 223: Line 188:
}
}
.hlist ol > li:before {
.hlist ol > li:before {
     content: " " counter(listitem) "\a0";
     content: " " counter(listitem) " ";
    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) "\a0";
     content: " (" counter(listitem) " ";
}
}


Line 245: Line 211:
/* Default style for navigation boxes */
/* Default style for navigation boxes */
.navbox {                    /* Navbox container style */
.navbox {                    /* Navbox container style */
    box-sizing: border-box;
     border: 1px solid #aaa;
     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 281: Line 240:
}
}
.navbox-list {
.navbox-list {
     line-height: 1.5em;
     line-height: 1.8em;
     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 309: Line 261:
.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 317: Line 272:
.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 328: Line 287:
     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 abbr[title] {
.navbar.mini li span {
   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 356: Line 309:
     /* @noflip */
     /* @noflip */
     margin-right: 0.5em;
     margin-right: 0.5em;
    width: 6em;
}
}


Line 369: Line 323:
     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-parser-output .mw-collapsible-toggle {
.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;
}
}
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
.navbox .mw-collapsible-toggle {
/* @noflip */
     width: 6em;
float: left;
/* @noflip */
     text-align: left;
}
}


/* Infobox template style */
/* Infobox template style */
.infobox {
.infobox {
     border: 1px solid #a2a9b1;
     border: 1px solid #aaa;
    border-spacing: 3px;
     background-color: #f9f9f9;
     background-color: #f8f9fa;
     color: black;
     color: black;
     /* @noflip */
     /* @noflip */
Line 399: Line 352:
     /* @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 405: Line 360:
     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 418: Line 370:
.infobox.bordered td,
.infobox.bordered td,
.infobox.bordered th {
.infobox.bordered th {
     border: 1px solid #a2a9b1;
     border: 1px solid #aaa;
}
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless td,
Line 443: Line 395:
.infobox.bordered .mergedtoprow th {
.infobox.bordered .mergedtoprow th {
     border: 0;
     border: 0;
     border-top: 1px solid #a2a9b1;
     border-top: 1px solid #aaa;
     /* @noflip */
     /* @noflip */
     border-right: 1px solid #a2a9b1;
     border-right: 1px solid #aaa;
}
}


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


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


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


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


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


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


Line 855: Line 814:


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


/* 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,113: Line 1,071:
.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,151: Line 1,104:


/* 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,171: Line 1,127:
   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,190: Line 1,145:
     clear: both;
     clear: both;
     margin: 1em 0 0 0;
     margin: 1em 0 0 0;
     border: 1px solid #a2a9b1;
     border: 1px solid #aaa;
     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,203: Line 1,163:
.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,208: Line 1,174:
div#content .gallerybox div.thumb {
div#content .gallerybox div.thumb {
     /* Light gray padding */
     /* Light gray padding */
     background-color: #f8f9fa;
     background-color: #F9F9F9;
}
}
/* 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,228: Line 1,194:
#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,238: Line 1,213:
/* 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,244: Line 1,220:
/* 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]], [[MediaWiki:Group-extendedmover.css]] and [[Mediawiki:Group-autoconfirmed.css]]. */
   [[MediaWiki:Group-templateeditor.css]] and [[Mediawiki:Group-autoconfirmed.css]]. */
.sysop-show,
.sysop-show,
.accountcreator-show,
.accountcreator-show,
.templateeditor-show,
.templateeditor-show,
.extendedmover-show,
.autoconfirmed-show {
.autoconfirmed-show,
.user-show {
     display: none;
     display: none;
}
}
Line 1,257: Line 1,231:
  * 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. See [[phab:T45013]]
  * to the same link as well.
  *
  *
  * Hide the images in editnotices to keep them readable in VE view.
  * See [[bugzilla:43013]].
* 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,276: Line 1,247:
}
}


/* Pie chart: transparent borders */
/* No linewrap on the labels of the login/signup page */
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,286: Line 1,279:
     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;
     line-height: 1.35em;
}
}
span.texhtml {
span.texhtml {
Line 1,293: Line 1,286:
span.texhtml span.texhtml {
span.texhtml span.texhtml {
     font-size: 100%;
     font-size: 100%;
}
span.mwe-math-mathml-inline {
    font-size: 118%;
}
}


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


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


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


/* Formerly for announcements, now used intermittently */
/* For announcements */
#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,383: Line 1,372:
     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,409: Line 1,399:


/* 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;
}
}


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


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


/* Hide FlaggedRevs notice UI when there are no pending changes */
/* [[MediaZilla:35337]] */
.flaggedrevs_draft_synced,
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
.flaggedrevs_stable_synced {
        #p-logo a {
    display: none;
                background-image: url("http://wiki.raythe.org/images/b/bc/Wiki.png") !important;
                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/4251"