|
|
| 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 */
| |