Raythe Wiki

MediaWiki:Common.css: Difference between revisions

Message Discussion

MediaWiki:Common.css (view source)

Revision as of 10:42, 29 July 2017

437 bytes removed ,  29 July 2017
no edit summary
No edit summary
No edit summary
Line 1: Line 1:
#desktophide {
/* Reset italic styling set by user agent */
     display: none;
cite, dfn {
    font-style: inherit;
}
 
/* Straight 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;
}
}


/* Default styling for HTML elements */
/* Consistent size for <small>, <sub> and <sup> */
dfn {
small {
     font-style: inherit; /* Reset default styling for <dfn> */
     font-size: 85%;
}
}
q:before,
.mw-body-content sub,
q:after {
.mw-body-content sup,
    content: '"';  /* Consistent quote marks for <q> */
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 23: Line 45:
}
}


body.page-Main_Page #ca-delete {
/* Tone down 'Changed since last visit' colors */
     display: none !important;
span.updatedmarker {
}
     background-color: transparent;
body.page-Main_Page #mp-topbanner {
     color: #006400;
     clear: both;
}
}


Line 36: 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 53: 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 div.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 74: 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 123: 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 150: 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 163: 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 181: 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 199: 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 222: 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 251: 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 for navbox cells */
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {    /* Borders above 2nd, 3rd, etc. rows */
    border-top: 2px solid #fdfdfd; /* Must match background color */
}
}
.navbox th,
.navbox th,
Line 272: 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 283: 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 298: 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 320: Line 356:
     /* @noflip */
     /* @noflip */
     margin-right: 0.5em;
     margin-right: 0.5em;
    width: 6em;
}
}


Line 334: 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 363: 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 371: Line 405:
     font-size: 125%;
     font-size: 125%;
     font-weight: bold;
     font-weight: bold;
    padding: 0.2em;
    text-align: center;
}
}
.infobox td,
.infobox td,
.infobox th {
.infobox th {
     vertical-align: top;
     vertical-align: top;
    /* @noflip */
    text-align: left;
}
}
.infobox.bordered {
.infobox.bordered {
Line 381: Line 419:
.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 406: Line 444:
.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 415: Line 453:
     border: 0;
     border: 0;
     /* @noflip */
     /* @noflip */
     border-right: 1px solid #aaa;
     border-right: 1px solid #a2a9b1;
}
}


Line 428: Line 466:
.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 446: Line 484:
.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 471: Line 509:
}
}
/* ...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 486: Line 526:
}
}


/* 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 526: Line 566:
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 568: Line 599:
/* 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 648: Line 679:
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 671: Line 702:
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 688: Line 719:
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 696: Line 727:
table.ambox-protection {
table.ambox-protection {
     /* @noflip */
     /* @noflip */
     border-left: 10px solid #bba;      /* Gray-gold */
     border-left: 10px solid #a2a9b1;      /* Gray-gold */
}
}


Line 703: Line 734:
     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 715: Line 746:


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 728: Line 759:
}
}
table.imbox-style {
table.imbox-style {
     border: 3px solid #f4c430;    /* Yellow */
     border: 3px solid #fc3;    /* Yellow */
}
}
table.imbox-move {
table.imbox-move {
Line 734: Line 765:
}
}
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 748: Line 779:
     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 758: Line 789:
     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 781: Line 812:
     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 799: Line 830:
}
}
table.ombox-style {
table.ombox-style {
     border: 1px solid #f4c430;    /* Yellow */
     border: 1px solid #fc3;    /* Yellow */
}
}
table.ombox-move {
table.ombox-move {
Line 805: Line 836:
}
}
table.ombox-protection {
table.ombox-protection {
     border: 2px solid #bba;      /* Gray-gold */
     border: 2px solid #a2a9b1;      /* Gray-gold */
}
}


Line 825: Line 856:


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 835: Line 866:
}
}
table.tmbox-style {
table.tmbox-style {
     border: 2px solid #f4c430;    /* Yellow */
     border: 2px solid #fc3;    /* Yellow */
}
}
table.tmbox-move {
table.tmbox-move {
Line 859: Line 890:
     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 877: Line 908:
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 890: Line 922:
     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 905: Line 937:
     /* @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 949: Line 984:
     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 1,008: Line 1,044:
     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,025: Line 1,061:
}
}
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,051: Line 1,087:


/* 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,082: Line 1,114:
.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,115: Line 1,152:


/* 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,138: Line 1,172:
   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,156: Line 1,191:
     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,174: Line 1,204:
.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;
}
/* 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 {
    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;
}
}


Line 1,205: Line 1,211:
#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,224: Line 1,221:
/* 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,231: Line 1,227:
/* 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,242: Line 1,240:
  * 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,258: Line 1,259:
}
}


/* 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,290: Line 1,269:
     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,297: Line 1,276:
span.texhtml span.texhtml {
span.texhtml span.texhtml {
     font-size: 100%;
     font-size: 100%;
}
span.mwe-math-mathml-inline {
    font-size: 118%;
}
}


Line 1,302: Line 1,284:
.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,365: Line 1,348:
}
}


/* 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,383: Line 1,366:
     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,410: Line 1,392:


/* 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 {
/* Gallery styles background changes are restricted to screen view. In printing we should avoid applying backgrounds. */
                background-image: url("http://wiki.raythe.org/images/b/bc/Wiki.png") !important;
@media screen {
                background-size: 135px auto;
/* The backgrounds for galleries. */
        }
#content .gallerybox div.thumb {
    /* Light gray padding */
    background-color: #f8f9fa;
}
/* 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 {
    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;
}
}
}
Retrieved from "http://wiki.raythe.org/wiki/Special:MobileDiff/4310"