User:DeclanLi/vector.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,
#mw-head ul,
#mw-head li,
#mw-head span,
#mw-head .vectorTabs
  {
    background: none !important;
    border: none !important;
  }

  #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,
#mw-head a:visited
  {
    color: #556 !important;
  }

  #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,
#mw-head #ca-watch
  {
    display: none !important;
  }
/* logo */

  #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,
#mw-navigation .first
  {
    margin-bottom: 0 !important;
    margin-top: 7px !important;
  }

  #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),
#mw-navigation #p-lang .wbc-editpage
  {
    display: none !important;
  }
/* article */
/* headlines */

  #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,
#bodyContent h2,
#bodyContent h3,
#bodyContent h4,
#bodyContent h5,
#bodyContent h6
  {
    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;
  }

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

  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,
#bodyContent h3:before,
#bodyContent h4:before,
#bodyContent h5:before,
#bodyContent h6:before
  {
    padding-right: 9px;
    font-family: 'Lora', serif !important;
    text-shadow: none !important;
  }

  #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 */

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

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

  #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,
#bodyContent #good-star,
#bodyContent #spoken-icon,
#bodyContent #featured-star
  {
    top: -45px !important;
  }
/* text styles */

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

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

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

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

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

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

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

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

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

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

.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,
.toc,
.mw-warning,
div.townBox,
table.diff,
td.diff-otitle,
td.diff-ntitle,
#imageLicense,
#filetoc,
.hintergrundfarbe1,
.hintergrundfarbe2,
#hauptseite h2,
.MainPageBG,
.noarticletext,
.quotebox,
.mw-code
  {
    background-color: #E0DEDA !important;
  }

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

  #toc,
.thumbinner,
.thumbinner .thumbimage,
.infobox,
.vertical-navbox,
.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,
#bodyContent #toc li
  {
    padding: 0 !important;
    margin: 0 !important;
  }

  #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"],
#bodyContent #toc li a[href="#Notes"],
#bodyContent #toc li a[href="#References"],
#bodyContent #toc li a[href="#Bibliography"],
#bodyContent #toc li a[href="#Further_reading"],
#bodyContent #toc li a[href="#Documentaries"],
#bodyContent #toc li a[href="#External_links"]
  {
    margin: -3px 0 !important;
    font-size: 14px !important;
  }

  #bodyContent #toc li a[href="#See_also"] .tocnumber,
#bodyContent #toc li a[href="#Notes"] .tocnumber,
#bodyContent #toc li a[href="#References"] .tocnumber,
#bodyContent #toc li a[href="#Bibliography"] .tocnumber,
#bodyContent #toc li a[href="#Further_reading"] .tocnumber,
#bodyContent #toc li a[href="#Documentaries"] .tocnumber,
#bodyContent #toc li a[href="#External_links"] .tocnumber
  {
    display: none !important;
  }

  #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;
  }
}