User:Mzajac/vector.css
Jump to navigation
Jump to search
Note: You may have to bypass your browser’s cache to see the changes. In addition, after saving a sitewide CSS file such as MediaWiki:Common.css, it will take 5-10 minutes before the changes take effect, even if you clear your cache.
- Mozilla / Firefox / Safari: hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (Command-R on a Macintosh);
- Konqueror and Chrome: click Reload or press F5;
- Opera: clear the cache in Tools → Preferences;
- Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl-F5.
- This stylesheet lacks a documentation subpage. You may create it.
- Useful links: root page • root page’s subpages • links • redirects • your own
This CSS is applied for Mzajac to every page, when User:Mzajac is using the Vector skin.
/* reset font-size to browser default */
html { font-size: 1em; }
html,
body {
font-family: "Helvetica Neue", "Helvetica", "Nimbus Sans L", "Liberation Sans", "Arial", sans-serif;
}
#bodyContent {
font-size: inherit;
line-height: 1.75
}
div#content h1,
div#content #firstHeading,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6 {
font-family: Georgia, "DejaVu Serif", serif;
}
blockquote {
font-size: inherit;
font-family: Georgia, "DejaVu Serif", serif;
}
/* edit fields */
textarea {
font-size: inherit;
line-height: 1.5;
}
/* neutralize font-size adjustment on scripts currently sized no larger than 125% */
.Arab, .fa-Arab, .ks-Arab, .ota-Arab, .pa-Arab, .ur-Arab, .ku-Arab, .ps-Arab, .sd-Arab, .ug-Arab, .Avst,
.Cans, .Cari, .Ital, .Linb, .Lyci, .Lydi, .Cham, .Cher, .Cprt, .Cyrs, .Deva, .Ethi, .Gujr, .Guru, .Hani,
.Hano, .Hans, .Hant, .Hebr, .Jpan, .Hira, .Kana, .Khar, .Khmr, .Knda, .Kore, .Hang, .Laoo, .Latf, .Mlym,
.Ogam, .Orya, .Phnx, .Ugar, .Sinh, .Tagb, .Taml, .Telu, .Tibt, .Tfng, .Thai, .Vaii, .Xsux, .Zsym, .IPA
{ font-size: inherit; }
/* scripts currently sized larger than 125% */
.Beng, .Copt, .Mymr, .Runr, .Syrc
{ font-size: 106%; } /* 13px × 130% = 17px */
.Mong
{ font-size: 113%; } /* 13px × 140% = 18px */
.Brai, .Egyp, .Merc, .Mero
{ font-size: 125%; } /* 13px × 150% = 20px */
/* readability */
div#content,
div#bodyContent {
line-height: 1.75;
}
div#bodyContent p,
div#bodyContent ul,
div#bodyContent ol,
div#bodyContent dd,
div#bodyContent fieldset {
line-height: inherit;
}
textarea {
font-size: inherit;
line-height: 1.5;
}
/* pre not being pants */
#bodyContent pre,
div#bodyContent pre.css.source-css,
div#bodyContent pre.javascript.source-javascript,
div#bodyContent pre.lua.source-lua {
overflow-x: scroll;
line-height: 1.6;
font-family: monaco, monospace;
font-size: 81%; /* 13/16 = 0.81 */
}
/* fucked up specificity in vector.css */
@media screen {
div#bodyContent pre.css.source-css,
div#bodyContent pre.javascript.source-javascript,
div#bodyContent pre.lua.source-lua {
font-family: monaco, monospace !important;
}
}
/* headings */
h3 {
font-weight: normal;
}
/* rem. unnecessary list image */
ul {
list-style-image: none;
list-style-type: square;
}
ul > li::marker {
content: "▫";
color: #999;
}
/* TOC numbering */
/* hide hard-coded numbers */
.tocnumber {
display: none;
}
/* TOC float right without waiting for javascript */
.ns-0 #toc,
.ns-4 #toc {
float: right;
clear: right;
margin-left: 0.5em;
margin-bottom: 0.5em;
display: inline;
}
/* TOC format */
#toc {
background: inherit;
max-width: 18em;
padding-right: 2em;
}
#toc #toctitle {
text-align: left;
}
table#toc ul ul {
margin-left: 0;
}
table#toc ul ul ul {
margin-left: 0.5em;
}
#toc ul li {
margin-top: 0.5em;
}
#toc ul a {
font-weight: bold;
}
#toc ul ul li {
margin-top: 0;
}
#toc ul ul a {
font-weight: normal;
}
#toc ul ul ul li {
font-size: 0.92em; /* 10/11 px */
}
#toc ul ul ul ul li {
display: inline;
}
#toc ul ul ul ul li+li:before {
content: "•";
}