MediaWiki:Common.css:修订间差异
无编辑摘要 |
无编辑摘要 |
||
第229行: | 第229行: | ||
.skill-upgrade-desc { | .skill-upgrade-desc { | ||
line-height: 1lh; | |||
padding: 0.25em; | |||
} | |||
.mobile-skill-container { | |||
background-color: #d9d9dd; | |||
border-radius: 5px; | |||
box-sizing: border-box; | |||
display: grid; | |||
gap: 0.2em 1em; | |||
grid-template-columns: auto 1fr; | |||
grid-template-rows: auto auto 1fr; | |||
margin-bottom: 1em; | |||
margin-top: 1em; | |||
padding: 2em; | |||
} | |||
.mobile-skill-icon-container { | |||
grid-column: 1; | |||
grid-row: 1 / 3; | |||
} | |||
.mobile-skill-icon img { | |||
background-color: #373F45; | |||
border-radius: 5px; | |||
box-shadow: 0 0 5px #888; | |||
height: 64px; | |||
width: 64px; | |||
} | |||
.mobile-skill-name { | |||
color: #1C2A32; | |||
font-size: 1.5em; | |||
font-weight: bold; | |||
grid-column: 2; | |||
grid-row: 1; | |||
} | |||
.mobile-skill-tag { | |||
color: #5A5D62; | |||
font-size: 1.2em; | |||
grid-column: 2; | |||
grid-row: 2; | |||
} | |||
.mobile-skill-type-icon-1 { | |||
position: absolute; | |||
} | |||
.mobile-skill-type-icon-2 { | |||
position: absolute; | |||
} | |||
.mobile-skill-type-icon-1 img { | |||
position: relative; | |||
height: 26px; | |||
width: 26px; | |||
left: -1px; | |||
top: -69px; | |||
} | |||
.mobile-skill-type-icon-2 img { | |||
position: relative; | |||
height: 26px; | |||
width: 26px; | |||
left: -1px; | |||
top: -29px; | |||
} | |||
.mobile-skill-content { | |||
background-color: #E2E1E8; | |||
border-radius: 5px; | |||
box-shadow: 0 0 5px #888; | |||
display: flex; | |||
flex-direction: column; | |||
gap: 1em; | |||
grid-column: 1 / 3; | |||
grid-row: 3; | |||
justify-self: stretch; | |||
margin-top: 0.5em; | |||
padding: 1em; | |||
} | |||
.mobile-skill-desc { | |||
display: flex; | |||
gap: 0.5em; | |||
flex: auto; | |||
flex-direction: column; | |||
} | |||
.mobile-skill-desc-cost { | |||
color: #34383c; | |||
font-weight: bold; | |||
} | |||
.mobile-skill-desc-break { | |||
color: #f26c1c; | |||
font-weight: bold; | |||
} | |||
.mobile-skill-desc-flavor { | |||
color: #83858a; | |||
margin-bottom: 0.5em; | |||
margin-top: 0.5em; | |||
} | |||
.mobile-skill-range-container { | |||
display: grid; | |||
grid-template-rows: 1fr auto auto 1fr auto auto 1fr; | |||
} | |||
.mobile-skill-range-image { | |||
grid-column: 1; | |||
grid-row: 1 / 8; | |||
} | |||
.mobile-skill-range-image img { | |||
height: 128px; | |||
width: 128px; | |||
} | |||
.mobile-skill-range-tag { | |||
grid-column: 2; | |||
color: #51565b; | |||
font-size: 0.9em; | |||
} | |||
.mobile-skill-range-value { | |||
grid-column: 3; | |||
color: #1c2a32; | |||
font-size: 0.9em; | |||
justify-self: right; | |||
} | |||
.mobile-skill-range-line { | |||
background-color: #D3D3D9; | |||
grid-column: 2 / 4; | |||
height: 0.25em; | |||
justify-self: start; | |||
position: relative; | |||
top: -3px; | |||
width: 100%; | |||
} | |||
.mobile-skill-range-stretch { | |||
justify-self: stretch; | |||
grid-column: 2 / 4; | |||
} | |||
.mobile-skill-upgrade-container { | |||
display: flex; | |||
flex-direction: column; | |||
gap: 0.5em; | |||
grid-template-columns: auto 1fr; | |||
margin-top: 0.5em; | |||
margin-bottom: 0.5em; | |||
} | |||
.mobile-skill-upgrade-name { | |||
background-color: #384B53; | |||
border-radius: 3px; | |||
box-shadow: 0 0 3px #888; | |||
color: #EDEDED; | |||
height: 1lh; | |||
line-height: 1lh; | |||
padding: 0.25em; | |||
text-align: center; | |||
width: 8.5em; | |||
} | |||
.mobile-skill-upgrade-desc { | |||
line-height: 1lh; | line-height: 1lh; | ||
padding: 0.25em; | padding: 0.25em; |