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. For two rules of the same specificity, it depends on order between and within stylesheets: the last wins. See also cascading order. The order can be overriden with the indication "!important", but this should generally be avoided.

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 – unvisited link – example: help:index ; default: help:index
:visited – visited link
:link#contentTop
:link.external – http://example ; default: http://example
:link.extiw – interwiki link in page body – ; default: en:example ^[1]
:link.image – link from full image to image description page
:link.internal – link to file itself (Media:), and links from thumbnail and magnifying glass icon to image description page (note that color and font size specified for a.internal are only applicable in the first case) – Media:example.png
:link.new – doesnotexist ; default: doesnotexist
.allpagesredirect – abc – redirects in Special:Allpages and Special:Prefixindex
body.ns-0, ..., body.ns-15 (namespaces)
div#bodyContent
div#column-content
div#editsection
div#globalWrapper
div#tocindent
div.tocline
h1.firstHeading
h2
h3
small – example
table.toc
:link and :visited – It's a common mistake to use "a" instead of ":link" or ":visited" to style links (unvisited and visited, respectively). Whereas later pseudoclasses apply only to links, "a" applies to both links and named anchors (e.g. <a name="bookmark">).

#p-lang a – for interlanguage links

One may also have the style depend on the value of an attribute, e.g. with the selectors:

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

to color-code or highlight particular users (including oneself) and/or links to particular pages (like the bolding of watched pages on Recent Changes).

See also Help:Watching pages#CSS

The watchlist and Recent Changes use two classes:

.autocomment
example
.new (see below)

The page history has classes autocomment and:

.user
.minor

Thus the font specified for user applies in the page history, but not in the watchlist or Recent Changes.

Edit page

Edit box: textarea#wpTextbox1

example1

Edit summary box: input#wpSummary

example2

Non-display

One extreme "style" for a text is "display:none;", i.e., not displaying it, e.g.

pqr gives pr

To allow a text to optionally have this style, specify a class or id for it; a user who wants to hide it can then correspondingly specify in their personal CSS:

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

Non-displayed links do not work, as opposed to links in a very small font, compare:

p[[q]]r gives pr

p[[q]]r gives pqr

It cannot be used to remove text in expressions for template names, parameter names, parameter values, page names in links, etc.

While "display: none;" produces nothing, "visibility: hidden;" produces blank spaces replacing the content; its opposite is "visibility: visible;".

Example:

pqr gives pqr

Try inspecting the page with the Developer tools probably provided with your browser to find the hidden element.

If you would like to view the hidden text, you could use an add-on for your browser. For example, the Web Developer add-on is available for Firefox and Chrome. You could add it to your browser and then choose Misc. -> Display Hidden Elements in that toolbar, to make all hidden elements appear.

Non-print

One can exclude content from being printed (if the browser supports CSS) by declaring the content to be of the "noprint" class:

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

Style depending on a parameter or variable

Variable class or ID

A class or ID can depend on the result produced by a template or on a template parameter, e.g., class="abc{{{1|def}}}". For one or more of the possible class names, the style of that class can be defined. If the class is undefined it is ignored, so the standard style is used.

In the simplest case, we have e.g., class="abc{{{1}}}" and define class abcdef. If the parameter value is "def", it applies.

If a page for general use only makes sense when styles are defined for certain classes, then these have to be specified in the page MediaWiki:Common.css, which applies for all users and all skins, as far as not overridden.

Variable style parameter value

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". If the value of parameter 3 is a display style other than "none", that style is applied.

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]