User:JakeAsm/common.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);

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

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

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

/* top nav */

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

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

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

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

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


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


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

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

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

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

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

/* logo */

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

/* left nav */

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

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


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

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

{ 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; }
 * 1) mw-navigation #p-lang:before

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

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

{ /* display: none !important; */ }
 * 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 !important; font-size: 39px !important; font-weight:700 !important; margin-top: 0 !important; padding-bottom: 5px !important; text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important; color: #839496 }
 * 1) firstHeading

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

{ float: right !important; margin-top: 12px !important; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important; text-shadow: none !important; }
 * 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 !important; }


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

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

body { counter-reset: headingOne; } { content: "" !important; counter-reset: headingOne; padding-right: 0 !important; } { padding-right: 9px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important; text-shadow: none !important; } { counter-increment: headingOne; content: counter(headingOne); font-size: 16px !important; } { counter-increment: headingTwo; content: counter(headingOne) "." counter(headingTwo); font-size: 15px !important; } { counter-increment: headingThree; content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree); font-size: 14px !important; } { counter-increment: headingFour; content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree) "." counter(headingFour); font-size: 13px !important; } { counter-increment: headingFive; content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree) "." counter(headingFour) "." counter(headingFive); font-size: 12px !important; }
 * 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 !important; margin-left: 30px !important; /* background-color: #073642 */ }
 * 1) bodyContent .infobox

{ display: none !important; }
 * 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 !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; */ }
 * 1) bodyContent #coordinates

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

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

/* text styles */

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

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


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

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

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

}

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

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

{ color: #839496 !important; font-size: 18px !important; line-height: 22px !important; }
 * 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 !important; color: #839496 !important; }
 * 1) catlinks,
 * 1) bodyContent div.thumb, /* fix the thumbs backgrounds!!! */
 * toc,
 * 1) imageLicense,
 * 2) filetoc,
 * 1) hauptseite h2,

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

/* noborder test */

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

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

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

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

/* table of contents */

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

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

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

/* 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 !important; border: none !important; background: #002B36 !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: #839496 !important; padding: 6px 0 4px !important; } #bodyContent #toc ul ul li a   { font-size: 13px !important; line-height: 17px !important; color: #839496 !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: #073642 !important; }

#toc #toctitle { display: none !important; }

/* footer */

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

}

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

}

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

}


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

/* Pop-Ups */

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

text-decoration: none !important; }

/* Misc added later*/

.hatnote relarticle mainarticle {color: #839496 !important;}

/** code realted CSS changes **/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/** code realted CSS changes **/

/** math SVG image inverted color **/

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

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

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

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

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

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