Участник:AsnDen/ModernTitle: различия между версиями
Материал из Space Station 14 Вики
|
|
| (не показано 12 промежуточных версий этого же участника) |
| Строка 1: |
Строка 1: |
| == Пупупу ==
| | {{anchor|{{{1|}}}}}<div class="modern-title" style="font-size:{{{font-size|clamp(1.3rem, 2.5vw, 1.7rem)}}};color:{{{color|#fff}}};margin:{{{margin|1.25em 0 0.7em 0}}}; border-bottom: none; display: flex;><span style="padding:{{{padding|0 3%}}};width:{{{width|none}}};>{{{1}}}</span></div> |
| | |
| == <div class="modern-title" style="font-size:{{{font-size|clamp(1.3rem, 2.5vw, 1.7rem)}}};color:{{{color|#fff}}};margin:{{{margin|1.25em 0 0.7em 0}}}; border-bottom: none; display: flex;><span style="padding:{{{padding|0 3%}}};width:{{{width|none}}};>{{{1}}}</span></div> == | |
| <!-- Не изменяемый CSS --> | | <!-- Не изменяемый CSS --> |
| <div class="customCSS" style="display:none"> | | <div class="customCSS" style="display:none"> |
| Строка 44: |
Строка 42: |
| margin-left: 0; | | margin-left: 0; |
| } | | } |
| | } |
| | |
| | <!--jo mama...--> |
| | .mw-headline { |
| | display: none !important |
| } | | } |
|
| |
|
| h2 { | | h2 { |
| border-bottom: none | | border-bottom: none !important |
| } | | } |
| </div> | | </div> |
Текущая версия от 01:49, 19 августа 2024
{{{1}}}
.modern-title {
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
}
.modern-title::before,
.modern-title::after {
content: "";
flex-grow: 1;
height: 4px;
background-color: #3b3b4f;
}
.modern-title::before {
margin-right: 10px;
}
.modern-title::after {
margin-left: 10px;
}
.modern-title span {
background-color: #3b3b4f;
border-radius: 5px;
min-width: clamp(50px, 20vw, 300px);
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5);
}
@media (max-width: 600px) {
.modern-title span {
width: 100% !important;
padding: 0 !important;
}
.modern-title::before {
margin-right: 0;
}
.modern-title::after {
margin-left: 0;
}
}
.mw-headline {
display: none !important
}
h2 {
border-bottom: none !important
}
