User:Thestixua/common.css

/* WIKIPEDIA - GREY LADY by chochem v. 0.12

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                          */ /* ******************************** */

html, body, #globalWrapper {height: 100% !important;}  /* footerstick */ body {background: none !important;} #globalWrapper { font-family: Georgia, serif !important; font-size: 15px !important; width: 80% !important; margin: 0 auto !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; float: left !important; clear: both !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; min-height: 100% !important; /* footerstick */ } #content { width: auto !important; margin: 0 !important; margin-top: 0 !important; margin-left: 0 !important; border: none !important; background: transparent !important; padding: 80px 0 !important; /* footerstick */ z-index: 0 !important; } #bodyContent { width: 100% !important; margin: 0 !important; margin-top: 80px !important; padding: 0 !important; text-align: justify !important; font-size: inherit !important; }

/* ******************************** */ /* COLMN-ONE & 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; left: 0px !important; width: 80% !important; height: 40px !important; line-height: 40px !important; margin: 0 !important; padding: 0 10% !important; white-space: normal !important; text-align: left !important; background-color: #AAAAAA !important; vertical-align: middle !important; font-family: sans-serif !important; } #column-one * {font-size: 11px !important;} .portlet:not(#p-cactions) { display: block !important; position: relative !important; float: left !important; clear: none !important; overflow: visible !important; width: auto !important; margin: 0 25px !important; padding: 0 !important; text-transform: lowercase !important; } .portlet:not(#p-cactions) .pBody { display: none !important; position: absolute !important; z-index: 10 !important; background: white !important; border: thin solid #AAAAAA !important; text-align: left !important; width: 150px !important; top: 1.1em !important; left: 1.1em !important; padding: 0.5em !important; } .portlet:not(#p-cactions):hover .pBody { display: block !important; } .portlet ul, .portlet li { display: block !important; margin: 0 !important; padding: 0 !important; line-height: 1.75em !important; } #p-tb ul, #p-interaction ul {margin-top: 4px !important;} .portlet li {padding-left: 10px !important;} .portlet * {font-weight: normal !important; color: black !important; text-align: left !important;} .portlet h5 { display: block !important; height: auto !important; padding: 0 !important; cursor: pointer !important; } .portlet a { color: inherit !important; background-color: transparent !important; }

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

#p-cactions { position: absolute !important; z-index: 5 !important; top: 170px !important; width: 80% !important; height: auto !important; margin: 0 !important; padding: 0 !important; border-bottom: thin solid #999 !important; } #p-cactions * {text-transform: uppercase !important;} #p-cactions h5 {display: none !important;} #p-cactions .pBody { display: block !important; position: relative !important; float: left !important; top: 0 !important; left: 0 !important; width: auto !important; padding: 0 15px !important; }

#p-cactions li { position: relative !important; display: block !important; float: left !important; top: 1px !important; width: auto !important; border: none !important; height: 30px !important; line-height: 30px !important; vertical-align: middle !important; padding: 0 !important; } #p-cactions a { width: auto !important; padding-left: 30px !important; padding-right: 30px !important; }

#p-cactions li.selected { border-left: thin solid #999 !important; border-top: thin solid #999 !important; border-right: thin solid #999 !important; border-bottom: thin solid white !important; }

#p-cactions li.selected a {letter-spacing: 0.5em !important;}

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

position: relative !important; float: right !important; left: auto !important; top: auto !important; margin-right: 0 !important; height: 40px !important; line-height: 40px !important; }
 * 1) p-personal:not(#p-cactions) {

/* 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 }

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

/* #p-search h5 {display: none !important;} */ #p-search .pBody {padding: 0 !important;} #searchBody {border: none !important;} #searchform imput {display: inline !important;} #searchGoButton {font-weight: normal !important;}

/* Wikipedia logo */ div#p-logo:not(#p-cactions) {height: 30px !important; position: absolute !important; margin: 0 !important; left: 10% !important; top: 5px !important;} div#p-logo a { background: url('http://pics.viharpander.dk/wikislogan.png') no-repeat !important; height: 30px !important; width: 110px !important; }

