Jump to content

Template:CS button/styles.css: Difference between revisions

From Insurer Brain
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-color .15s, border-color .15s, transform .05s;
transition:background-color .15s, transform .05s;
}
}
.capsach-btn:hover { background-color:#FFDD00; border-color:#a2a9b1 #72777d #72777d #a2a9b1; }
.capsach-btn:hover { background-color:#FFDD00; }
.capsach-btn:active { background-color:#F0C800; border-color:#a2a9b1 #72777d #72777d #a2a9b1; transform:translateY(1px); }
.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; }