User:Whitemittens/myskin.css

@-moz-document domain(meta.wikimedia.org), domain(commons.wikimedia.org), domain(species.wikimedia.org), domain(wikimediafoundation.org), domain(wikisource.org), domain(wikiversity.org), domain(en.wiktionary.org), domain(en.wikibooks.org), domain(en.wikiquote.org), domain(en.wikipedia.org), domain(da.wikipedia.org), domain(de.wikipedia.org), domain(fr.wikipedia.org), domain(sv.wikipedia.org), domain(pl.wikipedia.org), domain(nl.wikipedia.org), domain(pt.wikipedia.org), domain(ru.wikipedia.org), domain(it.wikipedia.org), domain(es.wikipedia.org) {

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

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

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

/* 'column content' is a wrapper for 'content' which contains a heading and bodyContent; column content is only relative to the top of the page, as column-one has been absolutely positioned; the real positioner is content {top:90px} + globalwrapper {margin:15px} */ #column-content { position: relative !important; margin: 0 !important; padding: 0 !important; }   #content { background: white !important; margin: 0 !important; padding: 35px 0 0 14px !important; width: 100% !important; border: none !important; border-left: 1px solid !important; border-color: #999 !important; top: 90px !important; }   div#bodyContent { width: 100% !important; text-align: justify !important; font-size: 15.5px !important; margin: 0 !important; padding: 0 !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; width: 985px !important; height: 60px !important; padding: 0px !important; margin: 15px auto 0px auto !important; top: 0px !important; text-align: left !important; z-index: 10 !important; white-space: normal !important; font-size: 11px !important; background-image: url(http://upload.wikimedia.org/wikipedia/en/3/3d/User_chochem_wikipedia_logo_60x60.png) !important; background-repeat: no-repeat !important; }

.portlet {margin: 0 !important;} .portlet ul, .portlet li { display: inline !important; margin: 0 !important; }   .portlet h5 {display:none !important;}

.pBody { border: none !important; padding: 0 !important; font-family: Helvetica, Arial, sans-serif !important; background-color: transparent !important; }   .pBody ul li { margin: 0 !important; padding: 0 0.1em 0 0.1em !important; }   .pBody li a {display: inline !important;}

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

/* the tabs menu; positioned so that the left li border overlaps with the left content border; has a solid bottom border which is only seen between list items as it is overlapped by the list items; list and selected list items are equated, apart from the letter.spacing marking the currently selected list-link; bold font-weights are stamped out (why should the edit page be marked out??) */ #p-cactions { position: absolute !important; top: 80px !important; left: 0 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; float:left !important; text-transform: uppercase !important; white-space: normal !important; border-bottom:1px solid #999 !important; }   #p-cactions ul { margin: 0 !important; padding: 0em !important; }   #p-cactions li, #p-cactions li.selected { padding: 0.2em 0em 0.2em 0em !important; margin: 0 !important; border-style: solid solid none solid !important; border-color: #999 !important; }   #p-cactions li a { background-color: #ffffff !important; color: #333 !important; font-family: Helvetica, Arial, sans-serif !important; text-transform: uppercase !important; }   #p-cactions li.selected a {letter-spacing: 0.5em !important;} #p-cactions, #p-cactions ul, #p-cactions li, #p-cactions li.selected, #p-cactions li a,    #p-cactions li.selected a	{font-weight: normal !important;}

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

/* my page, my talk etc.; postioned relatively (so it stays within the boundaries of columnone); NB: doesnt do this is the line is too long (long username); can be solved by increasing width of p-personal but this will interfere with p-cactions */

#p-personal { position: relative !important; width: 500px !important; padding: 0 !important; margin: 0 !important; float: right !important; left: auto !important; right: 0px !important; text-align: right !important; top: 80px !important; overflow:hidden !important; }   #p-personal .pBody li { margin-left: 0.8em !important; padding: 0 !important; }   #p-personal ul {padding: 0 !important;} #p-personal li a { color: black !important; text-transform: capitalize !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, #p-Navigation, #p-tb, #p-lang,

#p-participate, #p-about_Wikimedia, #p-corporate, #p-regions { margin: 0.3em 0 0.3em 0 !important; position: relative !important; width: 750px !important; float: left !important; top:-18px !important; }

/* indent menus - following logo curvature */ #p-navigation, #p-Navigation, #p-lang {left: 75px !important;} #p-tb, #p-participate, #p-about_Wikimedia, #p-corporate, #p-regions {left: 85px !important;}

/* list separator */ #p-navigation ul li:before, #p-Navigation ul li:before, #p-tb ul li:before, #p-lang ul li:before, #p-participate li:before, #p-about_Wikimedia li:before, #p-corporate li:before, #p-regions li:before {content: "\0020 \00BB \0020" !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 & LOGO)  */ /* ******************************** */

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

/* Wikipedia logo */ /* Removed (logo-image is hardwired into the html so it has to go; substitute logo is background image for columnone as a whole - unfortunately this cannot be associated with a hyperlink ) */ div#p-logo, div#siteNotice {display:none !important;}

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

/* made part of content-flow (removed box-borders, added continuous left-hand-border), 'separated' by increasing padding, removed graphics */ #footer { width: 100% !important; border-top: none !important; border-bottom: none !important; border-left: 1px solid !important; border-color: #999 !important; margin: 0 !important; padding: 200px 0 50px 14px !important; font-size: 70% !important;} #footer a {text-decoration: none !important;} div#f-poweredbyico, div#f-copyrightico, img[alt="Creative Commons License"] {display: none !important;} li#copyright:before { content: "\A \0020 \A A WikiMedia Project - Powered by MediaWiki \A" !important; white-space: pre !important; }

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

/* Headlines */ h1 { font-variant: small-caps !important; font-size: 150% !important; border-bottom: none !important; padding-top: 0 !important; }   h2 { width: auto !important;} h3 {font-weight: normal !important;} h3#siteSub {font-size: 84% !important;} div#contentSub { font-size: 84% !important; line-height: 1.2em !important; margin: 0 0 1.4em 0em !important; color: #7d7d7d !important; width: auto !important; }   h4 {font-size: 100% !important;}

/* un-indenting the redirection notices using somewhat crude selectors (needed to distingush from discussion hierarchy use on talk pages) */

/* div#stub {margin-left: -0.25em !important;} */

.dablink {padding-left: 0 !important;}

dl > dd > .plainlinks, dl > dd > .noprint, dl > dd > .boilerplate, div.boilerplate > dl > dd > i,   div#jump-to-nav + dl > dd > i,    div.messagebox + dl > dd > i,    div.notice + dl > dd > i,    div.metadata + dl > dd > i,    div.thumb + dl > dd > i,    table + dl > dd > i,    h2 + dl > dd > i,    h3 + dl > dd > i,    h4 + dl > dd > i { margin-left: -2em !important;}

/* Blockquote */ blockquote { width: auto !important; border: none !important; margin: 1em !important; padding: 0 !important; background: none !important; font-style: italic !important;}

/* Code */ code, pre {border: none !important;}

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

/* Lists */

/* ******************************** */ /* TABLES & BOXES                  */ /* ******************************** */

/* Global */ table { font-family: arial, sans-serif !important; position: static !important;} table[align="right"], table[style*="float: right"] { margin-left: 15px !important; margin-right: 0 !important} table[align="left"] { margin-left: 0 !important; margin-right: 15px !important;}

td, th {padding: 0.5em !important;} td .thumb {border: none !important;} td code {background: transparent !important;}

/* Exception: Tables that are not tables (lists and quotes) */

table[style*="background-color: transparent"], table[style*="border: 0px"], table.cquote { background-color: transparent !important; font-family: georgia, serif !important;}

/* Main Page */

/* wikipedia */ table[style*="border: 1px solid rgb(204, 204, 204); width: 100%; margin-top: 0.7em; background-color: rgb(252, 252, 252);"], table[style*="margin: -0.8em 0pt -0.7em; background: transparent none repeat scroll 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"] { border: none !important; background-color: white !important; font-family: georgia, serif !important;} .MainPageBG { border: none !important; background-color: white !important; font-family: georgia, serif !important;} .MainPageBG table { border: none !important; border-collapse: collapse !important; background-color: white !important; font-family: georgia, serif !important;} .MainPageBG h2 { border: none !important; background-color: #AAAAAA !important; font-family: arial, sans-serif !important; font-weight: normal !important;}

/* wiktionary */ table#main_page td {font-family: georgia, serif !important;} table#main_page td b:only-child {font-family: arial, sans-serif !important;}

/* Notices */ .notice { border: none !important; font-family: arial, sans-serif !important; font-size: 90% !important; padding: 0.5em !important;}

.spoiler { font-family: georgia, serif !important; font-size: 100% !important; margin: 0 !important; padding: 0 !important;}

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

/* toc boxes (mostly like toccolours) */ #toc:not(.toc) { width: 100% !important; clear: both !important; border: thin solid #666666 !important; border-collapse: collapse !important; margin: 12px auto !important; background-color: white !important; font-family: arial, sans-serif !important;}

/* general cell settings */ #toc:not(.toc) th, #toc:not(.toc) td { width: auto !important; border: none !important; margin: 0 !important; padding: 0.5em !important;}

/* text alignment and weight */ #toc:not(.toc) td b {font-weight: normal !important;}

/* width - distinguishing */ #toc:not(.toc)[align="right"], #toc:not(.toc)[style*="float: right"], #toc:not(.toc)[style*="clear: right"], #toc.infobox { width: 20em !important; float: right !important; margin: 12px 0 12px 15px !important;}

/* targetting headings - background */ #toc:not(.toc) tr:first-child, #toc:not(.toc) th:only-child, #toc:not(.toc) td:only-child[style*="background"] { border: thin solid #666666 !important; padding: 0 !important; background-color: #666666 !important; color: #EEEEEE !important; font-size: 90% !important;}

/* targetting headings - text */ #toc:not(.toc) tr:first-child a,   #toc:not(.toc) th:only-child a,    #toc:not(.toc) td:only-child[style*="background"] a 	{color: #EEEEEE !important;}

/* Toccolours */ .toccolours { border: thin solid #666666 !important; border-collapse: collapse !important; padding: 2px !important; background-color: white !important; font-family: arial, sans-serif !important; font-size: 90% !important;}

/* general cell settings */ .toccolours th, .toccolours td { width: auto !important; margin: 0 !important; padding: 0.5em !important; border: none !important;} .toccolours th:empty, .toccolours td:empty {display: none !important;} .toccolours td b {font-weight: normal !important;}

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

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

/* targetting headings - background */ .toccolours td:only-child[style*="background"], .toccolours td:only-child[bgcolor*="#"], .toccolours td:only-child[style*="font-size: large"], .toccolours th:only-child, .toccolours th[style*="background"], .toccolours th[bgcolor*="#"], .toccolours th[bgcolor*="a"], .toccolours th[bgcolor*="e"], .toccolours th[bgcolor*="i"], .toccolours th[bgcolor*="o"], .toccolours th[bgcolor*="u"], .toccolours th[bgcolor*="y"] { border: none !important; background-color: #666666 !important; color: #EEEEEE !important; text-align: center !important;} .toccolours caption { padding: 0.5em !important; border: thin solid #666666 !important; margin: 0 0 0 14px !important; background-color: #666666 !important; color: #EEEEEE !important;}

/* headings - text */ .toccolours .selflink {color: inherit !important;} .toccolours td:only-child[style*="background"] a,   .toccolours td:only-child[bgcolor*="#"] a,    .toccolours td:only-child[style*="font-size: large"] a,    .toccolours th:only-child a,    .toccolours th[style*="background"] a,    .toccolours th[bgcolor*="#"] a,    .toccolours th[bgcolor*="a"] a,    .toccolours th[bgcolor*="e"] a,    .toccolours th[bgcolor*="i"] a,    .toccolours th[bgcolor*="o"] a,    .toccolours th[bgcolor*="u"] a,    .toccolours th[bgcolor*="y"] a,    .toccolours caption a	{color: #EEEEEE !important;} .toccolours th .noprint span {color: #EEEEEE !important;}

/* special cases */ .NavFrame .toccolours {margin: 0 !important;} .toccolours img {background-color: white !important;} .toccolours ul {font-family: arial, sans-serif !important;} blockquote.toccolours { width: auto !important; border: none !important; margin: 1em !important; font-family: georgia, serif !important;}

/* Infoboxes */ .infobox { border: thin solid #666666 !important; border-collapse: collapse !important; margin: 0 0 15px 15px !important; padding: 2px !important; background-color: white !important; font-family: arial, sans-serif !important; font-size: 90% !important;}

/* general cell settings */ .infobox th, .infobox td { border: none !important; margin: 0 !important; padding: 0.5em !important; background-color: white !important; color: black !important; font-weight: normal !important;}

.infobox th div, .infobox td div {background-color: transparent !important;} .infobox th:empty, .infobox td:empty {display: none !important;}

/* text alignment and weight */ .infobox td, .infobox div { border: none !important; margin: 0 !important; background-color: white !important; color: black !important; font-weight: normal !important;} .infobox td b {font-weight: normal !important;} .infobox td:only-child {text-align: center !important} .infobox ul {text-align: left !important}

/* targetting headings - background */ .infobox th:only-child, .infobox caption, .infobox td.mergedtoprow, .infobox td:only-child[style*="background"], .infobox td:only-child[bgcolor*="#"], .infobox td:only-child[style*="font-size: large"], .infobox td:only-child[style*="font-size: larger"], .infobox td:only-child[style*="font-size: 110%"], .infobox td:only-child[style*="font-size: 120%"], .infobox td:only-child[style*="font-size: 130%"], .infobox td:only-child[style*="font-size: 140%"], .infobox td:only-child[style*="font-size: 150%"] { border: none !important; background-color: #666666 !important; color: #EEEEEE !important; text-align: center !important;} .infobox caption { padding: 0.5em 1em !important; border: thin solid #666666 !important; margin: 0 0 0 14px !important;}

/* targetting headings - text */ .infobox th:only-child a,   .infobox caption a,    .infobox td.mergedtoprow a,     .infobox td:only-child[style*="background"] a,    .infobox td:only-child[bgcolor*="#"] a,    .infobox td:only-child[style*="font-size: large"] a,    .infobox td:only-child[style*="font-size: larger"] a,    .infobox td:only-child[style*="font-size: 110%"] a,    .infobox td:only-child[style*="font-size: 120%"] a,    .infobox td:only-child[style*="font-size: 130%"] a,    .infobox td:only-child[style*="font-size: 140%"] a,    .infobox td:only-child[style*="font-size: 150%"] a 	{color: #EEEEEE !important;}

/* restoring bold to headings - is this needed? .infobox td[style*="font-size: larger"] b,   .infobox td[style*="text-align: center"] i b,    .infobox th[style*="font-size: larger"], .infobox big, .infobox td.mergedtoprow b { font-weight: bold !important; text-align: center !important;} */

/* sisterproject infoboxes */ div.sisterproject { border: none !important; margin-top: 12px !important; margin-bottom: 12px !important; background-color: #EEEEEE !important; font-family: arial, sans-serif !important; padding: 1em !important; display: table-cell !important;} div.sisterproject div {background-color: #EEEEEE !important;} .sisterproject .floatleft, .sisterproject .floatnone { margin-right: 1em !important; clear: both !important;}

/* Special cases */ table.infobox ul {font-family: arial, sans-serif !important;} .infobox .infobox {border: none !important;} .infobox th[style*="font-size: 90%"], .infobox th[style*="font-size: 100%"] {background-color: white !important;} /* movie posters andthelike */

/* 'Box' */ .box {border: thin solid #AAAAAA !important;}

/* targetting headings - background */ .box th:only-child[style*="background"], .box th:only-child[bgcolor*="#"], .box th:only-child[bgcolor*="a"], .box th:only-child[bgcolor*="e"], .box th:only-child[bgcolor*="i"], .box th:only-child[bgcolor*="o"], .box th:only-child[bgcolor*="u"], .box th:only-child[bgcolor*="y"] { background-color: #AAAAAA !important; color: black !important;} .box th, .box td {padding: 0.5em !important}

/* Special cases */ table.box ul {font-family: arial, sans-serif !important;}

/* Navigation elements (collapseable theme tables) */ .NavFrame { clear: both !important; margin-top: 12px !important; margin-bottom: 12px !important; padding: 2px !important; border: thin solid #666666 !important; background-color: white !important; font-family: arial, sans-serif !important;}

/* targetting headings */ .NavHead { height: auto !important; width: auto !important; border: thin solid #666666 !important; padding: 0 !important; background-color: #666666 !important; color: #EEEEEE !important; font-size: 90% !important;} .NavHead div {background-color: #666666 !important;} .NavHead a {color: #EEEEEE !important;} .NavHead img {display: none !important;}

/* view - talk - edit */ .NavHead .noprint span {color: #EEEEEE !important;} a.NavToggle {font-size: xx-small !important;} .collapsible span { font-size: xx-small !important; color: #EEEEEE !important;}

/* NavContent */ .NavContent, .NavContent .toccolours { width: auto !important; border: none !important;} .NavContent table, .NavContent td 	{background-color: transparent !important;}

/* Special cases */ table.NavContent ul {font-family: arial, sans-serif !important;}

/* Navigation elements - navbox version (non-collapsible) */ .navbox { background-color: inherit !important; font-size: 81% !important; padding: 0 !important; margin-top: 12px !important; margin-bottom: 12px !important; font-family: arial, sans-serif !important; border: thin solid #666666 !important;} .navbox tbody {margin: 0 !important;}

/* general cell settings */ table.navbox th { height: auto !important; border: thin solid #666666 !important; border-collapse: collapse !important; padding: 0 0.5em !important; background-color: #666666 !important; color: #EEEEEE !important;} .navbox th a {color: #EEEEEE !important;} .navbox td {padding: 0.5em !important;}

/* Special cases */ table.navbox ul {font-family: arial, sans-serif !important;}

/* Wikitables */ .wikitable { margin-top: 12px !important; margin-bottom: 12px !important; text-align: left !important; border: none !important; background-color: #EEEEEE !important; font-family: arial, sans-serif !important; font-size: 90% !important;}

/* general cell settings */ .wikitable th { background-color: #AAAAAA !important; color: black !important; font-weight: bold !important; margin: 0 !important; padding: 0.5em !important; border: thin solid #AAAAAA !important;} .wikitable td { border: thin solid #AAAAAA !important; padding: 0.5em !important;}

/* text alignment and weight */ .wikitable td b {font-weight: normal !important;}

/* Special cases */ table.wikitable ul {font-family: arial, sans-serif !important;}

/* Portal boxes */ div.tright[style*="font-size: 85%"] { float: right !important; border: none !important; margin: 15px 0 15px 15px !important; padding: 0.5em !important; background-color: #EEEEEE !important; font-family: arial, sans-serif !important; font-size: 85% !important;} div.tright[style*="font-size: 85%"] tr { margin: auto !important;}

/* Category links */ #catlinks { font-size: 90% !important; text-align: center !important; border: none !important; margin-top: 36px !important; margin-bottom: 8px !important; background-color: #EEEEEE !important; font-family: arial, sans-serif !important;} p.catlinks > a:first-child {font-weight: bold !important;} p.catlinks > a:first-child:after { content: "\A" !important; white-space: pre !important;}

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

/* Messageboxes (NPOVs and current events should display; others shouldn't (too goddamn many of them)) */ .messagebox, .messagebox-beige { border: none !important; margin-bottom: 8px !important; background-color: #EEEEEE !important; font-family: arial, sans-serif !important; font-size: 90% !important; text-align: center !important;} .cleanup, .protected, .linkless {display: none !important;}

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

/* Stubs */ #stub, #stub table {font-family: georgia, serif !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 */ .metadata {top: 35px !important;} #cornerbox {top: 20px !important;} #cornerbox {border: none !important;}

/* ******************************** */ /* PORTALS                         */ /* ******************************** */

h2[style*="border"] span.mw-headline big, h2[style*="border"] span.mw-headline i,   a[href*="action=edit"] span {font-family: arial, sans-serif !important;}

}