User:Eriuterbloopers888/vector-2022.css

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

@import url(http://fonts.googleapis.com/css?family=Lato);

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("wikipedia.org") {

body { border: none; font-family: "Lato","Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 22px; background: #002B36; }

{ margin: 0 auto; border: none; max-width: 1400px; background: #002B36; }
 * 1) content

a      { text-decoration: none; } a:hover { text-decoration: underline; } a.new, #p-personal a.new { color: #DC322F; }

/* top nav */

{ height: 90px; margin: 0 auto; background: #073642; }
 * 1) mw-page-base

{ position: absolute; top: 0; left: 0; right: 0; }
 * 1) mw-navigation

{ position: relative; max-width: 1400px; height: 120px; margin: 0 auto; }
 * 1) mw-head

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

{ position: absolute; font-size: 18px; margin: 0; padding: 0; }
 * 1) mw-head > *


 * 1) mw-head #left-navigation  { top: 50px; left: 29px; padding: 0; }
 * 2) mw-head #right-navigation { top: 50px; right:   0; padding: 0; }
 * 3) mw-head #p-personal       { top:  0px; right:   0; padding: 5px 30px 0 0; font-size: 18px; }


 * 1) mw-head li      { opacity: 0; transition: all 0.45s ease-out; }
 * 2) mw-head:hover li { opacity: 1; transition: all 0.13s ease-in; }

#mw-head a:visited { color: #ccc; }
 * 1) mw-head a,

{ position: absolute; top: -32px; right: 30px; margin-top: 13px; margin-left: 15px; border: none; background: #002B36; width: 350px; padding: 0 0 7px; }
 * 1) mw-head #searchform > div

{ padding: 8px 0 6px 8px; color: #ccc; }
 * 1) mw-head #searchform > div input#searchInput

{ display: none; }
 * 1) mw-head #p-cactions,
 * 2) mw-head #ca-watch

/* logo */

{ position: relative; width: 140px; height: 100px; top: 20px; left: 2px; content: 'Solarized Wikipedia'; font-family: Bitter,Times, Garamond; font-weight: normal; font-size: 36px; text-transform: uppercase; letter-spacing: 0px; color: #839496; }
 * 1) mw-head:before

/* left nav */

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

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


 * 1) mw-navigation #mw-panel a { color: #839496; }

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

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

{ margin-top: -15px; }
 * 1) mw-navigation #p-lang

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

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

color: whitesmoke; } .mw-body { color: #839496; }
 * 1) mw-content-text {

/* article */

/* headlines */

{ font-family:"Bitter", "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 39px; font-weight:700; margin-top: 0; padding-bottom: 5px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); color: #839496 }
 * 1) firstHeading

{n margin-top: 40px; margin-bottom: 25px; font-family:"Bitter", "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:700; text-shadow: 0 1px 0 rgba(255,255,255,0.5); color: #839496 }
 * 1) bodyContent h1,
 * 2) bodyContent h2,
 * 3) bodyContent h3,
 * 4) bodyContent h4,
 * 5) bodyContent h5,
 * 6) bodyContent h6

{ float: right; margin-top: 12px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-shadow: none; }
 * 1) bodyContent h1 span.mw-editsection,
 * 2) bodyContent h2 span.mw-editsection,
 * 3) bodyContent h3 span.mw-editsection,
 * 4) bodyContent h4 span.mw-editsection,
 * 5) bodyContent h5 span.mw-editsection,
 * 6) bodyContent h6 span.mw-editsection

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


 * 1) bodyContent h2 { font-size: 33px; }
 * 2) bodyContent h3 { font-size: 30px; }
 * 3) bodyContent h4 { font-size: 26px; }
 * 4) bodyContent h5 { font-size: 22px; }
 * 5) bodyContent h6 { font-size: 20px; }

/* numbering of the headings */ /* via http://userstyles.org/styles/56739/wikipedia-readable-hyphenation */

body { counter-reset: headingOne; } { content: ""; counter-reset: headingOne; padding-right: 0; } { padding-right: 9px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-shadow: none; } { counter-increment: headingOne; content: counter(headingOne); font-size: 16px; } { counter-increment: headingTwo; content: counter(headingOne) "." counter(headingTwo); font-size: 15px; } { counter-increment: headingThree; content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree); font-size: 14px; } { counter-increment: headingFour; content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree) "." counter(headingFour); font-size: 13px; } { counter-increment: headingFive; content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree) "." counter(headingFour) "." counter(headingFive); font-size: 12px; }
 * 1) toctitle h2:before
 * 1) bodyContent h2:before,
 * 2) bodyContent h3:before,
 * 3) bodyContent h4:before,
 * 4) bodyContent h5:before,
 * 5) bodyContent h6:before
 * 1) bodyContent h2 { counter-reset: headingTwo; }
 * 2) bodyContent h2:before
 * 1) bodyContent h3 { counter-reset: headingThree; }
 * 2) bodyContent h3:before
 * 1) bodyContent h4 { counter-reset: headingFour; }
 * 2) bodyContent h4:before
 * 1) bodyContent h5 { counter-reset: headingFive; }
 * 2) bodyContent h5:before
 * 1) bodyContent h6 { counter-reset: headingSix; }
 * 2) bodyContent h6:before

/* article */

{ padding: 9px 16px 5px; margin-left: 30px; /* background-color: #073642 */ }
 * 1) bodyContent .infobox

