User:Jacco Krijnen/common.css

@-moz-document domain("wikipedia.org") { /*@import url(https://fonts.googleapis.com/css?family=Lora);*/ /* cyrillic */

@ font-face {   font-family: 'Lora'; font-style: normal; font-weight: 400; src: local('Lora'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v9/XXbc_aQtUtjJrkp7pYGEKhTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */

@ font-face {   font-family: 'Lora'; font-style: normal; font-weight: 400; src: local('Lora'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v9/tHQOv8O1rd82EIrTHlzvmhTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */

@ font-face {   font-family: 'Lora'; font-style: normal; font-weight: 400; src: local('Lora'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v9/rAXKWvABQNHjPUk26ixVvvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

body {   border: none !important; font-family: 'Lora', serif !important; font-size: 18px !important; background: #FFF !important; }

#content {   margin: 0 auto !important; border: none !important; font-family: 'Lora' !important; font-size: 16px !important; line-height: 80% !important; max-width: 920px !important; background: #FFF !important; }

a { text-decoration: none !important; }

a:hover {   text-decoration: underline !important; } /* top nav */

#mw-page-base {   height: 90px !important; margin: 0 auto !important; background: #F0F0F0 !important; /* background: #CAC8C4 !important; */; }

#mw-navigation {   position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; }

#mw-head {   position: relative !important; max-width: 870px !important; height: 90px !important; margin: 0 auto !important; }

#mw-head a, { background: none !important; border: none !important; }
 * 1) mw-head ul,
 * 2) mw-head li,
 * 3) mw-head span,
 * 4) mw-head .vectorTabs

#mw-head > * {   position: absolute !important; font-size: 16px !important; margin: 0 !important; padding: 0 !important; }

#mw-head #left-navigation {   top: 50px !important; left: 29px !important; padding: 0 !important; }

#mw-head #right-navigation {   top: 50px !important; right: 0 !important; padding: 0 !important; }

#mw-head #p-personal {   top: 0px !important; right: 0 !important; padding: 5px 30px 0 0 !important; font-size: 14px !important; }

#mw-head li { opacity: 0 !important; transition: all 0.45s ease-out !important; }

#mw-head:hover li { opacity: 1 !important; transition: all 0.13s ease-in !important; }

#mw-head a, { color: #556 !important; }
 * 1) mw-head a:visited

#mw-head #searchform > div {   position: absolute !important; top: -32px !important; right: 30px !important; margin-top: 13px !important; margin-left: 15px !important; border: none !important; background: #E8E6E2 !important; width: 345px !important; padding: 0 0 7px !important; }

#mw-head #searchform > div input#searchInput {   padding: 8px 0 6px 8px !important; }

#mw-head #p-cactions, {   display: none !important; } /* logo */
 * 1) mw-head #ca-watch

#mw-head:before {   position: relative !important; width: 120px !important; height: 120px !important; top: 30px !important; left: 10px !important; content: 'Wikipedia' !important; font-family: 'Lora', serif !important; /*font-style: italic !important;*/ font-weight: normal !important; font-size: 28px !important; text-transform: uppercase !important; letter-spacing: 0px !important; color: #777 !important; } /* left nav */

#mw-navigation #mw-panel {   position: fixed !important; font-size: 18px !important; top: 0px !important; left: -255px !important; width: 160px !important; height: 100% !important; overflow-y: auto !important; padding: 0 0 0 100px !important; background: #E8E6E2 !important; box-shadow: 1px 0 3px rgba(0, 0, 0, 0.25) !important; transition: all 0.66s ease-in-out !important; opacity: 0 !important; }

#mw-navigation #mw-panel:hover {   left: -100px !important; transition: all 0.2s ease-in-out !important; opacity: 1 !important; }

#mw-navigation #mw-panel a { color: #445 !important; }

#mw-navigation #p-navigation, {   margin-bottom: 0 !important; margin-top: 7px !important; }
 * 1) mw-navigation .first

#mw-navigation #p-lang:before {   content: "" !important; font-size: 0 !important; display: inline-block !important; height: 0px !important; width: 100% !important; border-top: 1px solid rgba(0, 0, 0, 0.2) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.75) !important; }

#mw-navigation #p-lang {   margin-top: -15px !important; }

#mw-navigation #p-lang .uls-settings-trigger {   margin-right: 8px !important; margin-top: 6px !important; }

#mw-navigation > #mw-panel > div:not(#p-lang):not(#p-navigation):not(.first), {   display: none !important; } /* article */ /* headlines */
 * 1) mw-navigation #p-lang .wbc-editpage

#firstHeading {   font-family: 'Lora', serif !important; font-size: 2.7em !important; margin-top: 40px !important; padding-bottom: 5px !important; font-weight: normal !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important; }

#bodyContent h1, {   margin-top: 40px !important; margin-bottom: 25px !important; font-family: 'Lora', serif !important; font-weight: normal !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important; }
 * 1) bodyContent h2,
 * 2) bodyContent h3,
 * 3) bodyContent h4,
 * 4) bodyContent h5,
 * 5) bodyContent h6

