MediaWiki:Common.css - Versionsgeschichte

Secretsofnele am 25. November 2025 um 12:02 Uhr

2025-11-25T12:02:48Z

← Nächstältere Version		Version vom 25. November 2025, 12:02 Uhr
Zeile 1:		Zeile 1:

	.gor-clock-wrapper {		.gor-clock-wrapper {
	display: flex;		display: flex;
	flex-direction: ~~column~~;		flex-direction: row; /* standard: nebeneinander */
			flex-wrap: wrap; /* wenig platz: umbrechen */
	align-items: center;		align-items: center;
	gap: ~~0.6rem~~;		justify-content: center;
			gap: 1rem;
	margin: 1rem 0;		margin: 1rem 0;
			text-align: center;
	}		}

			/* -------------------------------
			Analoge Uhr (rundes Objekt)
			------------------------------- */
	.gor-clock {		.gor-clock {
	position: relative;		position: relative;
			flex: 0 0 auto;
	width: 260px;		width: 260px;
	height: 260px;		height: 260px;
Zeile 18:		Zeile 24:
	}		}

	/* Zeiger */		/* -------------------------------
			Zeiger
			------------------------------- */

	.hand {		.hand {
Zeile 24:		Zeile 32:
	left: 50%;		left: 50%;
	top: 50%;		top: 50%;
	transform-origin: 50% 100%;		transform-origin: 50% 100%; /* rotiert um Mitte unten */
	transform: translate(-50%, -100%) rotate(0deg);		transform: translate(-50%, -100%) rotate(0deg);
	border-radius: 5px;		border-radius: 5px;
Zeile 32:		Zeile 40:
	width: 6px;		width: 6px;
	height: 30%;		height: 30%;
	background: #212529;		background: #212529; /* dunkler Stundenzeiger */
	}		}

Zeile 38:		Zeile 46:
	width: 4px;		width: 4px;
	height: 40%;		height: 40%;
	background: #495057;		background: #495057; /* grauer Minutenzeiger */
	}		}

Zeile 44:		Zeile 52:
	width: 2px;		width: 2px;
	height: 45%;		height: 45%;
	background: #c92a2a;		background: #c92a2a; /* roter Sekundenzeiger */
	}		}

			/* Mittelpunkt der Uhr */
	.center-dot {		.center-dot {
	position: absolute;		position: absolute;
Zeile 60:		Zeile 69:
	}		}

	/* Ziffernblatt ~~nur~~ Zahlen */		/* -------------------------------
			Ziffernblatt: Zahlen
			------------------------------- */

			/* für 1–10 (Außenring) */
	.gor-number {		.gor-number {
	position: absolute;		position: absolute;
Zeile 72:		Zeile 84:
	}		}

			/* für 11–20 (Innenring) */
	.gor-number-inner {		.gor-number-inner {
	font-size: 0.65rem;		font-size: 0.65rem;
Zeile 77:		Zeile 90:
	}		}

	/* Digitale ~~Anzeige~~ */		/* -------------------------------
			Digitale Anzeigenbox
			------------------------------- */

	.gor-digital {		.gor-digital {
			flex: 0 0 auto;
	font-variant-numeric: tabular-nums;		font-variant-numeric: tabular-nums;
	font-size: 1rem;		font-size: 1rem;
Zeile 86:		Zeile 102:
	padding: 0.3rem 0.6rem;		padding: 0.3rem 0.6rem;
	border-radius: 4px;		border-radius: 4px;
			min-width: 140px; /* verhindert abgewürgte Zeilen */
	}		}

Zeile 98:		Zeile 115:
	}		}

	/* Info-Text */		/* -------------------------------
			Info-Text (unten)
			------------------------------- */
	.gor-info {		.gor-info {
	font-size: 0.8rem;		font-size: 0.8rem;

Secretsofnele am 25. November 2025 um 09:29 Uhr

2025-11-25T09:29:17Z

← Nächstältere Version		Version vom 25. November 2025, 09:29 Uhr
Zeile 1:		Zeile 1:
	~~/* === Goreanische Rund-Uhr – Layout === */~~

	.gor-clock-wrapper {		.gor-clock-wrapper {
Zeile 33:		Zeile 32:
	width: 6px;		width: 6px;
	height: 30%;		height: 30%;
	background: #212529; ~~/* dunkler, dicker Stundenzeiger */~~		background: #212529;
	}		}

Zeile 39:		Zeile 38:
	width: 4px;		width: 4px;
	height: 40%;		height: 40%;
	background: #495057; ~~/* mittlerer Minutenzeiger */~~		background: #495057;
	}		}

Zeile 45:		Zeile 44:
	width: 2px;		width: 2px;
	height: 45%;		height: 45%;
	background: #c92a2a; ~~/* roter Sekundenzeiger (Ihn) */~~		background: #c92a2a;
	}		}

