Jump to content

MediaWiki:Common.css: Difference between revisions

MediaWiki:Common.css (view source)

Revision as of 06:02, 26 March 2016

196 bytes added ,  26 March 2016
Undo revision 3793 by Manomow (talk)
No edit summary
(Undo revision 3793 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 <sub> and <sup> */
.mw-body sub,
.mw-body sup,
span.reference /* for Parsoid */ {
    font-size: 80%;
}
}


Line 37: Line 17:
body.page-Main_Page #mp-topbanner {
body.page-Main_Page #mp-topbanner {
     clear: both;
     clear: both;
}
/* Unhorrify 'Changed since last visit' colors */
.updatedmarker {
    background-color: transparent;
    color: #006400;
}
}


Line 51: 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 :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 89: Line 43:
     font-size: 100%;          /* Reset font-size when nested in div.reflist */
     font-size: 100%;          /* Reset font-size 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 100: Line 61:
span.brokenref {
span.brokenref {
     display: none;
     display: none;
}
/* Styling for citations (CSS3). 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 137: 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 7 (2015-11-12)
   @revision 6 (2014-05-09)
   @author [[User:Edokter]]
   @author [[User:Edokter]]
  */
  */
Line 163: 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 itmes */
.hlist .mw-empty-li {
    display: none;
}
}
/* Generate interpuncts */
/* Generate interpuncts */
Line 180: 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 192: 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: ") ";
    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: ") ";
     content: ") ";
     font-weight: normal;
     font-weight: normal;
Line 255: 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 */
}
}
Line 277: Line 262:
     background: transparent;  /* Odd row striping */
     background: transparent;  /* Odd row striping */
}
}
table.navbox {
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
    margin-top: 1em;          /* Prevent preceding content from clinging to navboxes */
     margin-top: -1px;         /* (doesn't work for IE6, but that's okay)      */
}
table.navbox table.navbox {
    margin-top: 0;            /* No top margin for nested navboxes */
}
table.navbox + table.navbox {
     margin-top: -1px;         /* Single pixel border between adjacent navboxes */
}
}
.navbox .hlist td dl,
.navbox .hlist td dl,
Line 293: 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 304: 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 366: Line 343:
.infobox {
.infobox {
     border: 1px solid #aaa;
     border: 1px solid #aaa;
    border-spacing: 3px;
     background-color: #f9f9f9;
     background-color: #f9f9f9;
     color: black;
     color: black;
Line 376: 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 382: 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 485: 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 502: 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 893: 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 966: 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 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,069: 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;
}
}


Line 1,097: 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,135: 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,162: Line 1,134:
sup.reference a {
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,244: 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,263: Line 1,233:
  * to the same link as well.
  * to the same link as well.
  *
  *
  * See [[Phabricator:45013]].
  * See [[bugzilla:43013]].
  */
  */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink, .mw-ve-editNotice .editnotice-redlink {
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink {
     display: none !important;
     display: none !important;
}
}
Line 1,290: Line 1,260:
     border: solid #000001;
     border: solid #000001;
     filter: chroma(color=#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,297: 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,304: 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,312: 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,376: 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,425: Line 1,403:
}
}


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


/* Workaround to keep editnotices readable in VE view.
/* [[MediaZilla:35337]] */
  Long term, editnotices should become a core feature so that they can be designed responsive. */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
.mw-ve-editNotice .mbox-image {
        #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/3826"