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

мНет описания правки
мНет описания правки
 
(не показана 1 промежуточная версия этого же участника)
Строка 1: Строка 1:
<!-- Лицензия: CC BY-SA 4.0 | Автор: Aliser | Источник: https://wiki.spacestation14.com/wiki/Template:Button -->
<includeonly><!-- Лицензия: CC BY-SA 4.0 | Автор: Aliser | Источник: https://wiki.spacestation14.com/wiki/Template:Button
<includeonly><!--
--><templatestyles src="ButtonSS14/styles.css" /><!--
--><templatestyles src="ButtonSS14/styles.css" /><!--
-->{{#vardefine: button_bg_clip_pixels|5}}<!--


--><kbd class="template-button {{lc: {{{state|normal}}}}}" style="
--><kbd class="template-button {{lc: {{{state|normal}}}}}" style="
padding: .2em calc({{#var:button_bg_clip_pixels}}px + .3em);
padding: .2em calc(5px + .3em);


clip-path: polygon(
clip-path: polygon(
0 0,  
0 0,  


calc(100% - {{#var:button_bg_clip_pixels}}px) 0,  
calc(100% - 5px) 0,  
100% {{#var:button_bg_clip_pixels}}px,  
100% 5px,  


100% 100%,  
100% 100%,  


{{#var:button_bg_clip_pixels}}px 100%,  
5px 100%,  
0 calc(100% - {{#var:button_bg_clip_pixels}}px)
0 calc(100% - 5px)
);
);
">{{{1}}}</kbd></includeonly><noinclude>{{doc}}
">{{{1}}}</kbd></includeonly><noinclude>{{doc}}
Строка 164: Строка 161:
]
]
}
}
</templatedata>
</templatedata></noinclude>
{{#css:
.template-button {
white-space: pre;
user-select: none;
cursor: pointer;
background-color: #464966;
}
 
.template-button:hover {
background-color: #575b7f;
}
 
.template-button.pressed,
.template-button:active {
background-color: #3e6c45;
}
}}
</noinclude>