Template:ArtBox/style.css: Difference between revisions

Browse history interactively

← Older edit Newer edit →

Content deleted Content added

Inline

@@ Line 1: / Line 1: @@
+.wt-artbox-wrapper {
-/* Grundcontainer */
+	margin: 1em 0;
-.wt-artbox-wrapper {
-    margin: 1em 0;
 }
+.wt-artbox-header {
+	display: flex;
-/* Header-Zeile mit Flexbox */
-.wt-artbox-header {
-    display: flex;
-    align-items: stretch;
 }
+.wt-artbox-header div {
+	border: 0 solid var( --border-color-muted, #dadde3 );
-/* Gemeinsame Basis für Header-Elemente */
-.wt-artbox-header div {
-    border: 0 solid var(--border-color-muted, #dadde3);
 }
+.wt-artbox-header .wt-artbox-title {
+	font-weight: bold;
-/* 1. Icon-Bereich */
+	padding: .5em 1em;
-.wt-artbox-icon {
+	border-width: 1px 1px 0 1px;
-    display: flex;
+	border-radius: .5em .5em 0 0;
-    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);
 }
+.wt-artbox-header .wt-artbox-fill {
+	border-width: 0 0 1px 0;
-/* 2. Titel-Bereich */
+	flex: 2;
-.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;
 }
+.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, monspace;
-/* 3. Auffüll-Linie rechts */
+	margin: 0;
-.wt-artbox-header .wt-artbox-fill {
-    border-bottom-width: 1px !important;
-    flex: 2;
 }
+.wt-artbox-header + .mw-highlight pre {
+	border-top: none;
-/* 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 */
 }
+.wt-artbox-wrapper div.mw-highlight,
+.wt-artbox-header + div.mw-highlight {
-/* Korrektur für MediaWiki-Highlighting-Klassen */
+	margin-top: 0;
-.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;
 }