Шаблон:SwearingWarning/styles.css: различия между версиями
Перейти к навигации
Перейти к поиску
Hloth (обсуждение | вклад) Нет описания правки |
Hloth (обсуждение | вклад) Нет описания правки |
||
| (не показаны 4 промежуточные версии этого же участника) | |||
| Строка 1: | Строка 1: | ||
.message-box-container { | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
width: 100%; | |||
margin: 0 auto 6px auto; | |||
} | |||
.message-box { | .message-box { | ||
background: rgba(230,230,230,0.25); | background: rgba(230,230,230,0.25); | ||
border-radius: 5px; | border-radius: 5px; | ||
| Строка 13: | Строка 19: | ||
display: block; | display: block; | ||
width: 6px; | width: 6px; | ||
flex-shrink: 0; | |||
align-self: stretch; | |||
} | } | ||
.message-box.warning::before { | .message-box.warning::before { | ||
background: | background: hsl(200,60%,72%); | ||
} | |||
.message-box-image { | |||
padding: 6px 0 6px 12px; | |||
} | } | ||
.message-box-text { | .message-box-text { | ||
padding: 6px 12px; | padding: 6px 12px; | ||
} | } | ||
Текущая версия от 03:36, 15 марта 2025
.message-box-container {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 0 auto 6px auto;
}
.message-box {
background: rgba(230,230,230,0.25);
border-radius: 5px;
overflow: hidden;
display: flex;
flex-direction: row;
border: 1px solid #b3b3b3;
align-items: center;
}
.message-box::before {
content: "";
display: block;
width: 6px;
flex-shrink: 0;
align-self: stretch;
}
.message-box.warning::before {
background: hsl(200,60%,72%);
}
.message-box-image {
padding: 6px 0 6px 12px;
}
.message-box-text {
padding: 6px 12px;
}