8,960
edits
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* Скрытый чекбокс */ | |||
.tooltip23-checkbox { | |||
display: none; | |||
} | |||
/* Основной стиль для <li> */ | /* Основной стиль для <li> */ | ||
.tooltip23- | .tooltip23-label { | ||
display: inline-block; | display: inline-block; | ||
position: relative; | position: relative; | ||
| Line 17: | Line 22: | ||
position: absolute; | position: absolute; | ||
z-index: 1; | z-index: 1; | ||
top: 125%; /* Позиция всплывающего блока снизу */ | |||
left: 50%; | left: 50%; | ||
margin-left: -100px; /* Сдвиг всплывающего блока влево на половину его ширины */ | margin-left: -100px; /* Сдвиг всплывающего блока влево на половину его ширины */ | ||
| Line 28: | Line 33: | ||
content: ""; | content: ""; | ||
position: absolute; | position: absolute; | ||
bottom: 100%; /* Вверху всплывающего блока */ | |||
left: 50%; | left: 50%; | ||
margin-left: -5px; | margin-left: -5px; | ||
border-width: 5px; | border-width: 5px; | ||
border-style: solid; | border-style: solid; | ||
border-color: #555 | border-color: transparent transparent #555 transparent; | ||
} | } | ||
/* Показывать всплывающий блок при | /* Показывать всплывающий блок при активации чекбокса */ | ||
.tooltip23- | .tooltip23-checkbox:checked + .tooltip23-label .tooltip23-text { | ||
visibility: visible; | visibility: visible; | ||
opacity: 1; | opacity: 1; | ||
} | } | ||