MediaWiki:Test.css: различия между версиями

Страница интерфейса MediaWiki
Нет описания правки
Нет описания правки
Строка 1: Строка 1:
.collapsible-btn {
/* Контейнер списка */
     background-color: #4CAF50;
.collapsible-container {
    color: white;
     margin: 10px 0;
    padding: 10px;
}
    font-size: 16px;
 
    border: none;
/* Стиль кнопки-заголовка */
.collapsible-header {
     cursor: pointer;
     cursor: pointer;
     width: 100%;
     padding: 8px 15px;
     text-align: left;
     background: #f8f9fa;
    border: 1px solid #a2a9b1;
    border-radius: 4px;
    display: inline-block;
    user-select: none;
}
 
/* Иконка стрелки */
.collapsible-arrow::after {
    content: '▼';
    margin-left: 8px;
    font-size: 0.9em;
}
}


.collapsible-btn:hover {
/* Состояние развернуто */
     background-color: #45a049;
.collapsible-header.expanded .collapsible-arrow::after {
     content: '▲';
}
}


.collapsible .content {
/* Содержимое списка (скрыто по умолчанию) */
.collapsible-content {
     display: none;
     display: none;
     padding-left: 10px;
    margin-top: 5px;
     padding-left: 20px;
}
}


.block {
/* Элементы списка */
    background-color: lightblue;
.collapsible-item {
    padding: 20px;
     margin: 5px 0;
     margin: 10px 0;
    transform: rotate(-45deg);
    width: 300px;
    height: 300px;
     display: flex;
     display: flex;
    justify-content: center;
     align-items: center;
     align-items: center;
}
}


.collapsible .content .block {
/* Изображения в списке */
    transform: rotate(45deg);
.collapsible-item img {
}
     margin-right: 8px;
 
.collapsible-btn:focus + .content {
     display: block;
}
}

Версия от 16:51, 8 мая 2025

/* Контейнер списка */
.collapsible-container {
    margin: 10px 0;
}

/* Стиль кнопки-заголовка */
.collapsible-header {
    cursor: pointer;
    padding: 8px 15px;
    background: #f8f9fa;
    border: 1px solid #a2a9b1;
    border-radius: 4px;
    display: inline-block;
    user-select: none;
}

/* Иконка стрелки */
.collapsible-arrow::after {
    content: '▼';
    margin-left: 8px;
    font-size: 0.9em;
}

/* Состояние развернуто */
.collapsible-header.expanded .collapsible-arrow::after {
    content: '▲';
}

/* Содержимое списка (скрыто по умолчанию) */
.collapsible-content {
    display: none;
    margin-top: 5px;
    padding-left: 20px;
}

/* Элементы списка */
.collapsible-item {
    margin: 5px 0;
    display: flex;
    align-items: center;
}

/* Изображения в списке */
.collapsible-item img {
    margin-right: 8px;
}