Песочница/Pok/3: различия между версиями
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| Строка 19: | Строка 19: | ||
border: 1px solid black; | border: 1px solid black; | ||
border-radius: 0.3em; | border-radius: 0.3em; | ||
background-color: # | background-color: #37373d; | ||
overflow: hidden; | overflow: hidden; | ||
padding: 8px; | padding: 8px; | ||
| Строка 35: | Строка 35: | ||
justify-content: center; | justify-content: center; | ||
padding: 6px; | padding: 6px; | ||
display: none; | |||
} | } | ||
| Строка 52: | Строка 54: | ||
.menu-container { | .menu-container { | ||
width: 300px; | width: 300px; | ||
} | } | ||
| Строка 58: | Строка 59: | ||
cursor: pointer; | cursor: pointer; | ||
padding: 12px; | padding: 12px; | ||
background-color: # | background-color: #53535f; | ||
border-radius: 0.5em 0 0 0.5em; | border-radius: 0.5em 0 0 0.5em; | ||
font-size: 16px; | font-size: 16px; | ||
| Строка 65: | Строка 66: | ||
box-sizing: border-box; | box-sizing: border-box; | ||
max-height: 400px; | max-height: 400px; | ||
transition: all 0.05s; | |||
} | } | ||
.menu div:not(:last-child) { | .menu div:not(:last-child) { | ||
| Строка 72: | Строка 74: | ||
.menu { | .menu { | ||
display: none; /* Скрываем меню, если категория не выбрана */ | display: none; /* Скрываем меню, если категория не выбрана */ | ||
} | |||
.menu div:hover { | |||
background-color: #5d5d6b; | |||
} | } | ||
| Строка 79: | Строка 85: | ||
.menu .active { | .menu .active { | ||
border: 2px solid #888897; | |||
} | } | ||
| Строка 86: | Строка 92: | ||
padding: 10px; | padding: 10px; | ||
width: 100%; | width: 100%; | ||
background-color: # | background-color: #52525d; | ||
border-radius: 0 0.3em 0.3em 0; | border-radius: 0 0.3em 0.3em 0; | ||
min-height: 150px; | min-height: 150px; | ||
| Строка 92: | Строка 98: | ||
overflow: auto; | overflow: auto; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
margin-left: 8px; | |||
} | } | ||