Dantes (обсуждение | вклад) Нет описания правки |
Dantes (обсуждение | вклад) Нет описания правки |
||
| Строка 10: | Строка 10: | ||
font-family: monospace; | font-family: monospace; | ||
/* | /* Синие оттенки с лёгким свечением */ | ||
border: 2px solid # | border: 2px solid #2a56a1; | ||
box-shadow: | box-shadow: | ||
0 0 | 0 0 8px rgba(42, 86, 161, 0.6), | ||
0 0 | 0 0 20px rgba(42, 86, 161, 0.4); | ||
} | } | ||
.custom-audio-play { | .custom-audio-play { | ||
background: # | background: #2a56a1; | ||
color: #fff; | color: #fff; | ||
border: none; | border: none; | ||
| Строка 29: | Строка 29: | ||
.custom-audio-play:hover { | .custom-audio-play:hover { | ||
background: # | background: #447fbc; | ||
transform: scale(1.05); | transform: scale(1.05); | ||
} | } | ||
| Строка 37: | Строка 37: | ||
height: 6px; | height: 6px; | ||
border-radius: 4px; | border-radius: 4px; | ||
background: # | background: #333; | ||
outline: none; | outline: none; | ||
accent-color: # | accent-color: #2a56a1; | ||
} | } | ||
| Строка 46: | Строка 46: | ||
text-align: right; | text-align: right; | ||
font-size: 12px; | font-size: 12px; | ||
color: # | color: #d6e4f1; | ||
} | } | ||
Версия от 20:16, 16 апреля 2025
.custom-audio-wrapper {
display: flex;
align-items: center;
gap: 10px;
background: #111;
padding: 10px 14px;
border-radius: 12px;
max-width: 480px;
color: white;
font-family: monospace;
/* Синие оттенки с лёгким свечением */
border: 2px solid #2a56a1;
box-shadow:
0 0 8px rgba(42, 86, 161, 0.6),
0 0 20px rgba(42, 86, 161, 0.4);
}
.custom-audio-play {
background: #2a56a1;
color: #fff;
border: none;
border-radius: 6px;
padding: 6px 12px;
font-size: 16px;
cursor: pointer;
transition: background 0.2s, transform 0.1s;
}
.custom-audio-play:hover {
background: #447fbc;
transform: scale(1.05);
}
.custom-audio-progress {
flex-grow: 1;
height: 6px;
border-radius: 4px;
background: #333;
outline: none;
accent-color: #2a56a1;
}
.custom-audio-time {
min-width: 45px;
text-align: right;
font-size: 12px;
color: #d6e4f1;
}