Wigleg (обсуждение | вклад) (Новая страница: «→Размещённый здесь 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;...») |
Wigleg (обсуждение | вклад) Нет описания правки |
||
| Строка 67: | Строка 67: | ||
visibility: visible; | visibility: visible; | ||
opacity: 1; | opacity: 1; | ||
} | } | ||
| Строка 114: | Строка 79: | ||
-ms-interpolation-mode: nearest-neighbor; | -ms-interpolation-mode: nearest-neighbor; | ||
} | } | ||
Версия от 22:25, 26 марта 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: optimizeSpeed;
image-rendering: -webkit-optimize-contrast;
image-rendering: optimize-contrast;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: crisp-edges;
image-rendering: pixelated;
-ms-interpolation-mode: nearest-neighbor;
}