User:Mzajac/vector.css

Note – after saving, you may have to bypass your browser’s cache to see the changes.

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 style sheet 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: "•";
			}