MediaWiki:Common.css: Difference between revisions

Admin (talk | contribs)
No edit summary
Tags: Mobile edit Mobile web edit
Admin (talk | contribs)
No edit summary
Tags: Mobile edit Mobile web edit
 
Line 95: Line 95:
     margin-top: 0 !important;
     margin-top: 0 !important;
     padding-top: 0.5em !important;
     padding-top: 0.5em !important;
}
/* ==========================================================
  📦 MIPPEDIA INFOBOX (Stable Version - Added Borders & Caption Style)
  ========================================================== */
/* Ditambahkan border-collapse agar garis pembatas antar-sel menyatu halus */
.infobox {
border: 1px solid #a2a9b1;
color: black;
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
margin: 0.5em 0;
border-collapse: collapse;
}
}


Line 154: Line 138:
.infobox td {
.infobox td {
vertical-align: top;
vertical-align: top;
/* Penambahan garis bawah halus warna abu-abu tipis di setiap baris data */
border-bottom: 1px solid #eaecf0;
padding: 5px 6px;
}
}


Line 191: Line 172:
.infobox .infobox-below {
.infobox .infobox-below {
text-align: center;
text-align: center;
}
/* ➕ PENAMBAHAN KHUSUS: Mengatur teks caption di bawah foto */
/* Menghasilkan teks caption yang lebih kecil, rapi, dan tetap TEGAK (tidak miring) */
.infobox .infobox-image,
.infobox td img + div,
.infobox tr[style*="text-align: center"] td {
font-size: 90% !important;
font-style: normal !important;
color: #54595d;
padding-top: 4px;
}
}


Line 208: Line 178:
/* @noflip */
/* @noflip */
text-align: right;
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;
}
}