User:Svoboman/vector.css

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

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

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

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

a      { text-decoration: none !important; } a:hover { text-decoration: underline !important; }

/* top nav */

{ height: 90px !important; margin: 0 auto !important; background: #CAC8C4 !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: 923px !important; height: 90px !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: 16px !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: 14px !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; }


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

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

{ padding: 8px 0 6px 8px !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: 100px !important; height: 100px !important; top: 31px !important; left: 33px !important; content: 'Wikipedia' !important; font-family: Times, Garamond !important; font-weight: normal !important; font-size: 26px !important; text-transform: uppercase !important; letter-spacing: 0px !important; color: #000 !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: #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; }
 * 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: #445 !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

/* article */

/* headlines */

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

{ margin-top: 40px !important; margin-bottom: 25px !important; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif !important; font-weight: normal !important; text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important; }
 * 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; }
 * 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: 17px !important; line-height: 26px !important; letter-spacing: -0.3px !important; }
 * 1) bodyContent p,
 * 2) bodyContent li,
 * 3) bodyContent div.hatnote


 * 1) bodyContent a:not(.new)        { color: #004FD1 !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: #111 !important; font-size: 10px !important; line-height: 17px !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: #E0DEDA !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; border: none !important; 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 */

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

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

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

} Notes

Version history:

v0.9.0 (March 23, 2014) Public release. v0.9.1 (March 24, 2014) Support for more boxes; slight colour tweaks. v0.9.2 (March 27, 2014) Sepia-ish tone; preliminary borderless design. v0.9.3 (April 5, 2014) Small fixes to menu and colours. v0.9.4 (June 9, 2014) Small fix to left menu (no more emoty scrollbar). v0.9.5 (August 24, 2014) Fix font-size for list elements. v0.9.6 (August 25, 2014) Fix font-size for reference table. v0.9.9 (October 12, 2014) New: Preliminary floating Table of Contents. Feedback

Thank rotane for creating this style by donating via PayPal: Donate.

Discussions

Ask a new question or add a review for this style.

Brilliant! by Atcold (冷在), November 19, 2015 Issues with logged-in accounts by Wei En, October 3, 2015 Brilliant style! by Chris Berthelsen, July 25, 2015 See more discussions

Search →Advanced Browse Log in Help Forum Related Themes Wikipedia - Dark, blue, simple Dark Wikipedia Wikipedia Minimalistic Dark Material Design More Wikipedia themes