User:Sakabako/vector.css

body { -webkit-font-feature-settings: 'clig', 'onum'; font-feature-settings: 'clig', 'onum'; }

/* 	This is slow. Best to put it in a timeout to give the UI time to update. */ html, body { text-rendering: optimizeLegibility; }

h1, h2, h3, h4, h5, h6 { -webkit-font-feature-settings: 'clig', 'dlig', 'lnum', 'pnum'; font-feature-settings: 'clig', 'dlig', 'lnum', 'pnum'; } textarea, .title, .tagline, ul, ol { -webkit-font-feature-settings: 'clig', 'lnum', 'pnum'; font-feature-settings: 'clig', 'lnum', 'pnum'; }

table { -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; }

ul:not(.buttons) > li, ol > li, dd { line-height: 1.5; } dd { text-align: justify; } p, dd, blockquote, li { max-width: 50em; }

/* p */ p:not(.parent):not(.title):not(.tagline) { margin-bottom: 0em !important; line-height: 1.7 !important; padding-bottom: 0 !important; display: block; /* light hyphenation. Real estate is cheap on screens and paragraphs can get wide */ -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; -webkit-hyphenate-limit-after: 4; -webkit-hyphenate-limit-before: 4; -moz-hyphenate-limit-after: 4; -moz-hyphenate-limit-before: 4; hyphenate-limit-after: 4; hyphenate-limit-before: 4; } /* move to the normal area when Chrome supports hyphenation */ html.eotss_enabled.eotss_safari p { text-align: justify; }

p:not(.parent):not(.title):not(.tagline)+ *:not(p) +p:not(.parent):not(.title):not(.tagline) { margin-top: 1em !important; }

/* paragraphs and common float classes /* p+ p */         p:not(.parent):not(.title):not(.tagline)+p:not(.parent):not(.title):not(.tagline), /* p+ img +p */  p:not(.parent):not(.title):not(.tagline)+ img +p:not(.parent):not(.title):not(.tagline), /* p+ aside +p */  p:not(.parent):not(.title):not(.tagline)+ aside +p:not(.parent):not(.title):not(.tagline), /* p+ in page link anchor +p */ p:not(.parent):not(.title):not(.tagline)+ a[name]:not([href]) +p:not(.parent):not(.title):not(.tagline), /* p+ .left +p */  p:not(.parent):not(.title):not(.tagline)+ [class*=left] +p:not(.parent):not(.title):not(.tagline), /* p+ .right +p */ p:not(.parent):not(.title):not(.tagline)+ [class*=right] +p:not(.parent):not(.title):not(.tagline), /* p+ .float +p */ p:not(.parent):not(.title):not(.tagline)+ [class*=float] +p:not(.parent):not(.title):not(.tagline), /* p+ .thumb +p */ p:not(.parent):not(.title):not(.tagline)+ [class*=thumb] +p:not(.parent):not(.title):not(.tagline), /* p+ .side +p */  p:not(.parent):not(.title):not(.tagline)+ [class*=side] +p:not(.parent):not(.title):not(.tagline), /* p+ .rail +p */  p:not(.parent):not(.title):not(.tagline)+ [class*=rail] +p:not(.parent):not(.title):not(.tagline), /* p+ .ad +p */  p:not(.parent):not(.title):not(.tagline)+ [class*=ad] +p:not(.parent):not(.title):not(.tagline), /* p+ .inline +p */  p:not(.parent):not(.title):not(.tagline)+ [class*=inline] +p:not(.parent):not(.title):not(.tagline), /* p+ .narrow +p */  p:not(.parent):not(.title):not(.tagline)+ [class*=narrow] +p:not(.parent):not(.title):not(.tagline) { text-indent: 1.25em !important; padding-top: 0 !important; margin-top: 0em !important; } /* I can't remember what this solved, but it breaks whenever an image is used for an ideograph. p:not(.parent):not(.title):not(.tagline) img { margin-top: 1em !important; margin-bottom: 1em !important; }

/* 	p + anything else. Make sure there's space after the p */ p:not(.parent):not(.title):not(.tagline)+*:not(p), p:not(.parent):not(.title):not(.tagline)+a[name]:not([href])+*:not(p) { margin-top: 1em !important; }

/* (block level elements that were given display:inline) inside a p will inherit the 1.25em text indent. This removes that. */ p * { text-indent: 0; } /* sub, sup should not push lines around */ sub, sup { line-height: 0; }