User:Robbiebin/cologneblue.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                      */

/* ******************************** */


 * 1) p-personal:not(#p-cactions) {

position: relative !important;

float: right !important;

left: auto !important; top: auto !important;

margin-right: 0 !important;

height: 40px !important;

line-height: 40px !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

}

/* ******************************** */

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

}


 * 1) p-navigation:not(#p-cactions) {

margin-left: 135px !important;

}

div#siteNotice

{display:none !important;}

/* language class selectors - see http://en.wikipedia.org/wiki/List_of_Wikipedias#By_article_count */

#p-lang li



















{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;}

}