Шаблон:Docexample: различия между версиями

Текущая версия от 16:51, 30 сентября 2023

|

{{{Название документа}}}
Текст документа: {{{Текст документа}}} Шаблон документа: {{{Шаблон документа}}} Примечание документа: {{{Примечание документа}}}

|-

@@ Строка 4: / Строка 4: @@
 |-
 |
-             <div class="docs-text"><h3>Текст документа:</h3>
+<div class="docs-content">
+             <div class="docs-text"><span class='h3-emu'>Текст документа:</span>
 {{{Текст документа}}}</div>
-             <div class="docs-templater"><h3>Шаблон документа:</h3>
+             <div class="docs-templater"><span class='h3-emu'>Шаблон документа:</span>
 {{{Шаблон документа}}}</div>
+</div>
+            <div class="docs-about"><span class='h3-emu'>Примечание документа:</span>
+{{{Примечание документа}}}</div>
 |-
 |}
@@ Строка 13: / Строка 17: @@
 {{#css:
-.docs-text h3, .docs-templater h3 {
+.h3-emu {
+    width: 100% !important;
+    display: block !important;
+    font-size: var(--font-size-h3);
+    color: white;
+    font-weight: bold;
+    text-align: center;
      border-bottom: 1px solid rgba(255,255,255,0.2);
      margin: auto;
@@ Строка 20: / Строка 30: @@
 }
-.docs-container td {
+.docs-container  .docs-content {
      display: flex !important;
      justify-content: space-between !important;
@@ Строка 32: / Строка 42: @@
      background-color: rgba(0,0,0,0.2);
      padding:15px 10px;
+}
+.docs-about{
+    margin-top:10px;
+    border: 1px solid rgba(255,255,255,0.2);
+    background-color: rgba(0,0,0,0.2);
+    padding:15px 10px;
+    width:100% !important;
 }
 /* Медиазапрос для мобильных устройств с максимальной шириной экрана 768px */
-@media (max-width: 768px) {
+@media (max-width: 1000px) {
-     .docs-container td {
+     .docs-container .docs-content {
          flex-direction: column !important;
      }