MediaWiki:Common.css: различия между версиями
Gabefrut (обсуждение | вклад) м (тултипы 9) |
Gabefrut (обсуждение | вклад) м (тултипы 10) |
||
Строка 53: | Строка 53: | ||
} | } | ||
.tooltip:hover .tooltip-content.has-image | |||
.tooltip-content.has-image:hover { | .tooltip-content.has-image:hover { | ||
display: flex !important; | display: flex !important; | ||
} | |||
.tooltip-content.has-image { | |||
flex-direction: row; | flex-direction: row; | ||
Версия от 21:25, 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;
background-clip: padding-box;
cursor: default;
}
.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;
}
.tooltip:hover .tooltip-content.has-image
.tooltip-content.has-image:hover {
display: flex !important;
}
.tooltip-content.has-image {
flex-direction: row;
max-width: unset;
width: unset;
}
.tooltip-content.has-image > .text{
min-width: 300px;
}
.tooltip-content.has-image img{
width: auto;
height: auto;
max-height: 150px;
max-width: 150px;
}