|
|
| Строка 94: |
Строка 94: |
| .vtabs-content.active { | | .vtabs-content.active { |
| display: block; | | display: block; |
| }
| |
|
| |
| /* Сворачиваемая панель */
| |
|
| |
| .colstr-panel {
| |
|
| |
| border-radius: 2px;
| |
| margin: 10px 0;
| |
| box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
| |
| }
| |
|
| |
| .colstr-header {
| |
| background-color: #413832;
| |
| padding: 10px 14px;
| |
| cursor: pointer;
| |
| font-weight: bold;
| |
| display: flex;
| |
| justify-content: flex-start;
| |
| align-items: center;
| |
| border-radius: 5px 5px 0 0;
| |
| transition: background-color 0.1s;
| |
| color: #fcfcfc;
| |
| }
| |
|
| |
| .colstr-header:hover {
| |
| background-color: #1e222c;
| |
| }
| |
|
| |
| .colstr-content {
| |
| padding: 10px 14px;
| |
| display: none;
| |
| animation: fadeIn 0.3s ease-in-out;
| |
| background-color: #413832;
| |
| color: #fcfcfc;
| |
| }
| |
|
| |
| .colstr-panel.open .colstr-content {
| |
| display: block;
| |
| }
| |
|
| |
| .colstr-panel .arrow {
| |
| transition: transform 0.3s;
| |
| margin-left: auto;
| |
| }
| |
|
| |
| .colstr-panel.open .arrow {
| |
| transform: rotate(180deg);
| |
| margin-left: auto;
| |
| }
| |
|
| |
| .colstr-panel.open .colstr-header {
| |
| border-bottom: 3px solid #4a90e2;
| |
| background-color: #413832;
| |
| } | | } |
|
| |
|
