Шаблон:ModernTitle: различия между версиями

Материал из Space Station 14 Вики
мНет описания правки
Нет описания правки
Строка 1: Строка 1:
<div class="modern-title" style="width:{{{width|100%}}};">{{{text}}}</div>
<h2 class="modern-title" style="width:{{{width|100%}}};">{{{text}}}</h2>
<!-- Не изменяемый CSS -->
<!-- Не изменяемый CSS -->
<div class="customCSS" style="display:none">
<div class="customCSS" style="display:none">
.modern-title {
.modern-title {
background: {{{background|#9f2828}}};
background: #9f2828;
color: {{{color|#fff}}};
color: #fff;
font-weight: bold;
padding: 15px 25px;
padding: 10px 20px;
border-left: 5px solid #601818;
border-radius: 8px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
text-align: center;
font-family: 'Arial', sans-serif;
margin: 20px 0;
transition: background 0.3s ease, color 0.3s ease, font-size 0.3s ease;
font-size: clamp(0.8rem, 2vw, 1rem);
box-sizing: border-box;
box-sizing: border-box;
}
}
.modern-title:hover {
h2.modern-title {
background: {{{background-hover|#af2c2c}}};
border-bottom: none;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1.5em;
font-weight: bold;
display: block;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0px;
margin-inline-end: 0px;
unicode-bidi: isolate;
}
}
</div>
</div>

Версия от 21:08, 2 августа 2024

{{{text}}}