|
|
| (One intermediate revision by the same user not shown) |
| Line 1: |
Line 1: |
| /* | | /* |
| * Aturan CSS ini diterapkan ke semua skin dan perangkat. | | * Kode CSS ini disesuaikan dari dokumentasi MediaWiki |
| * Media queries digunakan untuk menyesuaikan tampilan di layar mobile.
| |
| * Tempatkan kode ini di bagian bawah file MediaWiki:Common.css Anda.
| |
| */
| |
| | |
| @media all and (max-width: 768px) {
| |
| /* Sembunyikan sidebar navigasi di perangkat mobile */
| |
| #mw-navigation {
| |
| display: none;
| |
| }
| |
| | |
| /* Lebarkan area konten utama untuk mengisi seluruh lebar layar mobile */
| |
| #content {
| |
| margin-left: 0 !important; /* !important diperlukan untuk menimpa aturan default MediaWiki */
| |
| }
| |
| | |
| /* Sesuaikan ukuran font dasar untuk keterbacaan yang lebih baik di mobile */
| |
| body {
| |
| font-size: 16px;
| |
| }
| |
| | |
| /* Pastikan gambar tidak meluap dari kontainer dan tetap proporsional */
| |
| img {
| |
| max-width: 100%;
| |
| height: auto;
| |
| }
| |
| | |
| /* Buat tabel bisa di-scroll secara horizontal jika terlalu lebar di mobile */
| |
| table {
| |
| display: block; /* Mengubah tabel menjadi elemen blok */
| |
| overflow-x: auto; /* Mengaktifkan scrolling horizontal jika kontennya melebihi */
| |
| white-space: nowrap; /* Mencegah teks dalam sel tabel pecah baris */
| |
| }
| |
| | |
| /* === Perbaikan spesifik skin tertentu (jika diperlukan) === */
| |
| /*
| |
| * Jika Anda menggunakan skin seperti Vector atau Monobook,
| |
| * mungkin ada elemen lain yang perlu disesuaikan.
| |
| * Contoh:
| |
| * #mw-head { width: 100%; }
| |
| * #mw-panel { display: none; }
| |
| */
| |
| }
| |