Wikimore

MediaWiki:Common.css je Cascading Style Sheet načtený po šabloně stylů aktivního vzhledu. Tento stylový list obsahuje všechny vzhledy a je k němu připojen podobný stylový list specifický pro daný vzhled – s názvem "MediaWiki:skinname.css" (viz níže). I když je na Special:AllMessages uveden pouze Monobook.css, ostatní stylové listy specifické pro daný vzhled budou fungovat i tak.

Pokud je $wgAllowUserCss nastaveno na hodnotu true, uživatelé si mohou rozhraní přizpůsobit pouze vytvořením podstránek s názvy začínajícími malými písmeny (viz níže).

Globální stylové šablony se nenačtou na speciálních omezených stránkách, jako je přihlášení nebo nastavení, pokud nepovolíte $wgAllowSiteCSSOnRestrictedPages .

Také se nenačtou, pokud je použit nouzový režim .

Seznam stylů

Globální stylové listy

Jedná se o styly, které ovlivňují všechny uživatele wiki v závislosti na jejich nastavení – jaký vzhled používají, jejich uživatelská skupina atd.

MediaWiki:Common.css - všechny vzhledy a všichni uživatelé, kromě MobileFrontendu
MediaWiki:skinname.css - pro každý vzhled je skinname hodnota dané proměnné v PHP souboru vašeho vzhledu, například MediaWiki:Vector.css, MediaWiki:Monobook.css
User group CSS - pro každou skupinu uživatelů, například MediaWiki:Group-sysop.css
MediaWiki:Noscript.css - pro uživatele, kteří si prohlížejí bez JavaScript. Lze nahradit selektorem body.client-nojs
MediaWiki:Print.css - pro "tisknutelné verze" stránek
MediaWiki:Mobile.css - pro mobilní témata, použito s Extension:MobileFrontend
MediaWiki:Filepage.css - konkrétně zaměřené na to, aby stránky souborů Commons (zahraniční repozitáře) fungovaly na 'lokálních' stránkách souborů.
MediaWiki:Apioutput.css - pro webové (ne JSON) výsledky dotazů API

Osobní styly

Toto jsou stylové listy, které můžete upravovat pouze vy a uživatelé s oprávněním editusercss , obvykle administrátoři rozhraní.

User:Example/common.css - všechny vzhledy – představeny v MW v1.17
User:Example/skinname.css - pro každý vzhled, například User:Example/vector.css a User:Example/monobook.css
User:Example/global.css - pro wiki rodinu, pokud se pro tuto rodinu používá Extension:GlobalCssJs

V případě konfliktních nastavení stylu pro určitý obsah závisí výsledné nastavení především na specifičnosti. U dvou pravidel se stejnou specifičností záleží na pořadí mezi styly a v rámci nich: vítězí poslední. Viz také kaskádové pořadí. Příkaz lze přepsat indikací !important, ale tomu je obecně třeba se vyhnout.

Selektory CSS

Ve vzhledu Monobooku zahrnují selektory CSS relevantní pro styl těla následující stránky. Pokud je to možné, jsou uvedeny příklady, které ukazují výsledek pro aktuální nastavení stylu:

:link – nenavštívený odkaz – příklad: help:index ; výchozí: help:index
:visited – navštívený odkaz
:link#contentTop
:link.external – http://example ; výchozí: http://example
:link.extiw – odkaz na interwiki v těle stránky – ; default: en:example ^[1]
:link.image – odkaz z celého obrázku na stránku s popisem obrázku
:link.internal – odkaz na samotný soubor (Media:) a odkazy z miniatury a ikony lupy na stránku s popisem obrázku (barva a velikost písma zadané pro a.internal platí pouze v prvním případě) – Media:example.png
:link.new – doesnotexist ; výchozí: doesnotexist
.allpagesredirect – abc – přesměrování v Special:Allpages a Special:Prefixindex
body.ns-0, ..., body.ns-15 (jmenné prostory)
div#bodyContent
div#column-content
div#editsection
div#globalWrapper
div#tocindent
div.tocline
h1.firstHeading
h2
h3
small – příklad
table.toc
:link a :visited – Častou chybou je používat hodnotu a místo :link nebo :visited pro stylování odkazů (nenavštívené a navštívené). Zatímco pozdější pseudoclassy se vztahují pouze na odkazy, a se vztahuje jak na odkazy, tak na pojmenované kotvy (např. <a name="bookmark">).

