MediaWiki:Common.css: Difference between revisions
No edit summary Tags: Reverted Mobile edit Mobile web edit |
No edit summary Tags: Mobile edit Mobile web edit |
||
| (13 intermediate revisions by the same user not shown) | |||
| Line 96: | Line 96: | ||
padding-top: 0.5em !important; | padding-top: 0.5em !important; | ||
} | } | ||
@media screen { | |||
.infobox { | |||
background-color: var(--background-color-neutral-subtle, #f8f9fa); | |||
} | |||
} | |||
@media (max-width: 640px) { | |||
.infobox { | |||
width: 100%; | |||
} | |||
.infobox .nowrap { | |||
white-space: normal; | |||
} | |||
} | |||
@media (min-width: 640px) { | |||
.infobox { | |||
/* @noflip */ | |||
margin-left: 1em; | |||
/* @noflip */ | |||
float: right; | |||
/* @noflip */ | |||
clear: right; | |||
width: 22em; | |||
} | |||
} | |||
.infobox-header, | |||
.infobox-label, | |||
.infobox-above, | |||
.infobox-full-data, | |||
.infobox-data, | |||
.infobox-below, | |||
.infobox-subheader, | |||
.infobox-image, | |||
.infobox-navbar, | |||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | |||
.infobox th, | |||
.infobox td { | |||
vertical-align: top; | |||
} | |||
.infobox-label, | |||
.infobox-data, | |||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | |||
.infobox th, | |||
.infobox td { | |||
/* @noflip */ | |||
text-align: center; | |||
} | |||
/* Remove .infobox when element selectors above are removed */ | |||
.infobox .infobox-above, | |||
.infobox .infobox-title, | |||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | |||
.infobox caption { | |||
font-size: 125%; | |||
font-weight: bold; | |||
text-align: center; | |||
} | |||
.infobox-title, | |||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | |||
.infobox caption { | |||
padding: 0.2em; | |||
} | |||
/* Remove .infobox when element selectors above are removed */ | |||
.infobox .infobox-header, | |||
.infobox .infobox-subheader, | |||
.infobox .infobox-image, | |||
.infobox .infobox-full-data, | |||
.infobox .infobox-below { | |||
text-align: center; | |||
} | |||
/* Remove .infobox when element selectors above are removed */ | |||
.infobox .infobox-navbar { | |||
/* @noflip */ | |||
text-align: right; | |||
} | |||
/* ========================================================== | |||
➕ HANYA MENAMBAHKAN DI BAWAH INI (Sesuai Perintah) | |||
========================================================== */ | |||
/* 1. Menambahkan garis bawah halus abu-abu di setiap baris data */ | |||
.infobox th, | |||
.infobox td, | |||
.infobox-label, | |||
.infobox-data, | |||
.infobox-header, | |||
.infobox-subheader { | |||
border-bottom: 1px solid #eaecf0; | |||
padding: 6px 4px; /* Memberikan space halus agar tidak kaku */ | |||
} | |||
/* 2. Mengatur ukuran huruf caption foto agak kecil dan TETAP TEGAK (tidak miring) */ | |||
.infobox .infobox-image, | |||
.infobox tr:has(img) + tr td { | |||
font-size: 88% !important; | |||
font-style: normal !important; | |||
color: #54595d; | |||
} | |||
#siteSub { | |||
display: block; | |||
} | |||