MediaWiki:Common.css: различия между версиями
Gabefrut (обсуждение | вклад) м (тултипы 4) |
Gabefrut (обсуждение | вклад) м (тултипы 5) |
||
Строка 16: | Строка 16: | ||
.tooltip-content { | .tooltip-content { | ||
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
left: -8px; | |||
left: | top: calc(1.2em - 8px); | ||
top: 1.2em; | |||
box-sizing: content-box; | |||
width: 200px; | width: 200px; | ||
padding: 4px; | padding: 4px; | ||
margin: 0; | margin: 0; | ||
border-radius: 4px; | border-radius: 4px; | ||
border: 8px solid transparent; | |||
background: #e1e1e1; | |||
} | |||
.tooltip-content:before { | |||
content: ''; | |||
display: block; | |||
width: 40px; | |||
height: 60px; | |||
float: left; | |||
background-image: url('/images/1/19/Safety-moth.png'); | |||
background-size: 40px 60px; | |||
} | |||
.tooltip-content.no-moth:before { | |||
display: none; | |||
} | } |
Версия от 20:44, 24 октября 2024
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
.tooltip {
position: relative;
}
.tooltip > .text {
cursor: help;
text-decoration: underline dotted;
}
.tooltip:hover .tooltip-content,
.tooltip-content:hover {
display: block;
}
.tooltip-content {
display: none;
position: absolute;
left: -8px;
top: calc(1.2em - 8px);
box-sizing: content-box;
width: 200px;
padding: 4px;
margin: 0;
border-radius: 4px;
border: 8px solid transparent;
background: #e1e1e1;
}
.tooltip-content:before {
content: '';
display: block;
width: 40px;
height: 60px;
float: left;
background-image: url('/images/1/19/Safety-moth.png');
background-size: 40px 60px;
}
.tooltip-content.no-moth:before {
display: none;
}