| 1 |
.single-hotspot .wpvr-legacy-sticker-settings { |
| 2 |
margin-top: 8px; |
| 3 |
padding: 20px; |
| 4 |
background: #fff; |
| 5 |
border: 1px solid #e5e7eb; |
| 6 |
border-radius: 12px; |
| 7 |
color: #334155; |
| 8 |
} |
| 9 |
.wpvr-sticker-panel-heading { font-size: 16px; font-weight: 600; margin-bottom: 18px; } |
| 10 |
.wpvr-sticker-template-label, .wpvr-sticker-field-label { display: block; font-size: 13px; font-weight: 500; margin-bottom: 7px; } |
| 11 |
.wpvr-legacy-sticker-settings .wpvr-sticker-section { border-top: 1px solid #e5e7eb; padding-top: 18px; margin: 22px 0 14px; font-size: 14px; color: #0f172a; } |
| 12 |
.single-hotspot .hotspot-setting .wpvr-legacy-sticker-settings input:not([type=hidden]), |
| 13 |
.single-hotspot .hotspot-setting .wpvr-legacy-sticker-settings select, |
| 14 |
.single-hotspot .hotspot-setting .wpvr-legacy-sticker-settings textarea { |
| 15 |
height: 38px; |
| 16 |
padding: 7px 10px; |
| 17 |
font-size: 13px; |
| 18 |
border-color: #dbe1e8; |
| 19 |
border-radius: 7px; |
| 20 |
margin-bottom: 0; |
| 21 |
background: #fff; |
| 22 |
} |
| 23 |
.single-hotspot .hotspot-setting .wpvr-legacy-sticker-settings textarea { height: auto; min-height: 90px; resize: vertical; } |
| 24 |
.wpvr-sticker-field input:focus-visible, .wpvr-sticker-field button:focus-visible { outline: 2px solid #7c3aed; outline-offset: 2px; } |
| 25 |
.wpvr-sticker-color-control, .wpvr-sticker-range-control { display: flex; align-items: center; gap: 10px; } |
| 26 |
.single-hotspot .hotspot-setting .wpvr-sticker-color-control input[type=color] { width: 38px; min-width: 38px; height: 38px; padding: 3px; cursor: pointer; } |
| 27 |
.single-hotspot .hotspot-setting .wpvr-sticker-range-control input[type=range] { flex: 1; height: 6px; padding: 0; accent-color: #7c3aed; cursor: pointer; } |
| 28 |
.single-hotspot .hotspot-setting .wpvr-sticker-range-control input[type=number] { width: 70px; } |
| 29 |
.single-hotspot .hotspot-setting .wpvr-sticker-toggle-value { display: none; } |
| 30 |
.wpvr-sticker-switch { border: 0; border-radius: 20px; width: 40px; height: 22px; background: #cbd5e1; padding: 3px; cursor: pointer; position: relative; vertical-align: middle; } |
| 31 |
.wpvr-sticker-switch::after { content: ''; display: block; background: #fff; border-radius: 50%; width: 16px; height: 16px; transition: transform .15s; box-shadow: 0 1px 3px #0002; } |
| 32 |
.wpvr-sticker-switch[aria-checked=true] { background: #7c3aed; } |
| 33 |
.wpvr-sticker-switch[aria-checked=true]::after { transform: translateX(18px); } |
| 34 |
.wpvr-sticker-switch-state { margin-inline-start: 9px; font-size: 12px; color: #64748b; } |
| 35 |
.wpvr-sticker-side { display: inline-block; width: calc(25% - 5px); margin-inline-end: 5px; font-size: 10px; color: #64748b; } |
| 36 |
.wpvr-sticker-avatar-preview { width: 56px; height: 56px; object-fit: cover; border-radius: 50%; margin: 10px 0; display: block; } |
| 37 |
.wpvr-sticker-icon-control { position: relative; margin-top: 7px; } |
| 38 |
.wpvr-sticker-icon-trigger { display: flex; align-items: center; gap: 10px; width: 100%; border: 1px solid #dbe1e8; border-radius: 7px; background: #f8fafc; padding: 10px; cursor: pointer; text-align: start; } |
| 39 |
.wpvr-sticker-icon-trigger i { font-size: 18px; width: 24px; text-align: center; } |
| 40 |
.wpvr-sticker-icon-menu { padding: 10px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; margin-top: 7px; } |
| 41 |
.wpvr-sticker-icon-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(38px, 1fr)); gap: 5px; max-height: 180px; overflow-y: auto; margin-top: 8px; } |
| 42 |
.wpvr-sticker-icon-option { border: 1px solid #e2e8f0; border-radius: 6px; background: #fff; min-height: 36px; cursor: pointer; } |
| 43 |
.wpvr-sticker-icon-option:hover, .wpvr-sticker-icon-option[aria-pressed=true] { border-color: #7c3aed; background: #f5f3ff; color: #7c3aed; } |
| 44 |
.wpvr-sticker-link { background: #f8fafc; padding: 10px; border: 1px solid #e2e8f0; border-radius: 8px; } |
| 45 |
.wpvr-sticker-icon-value { display: none; } |
| 46 |
@media (max-width: 782px) { .single-hotspot .wpvr-legacy-sticker-settings { padding: 14px; } } |
| 47 |
.single-hotspot .wpvr-legacy-sticker-settings { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } |
| 48 |
.single-hotspot .hotspot-setting .wpvr-sticker-side { display: inline-block; width: calc(25% - 5px); font-size: 10px; line-height: 1.4; margin-top: 6px; vertical-align: bottom; } |
| 49 |
.single-hotspot .hotspot-setting .wpvr-sticker-side input { padding: 6px; } |
| 50 |
.single-hotspot .wpvr-legacy-sticker-settings .button { font-size: 12px; border: 1px solid #dbe1e8; border-radius: 6px; background: #f8fafc; padding: 5px 10px; cursor: pointer; color: #334155; } |
| 51 |
.single-hotspot .wpvr-legacy-sticker-settings textarea { font-family: inherit; } |
| 52 |
|
| 53 |
.wpvr-sticker-sides { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; } |
| 54 |
.single-hotspot .hotspot-setting .wpvr-sticker-sides .wpvr-sticker-side { width: auto; margin-inline-end: 0; } |
| 55 |
|
