Zuletzt bearbeitet vor 8 Monaten
von Margit Link-Rodrigue

Referenz:FlexiSkin und MediaWiki:Common.css: Unterschied zwischen den Seiten

(Unterschied zwischen Seiten)
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
Keine Bearbeitungszusammenfassung
 
Zeile 1: Zeile 1:
{{BSExtensionInfobox
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
|desc=Oberfläche zur Anpassung des Wiki-Skins
table {font-size: var(--content-font-size);}
|status=stable
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {padding: 0.8em 0.4em;}
|developer=HalloWelt
span.new::after { content: 'neu!'; vertical-align: super; background: #64b334; margin-left: 3px;font-size: 10px;padding: 2px 5px; border-radius: 50%;
|type=MediaWiki
color:#ffffff;}
|edition=BlueSpice Cloud
.flexbox{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;align-content:stretch;}
|active=Ja
.flexbox div{margin:5px;padding:2px 8px;text-align:center;background:#ececec}
|compatible=MediaWiki
.center > div.thumb {margin-top:2em}
|category=Skinning
#content .toctitle h2 {margin-right: 1em; display: inline;font-size: 1.4rem;}
|license=GPL v2+
}}
Mit '''FlexiSkin''' kann das Design des Wikis verändert werden. Es ist möglich, Themen zu wählen und die Farben und Schriftarten des Inhalts anzupassen. Logo und Favicon können ebenso angepasst werden.


==Nutzung / Funktionen==
/*Tours */
.nextstep {display: inline-block;padding: 6px;background: #36c;border-radius: 2px;color: #ffffff;font-weight: bold;}
#mw-content-text .nextstep a:not(.new), [class^="mw-content-"] .nextstep a:not(.new), #mw-content-text .nextstep a:link:not(.new), [class^="mw-content-"] .nextstep a:link:not(.new) {
    color: #ffffff;    font-weight: bold;}
#mw-content-text .nextstep a:not(.new):hover, #mw-content-text .nextstep a:link:not(.new):hover, [class^="mw-content-"] .nextstep a:link:not(.new):hover {
    color: #efefef;}
.nextstep a:not(.new)::after, .nextstep a:link:not(.new)::after {content: " \25B6";}


*Eigene Spezialseite:'' Spezial:FlexiSkin''
/*Main page*/
*Farbpipette und Standard-Farbpalette zur Erleichterung der Farbauswahl
.flexbox-portal div > h2 span::before {vertical-align: text-bottom; size:1.1em;}
*Anpassung der Schriftart, Schriftgröße und Farbe für Überschriften und Inhalt
#maintopics ul {list-style: none!important;}
*Logo / Favicon Upload via "Drag&Drop"
#maintopics li {padding-bottom:0.6em!important;margin-left: 12px!important;}
 
#mpbanner {background:#fff url(/w/nsfr_img_auth.php/f/fa/BlueSpice-Demo_Header.jpg) -90px no-repeat; padding-bottom: 20px; background-size: 1000px 122px;}
==<span class="mw-headline" id="Technical_information" style="box-sizing: inherit;"><span class="mw-headline" id="User_manual" style="box-sizing: inherit;">Technische Information</span></span>==
#mpbanner-byline {font-size:1.8em; color:#3e5389;line-height: 0.8rem; padding-top: 20px;}
 
#mpbanner-title {font-size:3.4em; color:#3e5389; line-height:1.2em; font-weight: 900;letter-spacing: 1px;}
===<span class="mw-headline" id="Rights_.28permissions.29" style="box-sizing: inherit;"><span class="mw-headline" id="Rights_.28permissions.29" style="box-sizing: inherit;">Rechte (Berechtigungen)</span></span>===
#maintopics h2 span::before {vertical-align: text-bottom;padding-bottom: 2px;}
Zugriff auf die Seite ''Spezial:FlexSkin'' <span>erfordert Administratorrechte.</span>
 
 
 
[[Kategorie:Extension]]
{{Translation}}

Version vom 10. Dezember 2021, 08:09 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
table {font-size: var(--content-font-size);}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {padding: 0.8em 0.4em;}
span.new::after { content: 'neu!'; vertical-align: super; background: #64b334; margin-left: 3px;font-size: 10px;padding: 2px 5px; border-radius: 50%;
color:#ffffff;}
.flexbox{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;align-content:stretch;}
.flexbox div{margin:5px;padding:2px 8px;text-align:center;background:#ececec}
.center > div.thumb {margin-top:2em}
#content .toctitle h2 {margin-right: 1em; display: inline;font-size: 1.4rem;}

/*Tours */
.nextstep {display: inline-block;padding: 6px;background: #36c;border-radius: 2px;color: #ffffff;font-weight: bold;}
#mw-content-text .nextstep a:not(.new), [class^="mw-content-"] .nextstep a:not(.new), #mw-content-text .nextstep a:link:not(.new), [class^="mw-content-"] .nextstep a:link:not(.new) {
    color: #ffffff;    font-weight: bold;}
#mw-content-text .nextstep a:not(.new):hover, #mw-content-text .nextstep a:link:not(.new):hover, [class^="mw-content-"] .nextstep a:link:not(.new):hover {
    color: #efefef;}
.nextstep a:not(.new)::after, .nextstep a:link:not(.new)::after {content: " \25B6";}

/*Main page*/
.flexbox-portal div > h2 span::before {vertical-align: text-bottom; size:1.1em;}
#maintopics ul {list-style: none!important;}
#maintopics li {padding-bottom:0.6em!important;margin-left: 12px!important;}
#mpbanner {background:#fff url(/w/nsfr_img_auth.php/f/fa/BlueSpice-Demo_Header.jpg) -90px no-repeat; padding-bottom: 20px; background-size: 1000px 122px;}
#mpbanner-byline {font-size:1.8em; color:#3e5389;line-height: 0.8rem; padding-top: 20px;}
#mpbanner-title {font-size:3.4em; color:#3e5389; line-height:1.2em; font-weight: 900;letter-spacing: 1px;}
#maintopics h2 span::before {vertical-align: text-bottom;padding-bottom: 2px;}
Keine Kategorien vergebenBearbeiten

Diskussionen