Difference between revisions of "MediaWiki:Common.css"

Jump to navigation Jump to search

MediaWiki:Common.css (view source)

Revision as of 19:15, 12 October 2020

18,194 bytes added ,  19:15, 12 October 2020
Replace Navbox styles with Wikipedia equivalent
m (Add padding between all track listing cells.)
(Replace Navbox styles with Wikipedia equivalent)
 
(5 intermediate revisions by the same user not shown)
Line 125: Line 125:
 
float: right;
 
float: right;
 
clear: right;
 
clear: right;
−
font-size: .9em;
+
font-size: small;
 
}
 
}
 
.infobox th, .infobox td {
 
.infobox th, .infobox td {
Line 147: Line 147:
 
text-align: center;
 
text-align: center;
 
}
 
}
 +
 +
 +
/* Style for horizontal lists (separator following item).
 +
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
 +
  @revision 8 (2016-05-21)
 +
  @author [[wikipedia:User:Edokter]]
 +
*/
 +
.hlist dl,
 +
.hlist ol,
 +
.hlist ul {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
/* Display list items inline */
 +
.hlist dd,
 +
.hlist dt,
 +
.hlist li {
 +
margin: 0;
 +
display: inline;
 +
}
 +
/* Display nested lists inline */
 +
.hlist.inline,
 +
.hlist.inline dl,
 +
.hlist.inline ol,
 +
.hlist.inline ul,
 +
.hlist dl dl, .hlist dl ol, .hlist dl ul,
 +
.hlist ol dl, .hlist ol ol, .hlist ol ul,
 +
.hlist ul dl, .hlist ul ol, .hlist ul ul {
 +
display: inline;
 +
}
 +
/* Hide empty list items */
 +
.hlist .mw-empty-li {
 +
display: none;
 +
}
 +
/* Generate interpuncts */
 +
.hlist dt:after {
 +
content: ": ";
 +
}
 +
/**
 +
* Note hlist style usage differd in
 +
* the Minerva skin. Remember .hlist is a class defined in core as well! Please check Minerva desktop (and Minerva.css) when changing
 +
* See https://phabricator.wikimedia.org/T213239
 +
*/
 +
.hlist dd:after,
 +
.hlist li:after {
 +
content: " · ";
 +
font-weight: bold;
 +
}
 +
.hlist dd:last-child:after,
 +
.hlist dt:last-child:after,
 +
.hlist li:last-child:after {
 +
content: none;
 +
}
 +
/* Add parentheses around nested lists */
 +
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
 +
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
 +
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
 +
content: " (";
 +
font-weight: normal;
 +
}
 +
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd 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 {
 +
content: ")";
 +
font-weight: normal;
 +
}
 +
/* Put ordinals in front of ordered list items */
 +
.hlist ol {
 +
counter-reset: listitem;
 +
}
 +
.hlist ol > li {
 +
counter-increment: listitem;
 +
}
 +
.hlist ol > li:before {
 +
content: " " counter(listitem) "\a0";
 +
}
 +
.hlist dd ol > li:first-child:before,
 +
.hlist dt ol > li:first-child:before,
 +
.hlist li ol > li:first-child:before {
 +
content: " (" counter(listitem) "\a0";
 +
}
 +
 +
/* Unbulleted lists */
 +
.plainlist ol,
 +
.plainlist ul {
 +
line-height: inherit;
 +
list-style: none none;
 +
margin: 0;
 +
}
 +
.plainlist ol li,
 +
.plainlist ul li {
 +
margin-bottom: 0;
 +
}
 +
 +
/* Navboxes */
 +
 +
