MediaWiki:Common.css: различия между версиями
Перейти к навигации
Перейти к поиску
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; }