Skip to content

Instantly share code, notes, and snippets.

@jainnidhi
Created February 16, 2017 12:01
Show Gist options
  • Save jainnidhi/fa4fc1c28253232c6f90b44d30ae6d4e to your computer and use it in GitHub Desktop.
Save jainnidhi/fa4fc1c28253232c6f90b44d30ae6d4e to your computer and use it in GitHub Desktop.
Beaver Button Style 26
.bb-custom-button-26 {
letter-spacing: 2px;
}
.bb-custom-button-26 a.fl-button {
border-width: 0 !important;
background: rgb(189,69,249) !important; /* Old browsers */
background: -moz-linear-gradient(top, rgba(189,69,249,1) 0%, rgba(192,68,250,1) 35%, rgba(100,84,219,1) 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(189,69,249,1) 0%,rgba(192,68,250,1) 35%,rgba(100,84,219,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(189,69,249,1) 0%,rgba(192,68,250,1) 35%,rgba(100,84,219,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd45f9', endColorstr='#6454db',GradientType=0 ) !important;
box-shadow: 0px 1px 14px #848484;
}
.bb-custom-button-26 a.fl-button:hover {
box-shadow: none;
background: rgb(189,69,249) !important; /* Old browsers */
background: -moz-linear-gradient(top, rgba(189,69,249,1) 0%, rgba(192,68,250,1) 35%, rgba(100,84,219,1) 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(189,69,249,1) 0%,rgba(192,68,250,1) 35%,rgba(100,84,219,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(189,69,249,1) 0%,rgba(192,68,250,1) 35%,rgba(100,84,219,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd45f9', endColorstr='#6454db',GradientType=0 ) !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment