User:Monster Domosed/common.css: Difference between revisionsGive feedback
No edit summary |
Add .model-preview, .model-name caption, and .model-viewer-wrap styles (with Domosed MCP) |
||
| Line 5: | Line 5: | ||
} | } | ||
.model- | .model-preview { | ||
position: relative; | |||
display: inline-block; | |||
overflow: hidden; | |||
} | |||
.model-preview img { | |||
display: block; | display: block; | ||
width: 100%; | width: 100%; | ||
| Line 17: | Line 23: | ||
} | } | ||
.model- | .model-preview:hover img { | ||
filter: blur(2px) brightness(.8); | filter: blur(2px) brightness(.8); | ||
} | } | ||
| Line 92: | Line 98: | ||
white-space: nowrap; | white-space: nowrap; | ||
} | |||
/* Model name */ | |||
.model-name { | |||
display: block; | |||
margin-top: 4px; | |||
text-align: center; | |||
font-size: 12px; | |||
font-weight: 600; | |||
line-height: 1.2; | |||
color: var(--color-base); | |||
} | } | ||
/* 3D viewer */ | /* 3D viewer */ | ||
.model-viewer-wrap { | |||
display: inline-block; | |||
} | |||
.model-viewer-container { | .model-viewer-container { | ||
| Line 120: | Line 146: | ||
box-shadow: 0 8px 24px rgba(0,0,0,.3); | box-shadow: 0 8px 24px rgba(0,0,0,.3); | ||
} | } | ||