User:Monster Domosed/common.css: Difference between revisionsGive feedback
Jump to navigation
Jump to search
No edit summary Tag: Manual revert |
No edit summary |
||
| Line 165: | Line 165: | ||
margin-top: 4px; | margin-top: 4px; | ||
} | } | ||
/* Custom Item Tooltip START */ | |||
.custom-item-tooltip { | |||
position: absolute; | |||
z-index: 110; | |||
width: 312px; | |||
max-height: 70vh; | |||
overflow-y: auto; | |||
background: #1a1a2e; | |||
border: 1px solid #444; | |||
border-radius: 8px; | |||
padding: 0; | |||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); | |||
color: #e0e0e0; | |||
font-size: 14px; | |||
pointer-events: auto; | |||
} | |||
.custom-item-tooltip__loading { | |||
padding: 16px 20px; | |||
text-align: center; | |||
color: #888; | |||
} | |||
/* ─── Infobox inside tooltip ─── */ | |||
.custom-item-tooltip .infobox_item { | |||
float: none !important; | |||
display: block !important; | |||
width: 100% !important; | |||
max-width: 100% !important; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
} | |||
.custom-item-tooltip .infobox-table.item-infobox { | |||
width: 100% !important; | |||
max-width: 100% !important; | |||
height: auto !important; | |||
margin: 0 !important; | |||
float: none !important; | |||
border-radius: 8px; | |||
border: none !important; | |||
box-shadow: none !important; | |||
} | |||
.custom-item-tooltip .infobox-image img { | |||
width: 64px !important; | |||
height: 64px !important; | |||
} | |||
.custom-item-tooltip .infobox-image { | |||
padding: 4px !important; | |||
} | |||
.custom-item-tooltip .infobox-header { | |||
font-size: 18px !important; | |||
padding: 4px 12px !important; | |||
} | |||
.custom-item-tooltip .codename { | |||
display: none; | |||
} | |||
.custom-item-tooltip .infobox-stat, | |||
.custom-item-tooltip .passive-stat, | |||
.custom-item-tooltip .active-stat { | |||
font-size: 12px; | |||
} | |||
.custom-item-tooltip .passive-main-stat, | |||
.custom-item-tooltip .passive-alt-stats, | |||
.custom-item-tooltip .active-main-stat, | |||
.custom-item-tooltip .active-alt-stats { | |||
padding: 3px 6px !important; | |||
} | |||
.custom-item-tooltip .ability-tooltip { | |||
width: 100% !important; | |||
max-width: 500px !important; | |||
margin: 0 !important; | |||
border-radius: 8px !important; | |||
} | |||
.custom-item-tooltip p:empty, | |||
.custom-item-tooltip p:has(> span[id]:only-child) { | |||
display: none; | |||
} | |||
/* Custom Item Tooltip END */ | |||