Шаблон:SwearingWarning/styles.css: различия между версиями

Материал из Demovio Wiki
Перейти к навигации Перейти к поиску
Нет описания правки
Нет описания правки
 
(не показано 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 {
  margin-bottom: 6px;
   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: grid;
   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;
   height: 100%;
   flex-shrink: 0;
  align-self: stretch;
}
}
.message-box.warning::before {
.message-box.warning::before {
   background: yellow;
   background: hsl(200,60%,72%);
}
.message-box-image {
padding: 6px 0 6px 12px;
}
.message-box-text {
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;
}