{ display: none; }
 * 1) bodyContent #siteSub,           /* hide Wikipedia byline */
 * 2) bodyContent #mw-fr-revisiontag, /* hide revision thingie */
 * 3) bodyContent #tfd.boilerplate    /* hide template considered for deletion */

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

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

{ top: -45px; }
 * 1) bodyContent #protected-icon,
 * 2) bodyContent #good-star,
 * 3) bodyContent #spoken-icon,
 * 4) bodyContent #featured-star

/* text styles */

{ letter-spacing: -0.1px; }
 * 1) bodyContent

{ font-size: 24px; line-height: 32px; letter-spacing: -0.3px; color: #839496; }
 * 1) bodyContent p,
 * 2) bodyContent li,
 * 3) bodyContent div.hatnote


 * 1) bodyContent a:not(.new)        { color: #57788E; }
 * 2) bodyContent a:not(.new):visited { color: #4080AB; }

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

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

}

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

{ margin: 25px 0; }
 * 1) bodyContent #disambigbox

{ color: #839496; font-size: 18px; line-height: 22x; }
 * 1) bodyContent .references li

/* boxes */

.messagebox, .infobox, .infobox td, table.infobox th, .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: #073642; color: #839496; }
 * 1) catlinks,
 * 1) bodyContent div.thumb, /* fix the thumbs backgrounds!!! */
 * toc,
 * 1) imageLicense,
 * 2) filetoc,
 * 1) hauptseite h2,

{ border-color: #b9b9b9; }
 * 1) content .thumbinner

/* noborder test */

.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; }
 * toc,

{ padding: 7px; }
 * 1) content .thumbinner

{ border-width: 0 0 0 5px; }
 * 1) bodyContent .ambox

.navbox + .navbox { margin-top: 9px; }

/* table of contents */

{ padding: 1px 16px 5px; font-size: 12px; }
 * toc

{ margin-top: 7px; text-align: left; padding-bottom: 0; }
 * 1) toc #toctitle

{ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 17px; }
 * 1) toc #toctitle h2

/* floating toc*/

#toc .toctoggle { display: none; }

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

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

#bodyContent #toc ul, #bodyContent #toc li  { padding: 0; margin: 0; }

#bodyContent #toc > ul > li   { border-top: 1px solid #797776; border-bottom: 1px solid #535251; } #bodyContent #toc > ul > li:first-child { border-top: none; } #bodyContent #toc > ul > li:last-child { border-bottom: none; }

#bodyContent #toc ul li a   { font-size: 18px; line-height: 21px; color: #839496; padding: 6px 0 4px; } #bodyContent #toc ul ul li a   { font-size: 13px; line-height: 17px; color: #839496; padding: 4px 0; }

#bodyContent #toc ul li a .tocnumber { font-size: 15px; color: #bbb; margin-right: 0; } #bodyContent #toc ul li a .tocnumber:after { content: "."; } #bodyContent #toc ul ul li a .tocnumber { display: none; }

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

#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; font-size: 14px; } #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; }

#bodyContent #toc li a  { display: block; text-shadow: 0 1px 3px rgba(0,0,0,0.2); } #bodyContent #toc li a:hover {   text-decoration: none; color: #fff; }

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

#toc #toctitle { display: none; }

/* footer */

{ left: 0; right: 0; margin: 0; padding: 15px 0; background-color: #073642;
 * 1) footer

}

{ max-width: 1400px; margin: 0 auto; font-size: 18px; font-style: italic;
 * 1) footer-info

}

{ display: none;
 * 1) footer li:not(#footer-info-lastmod)

}


 * 1) footer ul li {color: #839496;}

}

/* Pop-Ups */

.mwe-popups.mwe-popups-is-not-tall .mwe-popups-extract {

text-decoration: none; }

/* Misc added later*/

.hatnote relarticle mainarticle {color: #839496;}

/** code realted CSS changes **/

.mw-highlight .s { color: #DC322F; }

.mw-highlight .nc { color: #268BD2; font-weight: bold; }

.mw-highlight .nv { color: #2AA198; }

.mw-highlight .nf { color: #6C71C4; }

.mw-highlight .o { color: #586E75; }

.mw-highlight .nb { color: #859900; }

.mw-highlight .k { color: #859900; font-weight: bold; }

.mw-highlight .sc { color: #DC322F; }

.mw-highlight .nn { color: #268BD2; font-weight: bold; }

.mw-highlight .nd { color: #D33682; }

.mw-highlight .cp { color: #B58900; }

.mw-highlight .nt { color: #859900; font-weight: bold; }

.mw-highlight .s2 { color: #DC322F; }

.mw-highlight .s1 { color: #DC322F; }

.mw-highlight .ss { color: #268BD2; }

.mw-highlight .kt { color: #CB4B16; }

.mw-highlight .se { color: #B58900; font-weight: bold; }

.mw-highlight .cpf { color: #586E75; font-style: italic; }

.mw-highlight .mi { color: #657B83; }

.mw-highlight .kt { color: #D33682; }

/** code realted CSS changes **/

/** math SVG image inverted color **/

.mwe-math-fallback-image-inline { filter: invert(60%); }

td, th { display: table-cell; vertical-align: inherit; color: #586E75 ; }

/**** added at the end of CSS to over ride defaults ****/

pre, .mw-code { color: #839496; background-color: #EEE8D5; border: 1px solid transparent; padding: 1em; white-space: pre-wrap; }

.mw-highlight pre { -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; background-color: #FDF6E3; }

/**** added at the end of CSS to over ride defaults ****/ /**** keep this at the end of this CSS file ****/