Difference between pages "Template:Clickable button" and "Template:Clickable button/sandbox"
(Difference between pages)
Jump to navigation
Jump to search
Joelmartin (talk | contribs) m (1 revision imported) |
Joelmartin (talk | contribs) m (1 revision imported) |
||
| Line 1: | Line 1: | ||
| − | <span class="mw-ui-button {{#switch: {{{color|white}}} | red = mw-ui-destructive | green = mw-ui- | + | <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> | </noinclude> | ||