Dantes (обсуждение | вклад) Нет описания правки |
Dantes (обсуждение | вклад) Нет описания правки Метка: ручная отмена |
||
| Строка 3: | Строка 3: | ||
border: 1px solid #444; | border: 1px solid #444; | ||
border-radius: 12px; | border-radius: 12px; | ||
margin: | margin: 15px 0; | ||
overflow: hidden; | overflow: hidden; | ||
transition: border-color 0.3s; | transition: border-color 0.3s; | ||
| Строка 10: | Строка 10: | ||
/* Заголовок */ | /* Заголовок */ | ||
.collapsible-header { | .collapsible-header { | ||
cursor: pointer; | |||
display: flex; | |||
align-items: center; | |||
padding: 10px; | padding: 10px; | ||
background-color: #2a2a2a; | background-color: #2a2a2a; | ||
| Строка 22: | Строка 25: | ||
} | } | ||
/* Картинка и | /* Стрелка */ | ||
.collapsible-arrow { | |||
display: inline-block; | |||
margin-right: 10px; | |||
transition: transform 0.2s ease; | |||
font-size: 1.2em; | |||
} | |||
.collapsible-arrow.rotated { | |||
transform: rotate(90deg); | |||
} | |||
/* Картинка и заголовок */ | |||
.JobsTableHeadImg img { | .JobsTableHeadImg img { | ||
border-radius: | border-radius: 6px; | ||
margin-right: 10px; | |||
} | } | ||
.JobsTableHeadLink { | .JobsTableHeadLink { | ||
font-size: 1.1em; | font-size: 1.1em; | ||
color: #fff; | color: #fff; | ||
margin-left: 10px; | |||
} | } | ||
/* Контент */ | /* Контент (изначально скрыт) */ | ||
.collapsible-content { | .collapsible-content { | ||
max-height: 0; | |||
overflow: hidden; | |||
transition: max-height 0.3s ease; | |||
background-color: #1a1a1a; | background-color: #1a1a1a; | ||
} | |||
.collapsible-content.open { | |||
max-height: 500px; /* Увеличь, если нужно больше места */ | |||
} | |||
/* Внутренности */ | |||
.JobsTableInner { | |||
padding: 10px 20px; | padding: 10px 20px; | ||
color: #ccc; | color: #ccc; | ||
border-radius: 0 0 12px 12px; | border-radius: 0 0 12px 12px; | ||
} | } | ||
.JobsTableList { | .JobsTableList { | ||
padding | list-style-type: none; | ||
padding: 0; | |||
margin: 0; | |||
} | } | ||
Версия от 05:22, 8 мая 2025
.collapsible-container {
background-color: #1e1e1e;
border: 1px solid #444;
border-radius: 12px;
margin: 15px 0;
overflow: hidden;
transition: border-color 0.3s;
}
/* Заголовок */
.collapsible-header {
cursor: pointer;
display: flex;
align-items: center;
padding: 10px;
background-color: #2a2a2a;
border-bottom: 1px solid #444;
color: #ddd;
font-weight: bold;
transition: background-color 0.3s;
}
.collapsible-header:hover {
background-color: #333;
}
/* Стрелка */
.collapsible-arrow {
display: inline-block;
margin-right: 10px;
transition: transform 0.2s ease;
font-size: 1.2em;
}
.collapsible-arrow.rotated {
transform: rotate(90deg);
}
/* Картинка и заголовок */
.JobsTableHeadImg img {
border-radius: 6px;
margin-right: 10px;
}
.JobsTableHeadLink {
font-size: 1.1em;
color: #fff;
margin-left: 10px;
}
/* Контент (изначально скрыт) */
.collapsible-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
background-color: #1a1a1a;
}
.collapsible-content.open {
max-height: 500px; /* Увеличь, если нужно больше места */
}
/* Внутренности */
.JobsTableInner {
padding: 10px 20px;
color: #ccc;
border-radius: 0 0 12px 12px;
}
.JobsTableList {
list-style-type: none;
padding: 0;
margin: 0;
}
.JobsTableList li {
padding: 4px 0;
font-size: 0.95em;
}