MediaWiki:Common.css: Difference between revisions

No edit summary
Tags: Mobile edit Mobile web edit
No edit summary
Tags: Mobile edit Mobile web edit
 
(3 intermediate revisions by the same user not shown)
Line 95: Line 95:
     margin-top: 0 !important;
     margin-top: 0 !important;
     padding-top: 0.5em !important;
     padding-top: 0.5em !important;
}
/* Infoboxes */
.infobox {
border: 1px solid #a2a9b1;
color: #202122;
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
/* Mengubah border-collapse agar garis pemisah (border-bottom) bisa tersambung rapi */
border-collapse: collapse;
margin: 0.5em 0;
}
}


Line 133: Line 121:
/* @noflip */
/* @noflip */
clear: right;
clear: right;
/* Memperlebar ukuran kotak dari 22em ke 24.5em standar Wikipedia */
width: 22em;
width: 24.5em;  
}
}
}
}
Line 147: Line 134:
.infobox-image,
.infobox-image,
.infobox-navbar,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox th,
.infobox td {
.infobox td {
vertical-align: top;
vertical-align: top;
/* Menambahkan garis pemisah horizontal tipis di setiap baris data */
border-top: 1px solid #a2a9b1;
padding: 4px 6px;
}
/* Memastikan baris pertama (Judul/Foto) tidak memiliki garis pemisah di bagian atasnya */
.infobox tr:first-child th,
.infobox tr:first-child td {
border-top: 0;
}
}


.infobox-label,
.infobox-label,
.infobox-data,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox th,
.infobox td {
.infobox td {
/* @noflip */
/* @noflip */
/* Mengembalikan text-align ke kiri agar susunan parameter data rapi lurus */
text-align: center;
text-align: left;
}
 
/* Mengunci label kiri agar posisinya condong ke kiri atau kanan secara proporsional */
.infobox-label,
.infobox th {
font-weight: bold;
}
}


Line 179: Line 152:
.infobox .infobox-above,
.infobox .infobox-above,
.infobox .infobox-title,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
.infobox caption {
font-size: 125%;
font-size: 125%;
font-weight: bold;
font-weight: bold;
text-align: center;
text-align: center;
border-top: 0; /* Menghilangkan border atas untuk judul utama */
}
}


.infobox-title,
.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
.infobox caption {
padding: 0.4em;
padding: 0.2em;
}
}


Line 200: Line 174:
}
}


/* Mengatur teks di area foto/image info (caption) agar otomatis miring (italic) */
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-image,
.infobox .infobox-navbar {
.infobox td [style="text-align: center"] {
/* @noflip */
font-style: italic;
text-align: right;
font-size: 95%; /* Sedikit lebih kecil agar kontras sebagai keterangan foto */
}
}


/* Jangan buat teks judul utama ikut miring meskipun memakai tag th/td */
/* ==========================================================
.infobox .infobox-above,
  ➕ HANYA MENAMBAHKAN DI BAWAH INI (Sesuai Perintah)
.infobox .infobox-title {
  ========================================================== */
font-style: normal;
 
/* 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 */
}
}


/* Remove .infobox when element selectors above are removed */
/* 2. Mengatur ukuran huruf caption foto agak kecil dan TETAP TEGAK (tidak miring) */
.infobox .infobox-navbar {
.infobox .infobox-image,
/* @noflip */
.infobox tr:has(img) + tr td {
text-align: right;
font-size: 88% !important;
font-style: normal !important;
color: #54595d;
}
}


#siteSub {
#siteSub {
display: block;
display: block;
}
}