Vorlage:Unternehmen-Entwickler/style.css: Unterschied zwischen den Versionen

keine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
Markierung: Manuelle Zurücksetzung
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Zeile 17: Zeile 17:
.logo-bild-container {
.logo-bild-container {
     display: grid;
     display: grid;
     grid-template-columns: repeat(25, 4%); /* 25-Spalten-Grid für minutiöse Kontrolle, jede Spalte 4 % der Infobox breit */
     grid-template-columns: repeat(25, 4%);
     grid-template-rows: repeat(4, auto) 1fr; /* Automatische Höhe für Logo, Grid verbleibender Platz für Bild */
     grid-template-rows: repeat(5, auto) 1fr; /* Füge eine zusätzliche Zeile für den Button hinzu */
     width: 100%; /* Container nimmt volle Breite ein */
     width: 100%;
     margin: 0 0 1.8em 0 /* unterer Abstand zum Text der Infobox*/}
     margin: 0 0 1.8em 0;}


.logo img, .bild img {
.logo img, .bild img {
Zeile 361: Zeile 361:


.infobox .mw-collapsible-toggle {
.infobox .mw-collapsible-toggle {
     width: max-content;
    grid-column: 1 / -1; /* Button erstreckt sich über alle Spalten */
    grid-row: 6; /* Button in der neuen, letzten Zeile */
     width: max-content; /* Variable Breite basierend auf Inhalt */
    justify-self: end; /* Rechtsbündig im Grid */
    margin-top: 0.5em; /* Abstand nach oben zum Bild/Logo */
     padding: 0 0.5em;
     padding: 0 0.5em;
     height: max-content;
     height: max-content;
Zeile 374: Zeile 378:
     cursor: pointer;
     cursor: pointer;
     transition: all .3s;
     transition: all .3s;
    display: flex;
     user-select: none;
     user-select: none;
     touch-action: manipulation;
     touch-action: manipulation;
     white-space: pre;
     white-space: pre;}
    float: right;
}


.infobox.mw-collapsed .mw-collapsible-toggle:before {
.infobox.mw-collapsed .mw-collapsible-toggle:before {