HammWiki

Vorlage:Wahldiagramm einfach/Style.css: Unterschied zwischen den Versionen

← Zum vorherigen VersionsunterschiedZum nächsten Versionsunterschied →
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Zeile 83: Zeile 83:
     }
     }


     /* Balken ohne eigenen Hintergrund */
     /* Balken-Container erweitern für Labels */
     dl.vertical dd {
     dl.vertical dd {
         background: none;
         background: none;
         overflow: visible;
         overflow: visible;
         position: relative;
         position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
     }
     }


     /* Labels neu positionieren */
     /* Labels direkt nach dem Balken */
     dl.vertical dt {
     dl.vertical dt {
         position: absolute;
         position: static;
        top: 200px;
        left: 50%;
        transform: translateX(-50%);
         margin: 5px 0 0 0;
         margin: 5px 0 0 0;
         width: auto;
         width: 100%;
        min-width: 0;
         text-align: center;
         text-align: center;
         font-size: 85%;
         font-size: 85%;
         white-space: nowrap;
         white-space: nowrap;
         z-index: 10;
         order: 2;
        flex-shrink: 0;
    }
 
    /* Balken-Bereich definieren */
    dl.vertical dd::before {
        content: '';
        width: 100%;
        height: 200px;
        position: relative;
        order: 1;
     }
     }


Zeile 109: Zeile 118:
         min-width: 100%;
         min-width: 100%;
         width: 100%;
         width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        order: 1;
     }
     }


Abgerufen von „https://www.hammwiki.info/wiki/Vorlage:Wahldiagramm_einfach/Style.css“