margin-left: 135px !important; }
 * 1) p-navigation:not(#p-cactions) {

div#siteNotice {display:none !important;}

/* language class selectors - see http://en.wikipedia.org/wiki/List_of_Wikipedias#By_article_count */ #p-lang li	: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-sv) {display: none !important;}

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

#footer { position: relative !important; height: 40px !important; line-height: 40px !important; padding: 0 !important; margin: 0 !important; top: -51px !important; /* footerstick */ font-size: 11px !important; z-index: 10 !important; border-bottom: none !important; border-top: thin solid #999 !important; border-left: none !important; border-right: none !important; text-transform: lowercase !important; font-family: sans-serif !important; }

#footer a {text-decoration: none !important; color: black !important; } #footer > *:not(#f-list), #footer #copyright {display: none !important;} #f-list { position: relative !important; display: inline !important; vertical-align: middle !important; height: 50px !important; line-height: 50px !important; } #f-list li {display: block !important;} #f-list #lastmod {float: right !important;} #f-list #privacy {float: left !important;} #f-list #about {float: left !important;} #f-list #disclaimer {float: left !important;}

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

/* Various adjustments to text elements */


 * 1) anon-banner {display: none !important;}

/* 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, h4, h5 {font-weight: normal !important} h1 { font-style: italic !important; font-size: 225% !important; border: none !important; padding-top: 0 !important; } #bodyContent h2 {border-bottom-color: #DDDDDD !important;} .firstHeading { margin: 0 !important; padding: 0 !important; } #siteSub { position: relative !important; top: -80px !important; } #contentSub {display: none !important;} /* Hyperlinks */ #content a, #footer a     {text-decoration: none !important;}

/* Lists */ ul, ol { list-style-image: none !important; list-style-position: inside !important; } #bodyContent > ul, #bodyContent > ol 	{margin-left: 0 !important;} table ul, table ol	{ 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-size: 15.5px !important; } #stub td, #stub th, #disambig { margin-left: 0 !important; padding-left: 0 !important; }

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

/* Various */ hr {display: none !important;}

