diff options
author | Carl Laufer <Kraken.rf.inc@gmail.com> | 2022-04-10 08:26:21 +0200 |
---|---|---|
committer | Carl Laufer <Kraken.rf.inc@gmail.com> | 2022-04-10 08:26:21 +0200 |
commit | 2aa7375bb98ee5364c224d5b73baee334b3e48b0 (patch) | |
tree | 9d06c5c8ece1e4da08712a4bfdf54776fb0e6bfa /_UI/_web_interface/assets/style.css | |
parent | hopefully finally fix reconfigure bug (diff) | |
download | krakensdr_pr-2aa7375bb98ee5364c224d5b73baee334b3e48b0.tar krakensdr_pr-2aa7375bb98ee5364c224d5b73baee334b3e48b0.tar.gz krakensdr_pr-2aa7375bb98ee5364c224d5b73baee334b3e48b0.tar.bz2 krakensdr_pr-2aa7375bb98ee5364c224d5b73baee334b3e48b0.tar.lz krakensdr_pr-2aa7375bb98ee5364c224d5b73baee334b3e48b0.tar.xz krakensdr_pr-2aa7375bb98ee5364c224d5b73baee334b3e48b0.tar.zst krakensdr_pr-2aa7375bb98ee5364c224d5b73baee334b3e48b0.zip |
Diffstat (limited to '_UI/_web_interface/assets/style.css')
-rwxr-xr-x | _UI/_web_interface/assets/style.css | 60 |
1 files changed, 43 insertions, 17 deletions
diff --git a/_UI/_web_interface/assets/style.css b/_UI/_web_interface/assets/style.css index 40652b4..ba9d408 100755 --- a/_UI/_web_interface/assets/style.css +++ b/_UI/_web_interface/assets/style.css @@ -1,4 +1,5 @@ /*Globlal Properties*/ +/* Color pallete https://www.color-hex.com/color-palette/7735 */ /*Tags*/ body { background-color: #000000; @@ -7,7 +8,7 @@ body { padding: 0px; } *{ - font-size:18px; + font-size:17px; font-family: 'Montserrat', sans-serif; } h1{ @@ -22,14 +23,29 @@ input[type="checkbox"]{ background:white; border-radius:5px; border:2px solid #555; - vertical-align: text-bottom; + vertical-align: middle; +} +.Select-value-label { + color:white !important; +} +.Select div { + box-sizing:content-box !important; + /*padding-right:7px;*/ } .Select-control { background-color:#000000; + vertical-align:middle; + border-radius:0px; + border:1px solid; + border-color: #bdc3c7; + color:white !important; + height:33px; } .Select-value { - background-color: rgb(255, 102, 0); - color:#000000; + /*background-color: rgb(255, 102, 0);*/ + background-color: black; /*antiquewhite;*/ + color: white; /*black;*/ + /*color:#000000;*/ } .Select-menu-outer { background-color: rgb(0, 0, 0); @@ -62,7 +78,7 @@ iframe{ margin: 5px; } .header_active, .header a:hover{ - background-color: #ff6600c0; + background-color: #f39c12; /*#ff6600c0;*/ } .ctr_toolbar{ background-color: #000000; @@ -84,10 +100,10 @@ iframe{ .btn{ height: 40px; cursor: pointer; - background-color: #141414; + background-color: #7ccc63; /*green;*/ border: 0.1em solid #000000; border-radius:0.12em; - color: white; + color: black; font-size:20px; text-decoration: none; text-align: center; @@ -96,7 +112,7 @@ iframe{ } .btn:hover{ color: rgb(0, 0, 0); - background-color: #ff6600; + background-color: #f39c12; /*#ff6600;*/ } .btn a{ color: white; @@ -107,7 +123,7 @@ iframe{ .btn_start{ height: 40px; cursor: pointer; - background-color: #02c93d; + background-color: #7ccc63; /*#02c93d;*/ border: 0.1em solid #000000; border-radius:0.12em; color: rgb(0, 0, 0); @@ -119,12 +135,12 @@ iframe{ } .btn_start:hover{ color: rgb(0, 0, 0); - background-color: #ff6600; + background-color: #f39c12; /*#ff6600;*/ } .btn_stop{ height: 40px; cursor: pointer; - background-color: #c40404; + background-color: #e74c3c; /*#c40404;*/ border: 0.1em solid #000000; border-radius:0.12em; color: rgb(0, 0, 0); @@ -135,12 +151,12 @@ iframe{ } .btn_stop:hover{ color: rgb(0, 0, 0); - background-color: #ff6600; + background-color: #f39c12; /*#ff6600;*/ } .btn_save_cfg{ height: 40px; cursor: pointer; - background-color: #b5aef5; + background-color: #bdc3c7; /*#b5aef5;*/ border: 0.1em solid #000000; border-radius:0.12em; color: rgb(0, 0, 0); @@ -151,7 +167,7 @@ iframe{ } .btn_save_cfg:hover{ color: rgb(154, 233, 102); - background-color: #ff6600; + background-color: #f39c12; /*#ff6600;*/ } .tooltip{ color: rgb(0, 0, 0); @@ -189,14 +205,24 @@ iframe{ padding: 0px; } .field-label{ - width: 250px; + width: 225px; display: inline-block; - vertical-align: top; + vertical-align: middle; } .field-body{ - width: 144px; + width: 165px; display: inline-block; } +.field-body-textbox{ + width: 153px; + display: inline-block; + background-color: black; + border: 1px solid; + border-color: #bdc3c7; + color: white; + padding-left: 10px; + height: 33px; +} .field-body-wide{ width: 400px; display: inline-block; |