Wigleg (обсуждение | вклад) Нет описания правки |
Botpurple (обсуждение | вклад) мНет описания правки |
||
Строка 1: | Строка 1: | ||
/* Размещённый здесь CSS будет применяться ко всем темам оформления */ | /* Размещённый здесь CSS будет применяться ко всем темам оформления */ | ||
tooltip{ | |||
position: relative; | position: relative; | ||
} | } | ||
Строка 70: | Строка 70: | ||
img { | img { | ||
image-rendering: pixelated; | image-rendering: pixelated; | ||
} | } | ||
Версия от 13:35, 4 сентября 2023
/* Размещённый здесь CSS будет применяться ко всем темам оформления */ tooltip{ position: relative; } .tooltiptext { position: absolute; display: block; z-index: 2; width: 250px; padding: 10px; visibility: hidden; opacity: 0; white-space: normal; text-align: left; transition: all 0.2s; border: 1px solid #aaa; background-color: #ffdd66; } .tooltipmarine { position: absolute; display: block; z-index: 2; width: fit-content; padding: 20px; visibility: hidden; opacity: 0; white-space: normal; text-align: left; transition: all 0.2s; } .tooltiptable { position: absolute; display: block; z-index: 2; max-width:600px; width:max-content; padding: 10px; top:11pt; right:-55px; visibility: hidden; opacity: 0; white-space: normal; text-align: left; transition: all 0.2s; border: 1px solid #666; background-color: #ff6666; } .tooltip:hover>.tooltiptext { visibility: visible; opacity: 1; } .tooltip:hover>.tooltipmarine { visibility: visible; opacity: 1; } .tooltipmarine > * { width: max-content; } .tooltip:hover>.tooltiptable { visibility: visible; opacity: 1; } img { image-rendering: pixelated; }