MediaWiki:Common.css: Difference between revisions

No edit summary
Tags: Mobile edit Mobile web edit
No edit summary
Tags: Mobile edit Mobile web edit
 
(19 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;
}
@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;
}
}
}


Line 152: Line 180:
}
}


@media screen {
/* ==========================================================
.infobox {
  ➕ HANYA MENAMBAHKAN DI BAWAH INI (Sesuai Perintah)
background-color: var(--background-color-neutral-subtle, #f8f9fa);
  ========================================================== */
    }
 
/* 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 */
}
}


@media (max-width: 640px) {
/* 2. Mengatur ukuran huruf caption foto agak kecil dan TETAP TEGAK (tidak miring) */
.infobox {
.infobox .infobox-image,
width: 100%;
.infobox tr:has(img) + tr td {
}
font-size: 88% !important;
   
font-style: normal !important;
.infobox .nowrap {
color: #54595d;
white-space: normal;
}
}
}


@media (min-width: 640px) {
#siteSub {
.infobox {
display: block;
/* @noflip */
margin-left: 10em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}
}