Песочница: различия между версиями

← Предыдущая правка

ВизуальныйВики-текст

@@ Строка 1: / Строка 1: @@
-<button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasScrolling" aria-controls="offcanvasScrolling">Enable body scrolling</button>
+[[MediaWiki:Custom-menu]]
-<button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasWithBackdrop" aria-controls="offcanvasWithBackdrop">Enable backdrop (default)</button>
-<button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasWithBothOptions" aria-controls="offcanvasWithBothOptions">Enable both scrolling & backdrop</button>
-<div class="offcanvas offcanvas-start" data-bs-scroll="true" data-bs-backdrop="false" tabindex="-1" id="offcanvasScrolling" aria-labelledby="offcanvasScrollingLabel">
+[[Терминология]]
-  <div class="offcanvas-header">
+свечей
-    <h5 class="offcanvas-title" id="offcanvasScrollingLabel">Colored with scrolling</h5>
-     <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+<div class="character-card-list">
+<div class="mobile-hide">
+<div class="card-group">
+<div class="card">
+<h5 class="card-title"> <center>[[Хельги Поток]]</center></h5>
+    [[Файл:Хельги.jpg|300px|мини|центр|class=noclick]]
+    <div class="card-hover-info">
+        <div class="label">Раса:</div>
+        <div class="value">Человек: Маланиец</div>
+        <div class="label">Отличие:</div>
+        <div class="value">Получил каменную руку и имперца-недоумка.</div>
+    </div>
+</div>
+<div class="card">
+<h5 class="card-title"> <center>[[Хельги Поток]]</center></h5>
+    [[Файл:Хельги.jpg|300px|мини|центр|class=noclick]]
+    <div class="card-hover-info">
+        <div class="label">Раса:</div>
+        <div class="value">Человек: маланиец</div>
+        <div class="label">Отличие:</div>
+        <div class="value">Получил каменную руку и имперца-дебила.</div>
+    </div>
+</div>
+<div class="card">
+<h5 class="card-title"> <center>[[Хельги Поток]]</center></h5>
+    [[Файл:Хельги.jpg|300px|мини|центр|class=noclick]]
+    <div class="card-hover-info">
+        <div class="label">Раса:</div>
+        <div class="value">Человек: маланиец</div>
+        <div class="label">Отличие:</div>
+        <div class="value">Получил каменную руку и имперца-дебила.</div>
+    </div>
+</div>
+<div class="card">
+<h5 class="card-title"> <center>[[Хельги Поток]]</center></h5>
+    [[Файл:Хельги.jpg|300px|мини|центр|class=noclick]]
+     <div class="card-hover-info">
+        <div class="label">Раса:</div>
+        <div class="value">Человек: маланиец</div>
+        <div class="label">Отличие:</div>
+        <div class="value">Получил каменную руку и имперца-дебила.</div>
+    </div>
+</div>
+</div>
+<div class="mobile-hide">
+<div class="card-group">
+<div class="card show" style="width: 20rem;>
+  [[Файл:Высший Жрец.jpg|300px|мини|центр|class=noclick]]
+  <div class="card-body">
+    <h5 class="card-title"><center>[[Хельги Поток]]</center></h5>
+            <div class="card-info">
+            <div class="item">
+                <div class="label">Раса:</div>
+                <div class="value">Человек: маланиец</div>
+            </div>
+            <div class="item">
+                <div class="label">Отличие:</div>
+                <div class="value">Получил каменную руку и имперца-дебила..</div>
+            </div>
+        </div>
    </div>
-   <div class="offcanvas-body">
+</div>
-     <p>Try scrolling the rest of the page to see this option in action.</p>
+<div class="card show" style="width: 20rem;>
+  [[Файл:Высший Жрец.jpg|300px|мини|центр|class=noclick]]
+   <div class="card-body">
+    <h5 class="card-title">Заголовок карточки</h5>
+     <p class="card-text">Описание карточки с анимацией.</p>
    </div>
 </div>
-<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasWithBackdrop" aria-labelledby="offcanvasWithBackdropLabel">
-   <div class="offcanvas-header">
+<div class="card show" style="width: 20rem;>
-     <h5 class="offcanvas-title" id="offcanvasWithBackdropLabel">Offcanvas with backdrop</h5>
+  [[Файл:Высший Жрец.jpg|300px|мини|центр|class=noclick]]
-     <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+   <div class="card-body">
-  </div>
+     <h5 class="card-title">Заголовок карточки</h5>
-  <div class="offcanvas-body">
+     <p class="card-text">Описание карточки с анимацией.</p>
-    <p>.....</p>
    </div>
 </div>
-<div class="offcanvas offcanvas-start" data-bs-scroll="true" tabindex="-1" id="offcanvasWithBothOptions" aria-labelledby="offcanvasWithBothOptionsLabel">
-  <div class="offcanvas-header">
-    <h5 class="offcanvas-title" id="offcanvasWithBothOptionsLabel">Backdroped with scrolling</h5>
-    <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
-  </div>
-  <div class="offcanvas-body">
-    <p>Try scrolling the rest of the page to see this option in action.</p>
-  </div>
 </div>
+</div>
+<br>
+<br>
+<br>
+<br>
+==Вперед==
-[[Файл:Border5.png|мини]]
-{{Навыки}}
-{{Clc}}
-{{High-risk}}
-{{Module rating}}
-{{Заметка}}
-{{Заголовки}}
-{{Infobox}}
 {{Infobox