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

Материал из Demovio Wiki
Перейти к навигации Перейти к поиску
Новая страница: «.message-box { margin-bottom: 6px; background: rgba(20,20,20,0.12); border-radius: 5px; overflow: hidden; display: grid; border: 1px solid #000; align-items: center; } .message-box::before { content: ""; display: block; width: 6px; height: 100%; } .message-box.warning::before { background: yellow; }»
 
Нет описания правки
 
(не показано 7 промежуточных версий этого же участника)
Строка 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(20,20,20,0.12);
   border-radius: 5px;
   border-radius: 5px;
   overflow: hidden;
   overflow: hidden;
   display: grid;
   display: flex;
   border: 1px solid #000;
  flex-direction: row;
   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;
}