72 lines
1.3 KiB
CSS
72 lines
1.3 KiB
CSS
|
button, input {
|
|||
|
|
font-family: inherit;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
button:focus {
|
|||
|
|
outline: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.button {
|
|||
|
|
border-radius: 3px;
|
|||
|
|
box-shadow: #ECEBEB 1px 1px 2px;
|
|||
|
|
line-height: 26px;
|
|||
|
|
padding: 4px 10px 4px 10px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
color: #898989;
|
|||
|
|
display: inline-block;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.button-default {
|
|||
|
|
background: linear-gradient(to bottom, #f4f4f4, #e8e8e8);
|
|||
|
|
border: 1px solid #d3d3d3;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.button-default:hover {
|
|||
|
|
background: linear-gradient(to bottom, #fefefe, #dddcdc);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.button-default:active {
|
|||
|
|
background: linear-gradient(to bottom, #fefdfd, #d4d1d1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.button-primary {
|
|||
|
|
background: linear-gradient(to top, #ff7e08, #ff9e14);
|
|||
|
|
color: #fff;
|
|||
|
|
border: 1px solid #ec8b00;
|
|||
|
|
font-weight: bold;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.button-primary:hover {
|
|||
|
|
background: linear-gradient(to top, #ff912d, #ffb72e);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.button-primary:active {
|
|||
|
|
background: linear-gradient(to top, #ee7609, #ff9712);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
.button-block {
|
|||
|
|
display: block;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.button-large {
|
|||
|
|
font-size: 18px;
|
|||
|
|
line-height: 40px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.text {
|
|||
|
|
border-radius: 4px;
|
|||
|
|
border: 1px solid #b7b7b7;
|
|||
|
|
background-color: #ffffff;
|
|||
|
|
box-shadow: inset 0 0 10px rgba(160, 160, 160, 0.5);
|
|||
|
|
padding: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.text-block {
|
|||
|
|
display: block;
|
|||
|
|
width: 100%;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|