webui: select appearance fix + changed wizard btn color (#789)

* select appearance fix + changed wizard btn color

* default buttons

* warning buttons
This commit is contained in:
SJunkies 2020-05-11 22:10:10 +02:00 committed by GitHub
parent 472da54856
commit 598b404f38
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 49 additions and 5 deletions

View File

@ -47,6 +47,24 @@ h4 {
}
/*Buttons*/
.btn-default {
color: #DDDDDD;
background-color: #212121;
border-color: #424242;
}
.btn-default:hover {
color: #DDDDDD;
background-color: #333;
border-color: #616161;
}
.btn-default:focus{
color: #DDDDDD;
background-color: #333;
border-color: #616161;
}
.btn-primary {
background-color: #155fa0;
border-color: #5db6ff;
@ -68,15 +86,18 @@ h4 {
}
.btn-warning {
background-color: #ec971f;
background-color: #bc7410;
border-color: #f0ad4e;
}
.btn-warning:hover {
background-color: #f0ad4e;
background-color: #ec971f;
border-color: #f3bd72;
}
.btn-warning:focus {
background-color: #f0ad4e;
background-color: #ec971f;
border-color: #f3bd72;
}
.btn-danger {
@ -104,6 +125,21 @@ h4 {
border-color: #a1eea1;
}
.btn-wizard {
background-color: #602060;
border-color: #993399;
}
.btn-wizard:hover {
background-color: #993399;
border-color: #cc66cc;
}
.btn-wizard:focus {
background-color: #993399;
border-color: #cc66cc;
}
/*Tables*/
tr:hover td {
background-color: #2e6da4;
@ -191,7 +227,15 @@ tr:hover td {
border-color: #616161;
background-color: #212121;
color: #DDDDDD !important;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
select.form-control {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.95 10'%3E%3Cpath fill='%23212121' d='M0 0h4.95v10H0z'/%3E%3Cpath fill='%23ddd' d='M1.41 4.67l1.07-1.49 1.06 1.49H1.41zm2.13.66L2.48 6.82 1.41 5.33h2.13z'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat;
background-position: right 5px center;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
@ -212,7 +256,7 @@ tr:hover td {
color: #DDDDDD;
}
.checkbox label::after
.checkbox label::after
{
left: 1px;
color: #DDDDDD;
@ -388,4 +432,4 @@ pre {
border-color: #424242 !important;
box-shadow: 0px 2px 10px 0px rgba(18, 18, 18, 0.4);
color: #DDD;
}
}