Zeile 61:		Zeile 60:
	}		}

	/* Ziffernblatt~~: Ticks &~~ Zahlen */		/* Ziffernblatt nur Zahlen */

	~~.gor-tick {~~
	~~position: absolute;~~
	~~width: 2px;~~
	~~height: 14%;~~
	~~background: #343a40;~~
	~~left: 50%;~~
	~~top: 50%;~~
	~~transform-origin: 50% 100%;~~
	}

	.gor-number {		.gor-number {
Zeile 77:		Zeile 66:
	width: 2em;		width: 2em;
	text-align: center;		text-align: center;
	font-size: 0.~~7rem~~;		font-size: 0.75rem;
	color: #495057;		color: #495057;
	transform: translate(-50%, -50%);		transform: translate(-50%, -50%);
Zeile 88:		Zeile 77:
	}		}

	/* Digitale Anzeige ~~unter der Uhr~~ */		/* Digitale Anzeige */

	.gor-digital {		.gor-digital {

Secretsofnele am 25. November 2025 um 09:25 Uhr

2025-11-25T09:25:22Z

@@ Zeile 1: / Zeile 1: @@
-/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
+/* === Goreanische Rund-Uhr – Layout === */
 .gor-clock-wrapper {
      display: flex;
@@ Zeile 17: / Zeile 18: @@
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+}
 .hand {
@@ Zeile 30: / Zeile 33: @@
      width: 6px;
      height: 30%;
-     background: #212529;
+     background: #212529; /* dunkler, dicker Stundenzeiger */
+}
@@ Zeile 36: / Zeile 39: @@
      width: 4px;
      height: 40%;
-     background: #495057;
+     background: #495057; /* mittlerer Minutenzeiger */
+}
@@ Zeile 42: / Zeile 45: @@
      width: 2px;
      height: 45%;
-     background: #c92a2a;
+     background: #c92a2a; /* roter Sekundenzeiger (Ihn) */
+}
@@ Zeile 55: / Zeile 58: @@
      top: 50%;
      transform: translate(-50%, -50%);
+}
 .gor-digital {
@@ Zeile 71: / Zeile 104: @@
      margin-right: 0.4rem;
+}
 .gor-info {
      font-size: 0.8rem;
      color: #72777d;
      text-align: center;
+}

Secretsofnele am 25. November 2025 um 08:58 Uhr

2025-11-25T08:58:28Z

@@ Zeile 75: / Zeile 75: @@
      font-size: 0.8rem;
      color: #72777d;
+}

Secretsofnele: Die Seite wurde neu angelegt: „/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ .gor-clock-wrapper { display: flex; flex-direction: column; align-items: center; gap: 0.6rem; margin: 1rem 0; } .gor-clock { position: relative; width: 260px; height: 260px; border-radius: 50%; border: 6px solid #343a40; background: radial-gradient(circle at 30% 30%, #ffffff, #e9ecef); box-shadow: 0 4px 12px rgba(0,0,0,0.15); } .hand {…“

2025-11-25T08:46:54Z

Die Seite wurde neu angelegt: „Das folgende CSS wird für alle Benutzeroberflächen geladen.: .gor-clock-wrapper { display: flex; flex-direction: column; align-items: center; gap: 0.6rem; margin: 1rem 0; } .gor-clock { position: relative; width: 260px; height: 260px; border-radius: 50%; border: 6px solid #343a40; background: radial-gradient(circle at 30% 30%, #ffffff, #e9ecef); box-shadow: 0 4px 12px rgba(0,0,0,0.15); } .hand {…“

Neue Seite

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
.gor-clock-wrapper {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.6rem;
margin: 1rem 0;
}

.gor-clock {
position: relative;
width: 260px;
height: 260px;
border-radius: 50%;
border: 6px solid #343a40;
background: radial-gradient(circle at 30% 30%, #ffffff, #e9ecef);
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.hand {
position: absolute;
left: 50%;
top: 50%;
transform-origin: 50% 100%;
transform: translate(-50%, -100%) rotate(0deg);
border-radius: 5px;
}

.hand-ahn {
width: 6px;
height: 30%;
background: #212529;
}

.hand-ehn {
width: 4px;
height: 40%;
background: #495057;
}

.hand-ihn {
width: 2px;
height: 45%;
background: #c92a2a;
}

.center-dot {
position: absolute;
width: 14px;
height: 14px;
border-radius: 50%;
background: #212529;
border: 2px solid #f8f9fa;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

.gor-digital {
font-variant-numeric: tabular-nums;
font-size: 1rem;
border: 1px solid #a2a9b1;
background: #ffffff;
padding: 0.3rem 0.6rem;
border-radius: 4px;
}

.digital-label {
font-size: 0.8rem;
color: #54595d;
margin-right: 0.4rem;
}

.gor-info {
font-size: 0.8rem;
color: #72777d;
}