8,756
edits
No edit summary |
|||
Line 1,772: | Line 1,772: | ||
--qud-font-infobox-content: 'Segoe UI','Consolas','Lucida Console','Courier New','Courier'; | --qud-font-infobox-content: 'Segoe UI','Consolas','Lucida Console','Courier New','Courier'; | ||
--qud-font-collapser-arrows: 'Source Code Pro, Lucida Console, Consolas'; | --qud-font-collapser-arrows: 'Source Code Pro, Lucida Console, Consolas'; | ||
--qud-bg-color-dark: rgba(6,28,23,0.8); | |||
--qud-bg-color-darker: rgba(6,28,23,0.9); | |||
--qud-bg-color-arrow: rgb(9,31,25); | |||
} | } | ||
/* | /* | ||
Line 1,779: | Line 1,783: | ||
.qud-character-infobox .moduleinfobox { | .qud-character-infobox .moduleinfobox { | ||
overflow: hidden; /* prevent horizontal scrollbar from appearing */ | overflow: hidden; /* prevent horizontal scrollbar from appearing */ | ||
} | |||
.qud-character-infobox .mobileonly { | |||
display: none !important; | |||
} | } | ||
.qud-character-infobox .moduleinfobox :focus { | .qud-character-infobox .moduleinfobox :focus { | ||
Line 1,784: | Line 1,791: | ||
} | } | ||
.qud-character-infobox .infobox-title { | .qud-character-infobox .infobox-title { | ||
background: var(-- | background: var(--qud-bg-color-darker); | ||
color: var(--qud-color-y); | color: var(--qud-color-y); | ||
font-family: var(--qud-font-infobox-title); | font-family: var(--qud-font-infobox-title); | ||
Line 1,790: | Line 1,797: | ||
line-height: 1.35em; | line-height: 1.35em; | ||
padding: 0.2em 8px; | padding: 0.2em 8px; | ||
} | |||
.qud-character-infobox .infobox-title, | |||
.qud-character-infobox .infobox-imagearea { | |||
text-align: center; | |||
} | } | ||
/* styles for generic, non-specialized infobox rows below */ | /* styles for generic, non-specialized infobox rows below */ | ||
Line 1,805: | Line 1,816: | ||
*/ | */ | ||
td.qud-collapser { | td.qud-collapser { | ||
background: var(-- | background: var(--qud-bg-color-dark); | ||
color: var(--infobox-label-color); | color: var(--infobox-label-color); | ||
font-weight: bold; | font-weight: bold; | ||
Line 1,836: | Line 1,847: | ||
line-height: 1.8em; | line-height: 1.8em; | ||
font-family: var(--qud-font-collapser-arrows); | font-family: var(--qud-font-collapser-arrows); | ||
background: var(-- | background: var(--qud-bg-color-arrow); | ||
left: 0.6em; | left: 0.6em; | ||
z-index: 20; | z-index: 20; | ||
Line 1,850: | Line 1,861: | ||
visibility: hidden; | visibility: hidden; | ||
width: 120px; | width: 120px; | ||
background-color: var(-- | background-color: var(--qud-bg-color-darker); | ||
color: var(--qud-color-y); | color: var(--qud-color-y); | ||
text-align: center; | text-align: center; | ||
Line 1,973: | Line 1,984: | ||
} | } | ||
.qud-attribute-entry { | .qud-attribute-entry { | ||
font-size: 1.3em; | font-size: 1.3em; | ||
font-weight: bold; | font-weight: bold; | ||
Line 1,981: | Line 1,991: | ||
-webkit-backface-visibility: hidden; | -webkit-backface-visibility: hidden; | ||
backface-visibility: hidden; | backface-visibility: hidden; | ||
} | |||
.qud-attribute-entry { | |||
flex: 1 0 35%; | |||
} | |||
.qud-attribute-entry:nth-child(3) { | |||
flex: 1 0 30%; | |||
} | } | ||
.qud-attribute-entry.qud-tooltip:hover { | .qud-attribute-entry.qud-tooltip:hover { | ||
Line 2,030: | Line 2,046: | ||
display: table; | display: table; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
width: 100%; | |||
} | } | ||
.qud-stat-details-entry { | .qud-stat-details-entry { | ||
Line 2,148: | Line 2,165: | ||
.qud-skill-entry:hover, | .qud-skill-entry:hover, | ||
.qud-mutation-entry:hover { | .qud-mutation-entry:hover { | ||
background: var(-- | background: var(--qud-bg-color-dark); | ||
} | } | ||
.qud-skill-entry a, | .qud-skill-entry a, |