147 lines
2.5 KiB
CSS
147 lines
2.5 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:disabled, .button:hover:disabled {
|
|
border: 1px solid #cbcbcb;
|
|
background: linear-gradient(to top, #cbcbcb, #cfcfcf);
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
a.button-primary {
|
|
color: #fff;
|
|
}
|
|
|
|
.button-primary:hover {
|
|
background: linear-gradient(to top, #ff912d, #ffb72e);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.button-primary:active {
|
|
background: linear-gradient(to top, #ee7609, #ff9712);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.button-action {
|
|
border: 1px solid #2c961a;
|
|
background: linear-gradient(to bottom, #3bc412, #33a810);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.button-action:hover {
|
|
border-color: #176f0a;
|
|
background: linear-gradient(to bottom, #33cd19, #3b9d2a);
|
|
}
|
|
|
|
|
|
.button-block {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.button-large {
|
|
font-size: 18px;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.button-mini {
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
select.normal {
|
|
padding: 5px;
|
|
background-color: #ffffff;
|
|
box-shadow: inset 0 0 5px 0 rgba(150,150,150,0.3);
|
|
width: 160px;
|
|
border: 1px solid #b5b5b5;
|
|
color: #737373;
|
|
}
|
|
|
|
select.normal:disabled {
|
|
color: #bbbbbb;
|
|
background-color: #f6f6f6;
|
|
border-color: #d9d9d9;
|
|
}
|
|
|
|
select.normal:focus {
|
|
outline: none;
|
|
}
|
|
|
|
|
|
.txt-input {
|
|
border: 1px solid #b7b7b7;
|
|
border-radius: 2px;
|
|
line-height: 16px;
|
|
background-image: linear-gradient(to bottom, #e7e7e7 0, #fff 20%);
|
|
font-size: 14px;
|
|
padding: 4px;
|
|
}
|
|
|
|
.txt-input-block {
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
}
|
|
|
|
.button-toolbar {
|
|
color: #616161;
|
|
height: 26px;
|
|
background: linear-gradient(180deg, #f4f4f4, #e9e8e9);
|
|
border: 1px solid #d1d1d1;
|
|
border-radius: 2px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.button-toolbar:hover {
|
|
background: linear-gradient(180deg, #fefefe, #f3f3f3);
|
|
border: 1px solid #e1e1e1;
|
|
}
|