Dantes (обсуждение | вклад) Нет описания правки |
Dantes (обсуждение | вклад) Нет описания правки |
||
| Строка 1: | Строка 1: | ||
/* | /* Основные стили для тёмной темы SS14 */ | ||
.alchemy-card { | .alchemy-card.dark-theme { | ||
border: 1px solid # | background-color: #1e1e1e; | ||
border-radius: | 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; | ||
font-family: sans-serif; | font-family: sans-serif; | ||
} | } | ||
.alchemy-card.dark-theme .alchemy-title { | |||
.alchemy-title { | color: #f0f0f0; | ||
font-size: | border-bottom: 1px solid #555; | ||
font-size: 1.8em; | |||
margin-bottom: 15px; | margin-bottom: 15px; | ||
padding-bottom: 8px; | padding-bottom: 8px; | ||
} | } | ||
.alchemy-card.dark-theme .section-header { | |||
.alchemy-section { | background-color: #2a2a2a; | ||
color: #d0d0ff; | |||
cursor: pointer; | cursor: pointer; | ||
font-weight: bold; | font-weight: bold; | ||
padding: 8px; | padding: 8px; | ||
border-radius: 3px; | |||
border-radius: | |||
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: # | background-color: #333; | ||
} | } | ||
.alchemy-card.dark-theme .collapse-toggle { | |||
.collapse-toggle { | color: #4da6ff; | ||
font-weight: normal; | font-weight: normal; | ||
font-size: 14px; | 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 { | |||
.recipe-step { | color: #e0e0e0; | ||
} | } | ||
.recipe-step input { | .alchemy-card.dark-theme .recipe-step input[type="checkbox"] { | ||
filter: invert(80%); | |||
margin-right: 8px; | margin-right: 8px; | ||
} | } | ||
. | .alchemy-card.dark-theme .section-content { | ||
padding: 10px 5px; | |||
} | } | ||
.alchemy-card.dark-theme .recipe-step { | |||
.alchemy- | margin: 8px 0; | ||
display: flex; | |||
align-items: center; | |||
padding-left: 5px; | |||
} | } | ||
/* | /* Общие стили */ | ||
.alchemy- | .alchemy-section { | ||
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;
}