Update style.css

This commit is contained in:
Justin 2022-06-10 17:34:24 +08:00 committed by GitHub
parent 8fbad31dea
commit c3c9de4e14
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -89,10 +89,10 @@ header {
.fa-minus:hover, .fa-minus:hover,
.update-btn:hover, .update-btn:hover,
.save-btn:hover { .save-btn:hover {
background-color: #8ca1a5; background-color: gray;
color: white; color: white;
} }
.set-btn:active:active, .set-btn:active,
.fa-chevron-right:active, .fa-chevron-right:active,
.fa-chevron-left:active, .fa-chevron-left:active,
.fa-chevron-up:active, .fa-chevron-up:active,
@ -100,8 +100,8 @@ header {
.fa-minus:active, .fa-minus:active,
.update-btn:active, .update-btn:active,
.save-btn:active { .save-btn:active {
background-color: #6c4a4a; background-color: black;
color: white; color: grey;
} }
.row-2 { .row-2 {
border-bottom: 2px solid white; border-bottom: 2px solid white;
@ -146,6 +146,8 @@ header {
} }
.icons-list i { .icons-list i {
cursor: pointer; cursor: pointer;
border-radius: 5px;
width:35px;
} }
.display-features-list li:hover { .display-features-list li:hover {
background-color: dodgerblue; background-color: dodgerblue;
@ -268,4 +270,100 @@ li.active {
.icon-featuresdisplay i { .icon-featuresdisplay i {
cursor: pointer; cursor: pointer;
border-radius:5px;
width: 35px;
} }
.btn-success {
background-color: #004202;
border-color: green;
}
.btn-success:hover {
color:white;
background-color:green;
border-color:limegreen;
}
.btn-success:active {
color:grey;
background-color:#002803;
border-color:green;
}
.btn-info {
background-color: #3C005E;
border-color:purple;
color:white;
}
.btn-info:hover {
color:white;
background-color:darkviolet;
border-color:magenta;
}
.btn-info:active {
color:grey;
background-color:#2A003F;
border-color:purple;
}
.btn-warning {
background-color: #4C2100;
border-color: orange;
color: white;
}
.btn-warning:hover {
background-color: orangered;
color:white;
border-color: yellow;
}
.btn-warning:active {
background-color: #4C2100;
border-color: orange;
color: grey;
}
.btn-dark {
background-color: #00276B;
border-color:blue;
color:white;
}
.btn-dark:hover {
color:white;
background-color:#014ADC;
border-color:deepskyblue;
}
.btn-dark:active {
color:grey;
background-color:#001B50;
border-color:blue;
}
.btn-danger {
background-color: #460101;
border-color:red;
color:white;
}
.btn-danger:hover {
color:white;
background-color:crimson;
border-color:lightcoral;
}
.btn-danger:active {
color:grey;
background-color:#460101;
border-color:red;
}