#bodyContent h1 span.mw-editsection, {   float: right !important; margin-top: 12px !important; font-family: 'Lora', serif !important; text-shadow: none !important; }
 * 1) bodyContent h2 span.mw-editsection,
 * 2) bodyContent h3 span.mw-editsection,
 * 3) bodyContent h4 span.mw-editsection,
 * 4) bodyContent h5 span.mw-editsection,
 * 5) bodyContent h6 span.mw-editsection

span.mw-editsection span.mw-editsection-bracket {   display: none !important; }

#bodyContent h2 { font-size: 33px !important; }

#bodyContent h3 { font-size: 30px !important; }

#bodyContent h4 { font-size: 26px !important; }

#bodyContent h5 { font-size: 22px !important; }

#bodyContent h6 { font-size: 20px !important; } /* numbering of the headings */ /* via http://userstyles.org/styles/56739/wikipedia-readable-hyphenation */

body {   counter-reset: headingOne; }

#toctitle h2:before {   content: "" !important; counter-reset: headingOne; padding-right: 0 !important; }

#bodyContent h2:before, {   padding-right: 9px; font-family: 'Lora', serif !important; text-shadow: none !important; }
 * 1) bodyContent h3:before,
 * 2) bodyContent h4:before,
 * 3) bodyContent h5:before,
 * 4) bodyContent h6:before

#bodyContent h2 { counter-reset: headingTwo; }

#bodyContent h2:before {   counter-increment: headingOne; content: counter(headingOne); font-size: 16px !important; }

#bodyContent h3 { counter-reset: headingThree; }

#bodyContent h3:before {   counter-increment: headingTwo; content: counter(headingOne) "." counter(headingTwo); font-size: 15px !important; }

#bodyContent h4 { counter-reset: headingFour; }

#bodyContent h4:before {   counter-increment: headingThree; content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree); font-size: 14px !important; }

#bodyContent h5 { counter-reset: headingFive; }

#bodyContent h5:before {   counter-increment: headingFour; content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree) "." counter(headingFour); font-size: 13px !important; }

#bodyContent h6 { counter-reset: headingSix; }

#bodyContent h6:before {   counter-increment: headingFive; content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree) "." counter(headingFour) "." counter(headingFive); font-size: 12px !important; } /* article */

#bodyContent .infobox {   padding: 9px 16px 5px !important; margin-left: 30px !important; }

#bodyContent #siteSub, /* hide Wikipedia byline */

/* hide revision thingie */
 * 1) bodyContent #mw-fr-revisiontag,

/* hide template considered for deletion */ {   display: none !important; }
 * 1) bodyContent #tfd.boilerplate

#bodyContent #coordinates {   top: -3px !important; padding: 4px 6px 3px !important; background: #E8E6E2 !important; border-radius: 0px !important; border: 1px solid #aaa !important; /* box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 1px 1px rgba(0,0,0,0.25) !important; */; }

html[lang="de"] #bodyContent #coordinates /* .de fix */ {   top: 53px !important; right: 32px !important; }

#bodyContent #protected-icon, {   top: -45px !important; } /* text styles */
 * 1) bodyContent #good-star,
 * 2) bodyContent #spoken-icon,
 * 3) bodyContent #featured-star

#bodyContent {   letter-spacing: -0.1px !important; }

#bodyContent p, { font-size: 16px !important; line-height: 26px !important; font-family: 'Lora' !important; letter-spacing: -0.3px !important; }
 * 1) bodyContent li,
 * 2) bodyContent div.hatnote

#bodyContent a:not(.new) {   color: #004FD1 !important; }

#bodyContent a:not(.new):visited {   color: #4080AB !important; }

#bodyContent .dablink, {   margin: 7px 0 9px !important; padding: 0 !important; font-size: 14px !important; line-height: 22px !important; color: #333 !important; }
 * 1) bodyContent .relarticle,
 * 2) bodyContent .rellink

#bodyContent #contentSub /* redirected from msg */ {   margin: 5px 0 12px -5px !important; padding: 0 !important; font-size: 12px !important; }

#bodyContent table.ambox, {   margin: 0 !important; font-size: 14px !important; line-height: 22px !important; }
 * 1) bodyContent #disambigbox

#bodyContent #disambigbox {   margin: 25px 0 !important; }

#bodyContent .references li { color: #111 !important; font-size: 10px !important; line-height: 17px !important; } /* boxes */

.messagebox, .infobox, .infobox td, table.infobox th, /* fix the thumbs backgrounds!!! */
 * 1) catlinks,
 * 1) bodyContent div.thumb,

