Шаблон:ModernTitle/css: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| Строка 1: | Строка 1: | ||
{{#css: | {{#css: | ||
h1 .mw-headline { | .mw-parser-output h1 .mw-headline { | ||
min-width: clamp(50px, 20vw, 300px); | min-width: clamp(50px, 20vw, 300px); | ||
padding: 2px 3%; | padding: 2px 3%; | ||
| Строка 7: | Строка 7: | ||
} | } | ||
h1::before, | .mw-parser-output h1::before, | ||
.mw-parser-outputh1::after { | |||
content: ""; | content: ""; | ||
flex-grow: 1; | flex-grow: 1; | ||
| Строка 14: | Строка 14: | ||
border-radius: 1px; | border-radius: 1px; | ||
} | } | ||
h1::after { | .mw-parser-output h1::after { | ||
background: linear-gradient(90deg, | background: linear-gradient(90deg, #31313f 85%, #ffffff00); | ||
margin-left: 10px; | margin-left: 10px; | ||
} | } | ||
h1::before { | .mw-parser-output h1::before { | ||
background: linear-gradient(270deg, | background: linear-gradient(270deg, #31313f 85%, #ffffff00); | ||
margin-right: 10px; | margin-right: 10px; | ||
} | } | ||
h1 .mw-headline { | .mw-parser-output h1 .mw-headline { | ||
background-color: | background-color: #31313f; | ||
border-radius: 5px; | border-radius: 5px; | ||
} | } | ||
@media (max-width: 600px) { | @media (max-width: 600px) { | ||
h1 .mw-headline { | .mw-parser-output h1 .mw-headline { | ||
width: 100% !important; | width: 100% !important; | ||
padding: 0 !important; | padding: 0 !important; | ||
} | } | ||
h1::before { | .mw-parser-output h1::before { | ||
margin-right: 0; | margin-right: 0; | ||
} | } | ||
h1::after { | .mw-parser-output h1::after { | ||
margin-left: 0; | margin-left: 0; | ||
} | } | ||
| Строка 43: | Строка 43: | ||
/* Сброс стилей */ | /* Сброс стилей */ | ||
h1 { | .mw-parser-output h1 { | ||
border-bottom: none !important; | border-bottom: none !important; | ||
font-family: "noto sans" !important; | font-family: "noto sans" !important; | ||
| Строка 51: | Строка 51: | ||
} | } | ||
h1 { | .mw-parser-output h1 { | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
| Строка 60: | Строка 60: | ||
/* Заголовок h2 */ | /* Заголовок h2 */ | ||
h2 { | .mw-parser-output h2 { | ||
font-size: 1.15rem !important; | font-size: 1.15rem !important; | ||
font-weight: bold !important; | font-weight: bold !important; | ||
padding: 6px 8px; | padding: 6px 8px; | ||
background: | background: linear-gradient(90deg, #b2b2ff1b -30%, #ffffff00 100%); | ||
border-radius: 0.2em; | border-radius: 0.2em; | ||
} | } | ||
/* Сброс стилей */ | /* Сброс стилей */ | ||
h2 { | .mw-parser-output h2 { | ||
border-bottom: none !important; | border-bottom: none !important; | ||
line-height: unset !important; | line-height: unset !important; | ||
| Строка 76: | Строка 76: | ||
/* Заголовок h3 */ | /* Заголовок h3 */ | ||
h3 { | .mw-parser-output h3 { | ||
font-size: 1.1rem !important; | font-size: 1.1rem !important; | ||
font-weight: bold !important; | font-weight: bold !important; | ||
| Строка 82: | Строка 82: | ||
/* Сброс стилей */ | /* Сброс стилей */ | ||
h3 { | .mw-parser-output h3 { | ||
font-family: 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', 'Liberation Sans', 'Noto Sans', 'Helvetica Neue', 'Helvetica', sans-serif !important; | font-family: 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', 'Liberation Sans', 'Noto Sans', 'Helvetica Neue', 'Helvetica', sans-serif !important; | ||
} | } | ||
}} | }} | ||
