Template:ArtBox/style.css: Difference between revisions

/* Grundcontainer */
.wt-artbox-wrapper { 
    margin: 1em 0; 
}

/* Header-Zeile mit Flexbox */
.wt-artbox-header { 
    display: flex; 
    align-items: stretch;
}

/* Gemeinsame Basis für Header-Elemente */
.wt-artbox-header div { 
    border: 0 solid var(--border-color-muted, #dadde3); 
}

/* 1. Icon-Bereich */
.wt-artbox-icon { 
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5em 0.7em;
    border-width: 1px 0 0 1px !important; /* Oben und Links */
    border-top-left-radius: 0.5em;
    background-color: var(--bg-muted, #f8f9fa);
}

/* 2. Titel-Bereich */
.wt-artbox-header .wt-artbox-title { 
    font-weight: bold; 
    padding: 0.5em 1em; 
    border-width: 1px 1px 0 1px !important; /* Oben, Rechts, Links */
    border-top-right-radius: 0.5em;
    /* Falls das Icon direkt davor steht, linken Rahmen entfernen um Doppelung zu vermeiden: */
    margin-left: -1px; 
}

/* 3. Auffüll-Linie rechts */
.wt-artbox-header .wt-artbox-fill { 
    border-bottom-width: 1px !important; 
    flex: 2; 
}

/* Der Inhaltsbereich (Code/Text) */
.wt-artbox-wrapper pre { 
    font-family: "Source Code Pro", Menlo, Consolas, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace; 
    margin: 0;
    padding: 1em;
    border: 1px solid var(--border-color-muted, #dadde3);
    border-top: none; /* Schließt nahtlos an den Header an */
}

/* Korrektur für MediaWiki-Highlighting-Klassen */
.wt-artbox-header + .mw-highlight pre,
.wt-artbox-header + div.mw-highlight pre { 
    border-top: none; 
}

.wt-artbox-wrapper div.mw-highlight, 
.wt-artbox-header + div.mw-highlight { 
    margin-top: 0; 
}