Manual:Interface/Stylesheets/nl
MediaWiki:Common.css is een CCS dat geladen wordt na het actieve stylesheet van de Skin. Dit stylesheet wordt met alle skins geladen en een gelijksoortig stylesheet specifiek voor de skin met de naam "MediaWiki:skinname.css" wordt eraan toegevoegd (zie hieronder). Alhoewel alleen Monobook.css op Special:AllMessages wordt getoond, zullen de andere skin specifieke stylesheets ook werken.
Als $wgAllowUserCss de waarde true heeft, kunnen gebruikers de interface voor zichzelf aanpassen door gebruikerssubpagina's te maken met titels in kleine letters (zie hieronder).
De global stylesheets zullen niet op de speciale beperkte pagina's worden geladen, dit zijn pagina's als Inloggen en Voorkeuren, tenzij u $wgAllowSiteCSSOnRestrictedPages inschakelt.
Ze zullen ook niet laden als de safemode wordt gebruikt.
Lijst van de stylesheets
Globale stylesheets
Dit zijn stylesheets die alle gebruikers van de wiki beïnvloeden, afhankelijk van hun isstelling - welke skin ze gebruiken, hun gebruikersgroep, enz.
- MediaWiki:Common.css - (alle skins en alle gebruikers, m.u.v. voor het MobileFrontend)
- MediaWiki:skinname.css - (per skin, skinname is de waarde van die variabele in het PHP-bestand van uw skin. Bijvoorbeeld: MediaWiki:Vector.css, MediaWiki:Monobook.css)
- User group CSS - (per gebruikersgroep, voorbeeld: MediaWiki:Group-sysop.css)
- MediaWiki:Noscript.css - (voor gebruikers die kijken zonder JavaScript; kan vervangen worden door een
body.client-nojs
selector) - MediaWiki:Print.css - (voor "afdrukbare versies" van pagina's)
- MediaWiki:Mobile.css - (voor Mobiele thema's,gebruikt met de extensie MobileFrontend )
- MediaWiki:Filepage.css - specifiek bedoeld om Commons bestandspagina's te hebben (externe repositories) werken op 'lokale' bestandspagina's.
- MediaWiki:Apioutput.css - for the web (not JSON) results of API queries
Persoonlijke stylesheets
Dit zijn stylesheets die u alleen zelf (en gebruikers met het recht editusercss , meestal interfacebeheerders) kunt bewerken.
- User:Example/common.css - (alle skins, vanaf MediaWiki 1.17)
- User:Example/skinname.css - (per skin, bijvoorbeeld User:Example/vector.css en User:Example/monobook.css)
- User:Example/global.css - (per wiki familie, indien Extension:GlobalCssJs daar gebruikt wordt)
In het geval van tegenstrijdige stijlinstellingen voor een deel van de inhoud hangt de resulterende instelling voornamelijk af van de specificiteit. 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.
CSS-selectors
In de skin Monobook zijn de CSS-selectors die relevant zijn voor de stijl van de hoofdtekst van de pagina onder andere de hieronder genoemde. Voor zover mogelijk worden er voorbeelden gegeven, die het resultaat voor de huidige stijlinstellingen tonen:
– unvisited link – example: help:index ; default: help:index:link
– visited link:visited
:link#contentTop
– http://example ; default: http://example:link.external
– interwiki link in page body – ; default: en:example [1]:link.extiw
– link from full image to image description page:link.image
– 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.internal
– doesnotexist ; default: doesnotexist:link.new
– abc – redirects in Special:Allpages and Special:Prefixindex.allpagesredirect
(namespaces)body.ns-0, ..., body.ns-15
div#bodyContent
div#column-content
div#editsection
div#globalWrapper
div#tocindent
div.tocline
h1.firstHeading
h2
h3
– examplesmall
table.toc
and:link
– It's a common mistake to use ":visited
" instead of "a
" or ":link
" to style links (unvisited and visited, respectively). Whereas later pseudoclasses apply only to links, ":visited
" applies to both links and named anchors (e.g.a
<a name="bookmark">
).
– for interlanguage links#p-lang a
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
(see below).new
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
- Edit summary box:
input#wpSummary
Non-display
One extreme "style" for a text is "display:none;", i.e., not displaying it, e.g.
p<span style="display:none;">q</span>r
gives p r
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<span style="display:none;">[[q]]</span>r
gives p rp<small><small><small><small><small>[[q]]</small></small></small></small></small>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:
p<span style="visibility: hidden;">q</span>r
gives p r
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.
Zie ook
- ↑ The HTML code is
<a href="//en.wikipedia.org/wiki/example" class="extiw" title="en:example">en:example</a>
, the same in all skins.