MediaWiki:Mobile.css: Difference between revisions
Jump to navigation
Jump to search
m (add hover effects) |
(update character inventory CSS) |
||
Line 634: | Line 634: | ||
* ========================= | * ========================= | ||
*/ | */ | ||
.qud-inv-group { | .qud-inv-content-itemlist { | ||
font-size: 1em; | |||
font-family: var(--qud-font-infobox-content); | |||
padding: 2px 3px 2px 5px; | |||
margin-left: -7px; | |||
margin-right: -7px; | |||
display: table; | |||
table-layout: fixed; | |||
width: 268px; | |||
} | |||
.qud-inv-content-itemlist > .qud-inv-group { | |||
display: table; | |||
font-weight: bold; | font-weight: bold; | ||
border-collapse: collapse; | |||
table-layout: fixed; | |||
width: 100%; | |||
} | } | ||
.qud-equipped { | .qud-equipped { | ||
Line 645: | Line 659: | ||
padding-bottom: 6px; | padding-bottom: 6px; | ||
} | } | ||
.qud- | .qud-equipped-title { | ||
color: var(--infobox-details-background); | color: var(--infobox-details-background); | ||
} | } | ||
.qud- | .qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item { | ||
display: table-row; | |||
white-space: nowrap; | |||
} | |||
.qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item:hover, | |||
.qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item:focus { | |||
background: var(--qud-bg-color-darker); | |||
} | |||
.qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item > .qud-inv-favilink-wrapper, | |||
.qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item > .qud-item-qty { | |||
display: table-cell; | |||
padding-bottom: 0; | |||
vertical-align: middle; | |||
} | |||
.qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item > .qud-inv-favilink-wrapper { | |||
width: 79%; | |||
padding-left: 7px; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
white-space: nowrap; | |||
} | |||
/* INVENTORY: FAVILINK OVERRIDES */ | |||
.qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item > .qud-inv-favilink-wrapper > .qud-image:hover, | |||
.qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item > .qud-inv-favilink-wrapper > .qud-image:focus { | |||
background: transparent; | |||
} | |||
.qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item > .qud-inv-favilink-wrapper > .qud-image { | |||
display: inline; | |||
} | |||
.qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item > .qud-inv-favilink-wrapper > .qud-image > .qud-image-link { | |||
height: 24px; | |||
} | |||
.qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item > .qud-inv-favilink-wrapper > .qud-image > .qud-image-link, | |||
.qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item > .qud-inv-favilink-wrapper > .qud-image > .qud-image-link > a { | |||
display: inline; | |||
padding-top: 0.4em; | |||
} | |||
.qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item > .qud-inv-favilink-wrapper > .qud-image > .qud-image-link > a { | |||
padding-bottom: 0.2em; | |||
margin-bottom: -0.3em; | |||
} | |||
/* INVENTORY: INLINE WEAPON STATS */ | |||
.qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item > .qud-inv-favilink-wrapper > .qud-inline-weap-stats { | |||
font-weight: normal; | |||
margin-left: 0.5em; | |||
font-size: 0.9em; | |||
color: var(--qud-color-y-dark); | |||
opacity: 0.4; | |||
transition: opacity 0.4s; | |||
} | |||
.qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item > .qud-inv-favilink-wrapper > .qud-inline-weap-stats > .qud-stat-icon { | |||
padding-right: 1px; | |||
font-size: 1.1em | |||
} | |||
.qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item:hover > .qud-inv-favilink-wrapper > .qud-inline-weap-stats > .qud-inline-pv > span, | |||
.qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item:focus > .qud-inv-favilink-wrapper > .qud-inline-weap-stats > .qud-inline-pv > span { | |||
color: #297872 !important; | |||
transition: color 0.4s; | |||
} | |||
.qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item:hover > .qud-inv-favilink-wrapper > .qud-inline-weap-stats | |||
.qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item:focus > .qud-inv-favilink-wrapper > .qud-inline-weap-stats { | |||
opacity: 1; | |||
} | |||
.qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item:hover > .qud-inv-favilink-wrapper > .qud-inline-weap-stats .qud-inline-pv > span | |||
.qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item:focus > .qud-inv-favilink-wrapper > .qud-inline-weap-stats .qud-inline-pv > span { | |||
color: #155352 !important; | |||
} | |||
/* INVENTORY: ITEM QUANTITY & CHANCE */ | |||
.qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item > .qud-item-qty { | |||
padding-left: 6px; | |||
padding-right: 3px; | |||
font-weight: bold; | |||
font-size: 0.9em; | |||
text-align: right; | |||
direction: rtl; | |||
color: var(--qud-color-y-dark); | |||
opacity: 0.4; | |||
transition: opacity 0.4s; | |||
} | |||
.qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item > .qud-item-qty > .qud-item-chance { | |||
color: var(--infobox-details-background); | color: var(--infobox-details-background); | ||
font-weight: normal; | |||
display: inline-block; | |||
font-size: 0.95em; | |||
padding: 0 3px; | |||
color: var(--qud-color-y-dark); | |||
} | } | ||
.qud-inv-content-itemlist | .qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item > .qud-item-qty > .qud-item-chance.chance-100 { | ||
display: none; | |||
} | } | ||
.qud-inventory-item { | .qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item:hover > .qud-item-qty | ||
.qud-inv-content-itemlist > .qud-inv-group > .qud-inventory-item:focus > .qud-item-qty { | |||
opacity: 1; | |||
} | } | ||
/* | /* |