.navbox {                    /* Navbox container style */
 +
box-sizing: border-box;
 +
border: 1px solid #a2a9b1;
 +
width: 100%;
 +
clear: both;
 +
font-size: 88%;
 +
text-align: center;
 +
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-subgroup {
 +
width: 100%;
 +
}
 +
.navbox-group,
 +
.navbox-title,
 +
.navbox-abovebelow {
 +
padding: 0.25em 1em;      /* Title, group and above/below styles */
 +
line-height: 1.5em;
 +
text-align: center;
 +
}
 +
th.navbox-group {            /* Group style */
 +
white-space: nowrap;
 +
/* @noflip */
 +
text-align: right;
 +
}
 +
.navbox,
 +
.navbox-subgroup {
 +
background-color: #fdfdfd; /* Background color */
 +
}
 +
.navbox-list {
 +
line-height: 1.5em;
 +
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-title {
 +
background-color: #ccccff;      /* Level 1 color */
 +
}
 +
.navbox-abovebelow,
 +
th.navbox-group,
 +
.navbox-subgroup .navbox-title {
 +
background-color: #ddddff;      /* Level 2 color */
 +
}
 +
.navbox-subgroup .navbox-group,
 +
.navbox-subgroup .navbox-abovebelow {
 +
background-color: #e6e6ff;      /* Level 3 color */
 +
}
 +
.navbox-even {
 +
background-color: #f7f7f7;      /* Even row striping */
 +
}
 +
.navbox-odd {
 +
background-color: transparent;  /* Odd row striping */
 +
}
 +
.navbox .hlist td dl,
 +
.navbox .hlist td ol,
 +
.navbox .hlist td ul,
 +
.navbox td.hlist dl,
 +
.navbox td.hlist ol,
 +
.navbox td.hlist ul {
 +
padding: 0.125em 0;      /* Adjust hlist padding in navboxes */
 +
}
 +
 +
/* Default styling for Navbar template */
 +
.navbar {
 +
display: inline;
 +
font-size: 88%;
 +
font-weight: normal;
 +
}
 +
.navbar ul {
 +
display: inline-block;
 +
white-space: nowrap;
 +
}
 +
.mw-body-content .navbar ul {
 +
line-height: inherit;
 +
}
 +
.navbar li {
 +
word-spacing: -0.125em;
 +
}
 +
.navbar.mini li abbr[title] {
 +
font-variant: small-caps;
 +
border-bottom: none;
 +
text-decoration: none;
 +
cursor: inherit;
 +
}
 +
/* Navbar styling when nested in infobox and navbox */
 +
.infobox .navbar {
 +
font-size: 100%;
 +
}
 +
.navbox .navbar {
 +
display: block;
 +
font-size: 100%;
 +
}
 +
.navbox-title .navbar {
 +
float: left;
 +
text-align: left;
 +
margin-right: 0.5em;
 +
}
  
 
/* Infobox chronology */
 
/* Infobox chronology */
Line 234: Line 440:
 
text-align: right;
 
text-align: right;
 
}
 
}
 +
 +
/* Flags */
 +
 +
.flag {
 +
display: inline-block;
 +
width: 16px;
 +
height: 11px;
 +
background-image: url(/w/images/c/c7/Flag_sprite.png);
 +
background-repeat: no-repeat;
 +
}
 +
.flag.flag-ad { background-position: -2px -2px; }
 +
.flag.flag-ae { background-position: -22px -2px; }
 +
.flag.flag-af { background-position: -42px -2px; }
 +
.flag.flag-ag { background-position: -62px -2px; }
 +
.flag.flag-ai { background-position: -82px -2px; }
 +
.flag.flag-al { background-position: -102px -2px; }
 +
.flag.flag-am { background-position: -122px -2px; }
 +
.flag.flag-an { background-position: -142px -2px; }
 +
.flag.flag-ao { background-position: -162px -2px; }
 +
.flag.flag-ar { background-position: -182px -2px; }
 +
.flag.flag-as { background-position: -202px -2px; }
 +
.flag.flag-at { background-position: -222px -2px; }
 +
.flag.flag-au { background-position: -242px -2px; }
 +
.flag.flag-aw { background-position: -2px -17px; }
 +
.flag.flag-ax { background-position: -22px -17px; }
 +
.flag.flag-az { background-position: -42px -17px; }
 +
.flag.flag-ba { background-position: -62px -17px; }
 +
.flag.flag-bb { background-position: -82px -17px; }
 +
.flag.flag-bd { background-position: -102px -17px; }
 +
.flag.flag-be { background-position: -122px -17px; }
 +
.flag.flag-bf { background-position: -142px -17px; }
 +
.flag.flag-bg { background-position: -162px -17px; }
 +
.flag.flag-bh { background-position: -182px -17px; }
 +
.flag.flag-bi { background-position: -202px -17px; }
 +
.flag.flag-bj { background-position: -222px -17px; }
 +
.flag.flag-bm { background-position: -242px -17px; }
 +
.flag.flag-bn { background-position: -2px -32px; }
 +
.flag.flag-bo { background-position: -22px -32px; }
 +
.flag.flag-br { background-position: -42px -32px; }
 +
.flag.flag-bs { background-position: -62px -32px; }
 +
.flag.flag-bt { background-position: -82px -32px; }
 +
.flag.flag-bv { background-position: -102px -32px; }
 +
.flag.flag-bw { background-position: -122px -32px; }
 +
.flag.flag-by { background-position: -142px -32px; }
 +
.flag.flag-bz { background-position: -162px -32px; }
 +
.flag.flag-ca { background-position: -182px -32px; }
 +
