2,088
个编辑
(创建页面,内容为“pre { font-family: Consolas, monospace; } .CodeMirror { font-family: Consolas, monospace; } .infobox-container { position: relative; float: right; } .infobox-body { border-collapse: collapse; border-style: solid; border-width: 0.4em; border-color: transparent; text-align: center; vertical-align: middle; } .infobox-border { position: absolute; inset: 0; z-index: 1; pointer-events: none; border-style: soli…”) |
无编辑摘要 |
||
(未显示同一用户的8个中间版本) | |||
第1行: | 第1行: | ||
.mobileonly { | |||
display: unset; | |||
} | |||
pre { | pre { | ||
font-family: Consolas, monospace; | font-family: Consolas, monospace; | ||
第73行: | 第77行: | ||
} | } | ||
.skill-container { | .mobile-skill-container { | ||
background-color: #d9d9dd; | background-color: #d9d9dd; | ||
border-radius: 5px; | border-radius: 5px; | ||
第79行: | 第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; | ||
margin-top: 1em; | margin-top: 1em; | ||
padding: | padding: 1em; | ||
} | } | ||
.skill-icon { | .mobile-skill-icon-container { | ||
grid-column: 1; | grid-column: 1; | ||
grid-row: 1 / 3; | grid-row: 1 / 3; | ||
height: 64px; | |||
width: 64px; | |||
} | } | ||
.skill-icon img { | .mobile-skill-icon img { | ||
background-color: #373F45; | background-color: #373F45; | ||
border-radius: 5px; | border-radius: 5px; | ||
第99行: | 第105行: | ||
} | } | ||
.skill-name { | .mobile-skill-name { | ||
color: #1C2A32; | color: #1C2A32; | ||
font-size: 1. | font-size: 1.25em; | ||
font-weight: bold; | font-weight: bold; | ||
grid-column: 2 | grid-column: 2; | ||
grid-row: 1; | grid-row: 1; | ||
} | } | ||
.skill-tag { | .mobile-skill-tag { | ||
color: #5A5D62; | color: #5A5D62; | ||
font-size: 1. | font-size: 1.1em; | ||
grid-column: 2; | grid-column: 2; | ||
grid-row: 2; | grid-row: 2; | ||
} | } | ||
.skill-type { | .mobile-skill-type-icon-1 { | ||
position: absolute; | |||
height: 26px; | |||
width: 26px; | |||
} | |||
.mobile-skill-type-icon-2 { | |||
position: absolute; | |||
height: 26px; | |||
width: 26px; | |||
} | |||
.mobile-skill-type-icon-1 img { | |||
position: relative; | |||
height: 26px; | |||
width: 26px; | |||
left: -1px; | |||
top: -67px; | |||
} | } | ||
.skill-type-icon img { | .mobile-skill-type-icon-2 img { | ||
position: relative; | position: relative; | ||
height: 26px; | |||
width: 26px; | |||
left: -1px; | |||
top: -27px; | |||
} | } | ||
.skill-content { | .mobile-skill-content { | ||
background-color: #E2E1E8; | background-color: #E2E1E8; | ||
border-radius: 5px; | border-radius: 5px; | ||
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; | ||
第143行: | 第162行: | ||
} | } | ||
.skill-desc { | .mobile-skill-desc { | ||
display: flex; | display: flex; | ||
gap: 0.5em; | gap: 0.5em; | ||
第150行: | 第169行: | ||
} | } | ||
.skill-desc-cost { | .mobile-skill-desc-cost { | ||
color: #34383c; | color: #34383c; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.skill-desc-break { | .mobile-skill-desc-break { | ||
color: #f26c1c; | color: #f26c1c; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.skill-desc-flavor { | .mobile-skill-desc-flavor { | ||
color: #83858a; | color: #83858a; | ||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
第166行: | 第185行: | ||
} | } | ||
.skill-range-container { | .mobile-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 { | .mobile-skill-range-image { | ||
grid-column: 1 | grid-column: 1; | ||
grid-row: 1; | grid-row: 1 / 8; | ||
height: 128px; | |||
width: 128px; | |||
} | } | ||
.skill-range-image img { | .mobile-skill-range-image img { | ||
height: 128px; | height: 128px; | ||
width: 128px; | width: 128px; | ||
} | } | ||
.skill-range-tag { | .mobile-skill-range-tag { | ||
grid-column: 2; | |||
color: #51565b; | color: #51565b; | ||
font-size: 0.9em; | font-size: 0.9em; | ||
} | } | ||
.skill-range-value { | .mobile-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 { | .mobile-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; | ||
第206行: | 第225行: | ||
} | } | ||
.skill-range-stretch { | .mobile-skill-range-stretch { | ||
justify-self: stretch; | justify-self: stretch; | ||
grid-column: 2 / 4; | |||
} | } | ||
.skill-upgrade-container { | .mobile-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; | |||
} | } | ||
.skill-upgrade-name { | .mobile-skill-upgrade-name { | ||
background-color: #384B53; | background-color: #384B53; | ||
border-radius: 3px; | border-radius: 3px; | ||
第226行: | 第249行: | ||
text-align: center; | text-align: center; | ||
width: 8.5em; | width: 8.5em; | ||
/* align-self: center; */ | |||
} | } | ||
.skill-upgrade-desc { | .mobile-skill-upgrade-desc { | ||
line-height: 1lh; | line-height: 1lh; | ||
padding: 0.25em; | padding: 0.25em; |