MediaWiki:Monobook.css: Porovnání verzí
(Převzato z cs.wiki) |
(Převzato z cs.wiki) |
||
Řádka 1: | Řádka 1: | ||
/* | /* | ||
− | + | == CSS stylopis používaný pouze ve vzhledu monobook == | |
− | Pokud chcete změnit | + | Pokud chcete změnit vzhled pro všechny uživatele, musíte editovat [[MediaWiki:Common.css]]. |
− | Veškeré změny byste měli otestovat pomocí [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fcs.wikipedia.org%2Fwiki%2FMediaWiki% | + | Veškeré změny byste měli otestovat pomocí [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fcs.wikipedia.org%2Fwiki%2FMediaWiki%3AMonobook.css%3Faction%3Draw%26ctype%3Dtext%2Fcss%26usermedium%3Dall&usermedium=all Validátoru W3C]. |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <pre><nowiki>*/ | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /* Vzhled siteNotice pro financovací kampaně */ | |
− | + | #siteNotice { | |
− | + | margin-top:5px; | |
− | + | padding-left: 4px; | |
+ | font-style: italic; | ||
+ | text-align: center; | ||
+ | } | ||
− | + | /* Veškeré pozicování vnitřních prvků bude vůči obsahu (bez nadpisu), ne celé stránce */ | |
− | + | #bodyContent { | |
− | + | position: relative; | |
− | + | } | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /* Chybové hlášky tučně */ | |
− | + | p.error { | |
− | + | font-weight: bold; | |
− | + | } | |
− | |||
− | |||
− | + | /* Aby thumby obrázků neměli šedivé pozadí, ale bílé */ | |
− | + | div.thumb img { | |
− | + | background-color: white | |
− | + | } | |
− | |||
− | |||
− | + | /******************************************/ | |
− | + | /* DESIGN LOGIN STRÁNKY */ | |
− | + | /******************************************/ | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | #pt-login { | |
− | + | font-weight: bold; | |
− | + | font-size: 110%; | |
− | + | } | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | form#userlogin2 { | |
− | + | float: left; | |
− | + | padding: 1em 1em .7em 1em; | |
− | + | background-color: #ffffe6; | |
+ | border: 2px solid #fc6; | ||
+ | color: #000; | ||
+ | margin-right: 2em; | ||
+ | } | ||
− | + | form#userlogin2 table { | |
− | + | float: left; | |
− | + | background-color: #ffffe6; | |
− | + | color: #000; | |
+ | } | ||
− | + | /*************************/ | |
− | + | /* Relativní výška řádku */ | |
− | + | /*************************/ | |
− | + | /* Aby se výška řádku měnila při případné změně velikosti písma, | |
− | + | nesmí být definována s jednotkami, jak to bohužel je v systémovém | |
− | + | monobook.css (viz též [[bugzilla:2013]]). | |
− | + | Takže předefinujeme stejné výšky jako tam, jenom bez jednotek | |
− | + | namísto tam používaných em. */ | |
− | + | p { | |
− | + | line-height: 1.5; | |
− | + | } | |
− | + | ul { | |
− | + | line-height: 1.5; | |
− | + | } | |
− | + | ol { | |
− | + | line-height: 1.5; | |
− | + | } | |
− | + | dd { | |
− | + | line-height: 1.5; | |
− | + | } | |
− | + | fieldset { | |
− | + | line-height: 1.5; | |
− | + | } | |
− | + | pre { | |
− | + | line-height: 1.1; | |
− | + | } | |
− | + | #contentSub, #contentSub2 { | |
− | + | line-height: 1.2; | |
− | + | } | |
− | + | .documentDescription { | |
− | + | line-height: 1.5; | |
− | + | } | |
− | + | div.thumb div div.thumbcaption { | |
− | + | line-height: 1.4; | |
− | + | } | |
− | + | .special li { | |
− | + | line-height: 1.4; | |
− | + | } | |
− | + | .portlet ul { | |
− | + | line-height: 1.5; | |
− | + | } | |
− | + | #p-personal { | |
− | + | line-height: 1.2; | |
− | + | } | |
− | + | #p-personal ul { | |
− | + | line-height: 1.4; | |
− | + | } | |
− | + | #p-personal li { | |
− | + | line-height: 1.2; | |
− | + | } | |
− | + | #p-cactions { | |
− | + | line-height: 1.1; | |
− | + | } | |
− | + | #login-emailforlost { | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
line-height: 1.2; | line-height: 1.2; | ||
− | + | } | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /******************************************/ | |
− | + | /* POZADÍ STRÁNEK PODLE JMENNÉHO PROSTORU */ | |
− | + | /******************************************/ | |
− | + | /* Všem stránkám mimo hlavní jmenný prostor nastavíme světle modré pozadí. | |
− | + | To se provede pomocí nastavení světle modrého pozadí všem a poté | |
− | + | přenastavení na bílou pro v .ns-0. Totéž se provede pro pozadí | |
− | + | záložek. (podle en: a de:) */ | |
− | + | #content, | |
− | + | #mytabs li.selected a, | |
− | + | #p-cactions li.selected a { | |
− | + | background-color: #F8FCFF; /* světle modrá */ | |
− | + | } | |
+ | .ns-0 #content, | ||
+ | .ns-0 #mytabs li.selected a, | ||
+ | .ns-0 #p-cactions li.selected a { | ||
+ | background-color: white; | ||
+ | } | ||
+ | .ns--1 table, | ||
+ | .ns-4 table, | ||
+ | .ns--1 form { | ||
+ | background: inherit; | ||
+ | } | ||
− | + | /* Nadpis tabulek (pomocí |+) větší a tučný */ | |
− | + | caption { | |
− | + | font-size: 105%; | |
− | + | font-weight: bold; | |
+ | } | ||
− | + | /* Ztučnit 'editovat' pro přilákání nováčků */ | |
− | + | #ca-edit a { font-weight: bold; } | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /******************************************/ | |
− | + | /* ZEMĚPISNÉ SOUŘADNICE */ | |
− | + | /******************************************/ | |
− | + | /* Zeměpisné souřadnice pomocí šablony {{geo}} se zobrazují v pravém horním | |
− | + | rohu, vedle nadpisu. */ | |
− | |||
− | + | #geocoord { | |
− | + | position: absolute; | |
− | + | z-index: 1; | |
− | + | border: none; | |
− | + | background: none; | |
− | + | right: 12px; | |
− | + | top: -3.7em; | |
+ | width: 45em; | ||
+ | float: right; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | line-height: 1.5; | ||
+ | text-align: right; | ||
+ | text-indent: 0; | ||
+ | font-size: 85%; | ||
+ | text-transform: none; | ||
+ | white-space: normal; | ||
+ | } | ||
− | + | #geocoord a[href ^="http://"] { | |
− | + | background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/5/59/Geographylogo.png/20px-Geographylogo.png) center right no-repeat; padding-right: 18px; | |
− | + | } | |
− | |||
− | + | /*************/ | |
− | + | /* Aktuality */ | |
− | + | /*************/ | |
− | + | /* Styl vzhledu pro nove technicke reseni Aktualit | |
+ | Definice vypada jako necislovany seznam */ | ||
− | + | #Aktuality dd { | |
− | + | display: list-item; | |
− | + | list-style-type: square; | |
− | + | list-style-image: url("/skins-1.5/monobook/bullet.gif"); | |
− | + | padding: 0; | |
− | + | } | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /* Obrázek v rámečku */ | |
− | + | .framedpicture img { | |
− | + | border: 1px solid #aaa; | |
− | + | } | |
− | |||
− | |||
− | |||
− | |||
− | + | /* Seznam definic, ale s odrážkami */ | |
− | + | .odrazenedefinice dd { | |
− | + | list-style-image: url("/skins-1.5/monobook/bullet.gif"); | |
+ | } | ||
− | + | /*********************************/ | |
− | + | /* Styl pro [[Wikipedie:Údržba]] */ | |
− | + | /*********************************/ | |
+ | /* monobook skin, vytvořil Danny B. */ | ||
− | + | #Wikipedie--Udrzba__Akce h2 { | |
− | + | margin: 0; | |
− | + | padding-top: 0; | |
− | + | } | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | #Wikipedie--Udrzba__Akce h3 { | |
− | + | margin: 0 0 .25em 0; | |
+ | padding: 0; | ||
+ | } | ||
− | + | #Wikipedie--Udrzba__Akce ul { | |
− | + | margin-bottom: 0; | |
− | + | margin-right: 0; | |
− | + | margin-top: 0; | |
− | + | padding: 0; | |
− | + | } | |
− | |||
− | |||
− | |||
− | |||
− | + | /***************************\ | |
− | + | |* MediaWiki:Noarticletext *| | |
− | + | |* vytvořil Danny B. *| | |
− | + | \***************************/ | |
− | + | div.noarticletext | |
− | + | { | |
− | + | border: 1px solid #fabd23; | |
− | + | padding: .25em .5em; | |
+ | } | ||
− | + | /*****************************************\ | |
− | + | |* override změny provedené vývojáři *| | |
− | + | |* v globálních needitovatelných stylech *| | |
− | + | |* způsobující "přeškrtávání" infoboxů *| | |
− | + | |* (dočasný workaround) *| | |
− | + | \*****************************************/ | |
− | + | table | |
− | + | { | |
+ | background-color: #fff; | ||
+ | } | ||
+ | /*</nowiki></pre>*/ |
Verse z 28. 9. 2006, 07:27
/* == CSS stylopis používaný pouze ve vzhledu monobook == Pokud chcete změnit vzhled pro všechny uživatele, musíte editovat [[MediaWiki:Common.css]]. Veškeré změny byste měli otestovat pomocí [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fcs.wikipedia.org%2Fwiki%2FMediaWiki%3AMonobook.css%3Faction%3Draw%26ctype%3Dtext%2Fcss%26usermedium%3Dall&usermedium=all Validátoru W3C]. <pre><nowiki>*/ /* Vzhled siteNotice pro financovací kampaně */ #siteNotice { margin-top:5px; padding-left: 4px; font-style: italic; text-align: center; } /* Veškeré pozicování vnitřních prvků bude vůči obsahu (bez nadpisu), ne celé stránce */ #bodyContent { position: relative; } /* Chybové hlášky tučně */ p.error { font-weight: bold; } /* Aby thumby obrázků neměli šedivé pozadí, ale bílé */ div.thumb img { background-color: white } /******************************************/ /* DESIGN LOGIN STRÁNKY */ /******************************************/ #pt-login { font-weight: bold; font-size: 110%; } form#userlogin2 { float: left; padding: 1em 1em .7em 1em; background-color: #ffffe6; border: 2px solid #fc6; color: #000; margin-right: 2em; } form#userlogin2 table { float: left; background-color: #ffffe6; color: #000; } /*************************/ /* Relativní výška řádku */ /*************************/ /* Aby se výška řádku měnila při případné změně velikosti písma, nesmí být definována s jednotkami, jak to bohužel je v systémovém monobook.css (viz též [[bugzilla:2013]]). Takže předefinujeme stejné výšky jako tam, jenom bez jednotek namísto tam používaných em. */ p { line-height: 1.5; } ul { line-height: 1.5; } ol { line-height: 1.5; } dd { line-height: 1.5; } fieldset { line-height: 1.5; } pre { line-height: 1.1; } #contentSub, #contentSub2 { line-height: 1.2; } .documentDescription { line-height: 1.5; } div.thumb div div.thumbcaption { line-height: 1.4; } .special li { line-height: 1.4; } .portlet ul { line-height: 1.5; } #p-personal { line-height: 1.2; } #p-personal ul { line-height: 1.4; } #p-personal li { line-height: 1.2; } #p-cactions { line-height: 1.1; } #login-emailforlost { line-height: 1.2; } /******************************************/ /* POZADÍ STRÁNEK PODLE JMENNÉHO PROSTORU */ /******************************************/ /* Všem stránkám mimo hlavní jmenný prostor nastavíme světle modré pozadí. To se provede pomocí nastavení světle modrého pozadí všem a poté přenastavení na bílou pro v .ns-0. Totéž se provede pro pozadí záložek. (podle en: a de:) */ #content, #mytabs li.selected a, #p-cactions li.selected a { background-color: #F8FCFF; /* světle modrá */ } .ns-0 #content, .ns-0 #mytabs li.selected a, .ns-0 #p-cactions li.selected a { background-color: white; } .ns--1 table, .ns-4 table, .ns--1 form { background: inherit; } /* Nadpis tabulek (pomocí |+) větší a tučný */ caption { font-size: 105%; font-weight: bold; } /* Ztučnit 'editovat' pro přilákání nováčků */ #ca-edit a { font-weight: bold; } /******************************************/ /* ZEMĚPISNÉ SOUŘADNICE */ /******************************************/ /* Zeměpisné souřadnice pomocí šablony {{geo}} se zobrazují v pravém horním rohu, vedle nadpisu. */ #geocoord { position: absolute; z-index: 1; border: none; background: none; right: 12px; top: -3.7em; width: 45em; float: right; margin: 0; padding: 0; line-height: 1.5; text-align: right; text-indent: 0; font-size: 85%; text-transform: none; white-space: normal; } #geocoord a[href ^="http://"] { background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/5/59/Geographylogo.png/20px-Geographylogo.png) center right no-repeat; padding-right: 18px; } /*************/ /* Aktuality */ /*************/ /* Styl vzhledu pro nove technicke reseni Aktualit Definice vypada jako necislovany seznam */ #Aktuality dd { display: list-item; list-style-type: square; list-style-image: url("/skins-1.5/monobook/bullet.gif"); padding: 0; } /* Obrázek v rámečku */ .framedpicture img { border: 1px solid #aaa; } /* Seznam definic, ale s odrážkami */ .odrazenedefinice dd { list-style-image: url("/skins-1.5/monobook/bullet.gif"); } /*********************************/ /* Styl pro [[Wikipedie:Údržba]] */ /*********************************/ /* monobook skin, vytvořil Danny B. */ #Wikipedie--Udrzba__Akce h2 { margin: 0; padding-top: 0; } #Wikipedie--Udrzba__Akce h3 { margin: 0 0 .25em 0; padding: 0; } #Wikipedie--Udrzba__Akce ul { margin-bottom: 0; margin-right: 0; margin-top: 0; padding: 0; } /***************************\ |* MediaWiki:Noarticletext *| |* vytvořil Danny B. *| \***************************/ div.noarticletext { border: 1px solid #fabd23; padding: .25em .5em; } /*****************************************\ |* override změny provedené vývojáři *| |* v globálních needitovatelných stylech *| |* způsobující "přeškrtávání" infoboxů *| |* (dočasný workaround) *| \*****************************************/ table { background-color: #fff; } /*</nowiki></pre>*/