User:Crisbrm/modern.css

@import url(http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic);

{	width: 560px; margin: 194px auto 0 auto;
 * 1) content

font-family: 'Lora', serif; font-size: 14px; }

p, ul, ol { font-size: 1em; line-height: 1.7143em; margin: 0 0 1.7143em 0 !important; }

h1 {	font-size: 1.7143em; line-height: 1em; margin: 0 0 1.17em 0 !important; }

h2 {	font-size: 1.2857em; line-height: 1.3333em; margin: -0.1429em 0 1.45em 0 !important; text-align: center; }

h3 {	font-size: 1.1428571429em; line-height: 1.7143em; margin: -0.2142857143em 0 1.5em 0 !important; }

h4 {	font-size: 1em; line-height: 1.7143em; margin: -0.07142857143em 0 1.7857142857em 0 !important; } h5 { font-size: 1em; line-height: 1.7143em; margin: -0.07142857143em 0 1.7857142857em 0 !important; font-style: italic; } h6 { font-size: 1em; line-height: 1.7143em; margin: -0.07142857143em 0 1.7857142857em 0 !important; font-style: italic; }

.rellink {	margin-top: -1.7142857143em; margin-bottom: 0; color: #666; text-align: right; }

a {	color: #004dc1; } p a, ul a, ol a, .rellink a, .dablink a { color: #666; } p:hover a, ul:hover a, ol:hover a, .rellink:hover a, .dablink:hover a { color: #004dc1; } a:hover {	text-decoration: underline; }

{	position: absolute; top: 0; background-image: url(http://upload.wikimedia.org/wikipedia/commons/6/63/Wikipedia-logo.png); left: 20px; background-repeat: no-repeat; background-size: 100%; background-position: 0 -85px; } {	background-image: url(http://upload.wikimedia.org/wikipedia/commons/c/c2/Encyclopedie_tekst.png) !important; -webkit-mask-image: url(http://upload.wikimedia.org/wikipedia/commons/6/63/Wikipedia-logo.png); -webkit-mask-position: 0 -85px; -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100%; width: 250px; height: 96px; background-color: rgba(255, 255, 255, 0.75); display: block; z-index: 1; background-repeat: no-repeat; background-size: 90%; background-position: 13px 28px; }
 * 1) p-logo
 * 1) p-logo a

{	position: absolute; top: 0; left: 0; border-bottom: 1px solid #DDDADA; width: 100%; height: 96px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #F6F6F6)); z-index: -1; box-shadow: inset 0 -1px 0 white, 0 -5px 7px 2px #666;
 * 1) p-navigation

font-weight: bold; font-size: 0.8571428571em; font-family: "Helvetica Neue", Arial, Helvetica, "Lucida Grande", sans-serif; } {	width: 560px; position: relative; left: 50%; top: 5px; margin-left: -280px; font-size: 90%; } {	display:none !important; } {	height: 40px; list-style-type: none; padding: 0; padding-top: 11px; text-align: center; line-height: 1em; } {	color: #666; } {	color: black; text-decoration: none; } {	margin: 10px; display: inline; }
 * 1) p-navigation .pBody
 * 1) p-navigation h5, #p-navigation #n-mainpage-description
 * 1) p-navigation ul
 * 1) p-navigation ul:hover a
 * 1) p-navigation ul a:hover
 * 1) p-navigation li

{	position: absolute; top: 48px; width: 560px; left: 50%; margin-left: -280px; } {	width: 100%; border: 1px solid #CCC; height: 30px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7F7F7), color-stop(1, #FFFFFF)); font-size: 14px; padding-left: 10px; } {	display:none; }
 * 1) p-search
 * 1) p-search #searchInput
 * 1) p-search h5, #p-search .searchButton

/*Tabs*/ {	position: absolute; top: 118px; left: 50%; width: 600px; margin-left: -300px; height: 40px; background-image: -webkit-linear-gradient(top, #F9F9F9 0%, #FFFFFF 100%); box-shadow: inset 0 1px 0 white, 0 -1px 3px -2px #666; border-top: 1px solid #ECECEC; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; border-bottom: 0;
 * 1) p-cactions

font-size: 0.8571428571em !important; font-family: "Helvetica Neue", Arial, Helvetica, "Lucida Grande", sans-serif; } {	display:none; } {	height: 40px; list-style-type: none; padding: 0; line-height: 1em; } {	color: #666; } {	color: black; text-decoration: none; } {	float: left; margin-left: 20px; margin-top: 12px; text-transform: lowercase; } {	font-weight: bold; }
 * 1) p-cactions h5
 * 1) p-cactions ul
 * 1) p-cactions ul:hover a
 * 1) p-cactions ul a:hover
 * 1) p-cactions li
 * 1) p-cactions li.selected

/* Personal drop down */ {	font-family: "Helvetica Neue",Arial,Helvetica; font-size: 0.7857142857em !important; position: absolute; top: 12px; right: 12px; width: 200px; } {	cursor: pointer; font-style: normal; font-weight: normal; margin: 0 !important; color: #666; text-align: right; } {	background-color: white; box-shadow: 0 2px 6px #CCC; display: none; opacity: 0.95; text-align: left; } {	list-style: none; padding: 10px 15px; } {	display:block; }
 * 1) p-personal
 * 1) p-personal h5
 * 1) p-personal .pBody
 * 1) p-personal ul
 * 1) p-personal:hover .pBody

