MediaWiki:Common.css - Versionsgeschichte

Stefansvw am 25. September 2026 um 08:25 Uhr

2026-09-25T08:25:05Z

Änderungen zeigen

Stefansvw am 25. September 2026 um 08:22 Uhr

2026-09-25T08:22:36Z

Änderungen zeigen

Stefansvw am 25. September 2026 um 08:19 Uhr

2026-09-25T08:19:29Z

Änderungen zeigen

Stefansvw am 25. September 2026 um 08:08 Uhr

2026-09-25T08:08:36Z

Stefansvw am 25. September 2026 um 08:02 Uhr

2026-09-25T08:02:58Z

Stefansvw am 25. September 2026 um 08:01 Uhr

2026-09-25T08:01:50Z

Stefansvw am 12. September 2026 um 07:37 Uhr

2026-09-12T07:37:09Z

Stefansvw am 12. September 2026 um 07:35 Uhr

2026-09-12T07:35:23Z

Stefansvw am 12. September 2026 um 07:33 Uhr

2026-09-12T07:33:57Z

Stefansvw am 12. September 2026 um 07:28 Uhr

2026-09-12T07:28:21Z

@@ Zeile 2.235: / Zeile 2.235: @@
+}
-/* Smartphone */
+/* WikiWaldhof Startseitenboxen */
-@media screen and (max-width: 700px) {
+.ww-layout {
      .ww-layout {
-         flex-direction: column;
+         display: block;
+     }
      .ww-center {
-        width: 100%;
+         margin-bottom: 15px;
+     }
-     .ww-separator {
+     .ww-book {
-         width: 100%;
+         width: 140px;
+     }
+}

@@ Zeile 2.147: / Zeile 2.147: @@
+     }
+}
 .ww-layout {
-     display:flex;
+     display: flex;
-     gap:20px;
+     justify-content: space-between;
-     align-items:flex-start;
+     align-items: flex-start;
+}
-.ww-book {
+.ww-badge-sw {
-     width:170px;
+     display: inline-block;
-     text-align:center;
+     margin-top: 10px;
-     border:1px solid #d0d0d0;
+     padding: 4px 10px;
-     background:#fafafa;
+     background: #ececec;
-     border-radius:8px;
+     border-radius: 18px;
-     padding:10px;
+     font-size: 80%;
-     box-shadow:0 1px 3px rgba(0,0,0,.12);
+     font-weight: bold;
+}
-.ww-center {
+.ww-badge-color {
-     flex:1;
+    display: inline-block;
-     text-align:center;
+    margin-top: 10px;
+}
-@media screen and (max-width:768px) {
+/* Smartphone */
      .ww-layout {
-         display:block;
+         flex-direction: column;
+     }
      .ww-center {
-         margin-bottom:15px;
+        width: 100%;
+     }
-     .ww-book {
+     .ww-separator {
-         width:200px;
+         width: 100%;
+     }
+}

@@ Zeile 2.145: / Zeile 2.145: @@
          font-size: 16px !important;
          color: #fff !important;
+     }
+}

@@ Zeile 2.119: / Zeile 2.119: @@
 @media screen and (max-width: 768px) {
-    /* Den eigentlichen Text [ausklappen]/[einklappen] unsichtbar machen */
+     .NavFrame .NavToggle {
          float: right !important;
          width: 24px !important;
          height: 24px !important;
          line-height: 24px !important;
-         text-align: center !important;
+        overflow: hidden !important;
          margin-right: 5px !important;
+     }
-     /* Eingeklappt = Pfeil nach unten */
+     .NavFrame.collapsed .NavToggle {
-     .NavFrame.collapsed .NavHead .NavToggle::after {
+        font-size: 0 !important;
          content: "▼" !important;
          font-size: 16px !important;
-         color: #ffffff !important;
+         color: #fff !important;
+     }
-    /* Ausgeklappt = Pfeil nach oben */
+     .NavFrame:not(.collapsed) .NavToggle:before {
          content: "▲" !important;
          font-size: 16px !important;
-         color: #ffffff !important;
+         color: #fff !important;
+     }
+}

@@ Zeile 2.117: / Zeile 2.117: @@
     WikiWaldhof – NavFrame Pfeile nur auf Mobilgeräten
     ========================================================= */
 @media screen and (max-width: 768px) {
-     /* Ausklappen/Einklappen-Text ausblenden */
+     /* Den eigentlichen Text [ausklappen]/[einklappen] unsichtbar machen */
-     .NavFrame a.NavToggle {
+     .NavFrame .NavHead .NavToggle {
-         display: none !important;
+         font-size: 0 !important;
+        color: transparent !important;
+        text-decoration: none !important;
-    /* Platz für den Pfeil schaffen */
+        float: right !important;
-    .NavFrame .NavHead {
+        display: block !important;
-         position: relative !important;
+        width: 24px !important;
-         padding-right: 35px !important;
+        height: 24px !important;
-         box-sizing: border-box !important;
+         line-height: 24px !important;
+     }
-     /* Eingeklappt */
+     /* Eingeklappt = Pfeil nach unten */
-     .NavFrame.collapsed .NavHead::after {
+     .NavFrame.collapsed .NavHead .NavToggle::after {
-         content: "▼";
+         content: "▼" !important;
-         position: absolute;
+         font-size: 16px !important;
          color: #ffffff !important;
-         font-size: 16px;
+         display: block !important;
+     }
-     /* Ausgeklappt */
+     /* Ausgeklappt = Pfeil nach oben */
-     .NavFrame:not(.collapsed) .NavHead::after {
+     .NavFrame:not(.collapsed) .NavHead .NavToggle::after {
-         content: "▲";
+         content: "▲" !important;
-         position: absolute;
+         font-size: 16px !important;
          color: #ffffff !important;
-         font-size: 16px;
+         display: block !important;
+     }
+}

@@ Zeile 2.127: / Zeile 2.127: @@
+     }
-     /* MediaWiki Toggle-Link */
+     /* MediaWiki "Ausklappen/Einklappen" komplett ausblenden */
-     .NavFrame a.NavToggle {
+     .NavFrame .NavToggle {
-        position: absolute !important;
+         display: none !important;
+     }
-     /* Eingeklappt */
+     /* Eingeklappt = Pfeil nach unten */
-     .NavFrame.collapsed a.NavToggle::after {
+     .NavFrame.collapsed .NavHead::after {
          content: "▼" !important;
-         display: block !important;
+         position: absolute !important;
-         width: 25px !important;
+         right: 8px !important;
-         height: 25px !important;
+         top: 50% !important;
          font-size: 16px !important;
          font-weight: bold !important;
+         line-height: 1 !important;
+     }
-     /* Ausgeklappt */
+     /* Ausgeklappt = Pfeil nach oben */
-     .NavFrame:not(.collapsed) a.NavToggle::after {
+     .NavFrame:not(.collapsed) .NavHead::after {
          content: "▲" !important;
-         display: block !important;
+         position: absolute !important;
-         width: 25px !important;
+         right: 8px !important;
-         height: 25px !important;
+         top: 50% !important;
          font-size: 16px !important;
          font-weight: bold !important;
+         line-height: 1 !important;
+     }
+}