Template:ArtBox/style.css: Difference between revisions

Browse history interactively

Content deleted Content added

Inline

@@ Line 1: / Line 1: @@
+/* Haupt-Container */
 .wt-artbox-wrapper {
-	margin: 1em 0;
+    margin: 1em 0;
 }
-.wt-artbox-header {
+/* Header-Bereich mit Flexbox */
-	display: flex;
+.wt-artbox-header {
+    display: flex;
 }
-.wt-artbox-header div {
+/* Gemeinsame Basis für die Header-Elemente */
-	border: 0 solid var( --border-color-muted, #dadde3 );
+.wt-artbox-header div {
+    border: 0 solid var(--border-color-muted, #dadde3);
 }
-.wt-artbox-header .wt-codesample-title {
+/* Der Titel-Bereich (jetzt in Icon und Text unterteilt) */
-	font-weight: bold;
+.wt-artbox-header .wt-artbox-title {
-	padding: .5em 1em;
+    display: flex;
-	border-width: 1px 1px 0 1px;
+    align-items: center;
-	border-radius: .5em .5em 0 0;
+    gap: 0.6em; /* Abstand zwischen Icon und Text */
+    font-weight: bold;
+    padding: .5em 1em;
+    border-width: 1px 1px 0 1px;
+    border-radius: .5em .5em 0 0;
+    background-color: transparent; /* Optional: Hintergrundfarbe hier ergänzen */
 }
-.wt-artbox-header .wt-codesample-fill {
+/* Spezifische Klassen für Icon und Text innerhalb des Titels */
-	border-width: 0 0 1px 0;
+.wt-artbox-icon {
-	flex: 2;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
 }
-.wt-artbox-wrapper pre {
+.wt-artbox-text {
-	font-family: "Source Code Pro",Menlo,Consolas,Monaco,"Lucida Console","Liberation Mono","DejaVu Sans Mono","Bitstream Vera Sans Mono","Courier New", monospace, monspace;
+    white-space: nowrap;
-	margin: 0;
 }
-.wt-artbox-header + .mw-highlight pre {
+/* Die Linie, die den restlichen Header auffüllt */
-	border-top: none;
+.wt-artbox-header .wt-artbox-fill {
+    border-width: 0 0 1px 0;
+    flex: 2;
 }
-.wt-artbox-wrapper div.mw-highlight,
+/* Der Inhaltsbereich (Pre-Tag / Code-Block) */
-.wt-artbox-header + div.mw-highlight {
+.wt-artbox-wrapper pre {
-	margin-top: 0;
+    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);
+}
+/* Entfernt den doppelten Rahmen oben beim Inhaltsblock */
+.wt-artbox-header + .mw-highlight pre,
+.wt-artbox-header + pre {
+    border-top: none;
+}
+/* Verhindert Abstände zwischen Header und Content-Box */
+.wt-artbox-wrapper div.mw-highlight,
+.wt-artbox-header + div.mw-highlight {
+    margin-top: 0;
 }