MediaWiki:Common.css: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
/* Standard | /* ========================================== | ||
Wikipedia-Style Responsive Infobox Engine | |||
Amon Wiki Premium Layout Version | |||
========================================== */ | |||
/* Desktop Standard */ | |||
.infobox { | .infobox { | ||
float: right; | float: right; | ||
width: 22em; | width: 22em; | ||
max-width: 100%; | max-width: 100%; | ||
border-collapse: collapse; | |||
} | |||
/* Bilder innerhalb Infobox */ | |||
.infobox img { | |||
max-width: 100%; | |||
height: auto; | |||
} | } | ||
/* Mobile | /* Mobile Layout (Wikipedia-like Behaviour) */ | ||
@media screen and (max-width: 768px) { | @media screen and (max-width: 768px) { | ||
.infobox { | .infobox { | ||
float: none !important; | float: none !important; | ||
width: | width: calc(100% - 20px) !important; | ||
max-width: | max-width: 520px !important; | ||
margin: 10px auto !important; | |||
margin | |||
display: table; | display: table; | ||
} | |||
.infobox table, | |||
.infobox tbody, | |||
.infobox tr, | |||
.infobox td, | |||
.infobox th { | |||
width: 100% !important; | |||
display: block; | |||
} | |||
.infobox tr { | |||
border-bottom: 1px solid #ddd; | |||
} | |||
.infobox th { | |||
text-align: left !important; | |||
padding-top: 8px; | |||
} | } | ||
} | } | ||
Version vom 24. Februar 2026, 15:57 Uhr
/* ==========================================
Wikipedia-Style Responsive Infobox Engine
Amon Wiki Premium Layout Version
========================================== */
/* Desktop Standard */
.infobox {
float: right;
width: 22em;
max-width: 100%;
border-collapse: collapse;
}
/* Bilder innerhalb Infobox */
.infobox img {
max-width: 100%;
height: auto;
}
/* Mobile Layout (Wikipedia-like Behaviour) */
@media screen and (max-width: 768px) {
.infobox {
float: none !important;
width: calc(100% - 20px) !important;
max-width: 520px !important;
margin: 10px auto !important;
display: table;
}
.infobox table,
.infobox tbody,
.infobox tr,
.infobox td,
.infobox th {
width: 100% !important;
display: block;
}
.infobox tr {
border-bottom: 1px solid #ddd;
}
.infobox th {
text-align: left !important;
padding-top: 8px;
}
}