MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Zeile 1: | Zeile 1: | ||
/* CSS an dieser Stelle wirkt sich auf alle Skins aus */ | /* CSS an dieser Stelle wirkt sich auf alle Skins aus */ | ||
− | body { | + | /* ******************************** */ |
− | background: none; | + | /* GLOBAL */ |
− | font-family: | + | /* ******************************** */ |
− | font-size: | + | |
− | line-height: 1. | + | |
− | } | + | 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: 100px 0 !important; /* footerstick */ | ||
+ | } | ||
+ | #bodyContent { | ||
+ | width: 100% !important; | ||
+ | margin: 0 !important; | ||
+ | margin-top: 125px !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; | ||
+ | width: 80% !important; | ||
+ | border-bottom: thin solid #999 !important; | ||
+ | border-left: thin solid #999 !important; | ||
+ | border-right: thin solid #999 !important; | ||
+ | margin: 0 !important; | ||
+ | padding: 15px 0 !important; | ||
+ | white-space: normal !important; | ||
+ | text-align: left !important; | ||
+ | background-repeat: no-repeat !important; | ||
+ | vertical-align: middle !important; | ||
+ | background-position: top left !important; | ||
+ | background-image: url(http://pics.viharpander.dk/stylish/wplogo_622x60.png) !important; | ||
+ | } | ||
+ | #column-one * {font-size: 11px !important;} | ||
+ | .portlet:not(#p-cactions) { | ||
+ | display: block !important; | ||
+ | position: relative !important; | ||
+ | z-index: 10 !important; | ||
+ | float: left !important; | ||
+ | clear: none !important; | ||
+ | overflow: visible !important; | ||
+ | width: auto !important; | ||
+ | margin: 0 35px 0 15px !important; | ||
+ | padding: 0 !important; | ||
+ | text-transform: lowercase !important; | ||
+ | } | ||
+ | .portlet:not(#p-cactions) .pBody { | ||
+ | display: none !important; | ||
+ | position: absolute !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: 200px !important; | ||
+ | left: 0 !important; | ||
+ | width: 100% !important; | ||
+ | height: auto !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 */ | ||
+ | /* ******************************** */ | ||
+ | |||
+ | #p-personal:not(#p-cactions) { | ||
+ | position: absolute !important; | ||
+ | left: auto !important; top: auto !important; right: 15px !important; | ||
+ | text-align: right !important; | ||
+ | padding: 0 !important; | ||
+ | margin: 0 !important; | ||
+ | } | ||
+ | #p-personal:not(#p-cactions) .pBody | ||
+ | #p-personal li {margin: 0 !important; padding: 0 !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), | ||
+ | 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: 50px !important; | ||
+ | padding: 0 !important; | ||
+ | border-bottom: none !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: thin solid #999 !important; | ||
+ | border-right: thin solid #999 !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 */ | ||
+ | |||
+ | /* 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-variant: small-caps !important; | ||
+ | font-size: 150% !important; | ||
+ | border: none !important; | ||
+ | padding-top: 0 !important; | ||
+ | } | ||
+ | #bodyContent h2 {border-bottom-color: #DDDDDD !important;} | ||
+ | .firstHeading { | ||
+ | margin: 0 !important; | ||
+ | padding: 0 !important; | ||
+ | } | ||
+ | #siteSub { | ||
+ | position: absolute !important; | ||
+ | top: 120px !important; | ||
+ | } | ||
+ | #contentSub { | ||
+ | position: absolute !important; | ||
+ | top: 150px !important; | ||
+ | margin: 0 !important; | ||
+ | } | ||
+ | |||
+ | /* Hyperlinks */ | ||
+ | #content a, | ||
+ | #footer a | ||
+ | {text-decoration: none !important;} | ||
+ | |||
+ | /* Lists */ | ||
+ | ul, ol { | ||
+ | list-style-image: none !important; | ||
+ | list-style-position: inside !important; | ||
+ | } | ||
+ | #bodyContent > 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;} disabled for greasemonkey version */ | ||
+ | .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"], | |
− | width | + | table.toccolours[style*="width: 100%"], |
− | margin | + | 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 | + | 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; | ||
+ | } | ||
+ | |||
+ | } |
Version vom 15. Juni 2012, 22:13 Uhr
/* CSS an dieser Stelle wirkt sich auf alle Skins aus */ /* ******************************** */ /* 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: 100px 0 !important; /* footerstick */ } #bodyContent { width: 100% !important; margin: 0 !important; margin-top: 125px !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; width: 80% !important; border-bottom: thin solid #999 !important; border-left: thin solid #999 !important; border-right: thin solid #999 !important; margin: 0 !important; padding: 15px 0 !important; white-space: normal !important; text-align: left !important; background-repeat: no-repeat !important; vertical-align: middle !important; background-position: top left !important; background-image: url(http://pics.viharpander.dk/stylish/wplogo_622x60.png) !important; } #column-one * {font-size: 11px !important;} .portlet:not(#p-cactions) { display: block !important; position: relative !important; z-index: 10 !important; float: left !important; clear: none !important; overflow: visible !important; width: auto !important; margin: 0 35px 0 15px !important; padding: 0 !important; text-transform: lowercase !important; } .portlet:not(#p-cactions) .pBody { display: none !important; position: absolute !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: 200px !important; left: 0 !important; width: 100% !important; height: auto !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 */ /* ******************************** */ #p-personal:not(#p-cactions) { position: absolute !important; left: auto !important; top: auto !important; right: 15px !important; text-align: right !important; padding: 0 !important; margin: 0 !important; } #p-personal:not(#p-cactions) .pBody #p-personal li {margin: 0 !important; padding: 0 !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), 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: 50px !important; padding: 0 !important; border-bottom: none !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: thin solid #999 !important; border-right: thin solid #999 !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 */ /* 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-variant: small-caps !important; font-size: 150% !important; border: none !important; padding-top: 0 !important; } #bodyContent h2 {border-bottom-color: #DDDDDD !important;} .firstHeading { margin: 0 !important; padding: 0 !important; } #siteSub { position: absolute !important; top: 120px !important; } #contentSub { position: absolute !important; top: 150px !important; margin: 0 !important; } /* Hyperlinks */ #content a, #footer a {text-decoration: none !important;} /* Lists */ ul, ol { list-style-image: none !important; list-style-position: inside !important; } #bodyContent > 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;} disabled for greasemonkey version */ .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; } }