/* Tools drop down */ {	font-family: "Helvetica Neue",Arial,Helvetica; font-size: 0.8571428571em !important; position: absolute; top: 127px; left: 50%; width: 200px; margin-left: 120px; } {	cursor: pointer; font-style: normal; font-weight: normal; margin: 0 !important; color: #666; text-transform: lowercase; } {	background-color: white; box-shadow: 0 2px 6px #CCC; display: none; opacity: 0.95; } {	list-style: none; padding: 10px 15px; } {	display:block; }
 * 1) p-tb
 * 1) p-tb h5
 * 1) p-tb .pBody
 * 1) p-tb ul
 * 1) p-tb:hover .pBody

/* Print drop down */ {	font-family: "Helvetica Neue",Arial,Helvetica; font-size: 0.8571428571em !important; position: absolute; top: 127px; left: 50%; width: 200px; margin-left: 175px; } {	cursor: pointer; font-style: normal; font-weight: normal; margin: 0 !important; color: #666; text-transform: lowercase; } {	background-color: white; box-shadow: 0 2px 6px #CCC; display: none; opacity: 0.95; } {	list-style: none; padding: 10px 15px; } {	display:block; }
 * 1) p-coll-print_export
 * 1) p-coll-print_export h5
 * 1) p-coll-print_export .pBody
 * 1) p-coll-print_export ul
 * 1) p-coll-print_export:hover .pBody

/* Language drop down */ {	font-family: "Helvetica Neue",Arial,Helvetica; font-size: 0.8571428571em !important; position: absolute; top: 127px; left: 50%; width: 200px; margin-left: 224px; } {	cursor: pointer; font-style: normal; font-weight: normal; margin: 0 !important; color: #666; text-transform: lowercase; } {	background-color: white; box-shadow: 0 2px 6px #CCC; display: none; opacity: 0.95; } {	list-style: none; padding: 10px 15px; } {	display:block; }
 * 1) p-lang
 * 1) p-lang h5
 * 1) p-lang .pBody
 * 1) p-lang ul
 * 1) p-lang:hover .pBody

.dablink {	padding: 0; margin: 0.1428571429em 0 -0.1428571429em 0; font-size: 0.8571428571em; }

{	display:none; }
 * 1) siteSub

{	line-height: 1.7143em; }
 * 1) bodyContent

.reflist {	-webkit-column-count: 1 !important; display: inline !important; } ol.references, div.reflist, div.refbegin {	font-size: 1em; } {	line-height: 1.7142857143em; }
 * 1) catlinks

{	font-size: 0.8em; line-height: 1.8em; position: absolute; top: 243px; } {	margin-left: -1000000px; margin-right: 50px; float: right; max-width: 330px; } {	display: none; } {	list-style-type: none; padding-left: 1em !important; margin: 0 !important; line-height: 2.19em; } {	color: #004dc1; } {	display: none; }
 * toc
 * 1) toc tbody
 * 1) toc h2
 * 1) toc ul
 * 1) toc a
 * 1) toc .tocnumber

.toctoggle {	display:none; }

.infobox th[scope="row"] {	text-align: right !important; }

.thumb.tright, .infobox {	clear: both; margin: 4px 0 4px 1em; margin-right: -600px; position: relative; left: 600px; float: left; }

.thumb.tleft {	clear: both; margin: 4px 0 4px 1em; margin-left: -600px; position: relative; right: 600px; float: right; }

.thumbinner {	width: 200px !important; border: 1px solid #eee; padding: 5px; } .thumbinner img {	width: 100% !important; height: auto !important; }

.thumbcaption {	font-size:0.75em; line-height:1.7em; margin-top: 5px; }

.ambox {	width: 560px; margin: 15px 0 !important; } /* body.mediawiki table.mbox-small {	clear: both; margin: 4px 0 4px 1em; margin-right: -600px; position: relative; left: 600px; float: left; } .editsection, .articleFeedback-panel, .magnify {	display:none; }

.os-suggest {	box-shadow: 0 5px 10px #CCC; border-top: 0; width: 571px; } .os-suggest-results .os-suggest-result {	margin-top: 5px; margin-bottom: 5px; } .os-suggest-results span {	padding-left: 10px; font-family: "Helvetica Neue", Arial, Helvetica, "Lucida Grande", sans-serif; font-size: 1em; }

/* Footer */ {	text-align: center; font-size: 0.8571428571em; } {	display: none; } {	list-style: none; margin: 3.4285714286em 0 0.5em 0 !important; } {	display: inline; } {	text-align: center; font-size: 0.8571428571em; } {	list-style: none; line-height: 1.75em; } {	display: inline; }
 * 1) p-interaction
 * 1) p-interaction h5
 * 1) p-interaction ul
 * 1) p-interaction li
 * 1) footer
 * 1) footer ul
 * 1) f-copyrightico, #f-poweredbyico, #footer .noprint, #footer #privacy, #footer #about, #footer #disclaimer, #footer #mobileview

/* iPad */ @media only screen and (device-width: 768px) {	body {		overflow-x: hidden; }	#p-logo {		background-position: 0 10px; }	#p-logo a	{ width: 75px; background-position: 5px 45px; -webkit-mask-position: 0 10px; }

.thumb.tright, .infobox {		margin-right: -75px; left: 10px; float: right; }	.thumb.tleft {		margin-left: -75px; right: 10px; float: left; }	.thumbinner {		width: 100px !important; } }