User:MysticalMHM/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);

@-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: auto; 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 ****/