MediaWiki:Common.css: Perbedaan antara revisi
Tidak ada ringkasan suntingan Tanda: Suntingan perangkat seluler Suntingan peramban seluler |
Tidak ada ringkasan suntingan Tanda: Dikembalikan Suntingan perangkat seluler Suntingan peramban seluler |
||
| Baris 1: | Baris 1: | ||
/* Mippedia Data UI */ | |||
#mippedia-data-container { | |||
background: #ffffff; | |||
border-radius: 12px; | |||
box-shadow: 0 4px 12px rgba(0,0,0,0.05); | |||
padding: 20px; | |||
margin: 20px 0; | |||
font-family: sans-serif; | |||
border: 1px solid #eaeaea; | |||
} | |||
.md-header { | |||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; | |||
border-bottom: 2px solid #f0f0f0; | |||
padding-bottom: 10px; | |||
margin-bottom: 15px; | |||
} | |||
.md-header h3 { | |||
margin: 0; | |||
font-size: 1.2em; | |||
color: #333; | |||
font-weight: bold; | |||
} | |||
.md-actions button { | |||
background: transparent; | |||
border: none; | |||
cursor: pointer; | |||
font-size: 1.1em; | |||
padding: 5px 10px; | |||
border-radius: 6px; | |||
transition: 0.2s; | |||
} | |||
.md-btn-edit { color: #6b52d1; } | |||
.md-btn-edit:hover { background: #f0ecff; } | |||
.md-btn-lock { color: #d15252; } | |||
.md-btn-lock:hover { background: #ffecec; } | |||
/* View Mode */ | |||
.md-row-view { | |||
display: flex; | |||
padding: 8px 0; | |||
border-bottom: 1px solid #f9f9f9; | |||
} | |||
.md-data-lbl { | |||
width: 40%; | |||
font-weight: bold; | |||
color: #555; | |||
} | |||
.md-value-val { | |||
width: 60%; | |||
color: #222; | |||
} | |||
.md-ref-icon { | |||
font-size: 0.8em; | |||
margin-left: 5px; | |||
color: #17a2b8; | |||
text-decoration: none; | |||
} | |||
/* Edit Mode */ | |||
.md-edit-mode { display: none; } | |||
.md-row-edit { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 10px; | |||
background: #fafafa; | |||
padding: 15px; | |||
border-radius: 8px; | |||
margin-bottom: 10px; | |||
border: 1px solid #eee; | |||
} | |||
.md-input-group { | |||
display: flex; | |||
flex-direction: column; | |||
flex: 1; | |||
min-width: 150px; | |||
} | |||
.md-input-group label { | |||
font-size: 0.8em; | |||
color: #666; | |||
margin-bottom: 4px; | |||
} | |||
.md-input-group input { | |||
padding: 8px; | |||
border: 1px solid #ccc; | |||
border-radius: 6px; | |||
font-size: 14px; | |||
} | |||
.md-options { | |||
display: flex; | |||
align-items: center; | |||
gap: 15px; | |||
width: 100%; | |||
margin-top: 5px; | |||
} | |||
.md-options label { | |||
font-size: 0.9em; | |||
display: flex; | |||
align-items: center; | |||
gap: 5px; | |||
cursor: pointer; | |||
} | |||
.md-btn-delete { | |||
background: #ff4d4d; | |||
color: white; | |||
border: none; | |||
padding: 5px 10px; | |||
border-radius: 4px; | |||
cursor: pointer; | |||
font-size: 0.8em; | |||
} | |||
.md-add-row-btn { | |||
background: #17a2b8; | |||
color: white; | |||
border: none; | |||
padding: 8px 15px; | |||
border-radius: 6px; | |||
cursor: pointer; | |||
margin-top: 10px; | |||
} | |||
.md-save-btn { | |||
background: #6b52d1; | |||
color: white; | |||
border: none; | |||
padding: 10px 20px; | |||
border-radius: 6px; | |||
cursor: pointer; | |||
width: 100%; | |||
margin-top: 15px; | |||
font-weight: bold; | |||
} | |||
/* --- FIX UKURAN DAN SKALA LOGO (UNTUK SEMUA SKIN) --- */ | /* --- FIX UKURAN DAN SKALA LOGO (UNTUK SEMUA SKIN) --- */ | ||