2,088
个编辑
无编辑摘要 |
无编辑摘要 |
||
第83行: | 第83行: | ||
display: grid; | display: grid; | ||
gap: 0.2em 1em; | gap: 0.2em 1em; | ||
grid-template-columns: auto | grid-template-columns: auto 1fr; | ||
grid-template-rows: auto auto 1fr; | grid-template-rows: auto auto 1fr; | ||
margin-bottom: 1em; | margin-bottom: 1em; | ||
第90行: | 第90行: | ||
} | } | ||
.skill-icon { | .skill-icon-container { | ||
grid-column: 1; | grid-column: 1; | ||
grid-row: 1 / 3; | grid-row: 1 / 3; | ||
第107行: | 第107行: | ||
font-size: 1.5em; | font-size: 1.5em; | ||
font-weight: bold; | font-weight: bold; | ||
grid-column: 2 | grid-column: 2; | ||
grid-row: 1; | grid-row: 1; | ||
} | } | ||
第118行: | 第118行: | ||
} | } | ||
.skill-type { | .skill-type-icon-1 { | ||
position: absolute; | |||
} | |||
.skill-type-icon-2 { | |||
position: absolute; | |||
} | |||
.skill-type-icon-1 img { | |||
position: relative; | |||
height: 26px; | |||
width: 26px; | |||
left: -1px; | |||
top: -69px; | |||
} | } | ||
.skill-type-icon img { | .skill-type-icon-2 img { | ||
position: relative; | position: relative; | ||
height: 26px; | |||
width: 26px; | |||
left: -1px; | |||
top: -29px; | |||
} | } | ||
第139行: | 第147行: | ||
box-shadow: 0 0 5px #888; | box-shadow: 0 0 5px #888; | ||
display: flex; | display: flex; | ||
flex-direction: column; | |||
gap: 1em; | gap: 1em; | ||
grid-column: 1 / | grid-column: 1 / 3; | ||
grid-row: 3; | grid-row: 3; | ||
justify-self: stretch; | justify-self: stretch; | ||
第172行: | 第181行: | ||
.skill-range-container { | .skill-range-container { | ||
display: grid; | display: grid; | ||
grid-template-rows: 1fr auto auto 1fr auto auto 1fr; | |||
grid-template-rows: auto auto | |||
} | } | ||
.skill-range-image { | .skill-range-image { | ||
grid-column: 1 | grid-column: 1; | ||
grid-row: 1; | grid-row: 1 / 8; | ||
} | } | ||
第188行: | 第195行: | ||
.skill-range-tag { | .skill-range-tag { | ||
grid-column: 2; | |||
color: #51565b; | color: #51565b; | ||
font-size: 0.9em; | font-size: 0.9em; | ||
} | } | ||
.skill-range-value { | .skill-range-value { | ||
grid-column: 3; | |||
color: #1c2a32; | color: #1c2a32; | ||
font-size: 0.9em; | font-size: 0.9em; | ||
justify-self: right; | justify-self: right; | ||
} | } | ||
.skill-range-line { | .skill-range-line { | ||
background-color: #D3D3D9; | background-color: #D3D3D9; | ||
grid-column: | grid-column: 2 / 4; | ||
height: 0.25em; | height: 0.25em; | ||
justify-self: start; | justify-self: start; | ||
第212行: | 第219行: | ||
.skill-range-stretch { | .skill-range-stretch { | ||
justify-self: stretch; | justify-self: stretch; | ||
grid-column: 2 / 4; | |||
} | } | ||
.skill-upgrade-container { | .skill-upgrade-container { | ||
display: | display: flex; | ||
flex-direction: column; | |||
gap: 0.5em; | gap: 0.5em; | ||
grid-template-columns: auto 1fr; | grid-template-columns: auto 1fr; | ||
margin-top: 0.5em; | |||
margin-bottom: 0.5em; | |||
} | } | ||