166 行
4.3 KiB
CSS
166 行
4.3 KiB
CSS
.btn, btn:hover {
|
|
margin: 0 2px;
|
|
border: 2px solid;
|
|
}
|
|
|
|
.btn {
|
|
border-left-color: #fcfcfc;
|
|
border-top-color: #fcfcfc;
|
|
}
|
|
|
|
.btn:hover {
|
|
border-left-color: #7f8c8d;
|
|
border-top-color: #7f8c8d;
|
|
}
|
|
|
|
.btn-fumei, .btn-fumei.disabled, .btn-fumei:disabled {
|
|
background: radial-gradient(ellipse at top, #61237c, transparent), radial-gradient(ellipse at bottom, #232629, transparent);
|
|
color: #fcfcfc;
|
|
background-color: #9b59b6;
|
|
border-bottom-color: #cb81ea;
|
|
border-right-color: #cb81ea;
|
|
}
|
|
|
|
.btn-fumei:hover {
|
|
color: #fcfcfc;
|
|
background-color: #61237c;
|
|
border-color: transparent;
|
|
border-bottom-color: #9b59b6;
|
|
border-right-color: #9b59b6;
|
|
}
|
|
|
|
.btn-fumei-check {
|
|
color: #fcfcfc;
|
|
background-color: #61237c;
|
|
border-color: transparent;
|
|
border-bottom-color: #9b59b6;
|
|
border-right-color: #9b59b6;
|
|
box-shadow: 0px 0px 7px 3px #9b59b6;
|
|
}
|
|
|
|
.btn-danshi, .btn-danshi.disabled, .btn-danshi:disabled {
|
|
background: radial-gradient(ellipse at top, #3daee9, transparent), radial-gradient(ellipse at bottom, #232629, transparent);
|
|
color: #fcfcfc;
|
|
background-color: #fcfcfc;
|
|
border-bottom-color: #9ed6ff;
|
|
border-right-color: #9ed6ff;
|
|
}
|
|
|
|
.btn-danshi:hover {
|
|
color: #fcfcfc;
|
|
background-color: #205e7d;
|
|
border-color: transparent;
|
|
border-bottom-color: #1d99f3;
|
|
border-right-color: #1d99f3;
|
|
}
|
|
|
|
.btn-danshi-check {
|
|
color: #fcfcfc;
|
|
background-color: #205e7d;
|
|
border-color: transparent;
|
|
border-bottom-color: #1d99f3;
|
|
border-right-color: #1d99f3;
|
|
box-shadow: 0px 0px 7px 3px #1d99f3;
|
|
}
|
|
|
|
.btn-joshi, .btn-joshi.disabled, .btn-joshi:disabled {
|
|
background: radial-gradient(ellipse at top, #e93de9, transparent), radial-gradient(ellipse at bottom, #232629, transparent);
|
|
color: #fcfcfc;
|
|
background-color: #fcfcfc;
|
|
border-bottom-color: #ffe6f9;
|
|
border-right-color: #ffe6f9;
|
|
}
|
|
|
|
.btn-joshi:hover {
|
|
color: #fcfcfc;
|
|
background-color: #7d2069;
|
|
border-color: transparent;
|
|
border-bottom-color: #f31de8;
|
|
border-right-color: #f31de8;
|
|
}
|
|
|
|
.btn-joshi-check {
|
|
color: #fcfcfc;
|
|
background-color: #7d2069;
|
|
border-color: transparent;
|
|
border-bottom-color: #f31de8;
|
|
border-right-color: #f31de8;
|
|
box-shadow: 0px 0px 7px 3px #f31de8;
|
|
}
|
|
|
|
.btn-primary, .btn-primary.disabled, .btn-primary:disabled {
|
|
background: radial-gradient(ellipse at top, #cb81ea, transparent), radial-gradient(ellipse at bottom, #232629, transparent);
|
|
color: #fcfcfc;
|
|
border-bottom-color: #f1d0ff;
|
|
border-right-color: #f1d0ff;
|
|
}
|
|
|
|
.btn-primary:hover {
|
|
color: #fcfcfc;
|
|
background-color: #46195a;
|
|
border-color: transparent;
|
|
border-bottom-color: #b16cce;
|
|
border-right-color: #b16cce;
|
|
}
|
|
|
|
.btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled {
|
|
background: radial-gradient(ellipse at top, #7f8c8d, transparent), radial-gradient(ellipse at bottom, #232629, transparent);
|
|
color: #fcfcfc;
|
|
border-bottom-color: #d6dfe4;
|
|
border-right-color: #d6dfe4;
|
|
}
|
|
|
|
.btn-secondary:hover {
|
|
color: #fcfcfc;
|
|
background-color: #495051;
|
|
border-color: transparent;
|
|
border-bottom-color: #bdc3c7;
|
|
border-right-color: #bdc3c7;
|
|
}
|
|
|
|
.btn-success, .btn-success.disabled, .btn-success:disabled, .alert-success {
|
|
background: radial-gradient(ellipse at top, #2ecc71, transparent), radial-gradient(ellipse at bottom, #232629, transparent);
|
|
color: #fcfcfc;
|
|
border-bottom-color: #20ec77;
|
|
border-right-color: #20ec77;
|
|
}
|
|
|
|
.btn-success:hover {
|
|
color: #fcfcfc;
|
|
background-color: #145d33;
|
|
border-color: transparent;
|
|
border-bottom-color: #27ae60;
|
|
border-right-color: #27ae60;
|
|
}
|
|
|
|
.btn-danger, .btn-danger.disabled, .btn-danger:disabled, .alert-danger {
|
|
background: radial-gradient(ellipse at top, #e74c3c, transparent), radial-gradient(ellipse at bottom, #232629, transparent);
|
|
color: #fcfcfc;
|
|
border-bottom-color: #f58276;
|
|
border-right-color: #f58276;
|
|
}
|
|
|
|
.btn-danger:hover {
|
|
color: #fcfcfc;
|
|
background-color: #611e24;
|
|
border-color: transparent;
|
|
border-bottom-color: #e74c3c;
|
|
border-right-color: #e74c3c;
|
|
}
|
|
|
|
|
|
.btn-warning, .btn-warning.disabled, .btn-warning:disabled, .alert-warning {
|
|
background: radial-gradient(ellipse at top, #fdbc4b, transparent), radial-gradient(ellipse at bottom, #232629, transparent);
|
|
color: #fcfcfc;
|
|
border-bottom-color: #c9ce3b;
|
|
border-right-color: #c9ce3b;
|
|
}
|
|
|
|
.btn-warning:hover {
|
|
color: #fcfcfc;
|
|
background-color: #f67400;
|
|
border-color: transparent;
|
|
border-bottom-color: #fdbc4b;
|
|
border-right-color: #fdbc4b;
|
|
}
|