[[div class="scanline"]]
[[/div]]
[[div class="text"]]
[[=]]
[[size 150%]] __Terminal #001__[[/size]]
@@ @@
@@ @@
@@------@@
Welcome, User
@@------@@
[[/=]]
@@ @@
@@ @@
@@ @@
> Links inside the terminal gain a ">" when you hover over them.
> [https://www.google.com like this]

Thanks for checking out my format!
@@ @@
@@ @@
[[/div]]
[[/div]]

[[div style="border:solid 1px #999999; background:#f2f2c2; padding:5px; margin-bottom: 10px;"]]
[[=]]
[[size larger]] **ИЗВЕЩЕНИЕ ОТ АПАИБ** [[/size]]

че-то

-- Мария Джонс, директор, АПАИБ
[[/=]]
[[/div]]

[[module css]]
div.warning-box {
    position: relative;
    height: 15rem;
}

div.warning-box span {
    word-break: break-word;
}

div.warning-box div.warning-box-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
}

div.warning-box div.text-top,
div.warning-box div.text-bottom,
div.warning-box div.text-number {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
}

div.warning-box div.text-top {
    font-size: 2em;
    line-height: 1;
    margin-bottom: 0.5em;
    font-weight: 900;
}

div.warning-box div.text-bottom {
    font-size: 1.25em;
    line-height: 1;
    margin: 0 auto;
}

div.warning-box div.text-number {
    font-size: 1.25em;
    position: absolute;
    bottom: 2em;
}

div.warning-box div.image-bg {
    position: absolute;
    background: url(http://scpfoundation.net/local--files/component:object-warning-box-source/scp-logo.svg);
    background: url(https://upload.wikimedia.org/wikipedia/commons/e/ec/SCP_Foundation_%28emblem%29.svg);
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    top: 0;
    width: 100%;
    height: 15rem;
    z-index: 0;
    opacity: 0.15;
}

@media only screen and (max-width: 768px) {
    div.warning-box div.text-top {
        font-size: 1.75em;
    }
    div.warning-box div.text-bottom {
        font-size: 1.15em;
    }
}
[[/module]]

[[div_ class="warning-box"]]
[[div_ class="warning-box-container"]]
[[div_ class="text-top"]]
[[span]]ПРИКАЗОМ СОВЕТА O5[[/span]]
[[/div]]
[[div_ class="text-bottom"]]
[[span]]Приведённый ниже документ требует уровень допуска X с ограничениями.
**Несанкционированный допуск запрещён.**[[/span]]
[[/div]]
[[/div]]
[[div_ class="text-number"]]
[[span]]XXXX[[/span]]
[[/div]]
[[div_ class="image-bg"]]
[[/div]]
[[/div]]

[[=]]
[[div class="blockquote" style="background: url(https://files.scpfoundation.net/local--files/scp-5400-j/scp_trans.png) center no-repeat; float: center; border: solid 2px #000; padding: 1px 15px; box-shadow: 0 1px 3px rgba(0,0,0,.2);"]]
+ ПРЕДУПРЕЖДЕНИЕ: СЛЕДУЮЩИЙ ФАЙЛ ЗАСЕКРЕЧЕН ПО ФОРМЕ X/XXXX
----
+++ ЛЮБАЯ ПОПЫТКА ПОЛУЧИТЬ ДОСТУП К ЭТОМУ ФАЙЛУ БЕЗ ПОДТВЕРЖДЕНИЯ УРОВНЯ ДОПУСКА X/XXXX БУДЕТ ЗАДОКУМЕНТИРОВАНА И ПРИВЕДЕТ К ДИСЦИПЛИНАРНОМУ ВЗЫСКАНИЮ.
[[/div]]
[[/=]]

[[div style="border-bottom:2px solid #777; margin-bottom:1px;"]]
[[/div]]
[[div style="border-bottom:1px solid #777;"]]
[[/div]]

[[module css]]
.page {
    display: block;
    overflow: hidden;
    font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
    font-style: normal;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
    background-origin: padding-box;
    background-position: 0px 8px;
    background-repeat: repeat;
    background-size: 100% 20px;
    border: 1px solid #CCC;
    border-radius: 10px;
    padding: 10px 10px;
    margin-bottom: 10px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
}
.page p,
.page ul {
    line-height: 20px;
    margin: 0;
}
[[/module]]

[[div class="page"]]

Document body here. You will need to use "@@ @@" on new lines to properly space text.
@@ @@
Like so.
@@ @@
You can use [[<]], [[=]], and [[>]] to align different lines/paragraphs to give proper feel.
@@ @@
[[>]]
Enjoy.
[[/>]]
[[/div]]

[[module CSS]]
.messanger {
  width: 500px;
  margin: 0 auto;
  background-color: #e5e5f7;
  background: repeating-linear-gradient( 45deg, #4fc93d, #4fc93d 5px, #e5e5f7 5px, #e5e5f7 25px );
  background-repeat: round;
  padding: 15px;
  border-radius: 15px;
}
@media (max-width: 767px) {
.messanger {
  width: auto;
}
.right-message {
  background-attachment: unset !important;
  background: rgba(33,167,13,1) !important;
}
}
.left-message {
  width: fit-content;
  min-width: 20%;
  max-width: 65% !important;
  margin-right: auto;
  background: #687e61;
  border-radius: 20px;
  padding: 1px 20px;
  color: white;
  margin-bottom: 10px;
  margin-top: 10px;
}
.right-message {
  width: fit-content;
  min-width: 20%;
  max-width: 65% !important;
  margin-left: auto;
  background: linear-gradient(135deg, rgba(29,116,16,1) 0%, rgba(33,167,13,1) 40%, rgba(42,226,14,1) 100%);
  background-attachment: fixed;
  border-radius: 20px;
  padding: 1px 20px;
  color: white;
  margin-bottom: 10px;
  margin-top: 10px;
}
.left-message p, .right-message p {
  margin: 0;
}
.timestamped {
  text-align: right;
  color: #eee;
  margin-bottom: 4px;
}
.name {
  text-align: left;
  color: #eee;
  margin: 6px 0;
}
.emoji {
  font-size: 200%;
}
.spoiler-container {
  overflow: hidden;
  border-radius: 15px;
}
.spoiler {
  filter: blur(2rem);
  transition: ease-in 0.2s;
}
.spoiler:hover {
  filter: none;
}
[[/module]]

сообщение слева:

[[div class="messanger"]]
[[div class="left-message"]]
[[div_ class="name"]]
имя чела 1
[[/div]]
харт кукс бреин (ваш текст)
[[div_ class="timestamped"]]
время переписки
[[/div]]
[[/div]]

сообщение справа:

[[div class="right-message"]]
[[div_ class="name"]]
Вы
[[/div]]
Здравствуйте, вы ошиблись номером, я никого не нанимаю в данный момент.
[[div_ class="timestamped"]]
время переписки
[[/div]]
[[/div]]
[[/div]]