Module:GameInfo/styles.css: Difference between revisions
From SpiritVale Wiki
More actions
No edit summary |
No edit summary |
||
| Line 493: | Line 493: | ||
.sv-level-slider { position: relative; } | .sv-level-slider { position: relative; } | ||
/* Shared base */ | |||
.sv-level-range { | .sv-level-range { | ||
width: 100%; | width: 100%; | ||
margin: 0; | margin: 0; | ||
} | |||
/* Phase 4.1 custom slider (span-based) */ | |||
.sv-level-range--custom { | |||
display: block; | |||
position: relative; | |||
height: 26px; | |||
border-radius: 999px; | |||
border: 1px solid rgba(255,255,255,0.07); | |||
background: rgba(0,0,0,0.16); | |||
cursor: pointer; | |||
} | |||
.sv-level-track { | |||
position: absolute; | |||
left: 8px; | |||
right: 8px; | |||
top: 50%; | |||
margin-top: -4px; | |||
height: 8px; | |||
border-radius: 999px; | |||
background: rgba(255,255,255,0.06); | |||
overflow: hidden; | |||
} | |||
.sv-level-fill { | |||
display: block; | |||
height: 100%; | |||
width: 0%; | |||
border-radius: 999px; | |||
background: linear-gradient( | |||
90deg, | |||
rgba(170,220,255,0.60), | |||
rgba(255,255,255,0.22) | |||
); | |||
} | |||
.sv-level-thumb { | |||
position: absolute; | |||
left: 0%; | |||
top: 50%; | |||
margin-top: -9px; | |||
margin-left: -9px; | |||
width: 18px; | |||
height: 18px; | |||
border-radius: 999px; | |||
border: 2px solid rgba(255,255,255,0.16); | |||
background: rgba(245,250,255,0.92); | |||
box-shadow: 0 10px 18px rgba(0,0,0,0.45); | |||
} | |||
.sv-level-range--custom:focus { | |||
outline: 2px solid rgba(170, 220, 255, 0.55); | |||
outline-offset: 2px; | |||
} | |||
/* Optional tick label row (Lua emits empty container; keep stable spacing) */ | |||
.sv-level-ticklabels { | |||
display: flex; | |||
justify-content: space-between; | |||
gap: 10px; | |||
margin-top: 7px; | |||
font-weight: 900; | |||
font-size: 12px; | |||
color: rgba(210,224,245,0.70); | |||
line-height: 1.1; | |||
min-height: 12px; | |||
} | } | ||