MediaWiki:Common.css: различия между версиями
Gabefrut (обсуждение | вклад) м (тултипы 7) |
Gabefrut (обсуждение | вклад) м (тултипы 8) |
||
Строка 51: | Строка 51: | ||
.tooltip-content.no-moth:before { | .tooltip-content.no-moth:before { | ||
display: none; | display: none; | ||
} | |||
.tooltip-content.has-image { | |||
display: flex !important; | |||
flex-direction: row; | |||
max-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; | |||
} | } |
Версия от 21:21, 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-content.has-image {
display: flex !important;
flex-direction: row;
max-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;
}