https://moocwiki.org/index.php?action=history&feed=atom&title=Vorlage%3AStylish-Box%2FDetails 2026-05-24T14:56:46Z Versionsgeschichte dieser Seite in MediaWiki MediaWiki 1.45.3 https://moocwiki.org/index.php?title=Vorlage:Stylish-Box/Details&diff=331&oldid=prev 2025-08-23T09:29:33Z

<p>Full legacy migration candidate</p> <p><b>Neue Seite</b></p><div>/* Grundkarte */<br /> .sbox {<br /> --accent: #0b76da;<br /> --bg0: #ffffff;<br /> --bg1: #f7fbff;<br /> background: linear-gradient(180deg,var(--bg0),var(--bg1));<br /> border: 1px solid var(--accent);<br /> border-radius: 14px;<br /> padding: 1.1em 1.3em;<br /> margin: 1.2em 0;<br /> box-shadow: 0 8px 22px rgba(0,0,0,.10);<br /> font-family: Inter, Segoe UI, Arial, sans-serif;<br /> line-height: 1.55;<br /> color: #222;<br /> transition: transform .15s ease, box-shadow .15s ease;<br /> }<br /> .sbox:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,0,0,.12); }<br /> <br /> /* Header-Zeile */<br /> .sbox__head { display:flex; align-items:center; gap:.6rem; margin:-.2rem 0 .6rem; }<br /> .sbox__bar { width:.6rem; height:1.2rem; border-radius:.3rem;<br /> background: linear-gradient(180deg, var(--accent), #034a96); }<br /> .sbox__title { font-weight:600; letter-spacing:.2px; }<br /> <br /> /* Themes */<br /> .sbox[data-theme=&quot;ocean&quot;] { --accent:#0b76da; }<br /> .sbox[data-theme=&quot;lime&quot;] { --accent:#22a745; }<br /> .sbox[data-theme=&quot;rose&quot;] { --accent:#d60b6a; }<br /> .sbox[data-theme=&quot;amber&quot;] { --accent:#d68c0b; }<br /> <br /> /* Collapsible mit native &lt;details&gt; */<br /> .sbox--details { padding:0; }<br /> .sbox--details &gt; summary {<br /> list-style:none; cursor:pointer; user-select:none; <br /> padding:1em 1.2em; border-radius:14px 14px 0 0; font-weight:600; color:var(--accent);<br /> border-bottom:1px solid color-mix(in srgb, var(--accent) 20%, transparent);<br /> }<br /> .sbox--details &gt; div { padding:1.1em 1.3em; }<br /> <br /> /* Tooltip (&quot;Overfly&quot;) */<br /> .sbox .tip { position:relative; border-bottom:1px dashed currentColor; cursor:help; }<br /> .sbox .tip[data-tip]:hover::after {<br /> content: attr(data-tip);<br /> position:absolute; left:0; top:120%;<br /> background:#111; color:#fff; padding:.35em .55em; border-radius:.4em; white-space:nowrap;<br /> box-shadow:0 6px 18px rgba(0,0,0,.2); font-size:.92em; z-index:2;<br /> }</div>

imported>LegacyImport