MediaWiki:Common.css - Versionsgeschichte

Rettungsdienstblog.eu am 9. November 2025 um 13:20 Uhr

2025-11-09T13:20:10Z

← Nächstältere Version		Version vom 9. November 2025, 13:20 Uhr
Zeile 110:		Zeile 110:
	.cookie-settings-link { cursor: pointer; }		.cookie-settings-link { cursor: pointer; }

	/* Hinweisbox~~: Standardmäßig ausgeblendet~~ */		/* ====================================================== */
			/* Hinweisbox nur für eingeloggte Benutzer (MediaWiki 1.37) */
			/* ====================================================== */
	.user-message {		.user-message {
	display: none;		display: none;
Zeile 122:		Zeile 124:
	}		}

	/* Eingeloggte Benutzer ~~sehen die Box~~ */		/* Eingeloggte Benutzer (1.37 nutzt .logged-in auf <body>) */
	~~.client-js~~.logged-in .user-message {		.logged-in .user-message {
	display: block;		display: block;
	}		}

Rettungsdienstblog.eu am 9. November 2025 um 13:13 Uhr

2025-11-09T13:13:19Z

← Nächstältere Version		Version vom 9. November 2025, 13:13 Uhr
Zeile 105:		Zeile 105:
	font-size: 12px; padding: 2px 6px; border-radius: 999px; background: #eef2ff; color: #334; border: 1px solid #dde3ff;		font-size: 12px; padding: 2px 6px; border-radius: 999px; background: #eef2ff; color: #334; border: 1px solid #dde3ff;
	}		}


			/* Link im Footer (z. B. „Cookie-Einstellungen ändern“) */
			.cookie-settings-link { cursor: pointer; }

	/* Hinweisbox: Standardmäßig ausgeblendet */		/* Hinweisbox: Standardmäßig ausgeblendet */
Zeile 122:		Zeile 126:
	display: block;		display: block;
	}		}


	~~/* Link im Footer (z. B. „Cookie-Einstellungen ändern“) */~~
	~~.cookie-settings-link { cursor: pointer; }~~

Rettungsdienstblog.eu am 9. November 2025 um 13:11 Uhr

2025-11-09T13:11:31Z

← Nächstältere Version		Version vom 9. November 2025, 13:11 Uhr
Zeile 106:		Zeile 106:
	}		}

	/* Hinweisbox ~~nur für eingeloggte Benutzer~~ */		/* Hinweisbox: Standardmäßig ausgeblendet */
	.user-message {		.user-message {
			display: none;
	background-color: #e0f0ff;		background-color: #e0f0ff;
	border: 2px solid #0074D9;		border: 2px solid #0074D9;
Zeile 117:		Zeile 118:
	}		}

	/* ~~Besucher (nicht eingeloggt)~~ sehen ~~das nicht~~ */		/* Eingeloggte Benutzer sehen die Box */
	.ns-0 .user-message {		.client-js.logged-in .user-message {
	display: ~~none~~;		display: block;
	}		}


	/* Link im Footer (z. B. „Cookie-Einstellungen ändern“) */		/* Link im Footer (z. B. „Cookie-Einstellungen ändern“) */
	.cookie-settings-link { cursor: pointer; }		.cookie-settings-link { cursor: pointer; }

Rettungsdienstblog.eu am 9. November 2025 um 13:08 Uhr

2025-11-09T13:08:44Z

← Nächstältere Version		Version vom 9. November 2025, 13:08 Uhr
Zeile 105:		Zeile 105:
	font-size: 12px; padding: 2px 6px; border-radius: 999px; background: #eef2ff; color: #334; border: 1px solid #dde3ff;		font-size: 12px; padding: 2px 6px; border-radius: 999px; background: #eef2ff; color: #334; border: 1px solid #dde3ff;
	}		}

	~~/* Link im Footer (z. B. „Cookie-Einstellungen ändern“) */~~
	~~.cookie-settings-link { cursor: pointer; }~~

	/* Hinweisbox nur für eingeloggte Benutzer */		/* Hinweisbox nur für eingeloggte Benutzer */
Zeile 124:		Zeile 121:
	display: none;		display: none;
	}		}

			/* Link im Footer (z. B. „Cookie-Einstellungen ändern“) */
			.cookie-settings-link { cursor: pointer; }

Rettungsdienstblog.eu am 9. November 2025 um 13:07 Uhr

2025-11-09T13:07:12Z

← Nächstältere Version		Version vom 9. November 2025, 13:07 Uhr
Zeile 108:		Zeile 108:
	/* Link im Footer (z. B. „Cookie-Einstellungen ändern“) */		/* Link im Footer (z. B. „Cookie-Einstellungen ändern“) */
	.cookie-settings-link { cursor: pointer; }		.cookie-settings-link { cursor: pointer; }

			/* Hinweisbox nur für eingeloggte Benutzer */
			.user-message {
			background-color: #e0f0ff;
			border: 2px solid #0074D9;
			border-radius: 8px;
			padding: 10px;
			margin: 10px 0;
			font-weight: bold;
			color: #003366;
			}

			/* Besucher (nicht eingeloggt) sehen das nicht */
			.ns-0 .user-message {
			display: none;
			}

Rettungsdienstblog.eu am 7. November 2025 um 22:17 Uhr

2025-11-07T22:17:00Z

