MediaWiki:Common.css: Unterschied zwischen den Versionen
Die Seite wurde neu angelegt: „→Infobox responsive mobile layout: @media screen and (max-width: 768px) { .infobox { float: none !important; width: 95% !important; max-width: 600px !important; margin-left: auto !important; margin-right: auto !important; display: table; } }“ |
Keine Bearbeitungszusammenfassung Markierung: Manuelle Zurücksetzung |
||
| (18 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
/* Infobox | |||
/* =============================== | |||
Amon Wiki Stable Infobox Base | |||
=============================== */ | |||
.infobox { | |||
float: right; | |||
width: 22em; | |||
max-width: 100%; | |||
border-collapse: collapse; | |||
background-color: #f7f9fa; | |||
border: 1px solid #d6d6d6; | |||
box-shadow: 0 1px 3px rgba(0,0,0,0.04); | |||
font-size: 90%; | |||
} | |||
/* Table cells */ | |||
.infobox th, | |||
.infobox td { | |||
border: 1px solid #dcdcdc; | |||
padding: 6px; | |||
font-size: 90%; | |||
line-height: 1.35; | |||
} | |||
/* Header title */ | |||
.infobox > tbody > tr:first-child th { | |||
text-align: center; | |||
font-size: 115%; | |||
font-weight: 600; | |||
padding: 12px; | |||
background-color: #f7f9fa; | |||
} | |||
/* Maps */ | |||
.infobox td[colspan="2"] { | |||
text-align: center; | |||
} | |||
.infobox td[colspan="2"] img { | |||
width: 100%; | |||
height: auto; | |||
display: block; | |||
} | |||
/* Heraldic images */ | |||
.infobox img { | |||
max-width: 100%; | |||
height: auto; | |||
display: inline-block; | |||
} | |||
/* Mobile Layout */ | |||
@media screen and (max-width: 768px) { | @media screen and (max-width: 768px) { | ||
.infobox { | .infobox { | ||
float: none !important; | float: none !important; | ||
width: 95% !important; | width: 95% !important; | ||
max-width: | max-width: 520px !important; | ||
margin | margin: 8px auto !important; | ||
} | } | ||
} | } | ||
Aktuelle Version vom 24. Februar 2026, 16:44 Uhr
/* ===============================
Amon Wiki Stable Infobox Base
=============================== */
.infobox {
float: right;
width: 22em;
max-width: 100%;
border-collapse: collapse;
background-color: #f7f9fa;
border: 1px solid #d6d6d6;
box-shadow: 0 1px 3px rgba(0,0,0,0.04);
font-size: 90%;
}
/* Table cells */
.infobox th,
.infobox td {
border: 1px solid #dcdcdc;
padding: 6px;
font-size: 90%;
line-height: 1.35;
}
/* Header title */
.infobox > tbody > tr:first-child th {
text-align: center;
font-size: 115%;
font-weight: 600;
padding: 12px;
background-color: #f7f9fa;
}
/* Maps */
.infobox td[colspan="2"] {
text-align: center;
}
.infobox td[colspan="2"] img {
width: 100%;
height: auto;
display: block;
}
/* Heraldic images */
.infobox img {
max-width: 100%;
height: auto;
display: inline-block;
}
/* Mobile Layout */
@media screen and (max-width: 768px) {
.infobox {
float: none !important;
width: 95% !important;
max-width: 520px !important;
margin: 8px auto !important;
}
}