MediaWiki:Common.css: различия между версиями
Перейти к навигации
Перейти к поиску
Voiko (обсуждение | вклад) м (hotfix) |
Voiko (обсуждение | вклад) м (fix pizza) |
||
Строка 72: | Строка 72: | ||
{ | { | ||
display: none; | display: none; | ||
background: url( | background: url(/images/f/f4/Scroll_top.gif) 0% 0%/56px 56px no-repeat; | ||
opacity: 0.3; | opacity: 0.3; | ||
width: 76px; | width: 76px; |
Текущая версия от 00:40, 31 декабря 2023
/* Размещённый здесь CSS будет применяться ко всем темам оформления */ .tooltip{ position: relative; } .tooltiptext, .tooltiptext2 { position: absolute; width: 18em; visibility: hidden; opacity: 0; white-space: normal; text-align: left; transition: all 0.2s; border: 1px solid #aaa; } .tooltiptext { display: block; z-index: 2; padding: 20px; background-color: #ffdd66; } .tooltiptext2 { display:inline; z-index: 100; padding: 0.2em; background-color: #FEF6E7; border-radius: .2em; top:1.5em; left:1em; box-shadow: 0 0 .3em #999; } .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, .tooltip:hover>.tooltiptext2, .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; } /* Кнопка "Вверх": [[Файл:Scroll_top.png]] */ #scroll-top { display: none; background: url(/images/f/f4/Scroll_top.gif) 0% 0%/56px 56px no-repeat; opacity: 0.3; width: 76px; height: 76px; cursor: pointer; position: fixed; left: calc(11em - 56px); bottom: 30px; z-index: 10000; 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; } #scroll-top:hover { opacity: 0.8; }