User:Monster Domosed/common.css: Difference between revisions

No edit summary
No edit summary
Line 69: Line 69:
.rm-mode-toggle {
.rm-mode-toggle {
     position: absolute;
     position: absolute;
     right:2px;
    top: 2px;
     right: 2px;
     z-index: 10;
     z-index: 10;
     display: inline-flex;
     display: inline-flex;
Line 108: Line 109:
.rm-rotate-icon {
.rm-rotate-icon {
     position: absolute;
     position: absolute;
     bottom: 6px;
     bottom: 2px;
     right: 6px;
     right: 2px;
     z-index: 5;
     z-index: 5;
     pointer-events: none;
     pointer-events: none;
Line 123: Line 124:
     object-fit: contain;
     object-fit: contain;
     filter: brightness(0) invert(1) drop-shadow(0 1px 3px rgba(0,0,0,0.5));
     filter: brightness(0) invert(1) drop-shadow(0 1px 3px rgba(0,0,0,0.5));
}
/* ---- HINT TEXT — bottom-center ---- */
.rotatable-model-hint {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.65);
    color: #fff;
    padding: 4px 14px;
    border-radius: 14px;
    font-size: 0.85em;
    white-space: nowrap;
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.4s;
    z-index: 4;
}
.rotatable-model-hint.rm-hidden {
    opacity: 0;
}
}