MediaWiki:Common.css: различия между версиями
Страница интерфейса MediaWiki
Дополнительные действия
MrCat (обсуждение | вклад) Нет описания правки |
MrCat (обсуждение | вклад) Нет описания правки |
||
| Строка 58: | Строка 58: | ||
img { | img { | ||
image-rendering: pixelated; | 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; | |||
} | } | ||
| Строка 65: | Строка 72: | ||
{ | { | ||
display: none; | display: none; | ||
background: url(https://wiki.ss220.space/images/f/f4/Scroll_top.gif) | background: url(https://wiki.ss220.space/images/f/f4/Scroll_top.gif) 38px 38px no-repeat; | ||
opacity: 0.3; | opacity: 0.3; | ||
width: 38px; | width: 38px; | ||
| Строка 75: | Строка 82: | ||
z-index: 10000; | z-index: 10000; | ||
image-rendering: optimizeSpeed; | image-rendering: optimizeSpeed; | ||
/* image-rendering: -webkit-optimize-contrast; | |||
image-rendering: optimize-contrast; | image-rendering: optimize-contrast; | ||
image-rendering: -moz-crisp-edges; | image-rendering: -moz-crisp-edges; | ||
image-rendering: -o-crisp-edges; | image-rendering: -o-crisp-edges; | ||
image-rendering: crisp-edges; | image-rendering: crisp-edges; | ||
image-rendering: pixelated; | image-rendering: pixelated;*/ | ||
-ms-interpolation-mode: nearest-neighbor; | -ms-interpolation-mode: nearest-neighbor; | ||
} | } | ||
Версия от 21:52, 2 ноября 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(https://wiki.ss220.space/images/f/f4/Scroll_top.gif) 38px 38px no-repeat;
opacity: 0.3;
width: 38px;
height: 38px;
cursor: pointer;
position: fixed;
left: calc(11em - 19px);
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;
}