MediaWiki:SandboxCSS: различия между версиями

Материал из Bluemoon Wiki
мНет описания правки
Метка: отменено
м (Полностью удалено содержимое страницы)
Метки: очистка ручная отмена
 
(не показано 8 промежуточных версий этого же участника)
Строка 1: Строка 1:
{{#css:
.page-message {
min-height: 150px;
width: 100%;
border: 1px solid;
border-radius: 5px 5px 5px 5px;
background: var(--color-message, #FFB273);


text-align: center;
font-family:cursive;
}
.header {
display: flex;
flex-direction: row;
font-size: 20px;
line-height: 24px;
 
  height: 50px;
}
.header .left,
.header .right {
  width: 25%;
height: 25px;
}
.header .left {
  background-image: repeating-linear-gradient(
    45deg,
    #171717 0px 10px,
    var(--color-header, #FF7400) 10px 20px);
}
.header .right {
  background-image: repeating-linear-gradient(
    -45deg,
    #171717 0px 10px,
    var(--color-header, #FF7400) 10px 20px);
}
.header .text{
  color: white;
  background: #171717;
  width: 100%;
  height: auto;
  border-radius: 0 0 15px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.message {
padding: 15px;
}
}}
<div class="page-message" style="--color-message: {{{2|#FFB273}}}">
  <div class="header" style="--color-header: {{{1|#FF7400}}}">
    <div class="left"></div>
    <div class="text">{{{3|Sample Header Text}}}</div>
    <div class="right"></div>
  </div>
  <div class="message">
    {{{4|Sample Text}}}
  </div>
  <div class="message-editor">
  [[Участник:Gabefrut|Gabefrut]] ([[Обсуждение участника:Gabefrut|обсуждение]]) 19:28, 9 ноября 2024 (MSK)
  </div>
  <p class="message-editor-link">{{{5|Bottom Text}}}</p>
</div>

Текущая версия от 14:01, 10 ноября 2024