Шаблон:RulesBox: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| (не показаны 4 промежуточные версии этого же участника) | |||
| Строка 1: | Строка 1: | ||
<div class="rules__block" style="margin:{{{margin|20px 5px}}};border-left:{{{border-size|5px}}} solid {{{border-color|#404053}}};padding:{{{padding|12px}}};color:{{{color|lightgrey}}};> | <div class="rules__block" style="background-color:{{{background-color|#282831}}};box-shadow:{{{box-shadow|0 2px 2px rgba(0, 0, 0, 0.3)}}};margin:{{{margin|20px 5px}}};border-left:{{{border-size|5px}}} solid {{{border-color|#404053}}};padding:{{{padding|12px}}};color:{{{color|lightgrey}}};> | ||
<div class="rules__container"> | <div class="rules__container"> | ||
{{#if: {{{title|}}} | | {{#if: {{{title|}}} | | ||
| Строка 14: | Строка 14: | ||
</div> | </div> | ||
}} | }} | ||
</div> | </div><!-- | ||
{{#css: | |||
-->{{#css: | |||
.rules__block { | .rules__block { | ||
position: relative; | position: relative; | ||
| Строка 21: | Строка 22: | ||
justify-content: space-between; | justify-content: space-between; | ||
text-align: left; | text-align: left; | ||
border-radius: 0.3em; | border-radius: 0.3em; | ||
transition: background-color 0.3s ease, box-shadow 0.3s ease; | |||
transition: background 0.3s ease, box-shadow 0.3s ease | |||
} | } | ||
.rules__block li { | .rules__block li { | ||
| Строка 57: | Строка 52: | ||
padding: 12px; | padding: 12px; | ||
border-radius: 0.3em; | border-radius: 0.3em; | ||
background: #34343f; | background-color: #34343f; | ||
border-left: 4px solid #434353; | border-left: 4px solid #434353; | ||
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); | box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); | ||
transition: background 0.3s ease; | transition: background-color 0.3s ease; | ||
} | } | ||
.rules__content--addition { | .rules__content--addition { | ||
| Строка 88: | Строка 83: | ||
} | } | ||
.rules__container--addition:hover { | .rules__container--addition:hover { | ||
background: #33333b; | background-color: #33333b; | ||
} | } | ||
.rules__block:hover { | .rules__block:hover { | ||
background: #27272e; | background-color: #27272e; | ||
box-shadow: 0 4px 2px rgba(0, 0, 0, 0.15); | box-shadow: 0 4px 2px rgba(0, 0, 0, 0.15); | ||
} | } | ||
Текущая версия от 19:28, 28 октября 2024
