8,960
edits
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* Скрываем всплывающее окно по умолчанию */ | |||
.popup { | |||
display: none; | |||
position: absolute; | |||
background-color: white; | |||
border: 1px solid #ccc; | |||
padding: 10px; | |||
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); | |||
z-index: 1000; | |||
width: 200px; | |||
} | |||
/* Позиционируем всплывающее окно относительно элемента списка */ | |||
.popup-trigger { | |||
position: relative; | |||
} | |||
/* Когда чекбокс активен, отображаем всплывающее окно */ | |||
#toggle-popup:checked + .popup { | |||
display: block; | |||
top: 100%; /* Появляется снизу */ | |||
left: 0; | |||
} | |||
.square-list { | .square-list { | ||
list-style-type: none; /* Убираем стандартные маркеры списка */ | list-style-type: none; /* Убираем стандартные маркеры списка */ | ||