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

Страница интерфейса MediaWiki
Нет описания правки
Нет описания правки
Строка 1: Строка 1:
/* Основная карточка */
/* Основные стили для тёмной темы SS14 */
.alchemy-card {
.alchemy-card.dark-theme {
     border: 1px solid #ccc;
    background-color: #1e1e1e;
     border-radius: 8px;
     border: 1px solid #444;
    color: #e0e0e0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
     border-radius: 5px;
     padding: 15px;
     padding: 15px;
     margin: 15px 0;
     margin: 15px 0;
    background-color: #f9f9f9;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
     font-family: sans-serif;
     font-family: sans-serif;
}
}


/* Заголовок рецепта */
.alchemy-card.dark-theme .alchemy-title {
.alchemy-title {
    color: #f0f0f0;
     font-size: 24px;
    border-bottom: 1px solid #555;
     font-size: 1.8em;
     margin-bottom: 15px;
     margin-bottom: 15px;
     padding-bottom: 8px;
     padding-bottom: 8px;
    border-bottom: 2px solid #ddd;
    color: #333;
}
}


/* Секции */
.alchemy-card.dark-theme .section-header {
.alchemy-section {
     background-color: #2a2a2a;
     margin-bottom: 15px;
    color: #d0d0ff;
}
 
/* Заголовок секции */
.section-header {
     cursor: pointer;
     cursor: pointer;
     font-weight: bold;
     font-weight: bold;
     padding: 8px;
     padding: 8px;
    background-color: #eaeaea;
     border-radius: 3px;
     border-radius: 4px;
     display: flex;
     display: flex;
     justify-content: space-between;
     justify-content: space-between;
Строка 36: Строка 31:
}
}


.section-header:hover {
.alchemy-card.dark-theme .section-header:hover {
     background-color: #e0e0e0;
     background-color: #333;
}
}


/* Текст сворачивания */
.alchemy-card.dark-theme .collapse-toggle {
.collapse-toggle {
    color: #4da6ff;
     font-weight: normal;
     font-weight: normal;
    color: #06c;
     font-size: 14px;
     font-size: 14px;
}
}


/* Содержимое секции */
.alchemy-card.dark-theme .alchemy-divider {
.section-content {
     background: #444;
     padding: 10px 5px;
    border: 0;
    height: 1px;
    margin: 15px 0;
}
}


/* Шаги рецепта */
.alchemy-card.dark-theme .recipe-step label {
.recipe-step {
     color: #e0e0e0;
     margin: 8px 0;
    display: flex;
    align-items: center;
    padding-left: 5px;
}
}


.recipe-step input {
.alchemy-card.dark-theme .recipe-step input[type="checkbox"] {
    filter: invert(80%);
     margin-right: 8px;
     margin-right: 8px;
}
}


.recipe-step label {
.alchemy-card.dark-theme .section-content {
     cursor: default;
     padding: 10px 5px;
}
}


/* Разделитель */
.alchemy-card.dark-theme .recipe-step {
.alchemy-divider {
     margin: 8px 0;
     border: 0;
     display: flex;
     height: 1px;
     align-items: center;
     background: #ddd;
     padding-left: 5px;
     margin: 15px 0;
}
}


/* Эффекты */
/* Общие стили */
.alchemy-effects {
.alchemy-section {
     line-height: 1.5;
     margin-bottom: 15px;
}
}

Версия от 11:31, 22 июня 2025

/* Основные стили для тёмной темы SS14 */
.alchemy-card.dark-theme {
    background-color: #1e1e1e;
    border: 1px solid #444;
    color: #e0e0e0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
    border-radius: 5px;
    padding: 15px;
    margin: 15px 0;
    font-family: sans-serif;
}

.alchemy-card.dark-theme .alchemy-title {
    color: #f0f0f0;
    border-bottom: 1px solid #555;
    font-size: 1.8em;
    margin-bottom: 15px;
    padding-bottom: 8px;
}

.alchemy-card.dark-theme .section-header {
    background-color: #2a2a2a;
    color: #d0d0ff;
    cursor: pointer;
    font-weight: bold;
    padding: 8px;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.alchemy-card.dark-theme .section-header:hover {
    background-color: #333;
}

.alchemy-card.dark-theme .collapse-toggle {
    color: #4da6ff;
    font-weight: normal;
    font-size: 14px;
}

.alchemy-card.dark-theme .alchemy-divider {
    background: #444;
    border: 0;
    height: 1px;
    margin: 15px 0;
}

.alchemy-card.dark-theme .recipe-step label {
    color: #e0e0e0;
}

.alchemy-card.dark-theme .recipe-step input[type="checkbox"] {
    filter: invert(80%);
    margin-right: 8px;
}

.alchemy-card.dark-theme .section-content {
    padding: 10px 5px;
}

.alchemy-card.dark-theme .recipe-step {
    margin: 8px 0;
    display: flex;
    align-items: center;
    padding-left: 5px;
}

/* Общие стили */
.alchemy-section {
    margin-bottom: 15px;
}