.flag.flag-cat { background-position: -202px -32px; }
 +
.flag.flag-cc { background-position: -222px -32px; }
 +
.flag.flag-cd { background-position: -242px -32px; }
 +
.flag.flag-cf { background-position: -2px -47px; }
 +
.flag.flag-cg { background-position: -22px -47px; }
 +
.flag.flag-ch { width: 11px; background-position: -42px -47px; }
 +
.flag.flag-ci { background-position: -57px -47px; }
 +
.flag.flag-ck { background-position: -77px -47px; }
 +
.flag.flag-cl { background-position: -97px -47px; }
 +
.flag.flag-cm { background-position: -117px -47px; }
 +
.flag.flag-cn { background-position: -137px -47px; }
 +
.flag.flag-co { background-position: -157px -47px; }
 +
.flag.flag-cr { background-position: -177px -47px; }
 +
.flag.flag-cs { background-position: -197px -47px; }
 +
.flag.flag-cu { background-position: -217px -47px; }
 +
.flag.flag-cv { background-position: -237px -47px; }
 +
.flag.flag-cx { background-position: -2px -62px; }
 +
.flag.flag-cy { background-position: -22px -62px; }
 +
.flag.flag-cz { background-position: -42px -62px; }
 +
.flag.flag-de { background-position: -62px -62px; }
 +
.flag.flag-dj { background-position: -82px -62px; }
 +
.flag.flag-dk { background-position: -102px -62px; }
 +
.flag.flag-dm { background-position: -122px -62px; }
 +
.flag.flag-do { background-position: -142px -62px; }
 +
.flag.flag-dz { background-position: -162px -62px; }
 +
.flag.flag-ec { background-position: -182px -62px; }
 +
.flag.flag-ee { background-position: -202px -62px; }
 +
.flag.flag-eg { background-position: -222px -62px; }
 +
.flag.flag-eh { background-position: -242px -62px; }
 +
.flag.flag-er { background-position: -22px -77px; }
 +
.flag.flag-es { background-position: -42px -77px; }
 +
.flag.flag-et { background-position: -62px -77px; }
 +
.flag.flag-eu { background-position: -82px -77px; }
 +
.flag.flag-fi { background-position: -122px -77px; }
 +
.flag.flag-fj { background-position: -142px -77px; }
 +
.flag.flag-fk { background-position: -162px -77px; }
 +
.flag.flag-fm { background-position: -182px -77px; }
 +
.flag.flag-fo { background-position: -202px -77px; }
 +
.flag.flag-fr { background-position: -222px -77px; }
 +
.flag.flag-ga { background-position: -242px -77px; }
 +
.flag.flag-gb { background-position: -2px -92px; }
 +
.flag.flag-gb-england { background-position: -2px -77px; }
 +
.flag.flag-gb-scotland { background-position: -222px -212px; }
 +
.flag.flag-gb-wales { background-position: -262px -77px; }
 +
.flag.flag-gd { background-position: -22px -92px; }
 +
.flag.flag-ge { background-position: -42px -92px; }
 +
.flag.flag-gf { background-position: -62px -92px; }
 +
.flag.flag-gh { background-position: -82px -92px; }
 +
.flag.flag-gi { background-position: -102px -92px; }
 +
.flag.flag-gl { background-position: -122px -92px; }
 +
.flag.flag-gm { background-position: -142px -92px; }
 +
.flag.flag-gn { background-position: -162px -92px; }
 +
.flag.flag-gp { background-position: -182px -92px; }
 +
.flag.flag-gq { background-position: -202px -92px; }
 +
.flag.flag-gr { background-position: -222px -92px; }
 +
.flag.flag-gs { background-position: -242px -92px; }
 +
.flag.flag-gt { background-position: -2px -107px; }
 +
.flag.flag-gu { background-position: -22px -107px; }
 +
.flag.flag-gw { background-position: -42px -107px; }
 +
.flag.flag-gy { background-position: -62px -107px; }
 +
.flag.flag-hk { background-position: -82px -107px; }
 +
.flag.flag-hm { background-position: -102px -107px; }
 +
.flag.flag-hn { background-position: -122px -107px; }
 +
.flag.flag-hr { background-position: -142px -107px; }
 +
.flag.flag-ht { background-position: -162px -107px; }
 +
.flag.flag-hu { background-position: -182px -107px; }
 +
.flag.flag-id { background-position: -202px -107px; }
 +
.flag.flag-ie { background-position: -222px -107px; }
 +
.flag.flag-il { background-position: -242px -107px; }
 +
.flag.flag-in { background-position: -2px -122px; }
 +
