Template:CS button/styles.css: Difference between revisions
Appearance
Content deleted Content added
No edit summary |
No edit summary |
||
| Line 5: | Line 5: | ||
font-weight:600; |
font-weight:600; |
||
color:#202122; |
color:#202122; |
||
background-color:#FEE330; |
background-color:#FEE330; /* flat color */ |
||
background-image:none; /* ensure no gradient */ |
|||
border:1px solid; |
|||
border:none; /* remove border */ |
|||
border-color:#a2a9b1 #72777d #72777d #a2a9b1; |
|||
border-radius:9999px; /* round (pill) corners */ |
|||
box-sizing:border-box; |
box-sizing:border-box; |
||
text-align:center; |
text-align:center; |
||
white-space:nowrap; |
white-space:nowrap; |
||
transition:background |
transition:background-color .15s, transform .05s; |
||
} |
} |
||
.capsach-btn:hover |
.capsach-btn:hover { background-color:#FFDD00; } |
||
.capsach-btn:active |
.capsach-btn:active { background-color:#F0C800; transform:translateY(1px); } |
||
.capsach-align { text-align:left; } /* default */ |
.capsach-align { text-align:left; } /* default */ |
||
Revision as of 10:38, 13 October 2025
.capsach-btn {
display:inline-block;
width:278px; /* default width; can be overridden inline */
padding:.2em 1.5em;
font-weight:600;
color:#202122;
background-color:#FEE330; /* flat color */
background-image:none; /* ensure no gradient */
border:none; /* remove border */
border-radius:9999px; /* round (pill) corners */
box-sizing:border-box;
text-align:center;
white-space:nowrap;
transition:background-color .15s, transform .05s;
}
.capsach-btn:hover { background-color:#FFDD00; }
.capsach-btn:active { background-color:#F0C800; transform:translateY(1px); }
.capsach-align { text-align:left; } /* default */
.capsach-align-right { text-align:right; }
.capsach-align-center { text-align:center; }
.capsach-align-left { text-align:left; }