Шаблон:ModernFrame: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| (не показано 12 промежуточных версий этого же участника) | |||
| Строка 1: | Строка 1: | ||
<div class=" | <div class="modern-frame {{{class}}}" style="margin:{{{margin|14px 0px}}};> | ||
<div class=" | <div class="modern-frame__title" style="background-color:{{{background-color|#373743}}};border:2px solid {{{border-color|#505061}}};justify-content:{{#if:{{{picture|}}}|space-between|center}};> | ||
{{#if:{{{picture|}}}|<div>[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}} | {{#if:{{{picture|}}}|<div>[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}} | ||
<div>'''{{{title}}}'''</div> | <div>'''{{{title}}}'''</div> | ||
{{#if:{{{picture|}}}|<div>[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}} | {{#if:{{{picture|}}}|<div>[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}} | ||
</div> | </div> | ||
<div class=" | <div class="modern-frame__content" style="background:{{{background-color|#373743}}}{{{transparency|45}}};border:2px solid {{{border-color|#505061}}}85;border-top:none;padding:{{{padding|12px 10px}}};{{{style}}}>{{{content}}}</div></div><!-- | ||
{{#css: | -->{{#css: | ||
. | .modern-frame { | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
} | } | ||
. | .modern-frame__title { | ||
position: relative; | position: relative; | ||
display: flex; | display: flex; | ||
| Строка 18: | Строка 18: | ||
min-height: 32px; | min-height: 32px; | ||
padding: 2px 8px; | padding: 2px 8px; | ||
color: # | color: #e5e5e5; | ||
font-size: 16px; | font-size: 16px; | ||
border-radius: 0.3em 0.3em 0 0; | border-radius: 0.3em 0.3em 0 0; | ||
| Строка 24: | Строка 24: | ||
} | } | ||
. | .modern-frame__content { | ||
border-radius: 0 0 0.3em 0.3em; | border-radius: 0 0 0.3em 0.3em; | ||
box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4); | box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4); | ||
| Строка 31: | Строка 30: | ||
@media (max-width: 800px) { | @media (max-width: 800px) { | ||
. | .modern-frame__content { | ||
gap: 6px; | gap: 6px; | ||
padding: 8px; | padding: 8px; | ||
Текущая версия от 00:17, 8 декабря 2024
{{{title}}}
{{{content}}}
