Spaces:
Sleeping
Sleeping
File size: 2,499 Bytes
0533780 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 | /* content.css — Styles injected into every page for the selection overlay */
/* ── Overlay ── */
#glmocr-overlay {
position: fixed !important;
inset: 0 !important;
background: rgba(0, 0, 0, 0.45) !important;
z-index: 2147483646 !important;
cursor: crosshair !important;
user-select: none !important;
}
/* ── Hint text ── */
#glmocr-hint {
position: absolute !important;
top: 20px !important;
left: 50% !important;
transform: translateX(-50%) !important;
background: rgba(0, 0, 0, 0.8) !important;
color: #f5f0e8 !important;
font-family: 'IBM Plex Mono', monospace, monospace !important;
font-size: 13px !important;
padding: 10px 18px !important;
border-radius: 4px !important;
letter-spacing: 0.04em !important;
pointer-events: none !important;
white-space: nowrap !important;
border: 1px solid rgba(255,255,255,0.15) !important;
transition: opacity 0.2s !important;
}
/* ── Selection box ── */
#glmocr-selbox {
position: fixed !important;
display: none !important;
border: 2px solid #c94a1f !important;
background: rgba(201, 74, 31, 0.08) !important;
box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.35) !important;
pointer-events: none !important;
z-index: 2147483647 !important;
}
/* ── Sidebar iframe ── */
#glmocr-sidebar {
position: fixed !important;
top: 0 !important;
right: 0 !important;
width: 380px !important;
height: 100vh !important;
border: none !important;
z-index: 2147483645 !important;
border-left: 2px solid #d4cfc3 !important;
box-shadow: -4px 0 24px rgba(0,0,0,0.12) !important;
animation: glmocr-slideIn 0.25s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
@keyframes glmocr-slideIn {
from { transform: translateX(100%); opacity: 0; }
to { transform: translateX(0); opacity: 1; }
}
/* ── Toast ── */
#glmocr-toast {
position: fixed !important;
bottom: 24px !important;
left: 50% !important;
transform: translateX(-50%) !important;
background: #0f0e0d !important;
color: #f5f0e8 !important;
font-family: 'IBM Plex Mono', monospace, monospace !important;
font-size: 13px !important;
padding: 10px 20px !important;
border-radius: 4px !important;
z-index: 2147483647 !important;
white-space: nowrap !important;
animation: glmocr-fadeUp 0.3s ease both !important;
}
@keyframes glmocr-fadeUp {
from { opacity: 0; transform: translateX(-50%) translateY(12px); }
to { opacity: 1; transform: translateX(-50%) translateY(0); }
}
|