Vorlage:Hinweisbox/styles.css und Handbuch:Erweiterung/MenuEditor/Lange Bezeichnungen: Unterschied zwischen den Seiten

Version vom 1. Februar 2023, 16:14 Uhr

Sie können die folgenden CSS-Deklarationen zur Seite MediaWiki:Common.css hinzufügen, um mehr Platz zu gewinnen und die Ausrichtung anzupassen, wenn Navigationselemente Zeilenumbrüche verursachen.

/*Zeilenhöhe für einzelne Navigationselemente in der Hauptnavigation überschreiben*/

#sb-pri .list-group .list-group-item {padding:1px 0}
#sb-pri .list-group .list-group-item > a {line-height:1.4em; margin-bottom: 0.1em;padding: 5px 18px}
#sb-pri-cnt .card-header.menu-title {margin-bottom: 0.8rem;}

mainnav-standard.png

standard layout
mainnav-custom.png

adjusted layout

@@ Zeile 1: / Zeile 1: @@
-/* Infoboxes */
+{{DISPLAYTITLE:Anzeige langer Bezeichnungen}}
-.hw-messagebox {
-padding: 14px;
+Sie können die folgenden CSS-Deklarationen zur Seite MediaWiki:Common.css hinzufügen, um mehr Platz zu gewinnen und die Ausrichtung anzupassen, wenn Navigationselemente Zeilenumbrüche verursachen.
-margin: 2em 0 1em 0;
-display: block;
+<syntaxhighlight lang="css">
-position:relative;
+/*Zeilenhöhe für einzelne Navigationselemente in der Hauptnavigation überschreiben*/
-clear:both;
-}
+#sb-pri .list-group .list-group-item {padding:1px 0}
-.hw-messagebox.icon {
+#sb-pri .list-group .list-group-item > a {line-height:1.4em; margin-bottom: 0.1em;padding: 5px 18px}
-padding-left: 35px;
+#sb-pri-cnt .card-header.menu-title {margin-bottom: 0.8rem;}
-}
+</syntaxhighlight><gallery widths="350" heights="300">
-.hw-messagebox.icon:before {
+File:mainnav-standard.png|alt=standard navigation layout|standard layout
-position: absolute;
+File:mainnav-custom.png|alt=adjusted navigation layout|adjusted layout
-font-size: 1.6em;
+</gallery>
-top: 8px;
-font-family: "fontawesome";
-left:8px;
-}
-.hw-messagebox p {
-	margin:0
-}
-.notification-note, .notification-Hinweis {
-border-left: solid 4px #3498db;
-background:#d9edf7;
-}
-.boxlabel {
-font-weight:bold;
-padding-right:0.5em;
-}
-.notification-note.icon::before, .notification-Hinweis.icon::before{
-content: "\f05a ";
-color: #3498db;
-}
-.notification-tip,.notification-Tipp {
-border-left: solid 4px #f2c412;
-background:#FFF5C9;
-}
-.notification-tip.icon::before, .notification-Tipp.icon::before{
-content: "\f0eb";
-color: #dbb213;
-font-size: 1.7em;
-margin-left: 5px;
-}
-.notification-warning, .notification-Warnung  {
-border-left: solid 4px #c23c2b;
-background: #f2dede
-}
-.notification-warning.icon::before, .notification-Warnung.icon::before{
-content: "\f071";
-color: #c23c2b;
-}
-.notification-important, .notification-Wichtig {
-border-left: solid 4px #ffa406;
-background: #fedb9c;
-margin-left: 2px;
-}
-.notification-important.icon::before, .notification-Wichtig.icon::before{
-content: "\f06a";
-color: #ffa406;
-}
-.notification-example, .notification-Beispiel {
-border-left: solid 4px #00b241;
-background: #dff0d8;
-}
-.notification-example.icon::before, .notification-Beispiel.icon::before{
-content: "\f0a4";
-color: #00b241;
-}
-.notification-neutral, .notification-Neutral {
-background:#eaeaea;
-padding:14px;
-}
-.notification-neutral.icon, .notification-Neutral.icon {
-text-indent:0;
-}
-.notification-neutral.icon::before, .notification-Neutral.icon::before{
-content: "\f0a9 ";
-color: #555;
-left: 10px;
-top: 8px;
-}
-.notification-neutral .boxlabel, .notification-Neutral .boxlabel {
-display:none;
-}

Vorlage:Hinweisbox/styles.css und Handbuch:Erweiterung/MenuEditor/Lange Bezeichnungen: Unterschied zwischen den Seiten

Version vom 1. Februar 2023, 16:14 Uhr

Diskussionen