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

Материал из Space Station 14 Вики
мНет описания правки
мНет описания правки
 
(не показано 28 промежуточных версий этого же участника)
Строка 1: Строка 1:
<div class="frame-text" style="--label-r:{{{r|130}}};--label-g:{{{g|130}}};--label-b:{{{b|145}}};margin:{{{margin|12px 2px}}};>
<div class="сolored-frame-text"  
<div class="frame-text__header">{{{title}}}</div>
style="
<div class="frame-text__content">{{{content}}}</div>
margin:{{{margin|12px 0}}};
--label-r:{{{r|140}}};
--label-g:{{{g|160}}};
--label-b:{{{b|170}}};
--background-alpha:{{{background-alpha|0.1}}};
--border-alpha:{{{border-alpha|0.1}}};
--lightness-threshold:{{{lightness-threshold|0.1}}};
>
{{#if:{{{title|}}}|<div class="сolored-frame-text__header">{{Anchor|{{{title}}}}}{{{title}}}</div>|}}
<div class="сolored-frame-text__content list-reset-margin">{{{content}}}</div>
</div><!--
</div><!--


Строка 9: Строка 18:
     --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.2;
    --background-alpha: 0.12;
    --border-alpha: 0.22;
     --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));
}
}


.frame-text {
.сolored-frame-text {
     display: block;
     display: block;
    font-size: 15px;
     padding: 6px 8px;
     padding: 6px 8px;
     border: 1px solid transparent;
     border: 1px solid transparent;
Строка 26: Строка 31:
}
}


.frame-text ol {
.сolored-frame-text__header {
     margin: 0.3em 0 0 2em;
     font-size: 15px;
}
 
.frame-text__header {
     font-weight: bold;
     font-weight: bold;
     font-family: "noto sans";
     font-family: "noto sans";
     margin-bottom: 2px;
     margin-bottom: 4px;
   
     color: rgba(
     color: rgba(
         calc(var(--label-r) + var(--lighten-by)),  
         calc(var(--label-r) + var(--lighten-by)),  
Строка 42: Строка 45:
}
}


.frame-text__content {
.сolored-frame-text__content {
     color: lightgray;
     color: lightgray;
}
.frame-text__content li {
margin-top: {{{margin-li|8px}}};
}
}
}}
}}

Текущая версия от 22:32, 17 января 2025

{{{content}}}