Шаблон:SwearingWarning/styles.css: различия между версиями
Hloth (обсуждение | вклад) Нет описания правки |
Hloth (обсуждение | вклад) Нет описания правки |
||
| (не показано 6 промежуточных версий этого же участника) | |||
| Строка 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; | ||
overflow: hidden; | overflow: hidden; | ||
display: | display: flex; | ||
flex-direction: row; | |||
border: 1px solid #b3b3b3; | border: 1px solid #b3b3b3; | ||
align-items: center; | align-items: center; | ||
| Строка 12: | Строка 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 { | |||
padding: 6px 12px; | |||
} | } | ||