48 lines
1.4 KiB
CSS
48 lines
1.4 KiB
CSS
.button {
|
|
background: -moz-linear-gradient(center top , #F5F5F5, #F1F1F1) repeat scroll 0 0 #F1F1F1;
|
|
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
border-radius: 2px 2px 2px 2px;
|
|
color: #666666;
|
|
font-family: Arial,sans-serif;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
margin: 0 3px;
|
|
padding: 7px 12px;
|
|
text-decoration: none;
|
|
text-transform: uppercase;
|
|
transition: border-color 0.218s ease 0s;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.button.blue {
|
|
background: -moz-linear-gradient(center top , #4D90FE, #4787ED) repeat scroll 0 0 #4787ED;
|
|
border-color: #427EDE;
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
|
|
color: #FFFFFF;
|
|
}
|
|
.button.blue:hover {
|
|
background: -moz-linear-gradient(center top , #4D90FE, #357AE8) repeat scroll 0 0 #357AE8;
|
|
border-color: #2F5BB7;
|
|
}
|
|
.button.blue:active {
|
|
background: none repeat scroll 0 0 #4D90FE;
|
|
}
|
|
|
|
|
|
:optional.button.red {
|
|
background: -moz-linear-gradient(center top , #DD4B39, #D14836) repeat scroll 0 0 #D14836;
|
|
border: 1px solid transparent;
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
|
|
color: #FFFFFF;
|
|
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
|
|
}
|
|
.button.red:hover {
|
|
background: -moz-linear-gradient(center top , #DD4B39, #C53727) repeat scroll 0 0 #C53727;
|
|
border-bottom: 1px solid #AF301F;
|
|
border-color: #B0281A #B0281A #AF301F;
|
|
}
|
|
.button.red:active {
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
|
|
}
|
|
|