User:P1415926535/myskin.css

WIKIPEDIA - GREY LADY by Chochem v. 0.9

This style sheet overhauls Wikipedia for simplicity, legibility and style.

Licensed under the Creative Commons Attribution-Sharealike 2.5 license: http://creativecommons.org/licenses/by-sa/2.5/dk/deed.en

@-moz-document domain(en.wikibooks.org), domain(en.wikipedia.org), domain(en.wikiquote.org), domain(en.wikisource.org), domain(en.wikiversity.org), domain(en.wiktionary.org), domain(commons.wikimedia.org), domain(meta.wikimedia.org), domain(species.wikimedia.org) {

/* ******************************** */ /* GLOBAL                          */ /* ******************************** */

body { font-family: Georgia, serif !important; background: #ffffff url('') 0 0 no-repeat !important; font-size: 15.5px !important; } #globalWrapper { width: 80% !important; margin: 15px auto 0px auto !important; padding: 0 !important; font-size: inherit !important; }

/* ******************************** */ /* CONTENT                         */ /* ******************************** */

/*  'column content' is a wrapper for 'content' which contains a heading and bodyContent; column-content is relative to the top of the globalwrapper which has a top-margin of 15px; #column-content { position: relative !important; top: 115px !important; float: left !important; clear: both !important; width: auto !important; margin: 0 !important; border-left: 1px solid #999 !important; padding: 0 !important; background-color: white !important; } #content { width: auto !important; margin: 0 !important; margin-top: 30px !important; margin-left: 15px !important; border: none !important; padding: 0 !important; background: white !important; } #bodyContent { width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: justify !important; font-size: inherit !important; }

/* ******************************** */ /* COLMN-ONE &amp; PORTLET CLASS       */ /* ******************************** */

/*  Column-one contains all portlets (.portlet); it is at the end of the html so to get it at the top, it is positioned absolutely; top-margin: 15px is set to correspond to the globalwrapper's margin #column-one { position: absolute !important; top: 0px !important; width: 80% !important; height: 115px !important; border-bottom: 1px solid #999 !important; margin: 15px auto 0px auto !important; padding: 0 !important; white-space: normal !important; text-align: left !important; font-size: 11px !important; background-image: url(http://pics.viharpander.dk/stylish/nohatlogo_75x72.gif) !important; background-repeat: no-repeat !important; }

.portlet, .portlet ul { margin: 0 !important; } .portlet li, .pBody li a { display: inline !important; margin: 0 !important; } .portlet li { margin: 0 !important; padding: 0 4px 0 9px !important; background: url(&quot;data:image/gif;base64,R0lGODlhAwADAPcAAAQCBISChMTCxGxubLy%2BvPz%2B%2FHRydAAAAI8ARSArCQAAkQAQfABoTgDpCRUSkQAAfA8AIwAAhQAAAAAAAADI1AIF6QCREgB8AAB4AAPWAAAVAAAAAMw0FOjq7RISEgAAAHlRUQgF4IKRkHx8fADoPQAG9AEVgAAAfFZtUAAFAACRAAB8ANSA1OfW6hIVEgAAAHMBVAAA9AAAgAAAfPSAjOjW6hIVEgAAABjIa%2B7a9JAVgHwAfHAAOAXwAJEAAHwAAP8AL%2F%2FQ4P%2F9AP9%2FAG1FAAUJAJGRAHx8ABVOUAoJAIKRAHx8AAAEJQDtzBUSGgAAAHgkAAMAAAACAAAAABDwL3jq4B0SAAAAAFACAF0AABUAAAAAAACQ%2FwBB%2FwCR%2FwB8%2F34A%2FwDg%2FwD9%2F8B%2FfwAFAQAQAACQAAB8AP%2BYAP%2FpAP8SAP8AAP8A9P8AAf8AAP8AAABomADqAQASAAAAAAAYCADuAACQAAB8AABwFAAJABWRAAB8AATAEunknxKXgAB8fGJvCAk%2BhIKRFXx8AFBiAF0%2BABWRAAB8ANsIBwUCAIIAAHwAAKCEAHftAFASAAAAAFAAAF0AgAEAFQAAAG9qAAAAAAAAAAAAAEDVAOiaABIAAAAAAAAcAADqAAASAAAAAKyDAPsqABKCAAB8ABgAGO4An5AAgHwAfHAA%2FwUA%2F5EA%2F3wA%2F%2F8AEv8An%2F8AgP8AfG0pKQW3AJGSAHx8AEoIKfaEAIAVAHwAAAC%2BCAA%2B9BWCEgB8AAD%2F%2FwD%2F%2FwD%2F%2FwD%2F%2F1AAAF0AABUAAAAAAAAASAHq6wASEgAAAAC%2B9gA%2BOACCTAB8AFesKPb764ASEnwAACwYd%2BruEBKQTwB8AFAAXF236xWSEgB8ADj%2Fvun%2FPhL%2FggD%2FfDoI%2FYiE69QVEncAAAC%2B1QA%2B%2FwCC%2FwB8f05E1Abr6wESEgAAAADdCPA%2FhACCFQB8AFAWvuk%2FPhKCggB8fKYBCPgAhNQAFXcAABgx1R8AmnUwAAAAAACbAACZAACAAABEALgAjekA4hIARwAAACH5BAAAAAAALAAAAAADAAMABwgMAAcQKGAAQACBBQICADs%3D&quot;) center left no-repeat !important; } #p-personal.portlet li { background-image: url('') !important; } .portlet h5 {display:none !important;}

.pBody { border: none !important; padding: 0 !important; font-family: Helvetica, Arial, sans-serif !important; background-color: transparent !important; }

/* ******************************** */ /* P-CACTIONS                      */ /* ******************************** */

/* the tabs menu; positioned so that the left li border overlaps with the left column-content border; the list items' white bottom border are pushed down two pixels to pierce the bottom-border of column-one;

#p-cactions { position: absolute !important; z-index: 9 !important; top: 95px !important; left: 0 !important; float: left !important; width: auto !important; margin: 0 !important; padding: 0 !important; background-color: white !important; white-space: normal !important; text-transform: uppercase !important; }

#p-cactions ul { margin: 0 !important; padding: 0em !important; } #p-cactions li, #p-cactions li.selected { position: relative !important; top: 2px !important; display: block !important; float: left !important; width: auto !important; height: 17px !important; line-height: 17px !important; margin: 0 0.4em 0 0 !important; padding: 0 !important; border-left: thin solid #999 !important; border-top: thin solid #999 !important; border-right: thin solid #999 !important; border-bottom: thin solid white !important; vertical-align: middle !important; background-image: none !important; } #p-cactions li a { margin: 0 !important; padding: 0 8px !important; background-color: inherit !important; color: inherit !important; font-family: Helvetica, Arial, sans-serif !important; text-transform: inherit !important; } #p-cactions li.selected a { letter-spacing: 0.5em !important; } #p-cactions li.selected a,  #ca-edit a { font-weight: normal !important; } li#ca-talk.new a { color: #999 !important; }

/* ******************************** */ /* P-PERSONAL                      */ /* ******************************** */

/* my page, my talk etc.; */

#p-personal { position: absolute !important; top: 97px !important; left: 0 !important; right: 0 !important; display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; text-align: right !important; z-index: 2 !important; overflow:hidden !important; } #p-personal ul { display: block !important; padding: 0 !important; } #p-personal li { vertical-align: middle !important; margin-left: 0.8em !important; padding: 0 !important; text-transform: lowercase !important; } #p-personal li a { color: black !important; } #p-personal li a:hover { padding-bottom: 0 !important; } #pt-login { font-weight: normal !important }

/* login - the login / create account option displayed when not logged in */ li#pt-userpage, li#pt-anonuserpage, li#pt-login { background: none !important; padding-left: 0 !important }

/* ******************************** */ /* TOP MENUS                       */ /* ******************************** */

/* Basic manipulation */ #p-Navigation,	/* wikibooks */ #p-navigation, #p-tb, #p-lang, #p-participate, 	/* wikimedia commons */ #p-Beyond_the_web,	/* meta wikimedia */ #p-Community,		/* wikibooks */ #p-community,		/* wikiversity */ #p-Wikiquote_links,	/* wikiquote */ #p-interaction	/* wikipedia */ {	display: block !important; z-index: 1 !important; margin: 0.2em 0 !important; position: relative !important; width: auto !important; float: left !important; clear: both !important; } #p-navigation, #p-Navigation		/* wikibooks */ {	margin-top: 0 !important; padding-top: 0 !important; } #p-wiki {display: none !important;}	/* wikimedia foundation */

/* indent menus - following logo curvature */ #p-Navigation,	/* wikibooks */ #p-navigation, #p-lang {padding-left: 77px !important;} #p-tb, #p-participate,	/* wikimedia commons */ #p-Beyond_the_web,	/* meta wikimedia */ #p-Community,		/* wikibooks */ #p-community,		/* wikiversity */ #p-Wikiquote_links,	/* wikiquote */ #p-interaction	/* wikipedia */ {padding-left: 87px !important;}

/* language class selectors */ #p-lang ul li	:not(.interwiki-da) :not(.interwiki-de) :not(.interwiki-en) :not(.interwiki-es) :not(.interwiki-fr) :not(.interwiki-it) :not(.interwiki-nl) :not(.interwiki-pl) :not(.interwiki-pt) :not(.interwiki-ru) :not(.interwiki-sv) {display:none !important;}

/* ******************************** */ /* OTHER PORTLETS (SEARCH &amp; LOGO)  */ /* ******************************** */

/* Search portlet */ #p-search { position: absolute !important; top: 0 !important; right: 0 !important; margin: 0 !important; padding: 0 !important; z-index: 3 !important; } #p-search .pBody {padding: 0 !important;} #searchBody {text-align: right !important;} #searchInput {margin-bottom: 4px !important;} #searchGoButton {font-weight: normal !important;}

/* Wikipedia logo */ div#p-logo, div#siteNotice {display:none !important;}

/* ******************************** */ /* FOOTER                          */ /* ******************************** */

/* starts where column-content ends, thanks to top: 115px mirroring that of column-content */ #footer { position: relative !important; top: 115px !important; padding: 100px 0 50px 15px !important; border: none !important; border-left: 1px solid #999 !important; margin: 0 !important; font-size: 70% !important; } #footer a {text-decoration: none !important;} div#f-poweredbyico, div#f-copyrightico, img[alt=&quot;Creative Commons License&quot;] {display: none !important;} li#copyright:before { content: &quot;\A \0020 \A A WikiMedia Project - Powered by MediaWiki \A&quot; !important; white-space: pre !important; }

/* ******************************** */ /* TEXT                            */ /* ******************************** */

/* Various adjustments to text elements */

/* paragraphs */ .infobox + p {margin-top: 0 !important;}

/* Pre-arranged text block */ pre { border: none !important; background-color: #EEEEEE !important; }

/* Quotes */ table.cquote {font-size: 14px !important;}

/* Headlines */ h1, h2, h3 {font-weight: normal !important;} h1 { font-variant: small-caps !important; font-size: 150% !important; border-bottom: none !important; padding-top: 0 !important; } div#contentSub {margin: 0 0 1.5em 0!important;}

/* Hyperlinks */ #content a, #footer a     {text-decoration: none !important;}

/* Lists */ ul, ol { list-style-image: none !important; list-style-position: inside !important; } #bodyContent &gt; ul, #bodyContent &gt; ol 	{margin-left: 0 !important;} table ul, table ol	{ font-family: Georgia, serif !important; font-size: 15.5px !important; } .references-small {overflow: hidden !important;} .references {margin: 0 1em 0 0 !important;}

/* Stubs / disambiguation tables */ #stub, #stub table, #disambig table {	font-family: Georgia, serif !important; font-size: 15.5px !important; } #stub td, #stub th, #disambig { margin-left: 0 !important; padding-left: 0 !important; }

/* Announcements */ #donate, #anontip {display: none !important;}

/* un-indenting the redirection notices using somewhat crude selectors - as I intensely dislike dents in the left alignment line. The many selectors are needed to provide context for the indentation so as to   distingush the use in articles from use on talk pages to provide a discussion hierarchy. */ .dablink {padding-left: 0 !important;} /* disambiguation link */ dl &gt; dd &gt; .noprint, dl &gt; dd &gt; .dablink, dl &gt; dd &gt; .plainlinks, dl &gt; dd &gt; .boilerplate, h4 + dl &gt; dd &gt; i:first-child, h3 + dl &gt; dd &gt; i:first-child, h2 + dl &gt; dd &gt; i:first-child, table + dl &gt; dd &gt; i:first-child, .thumb + dl &gt; dd &gt; i:first-child, .notice + dl &gt; dd &gt; i:first-child, .metadata + dl &gt; dd &gt; i:first-child, .messagebox + dl &gt; dd &gt; i:first-child, #jump-to-nav + dl &gt; dd &gt; i:first-child, .boilerplate &gt; dl &gt; dd &gt; i:first-child {margin-left: -2em !important;}

/* ******************************** */ /* TABLES                          */ /* ******************************** */

/* basically four types of tables are styled: infoboxes, toccolours, navboxes and wikitables (which is probably 95% of all tables found on wp); others are left as they are apart from font size and some padding; colours used throughout is #666666 for header bg and borders and #EEEEEE for header text and (in wikitables) cell bg; the system to identify headings (and thereby assign them a different colour scheme) is greatly simplified vis-a-vis the old 'grey lady' sysmte of identifying each and every instance; some general rules are devised and should still get 99% - the idea is to use simple rules, let a few infractions slip and avoid building long exception lists;

/* - */ /* Global           */ /* - */ table { font-size: 13px !important; font-family: Helvetica, Arial, sans-serif !important; } td, th {padding: 0.5em !important;}

/* - */ /* Infoboxes        */ /* - */

/* infoboxes - tables ususally placed to the right at the beginning of the article to quickly give quick facts, statistics, key names etc. */

.infobox { border-collapse: collapse !important; border: thin solid #666666 !important; margin: 0 0 15px 15px !important; background-color: white !important; } /* general cell settings */ .infobox th, .infobox td { border: none !important; background-color: white !important; color: black !important; } .infobox div {background-color: transparent !important;} .infobox caption, .infobox th:only-child:empty, .infobox td:only-child:empty {display: none !important;}

/* text alignment and weight */ .infobox td:only-child {text-align: center !important} .infobox ul {text-align: left !important} .infobox span, .infobox font {color: inherit !important}

/* targetting headings - background */ .infobox &gt; tbody &gt; tr:first-child &gt; td:only-child, .infobox th:only-child, .infobox td:only-child[style*=&quot;background&quot;], .infobox td:only-child[bgcolor] { border: none !important; background-color: #666666 !important; color: #EEEEEE !important; text-align: center !important; } /* targetting headings - text */ .infobox &gt; tbody &gt; tr:first-child &gt; td:only-child a, .infobox th:only-child a,  .infobox td:only-child[style*=&quot;background&quot;] a,  .infobox td:only-child[bgcolor] a	{color: inherit !important;}

/* Special cases */ .infobox .infobox {border: none !important;} /* moron alert: table within table, e.g. 'Discrimination' */ .infobox &gt; tbody &gt; tr:first-child &gt; td:only-child table {color: black !important;} .infobox &gt; tbody &gt; tr:first-child &gt; td:only-child table a {color: inherit !important;}

/* sisterproject infoboxes - little single project reference boxes */ div.sisterproject { border: none !important; margin-top: 15px !important; margin-bottom: 15px !important; padding: 1em !important; background-color: #EEEEEE !important; text-align: left !important; } /* sisterproject infoboxes - tables with references to all sisterproejcts for some reason the element.style width is ignored? */ table.infobox.sisterproject { margin-top: 15px !important; margin-bottom: 15px !important; display: block !important; padding: 0 !important; text-align: left !important; }

/* - */ /* Navigation boxes */ /* - */

/* navigation boxes are for the most part the show/hide logs at the bottom of the page; very easy to style as the only heading is the first line; 'subheadings' are the headings in the hidden part of the table and are presented first so as not to overrule the main heading styling;

.navbox span[style*=&quot;float:&quot;] {font-size: 10px !important;} .collapsible, .NavFrame, .navbox { clear: both !important; margin-top: 15px !important; margin-bottom: 15px !important; padding: 0 !important; border: thin solid #666666 !important; background-color: white !important; border-collapse: collapse !important; }

/* subheadings */ .collapsible td, .collapsible th, .navbox td, .navbox th, .NavContent th { border: none !important; background-color: white !important; color: black !important; } .collapsible th a,  .navbox th a,  .NavContent th a { color: black !important; font-weight: bold !important; }

/* targetting headings */ .NavHead, .collapsible &gt; tbody &gt; tr:first-child &gt; *, table.navbox &gt; tbody &gt; tr:first-child &gt; * {background-color: #666666 !important;} .NavHead, .NavHead *, table.navbox &gt; tbody &gt; tr:first-child *, table.collapsible &gt; tbody &gt; tr:first-child * {color: #EEEEEE !important;}

/* - */ /* Toccolour        */ /* - */

/* toccolour tables are either a small right-hand side table, typically listing related topics ('part of a series on...') or a navbox-like table at the end of the article used for varius purposes where wikitables are considered too rigid a form (e.g. a colurcoded scheme of parliamentary members by party); an attempt is made to distinguish these uses, mainly to apply a width: 100% to the latter kind (integrates better with article flow);

.toccolours { border: thin solid #666666 !important; border-collapse: collapse !important; padding: 2px !important; background-color: white !important; }

/* general cell settings */ .toccolours th, .toccolours td { width: auto !important; border: none !important; } .toccolours caption, .toccolours th:empty, .toccolours td:empty {display: none !important;}

/* text alignment and weight */ .toccolours td:only-child {text-align: center !important} .toccolours ul {text-align: left !important} .toccolours td b {font-weight: normal !important;}

/* width - distinguishing */ .toccolours[style*=&quot;margin-left: auto; margin-right: auto&quot;], .toccolours[style*=&quot;margin: 0.5em auto&quot;], .toccolours[style*=&quot;margin: 1em auto&quot;], .toccolours[style*=&quot;margin: 0pt auto&quot;], .toccolours[style*=&quot;width: 100%&quot;], .toccolours[align=&quot;center&quot;] { width: 100% !important; clear: both !important; margin: 15px 0 !important;}

/* targetting headings - background */ .toccolours tr:first-child th, .toccolours tr:first-child td, .toccolours td:only-child[style*=&quot;background&quot;], .toccolours td:only-child[style*=&quot;font-size: large&quot;], .toccolours th[style*=&quot;background&quot;]:only-child, .toccolours th[bgcolor] { border: none !important; background-color: #666666 !important; color: #EEEEEE !important; text-align: center !important; }

/* headings - text */ .toccolours tr:first-child th a, .toccolours tr:first-child td a,  .toccolours td:only-child[style*=&quot;background&quot;] a,  .toccolours td:only-child[style*=&quot;font-size: large&quot;] a,  .toccolours th[style*=&quot;background&quot;]:only-child a,  .toccolours th[bgcolor] a 	{color: inherit !important;}

/* quotes */ blockquote.toccolours { width: auto !important; border: none !important; margin: 1em !important; }

/* special cases */ /* no idea what this is - leaving it in for now */ .toccolours td:only-child[bgcolor*=&quot;#f0f1ff&quot;] { border: none !important; background-color: inherit !important; color: black !important; } .toccolours td:only-child[bgcolor*=&quot;#f0f1ff&quot;] a	{color: black !important;}

/* - */ /* Wikitable /      */ /* Sortable         */ /* - */

/* wikitables are the 'tables tables' - spreadsheet/database like presentations; 'sortable' tables are like wikitables, only with the javascript option to sort by any column you click on; fairly easy to style as the td/th difference is well understood and respected here; cell background is made #EEEEEE - seems easier to navigate vast spreadsheets with a little less contrast, no?

.wikitable, .sortable { margin-top: 15px !important; margin-bottom: 15px !important; border: none !important; background-color: #EEEEEE !important; }

/* headings */ .wikitable th, .sortable th, .sortable tr:first-child td { background-color: #666666 !important; color: #EEEEEE !important; font-weight: bold !important; } /* general cell settings */ .wikitable th, .wikitable td, .sortable th, .sortable td { border: thin solid #666666 !important; margin: 0 !important; padding: 0.5em !important;}

/* text embellishments */ .wikitable a {color: inherit !important;} .wikitable td b {font-weight: normal !important;}

/* ******************************** */ /* BOXES                           */ /* ******************************** */

/* Boxes are an ssortment of minor tables and divs that are made to stand out in some way or other from the text flow; most of these efforts either try to integrate them in text flow or just to insert the standard colour scheme in place of the default one;

/* - */ /* Table of contents */ /* - */ .toc { font-family: Georgia, serif !important; border: none !important; margin: 1em 0 !important; padding: 0 !important; background-color: white !important; font-size: inherit !important; } .toc ul {font-family: Georgia, serif !important;} .toc td {padding: 0 !important;} #toctitle {text-align: left !important;}

/* - */ /* Category links   */ /* - */ #catlinks { font-family: Helvetica, Arial, sans-serif !important; font-size: 14px !important; text-align: justify !important; border: none !important; padding: 1em !important; background-color: #EEEEEE !important; } #catlinks a {color: black !important;} p.catlinks &gt; a:first-child {font-weight: bold !important;}

/* - */ /* Messageboxes     */ /* - */ .ambox { display: block !important; margin: 10px 0 !important; border-top: none !important; border-right: none !important; border-bottom: none !important; background-color: #EEEEEE !important; font-size: 14px !important; } .messagebox {border: none !important;}

/* - */ /* Galleries        */ /* - */ .gallery { border: none !important; margin: 15px 0 !important;} .gallery td {background-color: #EEEEEE !important;} .gallerybox {background-color: transparent !important;} .gallerytext { background-color: transparent !important; padding: 15px !important; text-align: justify !important; }

/* - */ /* Wikisource spec. */ /* - */ .headertemplate { border: none !important; margin-bottom: 0 !important; background: #666666 !important; } .header_notes { border: thin solid #666666 !important; background: white !important; } .headertemplate, .headertemplate a	{color: #EEEEEE !important;} .header_notes td:empty {display: none !important;}

/* - */ /* Various          */ /* - */ /* Chess boards */ table[style*=&quot;background-color: rgb(255, 206, 158)&quot;] td { margin: 0 !important; padding: 0 !important; }

/* ******************************** */ /* IMAGES                          */ /* ******************************** */

img { color: #DDDDDD !important; border: none !important; border-color: transparent !important;} .thumb { background-color: #EEEEEE !important; border: none !important; font-family: arial, sans-serif !important; margin: 0 !important;} div.thumb div {font-size: 90% !important;} .tleft {border-right: 1em solid white !important;} .tright {border-left: 1em solid white !important;} .tnone { border-left: 1em solid white !important; float: right !important;} .tleft, .tright, .tnone { border-bottom: 1em solid white !important; border-top: 1em solid white !important;} .thumbinner, .thumbcaption { background-color: #EEEEEE !important; color: black !important; border-color: #EEEEEE !important;} .thumbcaption {margin-top: 15px !important} .thumbcaption .magnify {display: none !important} .metadata img {background-color: transparent !important;}

/* Featured, spoken, semiprotected icons v-aligned with headline */ #administrator, #featured-star { top: 10px !important; right: 0 !important; border: none !important; } #cornerbox { border: none !important; background: transparent !important; line-height: 1em !important; } #cornerbox td:last-child { display: none !important; } #coordinates { position: absolute !important; top: 35px !important; right: 0 !important; font-family: Helvetica, Arial, sans-serif !important; }

/* ******************************** */ /* MAIN PAGES                      */ /* ******************************** */

/* wikipedia mp */ @-moz-document url(&quot;http://en.wikipedia.org/wiki/Main_Page&quot;) { .MainPageBG, table { border: none !important; margin-top: 0 !important; padding: 0 !important; background-color: white !important; font-family: Georgia, serif !important; } table ul {font-size: 14.5px !important;} .MainPageBG h2 { border: none !important; font-weight: normal !important; background-color: #CEDFF2 !important; } }