Widget:CSS: Unterschied zwischen den Versionen
Aus Stupidedia, der sinnfreien Enzyklopädie!
K (→Code) |
K (→Code) |
||
| Zeile 13: | Zeile 13: | ||
</noinclude><syntaxhighlight lang="css"> | </noinclude><syntaxhighlight lang="css"> | ||
<style type="text/css"> | <style type="text/css"> | ||
| − | {if isset($media)} | + | <!--{if isset($media)}--> |
@media (<!--{$media|regex_replace:'/[<{}]/':''|default:''}--> { | @media (<!--{$media|regex_replace:'/[<{}]/':''|default:''}--> { | ||
| − | {/if} | + | <!--{/if}--> |
div#mw-content-text <!--{$selectors|regex_replace:'/[<{}]/':''|replace:',':', div#mw-content-text '|default:''}--> { | div#mw-content-text <!--{$selectors|regex_replace:'/[<{}]/':''|replace:',':', div#mw-content-text '|default:''}--> { | ||
<!--{$style|regex_replace:'# [{}<>] | expression | filter\s*: | accelerator\s*: | url\s*\(\s*[\'"](?!(https?://www\.stupidedia\.org|https?://stupidedia.localhost|)/images/.*) | image\s*\( | image-set\s*\( #ix':''}-->; | <!--{$style|regex_replace:'# [{}<>] | expression | filter\s*: | accelerator\s*: | url\s*\(\s*[\'"](?!(https?://www\.stupidedia\.org|https?://stupidedia.localhost|)/images/.*) | image\s*\( | image-set\s*\( #ix':''}-->; | ||
} | } | ||
| − | {if isset($media)} | + | <!--{if isset($media)}--> |
} | } | ||
| − | {/if} | + | <!--{/if}--> |
</style> | </style> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Version vom 5. November 2016, 18:03 Uhr
Weist Elementen CSS zu. Darf gerne auf allen Seiten verwendet werden, sofern es nötig und sinnvoll ist.
Anwendung
{{#widget:CSS|selectors=Elementselektoren|style=CSS}}
Die Elementselektoren sind beliebige CSS-Selektoren, die allerdings keine Kommata enthalten dürfen, da damit die einzelnen Selektoren getrennt werden. Es funktionieren aber generell nur Selektoren innerhalb des Inhaltsbereichs.
CSS ist das Gleiche, was auch im style-Attribut eines Elements stehen kann.
Guckst du auch Hilfe:Stylesheets.
Code
<style type="text/css">
<!--{if isset($media)}-->
@media (<!--{$media|regex_replace:'/[<{}]/':''|default:''}--> {
<!--{/if}-->
div#mw-content-text <!--{$selectors|regex_replace:'/[<{}]/':''|replace:',':', div#mw-content-text '|default:''}--> {
<!--{$style|regex_replace:'# [{}<>] | expression | filter\s*: | accelerator\s*: | url\s*\(\s*[\'"](?!(https?://www\.stupidedia\.org|https?://stupidedia.localhost|)/images/.*) | image\s*\( | image-set\s*\( #ix':''}-->;
}
<!--{if isset($media)}-->
}
<!--{/if}-->
</style>
