Участник: TFMB: различия между версиями

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

Апельсиновый сок

150 ед.

Зелёный чай

300 ед.

Кола

100 ед.

@@ Строка 1: / Строка 1: @@
 {{#css:
-   .headder{border: 1px solid black;float: right;margin: 5px 0 15px 15px;width: 25%;max-width: 245px;
+.drink-item {
-            border-radius: 12px;background: #212126;overflow: hidden;box-shadow: 0px 12px 16px #00000054;}
+    background-color: #424874; /* Темный фон напитка */
-   .imgspace{image-rendering:pixelated;text-align:center;padding-top:5px;padding-bottom:5px;border-bottom:1px solid black;}
+    color: #ffffff; /* Белый цвет текста */
-   .textplace{font-size:0.9em}
+    font-family: Arial, sans-serif; /* Стиль шрифта */
-   .textplace>.j1{border-top:1px solid black;font-size:0.8em;padding:5px 0 2px 20px;}
+    font-size: 14px; /* Размер шрифта */
-   .textplace>.j2{padding:0 0 3px 20px;}
+    border: 2px solid #222233; /* Рамка вокруг элемента */
-   .textplace>.j2:last-child{padding:0 0 10px 20px;}
+    margin: 5px; /* Отступы между элементами */
+    padding: 10px; /* Внутренние отступы */
+    display: flex;
+    justify-content: space-between; /* Распределение контента */
+    align-items: center;
+    border-radius: 4px; /* Скругленные углы */
+}
+.drink-item span {
+    font-size: 12px; /* Размер для количества единиц */
+    color: #bbbbbb; /* Бледный цвет для второстепенного текста */
+}
+.drink-item.locked {
+    opacity: 0.5; /* Заблокированный элемент становится прозрачным */
+}
+.drink-item .price {
+    color: #ffcc00; /* Жёлтый для цен */
+    font-weight: bold;
+}
+/* Пример цветовых акцентов для разных напитков */
+.drink-item.orange { border-left: 5px solid orange; }
+.drink-item.green { border-left: 5px solid green; }
+.drink-item.blue { border-left: 5px solid blue; }
+.drink-item.red { border-left: 5px solid red; }
 }}
-<div class="headder">
+<div class="drink-item orange">
- <div class="frame3" style="background: linear-gradient(to right, #A2B23E, #2D5A18)">
+     <div>Апельсиновый сок</div>
-     <div class="frame4"></div>
+     <div><span>150 ед.</span></div>
-     <div class="frame5">
+</div>
-      <div class="frame6">
-        <div class="frame7"></div>
+<div class="drink-item green">
-        <div class="frame8">[[file:Srv_dep.png]]</div>
+    <div>Зелёный чай</div>
-      </div>
+    <div><span>300 ед.</span></div>
-      <div class="frame9">Клоун</div>
+</div>
-      </div>
-  </div>
+<div class="drink-item red">
- <div class="imgspace">[[file:clown.png|168px]]</div>
+    <div>Кола</div>
- <div class="textplace">
+    <div><span>100 ед.</span></div>
-   <div class="j1">'''Отдел:'''</div>
-   <div class="j2">[[Сервисный отдел]]</div>
-   <div class="j1">'''Обязанности:'''</div>
-   <div class="j2">Развлекать экипаж станции <small style="color:gray">(и себя)</small></div>
-   <div class="j1">'''Уровень доступа:'''</div>
-   <div class="j2">Театр, Техобслуживание</div>
-   <div class="j1">'''Необходимое время:'''</div>
-   <div class="j2">Доступен по умолчанию</div>
-   <div class="j1">'''Руководства:'''</div>
-   <div class="j2">[[Стандартные Рабочие Процедуры (Сервис)|Ваши СРП]]</div>
-   <div class="j2">[[Правила Сервера]]</div>
- </div>
 </div>