8,290
edits
MediaWiki:Common.css: Difference between revisions
convert subtype infocard styles from inline styles to stylesheet styles
m ("More" menu button/dropdown fixes) |
(convert subtype infocard styles from inline styles to stylesheet styles) |
||
| Line 2,127: | Line 2,127: | ||
font-size: 80%; | font-size: 80%; | ||
opacity: 0.5; | opacity: 0.5; | ||
} | |||
/* | |||
* QUD SUBTYPE INFOCARD | |||
* ==================== | |||
*/ | |||
.subtype-infobox { | |||
display: inline-flex; | |||
width: 1460px; | |||
flex-wrap: wrap; | |||
background: var(--qud-bg-color-darker); | |||
border-radius: 6px; | |||
font-family: 'Source Code Pro'; | |||
font-weight: 700; | |||
box-shadow: 1px 1px 5px rgba(0,0,0,0.8); | |||
margin: 1.2em 0; | |||
} | |||
.subtype-title { | |||
display: flex; | |||
padding: 0.2em; | |||
padding-left: 2em; | |||
flex: 0 0 100%; | |||
box-sizing: border-box; | |||
font-size: 1.4em; | |||
border-top-right-radius: inherit; | |||
border-top-left-radius: inherit; | |||
background-color: #0a2726; | |||
} | |||
.subtype-name { | |||
flex-grow: 1; | |||
} | |||
.subtype-buildcode { | |||
font-size: 0.9em; | |||
color: var(--qud-color-m-dark); | |||
padding-right: 0.7em; | |||
} | |||
.subtype-image { | |||
display: flex; | |||
flex-wrap: wrap; | |||
width: 160px; | |||
height: 240px; | |||
margin-right: 2em; | |||
} | |||
.subtype-bonus-box { | |||
padding-top: 2em; | |||
margin-right: 1em; | |||
position: relative; | |||
font-size: 1.2em; | |||
height: 240px; | |||
width: 180px; | |||
box-sizing: border-box; | |||
} | |||
.subtype-bonus-note { | |||
margin-top: 1em; | |||
line-height: 1.4em; | |||
} | |||
.subtype-stat-bonus-wrap, .subtype-stat-bonus-label { | |||
color: var(--qud-color-g); | |||
} | |||
.subtype-stat-malus-wrap, .subtype-stat-malus-label { | |||
color: var(--qud-color-r); | |||
} | |||
.subtype-skill-box { | |||
font-size: 1.1em; | |||
padding-top: 1em; | |||
color: var(--qud-color-k-dark); | |||
min-width: 240px; | |||
} | |||
.subtype-k-dark { | |||
color: var(--qud-color-k-dark); | |||
} | |||
.subtype-items { | |||
display: flex; | |||
flex-wrap: nowrap; | |||
} | |||
.subtype-equip-list { | |||
padding: 1em 0 1em 2em; | |||
color: var(--qud-color-y-dark); | |||
box-sizing: border-box; | |||
} | |||
.subtype-equipped-label { | |||
font-size: 1.2em; | |||
} | |||
.subtype-equip-list-items { | |||
font-family: var(--qud-font-infobox-content); | |||
font-size: 0.95em; | |||
padding-left: 1em; | |||
} | |||
.subtype-items-list { | |||
padding: 1em 0 1em 2em; | |||
color: var(--qud-color-y-dark); | |||
box-sizing: border-box; | |||
} | |||
.subtype-items-list-label { | |||
font-size: 1.2em; | |||
} | |||
.subtype-items-list-items { | |||
font-family: var(--qud-font-infobox-content); | |||
font-size: 0.95em; | |||
padding-left: 1em; | |||
} | |||
.subtype-footnote { | |||
display: flex; | |||
padding: 0.2em; | |||
flex: 0 0 100%; | |||
box-sizing: border-box; | |||
font-size: 1em; | |||
font-weight: normal; | |||
font-family: var(--qud-font-infobox-content); | |||
border-bottom-right-radius: inherit; | |||
border-bottom-left-radius: inherit; | |||
background-color: #0a2726; | |||
justify-content: flex-end; | |||
} | |||
.subtype-footnote-inner { | |||
display: inline-block; | |||
text-align: right; | |||
border-bottom-right-radius: inherit; | |||
border-bottom-left-radius: inherit; | |||
padding: 0 1em; | |||
} | } | ||
/* | /* | ||