Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- 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%); } .td.capital { background-color:darkgrey; color:black; font-weight:bold; text-align: center; padding:3px; border:3px outset grey; border-radius:3px; }