.flag.flag-io { background-position: -22px -122px; }
 +
.flag.flag-iq { background-position: -42px -122px; }
 +
.flag.flag-ir { background-position: -62px -122px; }
 +
.flag.flag-is { background-position: -82px -122px; }
 +
.flag.flag-it { background-position: -102px -122px; }
 +
.flag.flag-jm { background-position: -122px -122px; }
 +
.flag.flag-jo { background-position: -142px -122px; }
 +
.flag.flag-jp { background-position: -162px -122px; }
 +
.flag.flag-ke { background-position: -182px -122px; }
 +
.flag.flag-kg { background-position: -202px -122px; }
 +
.flag.flag-kh { background-position: -222px -122px; }
 +
.flag.flag-ki { background-position: -242px -122px; }
 +
.flag.flag-km { background-position: -2px -137px; }
 +
.flag.flag-kn { background-position: -22px -137px; }
 +
.flag.flag-kp { background-position: -42px -137px; }
 +
.flag.flag-kr { background-position: -62px -137px; }
 +
.flag.flag-kw { background-position: -82px -137px; }
 +
.flag.flag-ky { background-position: -102px -137px; }
 +
.flag.flag-kz { background-position: -122px -137px; }
 +
.flag.flag-la { background-position: -142px -137px; }
 +
.flag.flag-lb { background-position: -162px -137px; }
 +
.flag.flag-lc { background-position: -182px -137px; }
 +
.flag.flag-li { background-position: -202px -137px; }
 +
.flag.flag-lk { background-position: -222px -137px; }
 +
.flag.flag-lr { background-position: -242px -137px; }
 +
.flag.flag-ls { background-position: -2px -152px; }
 +
.flag.flag-lt { background-position: -22px -152px; }
 +
.flag.flag-lu { background-position: -42px -152px; }
 +
.flag.flag-lv { background-position: -62px -152px; }
 +
.flag.flag-ly { background-position: -82px -152px; }
 +
.flag.flag-ma { background-position: -102px -152px; }
 +
.flag.flag-mc { background-position: -122px -152px; }
 +
.flag.flag-md { background-position: -142px -152px; }
 +
.flag.flag-me { height: 12px; background-position: -162px -152px; }
 +
.flag.flag-mg { background-position: -182px -152px; }
 +
.flag.flag-mh { background-position: -202px -152px; }
 +
.flag.flag-mk { background-position: -222px -152px; }
 +
.flag.flag-ml { background-position: -242px -152px; }
 +
.flag.flag-mm { background-position: -2px -167px; }
 +
.flag.flag-mn { background-position: -22px -167px; }
 +
.flag.flag-mo { background-position: -42px -167px; }
 +
.flag.flag-mp { background-position: -62px -167px; }
 +
.flag.flag-mq { background-position: -82px -167px; }
 +
.flag.flag-mr { background-position: -102px -167px; }
 +
.flag.flag-ms { background-position: -122px -167px; }
 +
.flag.flag-mt { background-position: -142px -167px; }
 +
.flag.flag-mu { background-position: -182px -167px; }
 +
.flag.flag-mv { background-position: -202px -167px; }
 +
.flag.flag-mw { background-position: -222px -167px; }
 +
.flag.flag-mx { background-position: -242px -167px; }
 +
.flag.flag-my { background-position: -2px -182px; }
 +
.flag.flag-mz { background-position: -22px -182px; }
 +
.flag.flag-na { background-position: -42px -182px; }
 +
.flag.flag-nc { background-position: -62px -182px; }
 +
.flag.flag-ne { background-position: -82px -182px; }
 +
.flag.flag-nf { background-position: -102px -182px; }
 +
.flag.flag-ng { background-position: -122px -182px; }
 +
.flag.flag-ni { background-position: -142px -182px; }
 +
.flag.flag-nl { background-position: -162px -182px; }
 +
.flag.flag-no { background-position: -182px -182px; }
 +
.flag.flag-np { width: 9px; background-position: -257px -47px; }
 +
.flag.flag-nr { background-position: -202px -182px; }
 +
.flag.flag-nu { background-position: -222px -182px; }
 +
.flag.flag-nz { background-position: -242px -182px; }
 +
.flag.flag-om { background-position: -2px -197px; }
 +
.flag.flag-pa { background-position: -22px -197px; }
 +
.flag.flag-pe { background-position: -42px -197px; }
 +
.flag.flag-pf { background-position: -62px -197px; }
 +
.flag.flag-pg { background-position: -82px -197px; }
 +
.flag.flag-ph { background-position: -102px -197px; }
 +
.flag.flag-pk { background-position: -122px -197px; }
 +
