MediaWiki:Common.css: различия между версиями
Перейти к навигации
Перейти к поиску
RV666 (обсуждение | вклад) (Новая страница: «→Размещённый здесь CSS будет применяться ко всем темам оформления: .tooltip{ position: relative; } .to...») |
Erement (обсуждение | вклад) м (добавлен тултип для таблиц, пока тестовый) |
||
| Строка 17: | Строка 17: | ||
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
background-color: #ffdd66; | background-color: #ffdd66; | ||
| + | } | ||
| + | |||
| + | .tooltiptable { | ||
| + | position: absolute; | ||
| + | display: block; | ||
| + | z-index: 2; | ||
| + | width: max-content; | ||
| + | padding: 10px; | ||
| + | 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>.tooltiptext { | ||
| + | visibility: visible; | ||
| + | opacity: 1; | ||
| + | } | ||
| + | |||
| + | .tooltip:hover>.tooltiptable { | ||
visibility: visible; | visibility: visible; | ||
opacity: 1; | opacity: 1; | ||
} | } | ||
Версия 10:38, 17 ноября 2020
/* Размещённый здесь 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;
}
.tooltiptable {
position: absolute;
display: block;
z-index: 2;
width: max-content;
padding: 10px;
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>.tooltiptable {
visibility: visible;
opacity: 1;
}
