User:Flyingtabmow/myskin.css

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

html, body, #globalWrapper {height: 100% !important;}  /* footerstick */ body {background: none !important;} font-family: Georgia, serif !important; font-size: 15px !important; width: 80% !important; margin: 0 auto !important; }
 * 1) globalWrapper {

/* ******************************** */ /* 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; position: relative !important; float: left !important; clear: both !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; min-height: 100% !important; /* footerstick */ } 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; } width: 100% !important; margin: 0 !important; margin-top: 80px !important; padding: 0 !important; text-align: justify !important; font-size: inherit !important; }
 * 1) column-content {
 * 1) column-content {
 * 1) content {
 * 1) bodyContent {

/* ******************************** */ /* 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 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; } .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; } .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; }
 * 1) column-one {
 * 1) column-one {
 * 1) column-one * {font-size: 11px !important;}
 * 1) p-tb ul, #p-interaction ul {margin-top: 4px !important;}

/* ******************************** */ /* 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; } display: block !important; position: relative !important; float: left !important; top: 0 !important; left: 0 !important; width: auto !important; padding: 0 15px !important; }
 * 1) p-cactions {
 * 1) p-cactions * {text-transform: uppercase !important;}
 * 2) p-cactions h5 {display: none !important;}
 * 3) p-cactions .pBody {

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; } width: auto !important; padding-left: 30px !important; padding-right: 30px !important; }
 * 1) p-cactions li {
 * 1) p-cactions a {

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


 * 1) 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;} */
 * 1) p-search .pBody {padding: 0 !important;}
 * 2) searchBody {border: none !important;}
 * 3) searchform imput {display: inline !important;}
 * 4) 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 */
 * 1) 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                          */ /* ******************************** */

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; }
 * 1) footer {

{display: none !important;} position: relative !important; display: inline !important; vertical-align: middle !important; height: 50px !important; line-height: 50px !important; }
 * 1) footer a {text-decoration: none !important; color: black !important; }
 * 2) footer > *:not(#f-list),
 * 3) footer #copyright
 * 1) f-list {
 * 1) f-list li {display: block !important;}
 * 2) f-list #lastmod {float: right !important;}
 * 3) f-list #privacy {float: left !important;}
 * 4) f-list #about {float: left !important;}
 * 5) 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; } .firstHeading { margin: 0 !important; padding: 0 !important; } position: relative !important; top: -80px !important; } /* Hyperlinks */ {text-decoration: none !important;}
 * 1) bodyContent h2 {border-bottom-color: #DDDDDD !important;}
 * 1) siteSub {
 * 1) contentSub {display: none !important;}
 * 1) content a,
 * 2) footer a

/* Lists */ ul, ol { list-style-image: none !important; list-style-position: inside !important; } {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;}
 * 1) bodyContent > ul,
 * 2) bodyContent > ol

/* Stubs / disambiguation tables */ { font-size: 15.5px !important; } margin-left: 0 !important; padding-left: 0 !important; }
 * 1) stub,
 * 2) stub table,
 * 3) disambig table
 * 1) stub td,
 * 2) stub th,
 * 3) disambig {

/* Announcements */ {display: none !important;}
 * 1) donate,
 * 2) anontip

/* 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;}
 * 1) toctitle {text-align: left !important;}

/* - */ /* Category links   */ /* - */ padding: 0 !important; background: white !important; text-align: justify !important; border: none !important; }
 * 1) catlinks {
 * 1) catlinks a {color: black !important;}
 * 2) 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 */ .topicon { top: 100px !important; border: none !important; } border: none !important; background: transparent !important; line-height: 1em !important; } display: none !important; } position: absolute !important; top: 125px !important; right: 0 !important; }
 * 1) administrator,
 * 2) protected-icon,
 * 1) cornerbox {
 * 1) cornerbox td:last-child {
 * 1) coordinates {