MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
(Die Seite wurde neu angelegt: „→Rechter Werbe-Block: #ad-box { float: right; width: 300px; →gängige Ad-Breite: max-width: 32%; margin: 0 0 1rem 1rem; →Abstand zum Content: background: #fffef7; border: 1px solid #e5dfb3; border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,.06); position: sticky; →bleibt sichtbar beim Scrollen: top: 1rem; font-size: 90%; } #ad-box .ad-header { display: flex; align-items: center; gap: .5em; padd…“) |
|||
| Zeile 2: | Zeile 2: | ||
#ad-box { | #ad-box { | ||
float: right; | float: right; | ||
width: 300px; | width: 300px; | ||
max-width: 32%; | max-width: 32%; | ||
margin: 0 0 1rem 1rem; | margin: 0 0 1rem 1rem; | ||
background: #fffef7; | background: #fffef7; | ||
border: 1px solid #e5dfb3; | border: 1px solid #e5dfb3; | ||
border-radius: 6px; | border-radius: 6px; | ||
box-shadow: 0 1px 3px rgba(0,0,0,.06); | box-shadow: 0 1px 3px rgba(0,0,0,.06); | ||
position: sticky; | position: sticky; | ||
top: 1rem; | top: 1rem; | ||
font-size: 90%; | font-size: 90%; | ||
} | } | ||
#ad-box .ad-header { | #ad-box .ad-header { display:flex; align-items:center; gap:.5em; padding:.6em .8em; border-bottom:1px solid #efe7b9; font-weight:700; } | ||
#ad-box .ad-badge { background:#ffea9e; border:1px solid #e0c200; padding:2px 6px; border-radius:4px; text-transform:uppercase; } | |||
#ad-box .ad-body { padding:.6em .8em; } | |||
#ad-box ul { list-style:none; margin:.2em 0; padding:0; } | |||
#ad-box li { margin:.35em 0; } | |||
} | #ad-box a { text-decoration:none; } | ||
#ad-box .ad-badge { | #ad-box a:hover { text-decoration:underline; } | ||
} | |||
#ad-box .ad-body { padding: .6em .8em; } | |||
#ad-box ul { list-style: none; margin: .2em 0; padding: 0; } | |||
#ad-box li { margin: .35em 0; } | |||
#ad-box a { text-decoration: none; } | |||
#ad-box a:hover { text-decoration: underline; } | |||
/* Auf schmalen Bildschirmen unten im Content anzeigen */ | /* Auf schmalen Bildschirmen unten im Content anzeigen */ | ||
@media (max-width: 1024px) { | @media (max-width: 1024px) { | ||
#ad-box { float: none; max-width: 100%; position: static; margin: .75rem 0; } | #ad-box { float:none; max-width:100%; position:static; margin:.75rem 0; } | ||
} | } | ||
Version vom 7. November 2025, 21:42 Uhr
/* Rechter Werbe-Block */
#ad-box {
float: right;
width: 300px;
max-width: 32%;
margin: 0 0 1rem 1rem;
background: #fffef7;
border: 1px solid #e5dfb3;
border-radius: 6px;
box-shadow: 0 1px 3px rgba(0,0,0,.06);
position: sticky;
top: 1rem;
font-size: 90%;
}
#ad-box .ad-header { display:flex; align-items:center; gap:.5em; padding:.6em .8em; border-bottom:1px solid #efe7b9; font-weight:700; }
#ad-box .ad-badge { background:#ffea9e; border:1px solid #e0c200; padding:2px 6px; border-radius:4px; text-transform:uppercase; }
#ad-box .ad-body { padding:.6em .8em; }
#ad-box ul { list-style:none; margin:.2em 0; padding:0; }
#ad-box li { margin:.35em 0; }
#ad-box a { text-decoration:none; }
#ad-box a:hover { text-decoration:underline; }
/* Auf schmalen Bildschirmen unten im Content anzeigen */
@media (max-width: 1024px) {
#ad-box { float:none; max-width:100%; position:static; margin:.75rem 0; }
}