MediaWiki:Common.css: Perbedaan antara revisi

Revisi terkini sejak 29 Mei 2026 19.17

/* --- FIX UKURAN DAN SKALA LOGO (UNTUK SEMUA SKIN) --- */

/* Menargetkan elemen wadah logo */
#p-logo {
    /* Memaksa elemen wadah memiliki ukuran standar */
    width: 135px;
    height: 135px;
}

/* Menargetkan elemen link di dalam wadah logo */
#p-logo a, .mw-wiki-logo {
    /* Memaksa ukuran area gambar agar sesuai */
    width: 135px !important;
    height: 135px !important;
    
    /* Memastikan gambar diskala (terutama untuk SVG) */
    background-size: contain !important;
    
    /* Memastikan gambar berada di tengah dan tidak berulang */
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* ---------- CAPTCHA STYLING ---------- */
.captcha-code {
  display: inline-block;
  padding: 10px 16px;
  font-size: 1.8em;
  font-weight: 700;
  font-family: monospace;
  border-radius: 10px;
  letter-spacing: 4px;
  user-select: none;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  margin: 10px auto;
  text-align: center;
  animation: fadeIn 0.4s ease-in-out;
}

/* Bikin background captcha punya warna acak */
.captcha-code {
  background: linear-gradient(135deg, #f8f8f8, #e8e8e8);
  border: 1px solid #bbb;
  color: #2c3e50;
}

/* Variasi warna random */
.captcha-code:nth-child(3n) {
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  border-color: #90caf9;
  color: #0d47a1;
}
.captcha-code:nth-child(3n+1) {
  background: linear-gradient(135deg, #f1f8e9, #dcedc8);
  border-color: #aed581;
  color: #33691e;
}
.captcha-code:nth-child(3n+2) {
  background: linear-gradient(135deg, #fff3e0, #ffe0b2);
  border-color: #ffb74d;
  color: #e65100;
}

/* Label agar center di HP */
.mw-confirmedit-captcha label {
  display: block;
  text-align: center;
  margin: 12px 0;
  font-size: 1em;
  font-weight: 500;
  color: #444;
}

/* Responsif untuk seluler */
@media (max-width: 720px) {
  .captcha-code { font-size: 2.2em; padding: 12px 18px; }
}

/* Animasi halus saat muncul */
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.9); }
  to   { opacity: 1; transform: scale(1); }
}

/* === Hilangkan judul "Halaman Utama" di tampilan MobileFrontend === */
.page-Halaman_Utama #section_0,
.page-Halaman_Utama .content-header,
.page-Halaman_Utama h1.firstHeading,
.page-Halaman_Utama #firstHeading {
    display: none !important;
}

/* Opsional: rapikan jarak setelah header hilang */
.page-Halaman_Utama .content {
    margin-top: 0 !important;
    padding-top: 0.5em !important;
}

@@ Baris 95: / Baris 95: @@
      margin-top: 0 !important;
      padding-top: 0.5em !important;
-}
-/* ====== INFOBOX STYLE ====== */
-.infobox {
-    border: 1px solid #a2a9b1;
-    border-collapse: collapse;
-    background-color: #f8f9fa;
-    color: #000;
-    margin: 1em 0 1em 1em;
-    padding: 0;
-    width: 100%;
-    max-width: 330px; /* biar mobile rapi */
-    float: right;
-    clear: right;
-    font-size: 65%;/* ukuran HP */
-}
-/* HEADER ATAS (TITLE) */
-/* Warna biru muda + teks rata tengah */
-.infobox-title, .infobox .infobox-above {
-    background: #cedff2;
-    text-align: center;
-    font-size: 120%;
-    font-weight: bold;
-    padding: 8px;
-    border-bottom: 1px solid #a2a9b1;
-}
-/* ====== GARIS SETIAP BARIS ====== */
-.infobox td, .infobox th {
-    border-top: 1px solid #a2a9b1 !important;
-    padding: 6px;
-}
-/* LABEL KIRI */
-.infobox-label {
-    font-weight: bold;
-    width: 40%;
-    vertical-align: top;
-}
-/* Data infobox rata tengah */
-.infobox-label {
-    text-align: center !important;
-}
-/* DATA KANAN */
-.infobox-data {
-    width: 50%;
-}
-/* Data infobox rata tengah */
-.infobox-data {
-    text-align: center !important;
-}
-/* BAGIAN HEADING DALAM (seperti “Informasi latar belakang”) */
-.infobox-header, .infobox-subheader {
-    background: #e2e6ea;
-    font-weight: bold;
-    text-align: center;
-    padding: 6px;
-    border-top: 1px solid #a2a9b1;
-    border-bottom: 1px solid #a2a9b1;
-}
-/* GAMBAR */
-.infobox img {
-    width: 100%;
-    height: auto;
-    display: block;
-}
-/* MOBILE FIX */
-@media screen and (max-width: 600px) {
-    .infobox {
-        float: none;
-        margin: 0 auto 1em;
-        width: 100%;
-    }
-}
-/* ============================================
-   FIX #1 — HEADER BIRU TIDAK RATA TENGAH
-   ============================================ */
-.infobox-title,
-.infobox .infobox-above {
-    text-align: center !important; /* paksa center */
-    font-size: 100% !important;    /* biar besar seperti Wikipedia mobile */
-}
-/* ============================================
-   FIX #2 — INFOBOX TERLALU KECIL DI HP
-   BIKIN LEBARNYA 100% SEPERTI DI WIKIPEDIA MOBILE
-   ============================================ */
-@media screen and (max-width: 600px) {
-    .infobox {
-        width: 100% !important;      /* full width */
-        max-width: 100% !important;  /* hilangin batas 330px */
-        margin: 0 auto 1em !important;
-        float: none !important;      /* biar tidak mengecil ke kanan */
-        font-size: 100% !important;  /* otomatis sesuai layar */
-    }
-    /* gambar jangan mepet kiri-kanan */
-    .infobox img {
-        width: 100% !important;
-        height: auto !important;
-    }
-}
-/* ============================================
-   FIX #3 — JARAK ANTAR BORDER TERLALU BESAR
-   ============================================ */
-.infobox td, .infobox th {
-    padding: 8px 10px !important;
 }