.thumbinner, div.thumb div, code, pre, .thumbcaption, .toccolours, .NavFrame, .toccolours th, .toccolours tbody, .NavHead, .tright, .tleft, table, .gallery, .gallerybox, .gallerytext, table.gallery, table.gallery td, .toc, .mw-warning, div.townBox, table.diff, td.diff-otitle, td.diff-ntitle, .hintergrundfarbe1, .hintergrundfarbe2, .MainPageBG, .noarticletext, .quotebox, .mw-code {   background-color: #E0DEDA !important; }
 * toc,
 * 1) imageLicense,
 * 2) filetoc,
 * 1) hauptseite h2,

#content .thumbinner {   border-color: #b9b9b9 !important; } /* noborder test */

#toc, .thumbinner, .thumbinner .thumbimage, .infobox, .sidebar, .mergedtoprow, table.infobox > tbody:first-child > tr:first-child > th, .metadata:not(.ambox), .mbox-small, .quotebox, .portal, .catlinks, .navbox, .hintergrundfarbe1, table /* check this! i added this for "roma" on italian wikipedia */ {   border: none !important; }

#content .thumbinner {   padding: 7px !important; }

#bodyContent .ambox {   border-width: 0 0 0 5px !important; }

.navbox + .navbox {   margin-top: 9px !important; } /* table of contents */

#toc {   padding: 1px 16px 5px !important; font-size: 12px !important; }

#toc #toctitle {   margin-top: 7px !important; text-align: left !important; padding-bottom: 0 !important; }

#toc #toctitle h2 { font-family: "Lora", "Lora", sans-serif !important; font-size: 17px !important; } /* floating toc*/

#toc .toctoggle {   display: none !important; }

#toc.toc {   padding: 0 !important; font-size: 12px !important; display: block !important; position: fixed !important; bottom: 0 !important; height: 100% !important; right: -200px !important; width: 245px !important; border: none !important; transition: all 0.66s ease-in-out !important; opacity: 0 !important; overflow-y: auto!important; z-index: 9999; background: #646261 !important; box-shadow: 1px 0 6px rgba(0, 0, 0, 0.25) !important; }

#toc:hover {   right: 0px !important; transition: all 0.15s ease-in-out !important; opacity: 1 !important; }

#bodyContent #toc ul, {   padding: 0 !important; margin: 0 !important; }
 * 1) bodyContent #toc li

#bodyContent #toc > ul > li { border-top: 1px solid #797776 !important; border-bottom: 1px solid #535251 !important; }

#bodyContent #toc > ul > li:first-child {   border-top: none !important; }

#bodyContent #toc > ul > li:last-child {   border-bottom: none !important; }

#bodyContent #toc ul li a { font-size: 18px !important; line-height: 21px !important; color: #EAE9E8 !important; padding: 6px 0 4px !important; }

#bodyContent #toc ul ul li a { font-size: 13px !important; line-height: 17px !important; color: #D0CFCE !important; padding: 4px 0 !important; }

#bodyContent #toc ul li a .tocnumber {   font-size: 15px !important; color: #bbb !important; margin-right: 0 !important; }

#bodyContent #toc ul li a .tocnumber:after {   content: "." !important; }

#bodyContent #toc ul ul li a .tocnumber {   display: none !important; }

#bodyContent #toc ul > li { padding: 0 3px 0 0 !important; }

#bodyContent #toc ul ul ul > li { padding: 0 3px 0 10px !important; }

#bodyContent #toc > ul > li { padding: 3px 3px 3px 13px !important; }

#bodyContent #toc li a[href="#See_also"], {   margin: -3px 0 !important; font-size: 14px !important; }
 * 1) bodyContent #toc li a[href="#Notes"],
 * 2) bodyContent #toc li a[href="#References"],
 * 3) bodyContent #toc li a[href="#Bibliography"],
 * 4) bodyContent #toc li a[href="#Further_reading"],
 * 5) bodyContent #toc li a[href="#Documentaries"],
 * 6) bodyContent #toc li a[href="#External_links"]

#bodyContent #toc li a[href="#See_also"] .tocnumber, {   display: none !important; }
 * 1) bodyContent #toc li a[href="#Notes"] .tocnumber,
 * 2) bodyContent #toc li a[href="#References"] .tocnumber,
 * 3) bodyContent #toc li a[href="#Bibliography"] .tocnumber,
 * 4) bodyContent #toc li a[href="#Further_reading"] .tocnumber,
 * 5) bodyContent #toc li a[href="#Documentaries"] .tocnumber,
 * 6) bodyContent #toc li a[href="#External_links"] .tocnumber

#bodyContent #toc li a { display: block !important; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important; }

#bodyContent #toc li a:hover {   text-decoration: none !important; color: #fff !important; }

#toc ul li { transition: background 0.2s ease-in-out !important; }

#toc ul li:hover {   background: #565453 !important; }

#toc #toctitle {   display: none !important; } /* footer */

#footer {   left: 0 !important; right: 0 !important; margin: 0 !important; padding: 15px 0 !important; background-color: #CAC8C4 !important; }

#footer-info {   max-width: 860px !important; margin: 0 auto !important; font-size: 18px !important; }

#footer li:not(#footer-info-lastmod) {   display: none !important; } }