.flag.flag-pl { background-position: -142px -197px; }
 +
.flag.flag-pm { background-position: -162px -197px; }
 +
.flag.flag-pn { background-position: -182px -197px; }
 +
.flag.flag-pr { background-position: -202px -197px; }
 +
.flag.flag-ps { background-position: -222px -197px; }
 +
.flag.flag-pt { background-position: -242px -197px; }
 +
.flag.flag-pw { background-position: -2px -212px; }
 +
.flag.flag-py { background-position: -22px -212px; }
 +
.flag.flag-qa { background-position: -42px -212px; }
 +
.flag.flag-re { background-position: -62px -212px; }
 +
.flag.flag-ro { background-position: -82px -212px; }
 +
.flag.flag-rs { background-position: -102px -212px; }
 +
.flag.flag-ru { background-position: -122px -212px; }
 +
.flag.flag-rw { background-position: -142px -212px; }
 +
.flag.flag-sa { background-position: -162px -212px; }
 +
.flag.flag-sb { background-position: -182px -212px; }
 +
.flag.flag-sc { background-position: -202px -212px; }
 +
.flag.flag-sd { background-position: -242px -212px; }
 +
.flag.flag-se { background-position: -2px -227px; }
 +
.flag.flag-sg { background-position: -22px -227px; }
 +
.flag.flag-sh { background-position: -42px -227px; }
 +
.flag.flag-si { background-position: -62px -227px; }
 +
.flag.flag-sj { background-position: -82px -227px; }
 +
.flag.flag-sk { background-position: -102px -227px; }
 +
.flag.flag-sl { background-position: -122px -227px; }
 +
.flag.flag-sm { background-position: -142px -227px; }
 +
.flag.flag-sn { background-position: -162px -227px; }
 +
.flag.flag-so { background-position: -182px -227px; }
 +
.flag.flag-sr { background-position: -202px -227px; }
 +
.flag.flag-st { background-position: -222px -227px; }
 +
.flag.flag-sv { background-position: -242px -227px; }
 +
.flag.flag-sy { background-position: -2px -242px; }
 +
.flag.flag-sz { background-position: -22px -242px; }
 +
.flag.flag-tc { background-position: -42px -242px; }
 +
.flag.flag-td { background-position: -62px -242px; }
 +
.flag.flag-tf { background-position: -82px -242px; }
 +
.flag.flag-tg { background-position: -102px -242px; }
 +
.flag.flag-th { background-position: -122px -242px; }
 +
.flag.flag-tj { background-position: -142px -242px; }
 +
.flag.flag-tk { background-position: -162px -242px; }
 +
.flag.flag-tl { background-position: -182px -242px; }
 +
.flag.flag-tm { background-position: -202px -242px; }
 +
.flag.flag-tn { background-position: -222px -242px; }
 +
.flag.flag-to { background-position: -242px -242px; }
 +
.flag.flag-tr { background-position: -2px -257px; }
 +
.flag.flag-tt { background-position: -22px -257px; }
 +
.flag.flag-tv { background-position: -42px -257px; }
 +
.flag.flag-tw { background-position: -62px -257px; }
 +
.flag.flag-tz { background-position: -82px -257px; }
 +
.flag.flag-ua { background-position: -102px -257px; }
 +
.flag.flag-ug { background-position: -122px -257px; }
 +
.flag.flag-um { background-position: -142px -257px; }
 +
.flag.flag-us { background-position: -162px -257px; }
 +
.flag.flag-uy { background-position: -182px -257px; }
 +
.flag.flag-uz { background-position: -202px -257px; }
 +
.flag.flag-va { background-position: -222px -257px; }
 +
.flag.flag-vc { background-position: -242px -257px; }
 +
.flag.flag-ve { background-position: -262px -2px; }
 +
.flag.flag-vg { background-position: -262px -17px; }
 +
.flag.flag-vi { background-position: -262px -32px; }
 +
.flag.flag-vn { background-position: -270px -47px; }
 +
.flag.flag-vu { background-position: -262px -62px; }
 +
.flag.flag-wf { background-position: -262px -92px; }
 +
.flag.flag-ws { background-position: -262px -107px; }
 +
.flag.flag-ye { background-position: -262px -122px; }
 +
.flag.flag-yt { background-position: -262px -137px; }
 +
.flag.flag-za { background-position: -262px -152px; }
 +
.flag.flag-zm { background-position: -262px -167px; }
 +
.flag.flag-zw { background-position: -262px -182px; }
Retrieved from "https://bronies.wiki/wiki/Special:MobileDiff/323...497"

Navigation menu