← Nächstältere Version		Version vom 7. November 2025, 22:17 Uhr
Zeile 56:		Zeile 56:
	background: #8f7100;		background: #8f7100;
	}		}
			/* ==== Consent Banner & Modal (leichtgewichtig, ohne externe Libs) ==== */
			#consent-bar {
			position: fixed; left: 0; right: 0; bottom: 0; z-index: 10000;
			background: #111; color: #fff; padding: .9rem 1rem; box-shadow: 0 -2px 10px rgba(0,0,0,.25);
			display: none; font-size: 14px;
			}
			#consent-bar .inner { max-width: 1100px; margin: 0 auto; display: flex; gap: .75rem; align-items: center; flex-wrap: wrap; }
			#consent-bar .text { flex: 1; min-width: 240px; }
			#consent-bar a { color: #ffd866; text-decoration: underline; }
			#consent-bar .btn {
			background: #ffd866; color: #111; border: 0; padding: .5rem .8rem; border-radius: 6px; font-weight: 700; cursor: pointer;
			}
			#consent-bar .btn.secondary { background: transparent; color: #ffd866; border: 1px solid #ffd866; }
			#consent-bar .btn-group { display: flex; gap: .5rem; }

			/* Modal */
			#consent-modal {
			position: fixed; inset: 0; z-index: 10001; display: none; align-items: center; justify-content: center; background: rgba(0,0,0,.55);
			}
			#consent-modal .dialog {
			background: #fff; color: #222; width: min(680px, 92vw); border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.3);
			}
			#consent-modal .head {
			padding: .9rem 1rem; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center;
			}
			#consent-modal .body { padding: 1rem; }
			#consent-modal .row { display: flex; justify-content: space-between; align-items: center; padding: .6rem 0; border-bottom: 1px dashed #eee; gap: 1rem; }
			#consent-modal .row:last-child { border-bottom: 0; }
			#consent-modal .name { font-weight: 700; }
			#consent-modal .hint { color: #666; font-size: 13px; }
			#consent-modal .switch { position: relative; width: 44px; height: 24px; }
			#consent-modal .switch input { display: none; }
			#consent-modal .slider {
			position: absolute; inset: 0; background: #ddd; border-radius: 999px; cursor: pointer; transition: .15s;
			}
			#consent-modal .slider:before {
			content: ""; position: absolute; left: 3px; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: .15s;
			}
			#consent-modal input:checked + .slider { background: #2c7be5; }
			#consent-modal input:checked + .slider:before { transform: translateX(20px); }

			#consent-modal .foot { display: flex; gap: .5rem; justify-content: flex-end; padding: .9rem 1rem; border-top: 1px solid #eee; }
			#consent-modal .btn {
			background: #2c7be5; color: #fff; border: 0; padding: .55rem .9rem; border-radius: 6px; font-weight: 700; cursor: pointer;
			}
			#consent-modal .btn.secondary { background: #f1f3f5; color: #111; }
			#consent-modal .badge {
			font-size: 12px; padding: 2px 6px; border-radius: 999px; background: #eef2ff; color: #334; border: 1px solid #dde3ff;
			}

			/* Link im Footer (z. B. „Cookie-Einstellungen ändern“) */
			.cookie-settings-link { cursor: pointer; }

Rettungsdienstblog.eu am 7. November 2025 um 22:08 Uhr

2025-11-07T22:08:05Z

@@ Zeile 24: / Zeile 24: @@
 @media (max-width: 1024px) {
    #ad-box { float:none; max-width:100%; position:static; margin:.75rem 0; }
+}

Rettungsdienstblog.eu am 7. November 2025 um 21:42 Uhr

2025-11-07T21:42:33Z

← Nächstältere Version		Version vom 7. November 2025, 21:42 Uhr
Zeile 2:		Zeile 2:
	#ad-box {		#ad-box {
	float: right;		float: right;
	width: 300px; ~~/* gängige Ad-Breite */~~		width: 300px;
	max-width: 32%;		max-width: 32%;
	margin: 0 0 1rem 1rem; ~~/* Abstand zum Content */~~		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; ~~/* bleibt sichtbar beim Scrollen */~~		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; }
	display: flex; align-items: center; gap: .5em;		#ad-box .ad-badge { background:#ffea9e; border:1px solid #e0c200; padding:2px 6px; border-radius:4px; text-transform:uppercase; }
	padding: .6em .8em; ~~margin: 0;~~		#ad-box .ad-body { padding:.6em .8em; }
	border-bottom: 1px solid #efe7b9;		#ad-box ul { list-style:none; margin:.2em 0; padding:0; }
	font-weight: 700;		#ad-box li { margin:.35em 0; }
	}		#ad-box a { text-decoration:none; }
	#ad-box .ad-badge {		#ad-box a:hover { text-decoration:underline; }
	background: #ffea9e; border: 1px solid #e0c200;
	padding: 2px 6px; border-radius: 4px;
	~~font-weight: 700~~; 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 */		/* 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; }
	}		}

Rettungsdienstblog.eu: 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…“

2025-11-07T19:21:50Z

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…“

Neue Seite

/* 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;
padding: .6em .8em; margin: 0;
border-bottom: 1px solid #efe7b9;
font-weight: 700;
}
#ad-box .ad-badge {
background: #ffea9e; border: 1px solid #e0c200;
padding: 2px 6px; border-radius: 4px;
font-weight: 700; 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; }
}