8,960
edits
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* | /* Основной стиль для <li> */ | ||
. | .tooltip23-container { | ||
display: inline-block; | |||
position: relative; | |||
cursor: pointer; | |||
} | } | ||
. | /* Скрытый по умолчанию всплывающий блок */ | ||
.tooltip23-text { | |||
visibility: hidden; | |||
width: 200px; | |||
background-color: #555; | |||
color: #fff; | |||
text-align: center; | |||
border-radius: 6px; | |||
padding: 5px 0; | |||
position: absolute; | |||
z-index: 1; | |||
bottom: 125%; /* Позиция всплывающего блока */ | |||
left: 50%; | |||
margin-left: -100px; /* Сдвиг всплывающего блока влево на половину его ширины */ | |||
opacity: 0; | |||
transition: opacity 0.3s; | |||
} | } | ||
. | /* Треугольник-указатель всплывающего блока */ | ||
.tooltip23-text::after { | |||
content: ""; | |||
position: absolute; | |||
top: 100%; /* Внизу всплывающего блока */ | |||
left: 50%; | |||
margin-left: -5px; | |||
border-width: 5px; | |||
border-style: solid; | |||
border-color: #555 transparent transparent transparent; | |||
} | } | ||
. | /* Показывать всплывающий блок при наведении */ | ||
.tooltip23-container:hover .tooltip23-text { | |||
visibility: visible; | |||
opacity: 1; | |||
} | } | ||