summaryrefslogtreecommitdiffstats
path: root/_UI/_web_interface/assets
diff options
context:
space:
mode:
Diffstat (limited to '_UI/_web_interface/assets')
-rw-r--r--_UI/_web_interface/assets/favicon.icobin0 -> 27903 bytes
-rw-r--r--_UI/_web_interface/assets/kraken_interface_bw_pr.pngbin0 -> 9596 bytes
-rwxr-xr-x_UI/_web_interface/assets/style.css60
3 files changed, 43 insertions, 17 deletions
diff --git a/_UI/_web_interface/assets/favicon.ico b/_UI/_web_interface/assets/favicon.ico
new file mode 100644
index 0000000..a9082c9
--- /dev/null
+++ b/_UI/_web_interface/assets/favicon.ico
Binary files differ
diff --git a/_UI/_web_interface/assets/kraken_interface_bw_pr.png b/_UI/_web_interface/assets/kraken_interface_bw_pr.png
new file mode 100644
index 0000000..866725e
--- /dev/null
+++ b/_UI/_web_interface/assets/kraken_interface_bw_pr.png
Binary files differ
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;