Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
/* Размещённый здесь 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;
}
/* Стиль таблицы для описания объектов, без излишеств */
.standart-table {
width:100%;
padding:2px;
border:3px solid grey;
border-radius:8px;
border-spacing:4px;
}
.standart-table th {
background-color:dimgray;
color:white;
padding:3px;
border:3px solid black;
border-radius:3px;
}
.standart-table td {
background-color:rgb(220,220,220,5%);
padding:16px;
}
.standart-table td:hover{
background-color:rgb(220,220,220,20%);
}
.items-table:not(.regular) td:not(.regular):first-of-type,
th.capital {
background-color:darkgrey;
color:black;
font-weight:bold;
text-align: center;
padding:3px;
border:3px outset grey;
border-radius:3px;
}