MediaWiki:Common.css: различия между версиями
Страница интерфейса MediaWiki
Дополнительные действия
MrCat (обсуждение | вклад) Новая страница: «→Размещённый здесь CSS будет применяться ко всем темам оформления: img { image-rendering: pixelated; }» |
MrCat (обсуждение | вклад) Добавил настройки тултипа и магии |
||
| Строка 1: | Строка 1: | ||
/* Размещённый здесь CSS будет применяться ко всем темам оформления */ | /* Размещённый здесь 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 { | img { | ||
image-rendering: pixelated; | image-rendering: pixelated; | ||
} | } | ||
Версия от 21:24, 4 октября 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: pixelated;
}