MediaWiki:Common.css: Difference between revisions

Revision as of 12:55, 21 July 2026

.pw-profil {
	background: #fff;
	border: 1px solid #dadde1;
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 16px;
}
.pw-cover { height: 90px; background: linear-gradient(90deg,#1b4b7a,#2d7fc4); }
.pw-kopf { padding: 0 20px 20px; }
.pw-avatar-zeile { display: flex; align-items: flex-end; gap: 14px; margin-top: -38px; }
.pw-avatar img, .pw-avatar-leer {
	width: 80px; height: 80px; border-radius: 50%;
	border: 4px solid #fff; object-fit: cover; background: #e7f0f8;
	display: flex; align-items: center; justify-content: center;
	font-size: 26px; color: #1b4b7a;
}
.pw-name { font-size: 22px; font-weight: 600; line-height: 1.2; }
.pw-sub { font-size: 13px; color: #65676b; }
.pw-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.pw-chip {
	font-size: 12px; padding: 5px 12px; border-radius: 999px;
	background: #e7f0f8; color: #1b4b7a;
}
.pw-bio { margin-top: 14px; font-size: 15px; line-height: 1.7; }
.pw-post {
	background: #fff; border: 1px solid #dadde1; border-radius: 12px;
	padding: 16px 20px; margin-bottom: 16px;
}
.pw-post-kopf { font-size: 15px; font-weight: 600; }
.pw-post-meta { font-size: 12px; color: #65676b; }
.pw-post video, .pw-post iframe {
	width: 100%; max-width: 560px; border-radius: 8px; margin-top: 12px;
}
.pw-cta {
	display: inline-block; padding: 10px 18px; border-radius: 8px;
	background: #1b4b7a; color: #fff !important; font-weight: 600;
	text-decoration: none; margin: 4px 8px 4px 0;
}
@media (max-width: 640px) {
	.pw-avatar-zeile { flex-direction: column; align-items: flex-start; }
	.pw-name { font-size: 19px; }
}
/* Athletenverzeichnis */
.pw-grid { display:flex; flex-wrap:wrap; gap:16px; margin:16px 0; }
.pw-card { width:190px; border:1px solid #dadde1; border-radius:12px; overflow:hidden; background:#fff; text-decoration:none; display:block; }
.pw-card:hover { border-color:#2d7fc4; }
.pw-card-cover { height:54px; background:linear-gradient(90deg,#1b4b7a,#2d7fc4); }
.pw-card-av { width:54px; height:54px; border-radius:50%; border:3px solid #fff; margin:-27px auto 0; background:#e7f0f8; display:flex; align-items:center; justify-content:center; font-size:17px; color:#1b4b7a; overflow:hidden; }
.pw-card-av img { width:100%; height:100%; object-fit:cover; }
.pw-card-body { padding:8px 12px 14px; text-align:center; }
.pw-card-name { font-weight:600; color:#1b4b7a; }
.pw-card-meta { font-size:12px; color:#65676b; }.pw-card-name a { color:#1b4b7a; text-decoration:none; }
.pw-card-name a:hover { text-decoration:underline; }
/* ==== Formulare: Social-Media-Look, mobil-tauglich ==== */
.formtable { width:100%; max-width:560px; border:none; border-collapse:separate; border-spacing:0 6px; }
.formtable th { display:block; text-align:left; font-size:14px; font-weight:600; color:#444; padding:10px 0 4px; border:none; background:none; }
.formtable td { display:block; padding:0; border:none; }
.formtable input[type="text"], .formtable input[type="number"], .formtable input[type="date"],
.formtable textarea, .formtable select {
	width:100%; box-sizing:border-box; padding:12px 14px; font-size:16px;
	border:1px solid #ccd0d5; border-radius:10px; background:#f5f6f7;
}
.formtable input:focus, .formtable textarea:focus, .formtable select:focus {
	outline:none; border-color:#2d7fc4; background:#fff;
	box-shadow:0 0 0 2px rgba(45,127,196,.25);
}
.formtable .oo-ui-inputWidget, .formtable .oo-ui-comboBoxInputWidget { max-width:100% !important; width:100% !important; }
/* Upload-Button kompakt */
.formtable .mw-ui-button, .formtable button, .formtable a.button {
	display:inline-block; width:auto; padding:8px 16px; font-size:14px;
	border-radius:8px; background:#e7f0f8; color:#1b4b7a; border:1px solid #cfe0ef;
}
/* Speichern-Button prominent */
.formtable .editButtons input[type="submit"], .formtable input[name="wpSave"] {
	background:#1b4b7a; color:#fff; border:none; border-radius:10px;
	padding:14px 22px; font-size:16px; font-weight:600; width:100%; max-width:560px;
}
@media (max-width:640px) {
	.formtable { max-width:100%; }
	.formtable textarea { min-height:120px; }
}.formtable input[name="wpSave"], form.createbox input[type="submit"] {
	background:#1b4b7a; color:#fff; border:none; border-radius:10px;
	padding:14px 22px; font-size:16px; font-weight:600;
}