Tanda: Dikembalikan Suntingan perangkat seluler Suntingan peramban seluler |
Tanda: Pengembalian manual 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) --- */ |
|
| |
|
