Шаблон:ColoredTextFrame: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| (не показано 20 промежуточных версий этого же участника) | |||
| Строка 1: | Строка 1: | ||
<div class="frame-text" style="--label-r:{{{r| | <div class="frame-text" style="--label-r:{{{r|140}}};--label-g:{{{g|160}}};--label-b:{{{b|170}}};margin:{{{margin|10px 0}}};> | ||
<div class="frame-text__header" | <div class="frame-text__header">{{{title}}}</div> | ||
<div class="frame-text__content">{{{content}}}</div> | <div class="frame-text__content">{{{content}}}</div> | ||
</div><!-- | </div><!-- | ||
| Строка 9: | Строка 9: | ||
--lightness-switch: max(0, min(calc((1/(var(--lightness-threshold) - var(--perceived-lightness)))), 1)); | --lightness-switch: max(0, min(calc((1/(var(--lightness-threshold) - var(--perceived-lightness)))), 1)); | ||
--lightness-threshold: 0. | --lightness-threshold: 0.3; | ||
--background-alpha: 0.1; | --background-alpha: 0.1; | ||
--border-alpha: 0. | --border-alpha: 0.1; | ||
--lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); | --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); | ||
} | } | ||
| Строка 17: | Строка 17: | ||
.frame-text { | .frame-text { | ||
display: block; | display: block; | ||
padding: 6px | font-size: 15px; | ||
padding: 6px 8px; | |||
border: 1px solid transparent; | border: 1px solid transparent; | ||
border-radius: 0.5em; | border-radius: 0.5em; | ||
background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); | background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); | ||
| Строка 27: | Строка 27: | ||
.frame-text ol { | .frame-text ol { | ||
margin: 0.3em 0 0 | margin: 0.3em 0 0 1.5em; | ||
} | } | ||
.frame-text__header { | .frame-text__header { | ||
font-weight: bold; | font-weight: bold; | ||
font-family: "noto sans"; | |||
margin-bottom: 2px; | |||
color: rgba( | color: rgba( | ||
calc(var(--label-r) + var(--lighten-by)), | calc(var(--label-r) + var(--lighten-by)), | ||
| Строка 42: | Строка 44: | ||
.frame-text__content { | .frame-text__content { | ||
color: lightgray; | color: lightgray; | ||
} | } | ||
.frame-text__content li { | .frame-text__content li { | ||
margin-top: {{{margin-li| | margin-top: {{{margin-li|6px}}}; | ||
} | } | ||
}} | }} | ||
Текущая версия от 19:15, 16 декабря 2024
{{{title}}}
{{{content}}}
