Changes
Jump to navigation
Jump to search
m
Template:Clickable button/sandbox (view source)
Revision as of 11:23, 25 June 2019
, 11:23, 25 June 2019no edit summary
<span class="mw-ui-button {{#switch: {{{color|white}}} | red = mw-ui-destructive | green = mw-ui-constructive | white = | blue = mw-ui-progressive}}" role="button" aria-disabled="false" {{#switch:{{{color|}}}|green|vert=style="background-color:#00af89;border-color:#00af89;color:#fff;"}}>{{{1|Button text}}}</span><noinclude>
{{Documentation|content={{../doc}}
To use green color :hover and :active, paste on [[Special:MyPage/common.css|your common.css]]:
<syntaxhighlight lang="css">
.mw-ui-button.mw-ui-constructive:hover {
background-color:#00d6a8 !important;
border-color:#00d6a8 !important;
}
.mw-ui-button.mw-ui-constructive:active {
background-color: #007c61 !important;
border-color: #007c61 !important;
box-shadow: none !important;
}
</syntaxhighlight>
}}
</noinclude>
{{Documentation|content={{../doc}}
To use green color :hover and :active, paste on [[Special:MyPage/common.css|your common.css]]:
<syntaxhighlight lang="css">
.mw-ui-button.mw-ui-constructive:hover {
background-color:#00d6a8 !important;
border-color:#00d6a8 !important;
}
.mw-ui-button.mw-ui-constructive:active {
background-color: #007c61 !important;
border-color: #007c61 !important;
box-shadow: none !important;
}
</syntaxhighlight>
}}
</noinclude>