#p-lang a – pro mezijazykové odkazy

Styl může také záviset na hodnotě atributu, např. u selektorů:

:link[title = "User:username"]}}
link[title = "pagename"]}}
link[href = "full url "]}}

barevně odlišit nebo zvýraznit konkrétní uživatele (včetně sebe) a nebo odkazy na konkrétní stránky (například tučné zvýraznění sledovaných stránek v sekci Poslední změny).

Více na stránce Nápověda:Sledování stránek

Seznam sledovaných položek a Nedávné změny používají dvě třídy:

.autocomment
example
.new (viz níže)

Historie stránky má třídy autocomment a:

.user
.minor

Písmo určené pro user se tedy použije v historii stránky, ale ne v seznamu sledovaných položek ani v seznamu nedávných změn.

Úprava stránky

Editační pole: textarea#wpTextbox1

example1

Souhrnné pole pro úpravy: input#wpSummary

example2

Nezobrazovat

Jeden extrémní style pro text je display:none;, tj. jeho nezobrazení, např.

pqr → pr

Chcete-li, aby text mohl mít tento styl, zadejte pro něj třídu nebo ID. Uživatel, který jej chce skrýt, může odpovídajícím způsobem specifikovat ve svém vlastním CSS:

.classname {display: none;} or #id {display: none;}

Nezobrazené odkazy nefungují, na rozdíl od odkazů s velmi malým písmem, srovnej:

p[[q]]r gives pr

p[[q]]r gives pqr

Nelze jej použít k odstranění textu ve výrazech pro názvy šablon, názvy parametrů, hodnoty parametrů, názvy stránek v odkazech atd.

Zatímco display: none; neprodukuje nic, visibility: hidden; produkuje prázdné mezery nahrazující obsah. Jeho opakem je visibility: visible;.

Příklad:

pqr gives pqr

Zkuste stránku prozkoumat pomocí nástrojů pro vývojáře, které jsou pravděpodobně součástí vašeho prohlížeče, abyste našli skrytý prvek.

Pokud chcete zobrazit skrytý text, můžete použít doplněk pro váš prohlížeč. Například doplněk Web Developer je k dispozici pro Firefox a Chrome. Můžete si ho přidat do prohlížeče a poté v panelu nástrojů vybrat "Různé" -> "Zobrazit skryté prvky", čímž se zobrazí všechny skryté prvky.

Netisknutelné

Obsah lze z tisku vyloučit (pokud prohlížeč podporuje CSS) deklarací obsahu třídy "noprint":

<div class="someclass noprint">This will not appear in the print version.</div>

Styl závislý na parametru nebo proměnné

Třída nebo ID proměnné

Třída nebo ID může záviset na výsledku vytvořeném šablonou nebo na parametru šablony, např. class="abc{{{1|def}}}". Pro jeden nebo více možných názvů tříd lze definovat styl dané třídy. Pokud třída není definována, je ignorována, takže se použije standardní styl. V nejjednodušším případě máme např. class="abc{{{1}}}" a definujeme třídu abcdef. If the parameter value is "def", it applies.

Pokud má stránka pro obecné použití smysl pouze tehdy, když jsou pro určité třídy definovány styly, pak je nutné je specifikovat na stránce MediaWiki:Common.css, což platí pro všechny uživatele a všechny vzhledy, pokud nejsou přepsány.

Hodnota parametru stylu proměnné

Wikitext like

<span style="display:{{{3|none}}}">Wed</span>

displays "Wed" if parameter 3 is defined, but its value is not "none", and displays nothing if parameter 3 is undefined or "none". Pokud je hodnota parametru 3 jiný styl zobrazení než none, použije se tento styl.

Související odkazy

Category:CSS/cs

↑ The HTML code is <a href="//en.wikipedia.org/wiki/example" class="extiw" title="en:example">en:example</a>, the same in all skins.

[1] The HTML code is <a href="//en.wikipedia.org/wiki/example" class="extiw" title="en:example">en:example</a>, the same in all skins.

[1]