Шаблон:RulesBox: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| (не показано 16 промежуточных версий этого же участника) | |||
| Строка 1: | Строка 1: | ||
<div class="rules__block"> | <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__container"> | <div class="rules__container"> | ||
{{#if: {{{title|}}} | | |||
<div class="rules__title">'''{{{title}}}'''</div> | <div class="rules__title">'''{{{title}}}'''</div> | ||
<div class="rules__content">{{{content}}}</div> | }} | ||
{{#if: {{{content|}}} | | |||
<div class="rules__content" style="margin-top:{{{margin-top-content|10px}}};>{{{content}}}</div> | |||
}} | |||
</div> | </div> | ||
{{#ifeq: {{{1|}}} | addition | | |||
<div class="rules__container--addition mw-collapsible mw-collapsed"> | <div class="rules__container--addition mw-collapsible mw-collapsed"> | ||
<div class="rules__title--addition"><span style="white-space: nowrap;">'''{{{title-addition}}}'''</span></div> | <div class="rules__title--addition"><span style="white-space: nowrap;">'''{{{title-addition}}}'''</span></div> | ||
<div class="rules__content--addition mw-collapsible-content">{{{content-addition}}}</div> | <div class="rules__content--addition mw-collapsible-content">{{{content-addition}}}</div> | ||
</div> | </div> | ||
}} | |||
</div> | </div> | ||
<!-- Не изменяемый CSS --> | <!-- Не изменяемый CSS --> | ||
| Строка 16: | Строка 22: | ||
justify-content: space-between; | justify-content: space-between; | ||
text-align: left; | text-align: left; | ||
background-color: #282831; | |||
background | |||
border-radius: 0.3em; | border-radius: 0.3em; | ||
box-shadow: 0 4px 2px rgba(0, 0, 0, 0. | box-shadow: 0 4px 2px rgba(0, 0, 0, 0.3); | ||
transition: background 0.3s ease, box-shadow 0.3s ease; | transition: background 0.3s ease, box-shadow 0.3s ease; | ||
} | } | ||
.rules__block:hover { | .rules__block:hover { | ||
background: # | background: #2b2b35; | ||
box-shadow: 0 4px | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); | ||
} | } | ||
.rules__block li { | .rules__block li { | ||
margin-top: | margin-top: {{{margin-li|8px}}}; | ||
} | } | ||
.rules__container { | .rules__container { | ||
| Строка 36: | Строка 39: | ||
.rules__title { | .rules__title { | ||
font-size: 1.3em; | font-size: 1.3em; | ||
} | |||
.rules__content { | |||
} | } | ||
.rules__title--addition { | .rules__title--addition { | ||
| Строка 41: | Строка 47: | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
} | } | ||
.rules__container--addition { | .rules__container--addition { | ||
| Строка 55: | Строка 58: | ||
padding: 12px; | padding: 12px; | ||
border-radius: 0.3em; | border-radius: 0.3em; | ||
background: # | background: #34343f; | ||
border-left: 4px solid # | 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 0.3s ease; | ||
} | } | ||
.rules__content--addition { | .rules__content--addition { | ||
Текущая версия от 11:23, 7 сентября 2024
