User:Monster Domosed/common.css: Difference between revisionsGive feedback
No edit summary |
No edit summary |
||
| Line 142: | Line 142: | ||
box-shadow: 0 8px 24px rgba(0,0,0,.3); | box-shadow: 0 8px 24px rgba(0,0,0,.3); | ||
} | } | ||
/* Animation controls */ | |||
.model-viewer-controls { | |||
position: absolute; | |||
left: 0; | |||
right: 0; | |||
bottom: 0; | |||
display: none; | |||
align-items: center; | |||
gap: 6px; | |||
padding: 6px 8px; | |||
background-color: var(--background-color-base-subtle); | |||
border-top: 1px solid var(--border-color-base); | |||
box-sizing: border-box; | |||
} | |||
.model-viewer-controls--visible { | |||
display: flex; | |||
} | |||
.model-anim-button { | |||
flex: 0 0 auto; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
width: 24px; | |||
height: 24px; | |||
padding: 0; | |||
border: 1px solid var(--border-color-base); | |||
border-radius: 4px; | |||
background-color: var(--background-color-interactive); | |||
color: var(--color-base); | |||
font-size: 10px; | |||
line-height: 1; | |||
cursor: pointer; | |||
appearance: none; | |||
} | |||
.model-anim-button:hover { | |||
background-color: var(--background-color-progressive--hover); | |||
border-color: var(--border-color-progressive--hover); | |||
color: var(--color-progressive--active); | |||
} | |||
.model-anim-select { | |||
flex: 1 1 auto; | |||
min-width: 0; | |||
height: 24px; | |||
padding: 0 4px; | |||
border: 1px solid var(--border-color-base); | |||
border-radius: 4px; | |||
background-color: var(--background-color-base); | |||
color: var(--color-base); | |||
font-size: 11px; | |||
text-overflow: ellipsis; | |||
} | |||
.model-anim-slider { | |||
flex: 2 1 auto; | |||
min-width: 0; | |||
height: 4px; | |||
margin: 0; | |||
accent-color: var(--color-progressive); | |||
cursor: pointer; | |||
} | |||