/* un-indenting the redirection notices using somewhat crude selectors - */ dd {margin-left: 0 !important;} .dablink {padding-left: 0 !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: 12px !important; } td, th {padding: 0.3em 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: separate !important; border: 20px solid !important; border-right: none !important; -moz-border-top-colors: #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #DDDDDD !important; -moz-border-bottom-colors: #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #DDDDDD !important; -moz-border-left-colors: #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #DDDDDD !important; margin: 0 !important; padding: 19px 20px 19px 19px !important; background: white url(http://pics.viharpander.dk/stylish/greypixel.png) repeat-y right !important; } /* general cell settings */ .infobox th, .infobox td { border: none !important; color: black !important; } .infobox * { font-weight: normal !important; font-size: 100% !important; } .infobox div {background-color: transparent !important;} .infobox > tbody > tr > td, .infobox > tbody > tr > th { background-color: white !important; } .infobox caption {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 > tbody > tr:not(:first-child) > th:only-child, .infobox > tbody > tr.mergedtoprow:not(:first-child) > td:only-child, .infobox > tbody > tr:not(:first-child) > td:only-child[style*="background"], .infobox > tbody > tr:not(:first-child) > td:only-child[bgcolor] { border: none !important; background: white !important; padding-top: 1.5em !important; border-bottom: thin solid #DDDDDD !important; color: black !important; text-align: center !important; font-size: 130% !important; } .infobox:not(.sisterproject) > tbody > tr:first-child > td:only-child, .infobox:not(.sisterproject) > tbody > tr:first-child > th:only-child { background: white !important; padding-bottom: 1em !important; font-variant: small-caps !important; font-size: 150% !important; text-align: center !important; } /* Special cases */ .infobox .infobox {border: none !important;} .infobox td.toccolours td, .infobox td.toccolours th {padding: 0 !important;} /* sports team colours */

/* - */ /* 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*="float:"] {font-size: 10px !important;} .collapsible, .NavFrame, .navbox { width: 100% !important; clear: both !important; margin-top: 15px !important; margin-bottom: 15px !important; padding: 0 !important; border: none !important; background-color: white !important; border-collapse: separate !important; }

/* cells */ .collapsible td, .collapsible th, .navbox td, .navbox th, .NavContent th { background-color: white !important; color: black !important; } .collapsible th *, .navbox th *, .NavContent th * { background-color: white !important; color: black !important; }

/* targetting headings */ .NavHead, .collapsible > tbody > tr:first-child th, table.navbox > tbody > tr:first-child th { border-style: double !important; border-color: #DDDDDD !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);

table.toccolours { border-collapse: separate !important; border: 20px solid !important; -moz-border-top-colors: #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #DDDDDD !important; -moz-border-bottom-colors: #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #DDDDDD !important; -moz-border-left-colors: #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #DDDDDD !important; -moz-border-right-colors: #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #DDDDDD !important; margin: 0 !important; padding: 1em !important; background-color: white !important; }

/* general cell settings */ table.toccolours th, table.toccolours td { width: auto !important; border: none !important; } table.toccolours * { color: black !important; font-weight: normal !important; font-size: 100% !important; } table.toccolours caption {display: none !important;} /* width - distinguishing */ table.toccolours[style*="margin"][style*="auto"], table.toccolours[style*="width: 100%"], table.toccolours[align="center"] { width: 100% !important; clear: both !important; margin: 15px 0 !important; } table.toccolours[style*="float: right"] { background: white url(http://pics.viharpander.dk/stylish/greypixel.png) repeat-y right !important; border-right: none !important; }

/* targetting headings - background */ table.toccolours tr:not(:first-child) td:only-child[style*="background"], table.toccolours tr:not(:first-child) td:only-child[style*="font-size: large"], table.toccolours tr:not(:first-child) th[style*="background"]:only-child, table.toccolours tr:not(:first-child) th[bgcolor] { border: none !important; background: white !important; border-bottom: thin solid #DDDDDD !important; font-size: 130% !important; text-align: center !important; } table.toccolours tr:first-child th, table.toccolours tr:first-child td { border-bottom: thick solid #DDDDDD !important; border-top: thick solid #DDDDDD !important; background: white !important; font-size: 130% !important; text-align: center !important; }

/* quotes */ blockquote.toccolours { width: auto !important; border: none !important; margin: 1em !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;

.wikitable, .sortable { border-collapse: collapse !important; border: none !important; -moz-border-top-colors: #DDDDDD #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #DDDDDD !important; -moz-border-bottom-colors: #DDDDDD #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #DDDDDD !important; -moz-border-left-colors: #DDDDDD #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #DDDDDD !important; -moz-border-right-colors: #DDDDDD #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #DDDDDD !important; padding: 1em !important; background-color: white !important; }

/* headings */ .wikitable th, .sortable th, .sortable tr:first-child td { border: none !important; background: white !important; color: black !important; font-size: 130% !important; font-weight: normal !important; }	 .wikitable tr:first-child, .sortable tr:first-child { border-bottom: thick solid #DDDDDD !important; border-top: thick solid #DDDDDD !important; } /* general cell settings */ .sortable tr, .wikitable tr { border-bottom: thin solid #DDDDDD !important; } .wikitable td, .sortable td { border: none !important; padding: 0.5em !important; }

/* text embellishments */ .wikitable a {color: inherit !important;} .wikitable 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 { border: none !important; margin: 1em 0 !important; padding: 0 !important; background-color: white !important; font-size: inherit !important; }   .toc td {padding: 0 !important;} #toctitle {text-align: left !important;}

/* - */ /* Category links   */ /* - */ #catlinks { padding: 0 !important; background: white !important; text-align: justify !important; border: none !important; } #catlinks a {color: black !important;} #mw-normal-catlinks > a:first-child {font-weight: bold !important;}

/* - */ /* Messageboxes     */ /* - */ .ambox { width: auto !important; max-width: 60% !important; background-color: white !important; border-top: thin solid !important; border-right: thin solid !important; border-bottom: thin solid !important; margin: 1em 0 !important; } .ambox-content {border-color: #F28500 !important;} .ambox-style {border-color: #F4C430 !important;} .ambox-serious {border-color: #B22222 !important;} .ambox-merge {border-color: #9932CC !important;} .ambox-notice {border-color: #1E90FF !important;} .ambox-text {border: none !important; width: auto !important;}

/* - */ /* Galleries        */ /* - */ .gallery { border-collapse: separate !important; border: none !important; margin: 15px 0 !important; } .gallery td {background-color: white !important;} .gallerybox {background-color: transparent !important; border: thin solid #DDDDDD !important; height: 100% !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*="background-color: rgb(255, 206, 158)"] td { margin: 0 !important; padding: 0 !important; } .portal {display: none !important;}

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

img { color: #DDDDDD !important; border: none !important; border-color: transparent !important; } .thumb {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: white !important; color: black !important; border-color: #DDDDDD !important; font-size: 12px !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, #protected-icon, .topicon { top: 100px !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: 125px !important; right: 0 !important; }

}

/* ******************************** */ /* URL SPECIFIC                    */ /* ******************************** */

@-moz-document url-prefix("http://en.wikipedia.org/wiki/Talk:") { dd {margin-left: 2em !important;} }

@-moz-document url("http://en.wikipedia.org/wiki/Main_Page"), url("http://en.wiktionary.org/wiki/Wiktionary:Main_Page"), url("http://en.wikisource.org/wiki/Main_Page"), url("http://commons.wikimedia.org/wiki/Main_Page"), url("http://en.wikibooks.org/wiki/Main_Page"), url("http://en.wikiquote.org/wiki/Main_Page"), url("http://species.wikimedia.org/wiki/Main_Page") { #p-cactions {display: none !important;} #bodyContent {margin: 0 !important;} }