normalizing indentation in css files
cTn
parent
4412f9c263
commit
e15d8ab060
265
main.css
265
main.css
|
|
@ -44,67 +44,67 @@ input[type="number"]::-webkit-inner-spin-button {
|
|||
height: 20px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
#port-picker li {
|
||||
float: left;
|
||||
}
|
||||
#port-picker select {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
#port-picker li {
|
||||
float: left;
|
||||
}
|
||||
#port-picker select {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
|
||||
border: 1px solid silver;
|
||||
}
|
||||
#port-picker #port {
|
||||
width: 120px;
|
||||
}
|
||||
#port-picker #baud {
|
||||
width: 80px;
|
||||
}
|
||||
#port-picker #delay {
|
||||
width: 60px;
|
||||
}
|
||||
#port-picker a {
|
||||
float: left;
|
||||
border: 1px solid silver;
|
||||
}
|
||||
#port-picker #port {
|
||||
width: 120px;
|
||||
}
|
||||
#port-picker #baud {
|
||||
width: 80px;
|
||||
}
|
||||
#port-picker #delay {
|
||||
width: 60px;
|
||||
}
|
||||
#port-picker a {
|
||||
float: left;
|
||||
|
||||
display: block;
|
||||
display: block;
|
||||
|
||||
width: 80px;
|
||||
height: 18px;
|
||||
border: 1px solid silver;
|
||||
width: 80px;
|
||||
height: 18px;
|
||||
border: 1px solid silver;
|
||||
|
||||
line-height: 18px;
|
||||
text-align: center;
|
||||
}
|
||||
#port-picker a.connect {
|
||||
margin-right: 10px;
|
||||
line-height: 18px;
|
||||
text-align: center;
|
||||
}
|
||||
#port-picker a.connect {
|
||||
margin-right: 10px;
|
||||
|
||||
background-color: #be2222;
|
||||
color: white;
|
||||
background-color: #be2222;
|
||||
color: white;
|
||||
|
||||
font-weight: bold;
|
||||
}
|
||||
#port-picker a.connect:hover {
|
||||
text-decoration: none;
|
||||
background-color: #ea3131;
|
||||
}
|
||||
#port-picker a.connect.active {
|
||||
background-color: #0fab16;
|
||||
}
|
||||
#port-picker a.connect.active:hover {
|
||||
background-color: #13d81d;
|
||||
}
|
||||
#port-picker input.auto_connect {
|
||||
float: left;
|
||||
font-weight: bold;
|
||||
}
|
||||
#port-picker a.connect:hover {
|
||||
text-decoration: none;
|
||||
background-color: #ea3131;
|
||||
}
|
||||
#port-picker a.connect.active {
|
||||
background-color: #0fab16;
|
||||
}
|
||||
#port-picker a.connect.active:hover {
|
||||
background-color: #13d81d;
|
||||
}
|
||||
#port-picker input.auto_connect {
|
||||
float: left;
|
||||
|
||||
margin-top: 4px;
|
||||
}
|
||||
#port-picker span.auto_connect {
|
||||
float: left;
|
||||
margin-top: 4px;
|
||||
}
|
||||
#port-picker span.auto_connect {
|
||||
float: left;
|
||||
|
||||
margin: 3px 0 0 5px;
|
||||
}
|
||||
margin: 3px 0 0 5px;
|
||||
}
|
||||
#sensor-status {
|
||||
float: right;
|
||||
|
||||
|
|
@ -113,28 +113,28 @@ input[type="number"]::-webkit-inner-spin-button {
|
|||
height: 22px;
|
||||
line-height: 22px;
|
||||
}
|
||||
#sensor-status li {
|
||||
float: left;
|
||||
#sensor-status li {
|
||||
float: left;
|
||||
|
||||
padding: 0 12px 0 12px;
|
||||
padding: 0 12px 0 12px;
|
||||
|
||||
height: 18px;
|
||||
line-height: 18px;
|
||||
height: 18px;
|
||||
line-height: 18px;
|
||||
|
||||
color: white;
|
||||
text-align: center;
|
||||
color: white;
|
||||
text-align: center;
|
||||
|
||||
border: 1px solid #c0c0c0;
|
||||
border-right: 0;
|
||||
border: 1px solid #c0c0c0;
|
||||
border-right: 0;
|
||||
|
||||
background-color: #901515;
|
||||
}
|
||||
#sensor-status li:last-child {
|
||||
border-right: 1px solid #c0c0c0;
|
||||
}
|
||||
#sensor-status .on {
|
||||
background-color: #076b0c;
|
||||
}
|
||||
background-color: #901515;
|
||||
}
|
||||
#sensor-status li:last-child {
|
||||
border-right: 1px solid #c0c0c0;
|
||||
}
|
||||
#sensor-status .on {
|
||||
background-color: #076b0c;
|
||||
}
|
||||
#options {
|
||||
float: right;
|
||||
|
||||
|
|
@ -145,20 +145,20 @@ input[type="number"]::-webkit-inner-spin-button {
|
|||
|
||||
opacity: 0.6;
|
||||
}
|
||||
#options:before {
|
||||
font-family: icons;
|
||||
content: '\e600';
|
||||
font-size: 18px;
|
||||
}
|
||||
#options:hover {
|
||||
opacity: 0.70;
|
||||
}
|
||||
#options.active {
|
||||
opacity: 0.70;
|
||||
}
|
||||
#options.active:hover {
|
||||
opacity: 0.85;
|
||||
}
|
||||
#options:before {
|
||||
font-family: icons;
|
||||
content: '\e600';
|
||||
font-size: 18px;
|
||||
}
|
||||
#options:hover {
|
||||
opacity: 0.70;
|
||||
}
|
||||
#options.active {
|
||||
opacity: 0.70;
|
||||
}
|
||||
#options.active:hover {
|
||||
opacity: 0.85;
|
||||
}
|
||||
#options-window {
|
||||
display: none;
|
||||
position: fixed;
|
||||
|
|
@ -173,12 +173,12 @@ input[type="number"]::-webkit-inner-spin-button {
|
|||
border: 1px solid silver;
|
||||
background-color: white;
|
||||
}
|
||||
#options-window input {
|
||||
float: left;
|
||||
#options-window input {
|
||||
float: left;
|
||||
|
||||
margin-top: 3px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
margin-top: 3px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
#log {
|
||||
margin-bottom: 4px;
|
||||
|
||||
|
|
@ -189,17 +189,17 @@ input[type="number"]::-webkit-inner-spin-button {
|
|||
|
||||
overflow-y: scroll;
|
||||
}
|
||||
#log .wrapper {
|
||||
padding: 5px;
|
||||
#log .wrapper {
|
||||
padding: 5px;
|
||||
|
||||
-webkit-user-select: text;
|
||||
}
|
||||
#log a {
|
||||
font-weight: bold;
|
||||
}
|
||||
#log a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
-webkit-user-select: text;
|
||||
}
|
||||
#log a {
|
||||
font-weight: bold;
|
||||
}
|
||||
#log a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
#tabs {
|
||||
position: absolute;
|
||||
margin-top: 1px;
|
||||
|
|
@ -208,39 +208,39 @@ input[type="number"]::-webkit-inner-spin-button {
|
|||
|
||||
font-weight: bold;
|
||||
}
|
||||
#tabs li {
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
#tabs li {
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
|
||||
border: 1px solid #848484;
|
||||
border-bottom: 0;
|
||||
}
|
||||
#tabs li a {
|
||||
display: block;
|
||||
border: 1px solid #848484;
|
||||
border-bottom: 0;
|
||||
}
|
||||
#tabs li a {
|
||||
display: block;
|
||||
|
||||
height: 15px;
|
||||
height: 15px;
|
||||
|
||||
padding: 5px;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
padding: 5px;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
|
||||
background-color: #d0d0d0;
|
||||
}
|
||||
#tabs li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: #acacac;
|
||||
}
|
||||
#tabs li.active {
|
||||
}
|
||||
#tabs li.active a {
|
||||
height: 16px;
|
||||
background-color: #d0d0d0;
|
||||
}
|
||||
#tabs li a:hover {
|
||||
text-decoration: none;
|
||||
background-color: #acacac;
|
||||
}
|
||||
#tabs li.active {
|
||||
}
|
||||
#tabs li.active a {
|
||||
height: 16px;
|
||||
|
||||
background-color: white;
|
||||
}
|
||||
#tabs li.active a:hover {
|
||||
cursor: default;
|
||||
background-color: white;
|
||||
}
|
||||
background-color: white;
|
||||
}
|
||||
#tabs li.active a:hover {
|
||||
cursor: default;
|
||||
background-color: white;
|
||||
}
|
||||
#content {
|
||||
margin-top: 31px;
|
||||
padding: 10px;
|
||||
|
|
@ -270,14 +270,14 @@ input[type="number"]::-webkit-inner-spin-button {
|
|||
border-top: 1px solid #7d7d79;
|
||||
background-color: #bfbeb5;
|
||||
}
|
||||
#status-bar div {
|
||||
float: left;
|
||||
#status-bar div {
|
||||
float: left;
|
||||
|
||||
padding-right: 10px;
|
||||
margin-right: 10px;
|
||||
padding-right: 10px;
|
||||
margin-right: 10px;
|
||||
|
||||
border-right: 1px solid #7d7d79;
|
||||
}
|
||||
border-right: 1px solid #7d7d79;
|
||||
}
|
||||
#cache {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -289,7 +289,6 @@ input[type="number"]::-webkit-inner-spin-button {
|
|||
background-repeat: no-repeat;
|
||||
background-position: center 45%;
|
||||
}
|
||||
|
||||
.data-loading p {
|
||||
position: relative;
|
||||
top: calc(45% + 45px);
|
||||
|
|
|
|||
|
|
@ -1,66 +1,66 @@
|
|||
.tab-auxiliary_configuration {
|
||||
}
|
||||
.tab-auxiliary_configuration .boxes {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.tab-auxiliary_configuration .boxes th, .tab-auxiliary_configuration .boxes td {
|
||||
line-height: 22px;
|
||||
text-align: center;
|
||||
.tab-auxiliary_configuration .boxes {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.tab-auxiliary_configuration .boxes th, .tab-auxiliary_configuration .boxes td {
|
||||
line-height: 22px;
|
||||
text-align: center;
|
||||
|
||||
border: 1px solid #8b8b8b;
|
||||
}
|
||||
.tab-auxiliary_configuration .boxes .heads {
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-auxiliary_configuration .boxes .main {
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-auxiliary_configuration .boxes .name {
|
||||
text-align: center;
|
||||
}
|
||||
.tab-auxiliary_configuration .boxes .on {
|
||||
color: white;
|
||||
background-color: #0d8b13;
|
||||
}
|
||||
.tab-auxiliary_configuration .boxes .off {
|
||||
color: white;
|
||||
background-color: #be2222;
|
||||
}
|
||||
.tab-auxiliary_configuration .boxes td input {
|
||||
position: absolute;
|
||||
border: 1px solid #8b8b8b;
|
||||
}
|
||||
.tab-auxiliary_configuration .boxes .heads {
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-auxiliary_configuration .boxes .main {
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-auxiliary_configuration .boxes .name {
|
||||
text-align: center;
|
||||
}
|
||||
.tab-auxiliary_configuration .boxes .on {
|
||||
color: white;
|
||||
background-color: #0d8b13;
|
||||
}
|
||||
.tab-auxiliary_configuration .boxes .off {
|
||||
color: white;
|
||||
background-color: #be2222;
|
||||
}
|
||||
.tab-auxiliary_configuration .boxes td input {
|
||||
position: absolute;
|
||||
|
||||
margin-top: -6px;
|
||||
margin-left: -6px;
|
||||
}
|
||||
.tab-auxiliary_configuration .boxes .switches:nth-child(odd) {
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-auxiliary_configuration .boxes .heads th:first-child {
|
||||
border: 0;
|
||||
background-color: white;
|
||||
}
|
||||
.tab-auxiliary_configuration .buttons {
|
||||
width: calc(100% - 20px);
|
||||
margin-top: -6px;
|
||||
margin-left: -6px;
|
||||
}
|
||||
.tab-auxiliary_configuration .boxes .switches:nth-child(odd) {
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-auxiliary_configuration .boxes .heads th:first-child {
|
||||
border: 0;
|
||||
background-color: white;
|
||||
}
|
||||
.tab-auxiliary_configuration .buttons {
|
||||
width: calc(100% - 20px);
|
||||
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
}
|
||||
.tab-auxiliary_configuration .update {
|
||||
display: block;
|
||||
float: right;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
}
|
||||
.tab-auxiliary_configuration .update {
|
||||
display: block;
|
||||
float: right;
|
||||
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
|
||||
padding: 0 15px 0 15px;
|
||||
padding: 0 15px 0 15px;
|
||||
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
|
||||
border: 1px solid silver;
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-auxiliary_configuration .update:hover {
|
||||
background-color: #dedcdc;
|
||||
}
|
||||
border: 1px solid silver;
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-auxiliary_configuration .update:hover {
|
||||
background-color: #dedcdc;
|
||||
}
|
||||
52
tabs/cli.css
52
tabs/cli.css
|
|
@ -1,40 +1,40 @@
|
|||
.tab-cli {
|
||||
height: 100%;
|
||||
}
|
||||
.tab-cli p {
|
||||
padding: 5px;
|
||||
border: 1px dotted silver;
|
||||
}
|
||||
.tab-cli .window {
|
||||
margin-top: 10px;
|
||||
height: calc(100% - 80px); /* - (p, textarea) */
|
||||
.tab-cli p {
|
||||
padding: 5px;
|
||||
border: 1px dotted silver;
|
||||
}
|
||||
.tab-cli .window {
|
||||
margin-top: 10px;
|
||||
height: calc(100% - 80px); /* - (p, textarea) */
|
||||
|
||||
padding: 5px;
|
||||
padding: 5px;
|
||||
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
|
||||
font-family: monospace;
|
||||
color: white;
|
||||
font-family: monospace;
|
||||
color: white;
|
||||
|
||||
border: 1px solid silver;
|
||||
background-color: black;
|
||||
border: 1px solid silver;
|
||||
background-color: black;
|
||||
|
||||
-webkit-user-select: text;
|
||||
}
|
||||
.tab-cli textarea {
|
||||
-webkit-box-sizing: border-box;
|
||||
-webkit-user-select: text;
|
||||
}
|
||||
.tab-cli textarea {
|
||||
-webkit-box-sizing: border-box;
|
||||
|
||||
width: 100%;
|
||||
width: 100%;
|
||||
|
||||
margin-top: 8px;
|
||||
margin-top: 8px;
|
||||
|
||||
height: 22px;
|
||||
line-height: 20px;
|
||||
height: 22px;
|
||||
line-height: 20px;
|
||||
|
||||
padding-left: 5px;
|
||||
padding-left: 5px;
|
||||
|
||||
border: 1px solid silver;
|
||||
border: 1px solid silver;
|
||||
|
||||
resize: none;
|
||||
}
|
||||
resize: none;
|
||||
}
|
||||
66
tabs/gps.css
66
tabs/gps.css
|
|
@ -1,45 +1,45 @@
|
|||
.tab-gps {
|
||||
}
|
||||
.tab-gps .GPS_info {
|
||||
float: left;
|
||||
display: block;
|
||||
.tab-gps .GPS_info {
|
||||
float: left;
|
||||
display: block;
|
||||
|
||||
|
||||
width: 190px;
|
||||
width: 190px;
|
||||
|
||||
border: 1px solid silver;
|
||||
border: 1px solid silver;
|
||||
}
|
||||
.tab-gps .GPS_info table {
|
||||
padding: 5px;
|
||||
line-height: 18px;
|
||||
}
|
||||
.tab-gps .GPS_info table {
|
||||
padding: 5px;
|
||||
line-height: 18px;
|
||||
}
|
||||
.tab-gps .GPS_signal_strength {
|
||||
float: left;
|
||||
.tab-gps .GPS_signal_strength {
|
||||
float: left;
|
||||
|
||||
margin-left: 10px;
|
||||
margin-left: 10px;
|
||||
|
||||
width: 200px;
|
||||
width: 200px;
|
||||
|
||||
border: 1px solid silver;
|
||||
border: 1px solid silver;
|
||||
}
|
||||
.tab-gps .GPS_signal_strength table {
|
||||
padding: 5px;
|
||||
line-height: 18px;
|
||||
}
|
||||
.tab-gps .GPS_signal_strength table {
|
||||
padding: 5px;
|
||||
line-height: 18px;
|
||||
}
|
||||
.tab-gps .GPS_info .head,
|
||||
.tab-gps .GPS_signal_strength .head {
|
||||
display: block;
|
||||
.tab-gps .GPS_info .head,
|
||||
.tab-gps .GPS_signal_strength .head {
|
||||
display: block;
|
||||
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
|
||||
border-bottom: 1px solid silver;
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-gps a {
|
||||
font-weight: bold;
|
||||
}
|
||||
.tab-gps a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
border-bottom: 1px solid silver;
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-gps a {
|
||||
font-weight: bold;
|
||||
}
|
||||
.tab-gps a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
136
tabs/logging.css
136
tabs/logging.css
|
|
@ -1,79 +1,79 @@
|
|||
.tab-logging {
|
||||
}
|
||||
.tab-logging .note {
|
||||
padding: 5px;
|
||||
border: 1px dashed silver;
|
||||
.tab-logging .note {
|
||||
padding: 5px;
|
||||
border: 1px dashed silver;
|
||||
}
|
||||
.tab-logging .properties {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.tab-logging .properties dt {
|
||||
float: left;
|
||||
width: 120px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
|
||||
font-weight: bold;
|
||||
}
|
||||
.tab-logging .properties dt input {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.tab-logging .properties {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.tab-logging .properties dt {
|
||||
float: left;
|
||||
width: 120px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
.tab-logging .properties dd {
|
||||
display: block;
|
||||
margin-left: 130px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
color: silver;
|
||||
}
|
||||
.tab-logging .speed {
|
||||
margin-top: 5px;
|
||||
width: 80px;
|
||||
|
||||
font-weight: bold;
|
||||
}
|
||||
.tab-logging .properties dt input {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.tab-logging .properties dd {
|
||||
display: block;
|
||||
margin-left: 130px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
color: silver;
|
||||
}
|
||||
.tab-logging .speed {
|
||||
margin-top: 5px;
|
||||
width: 80px;
|
||||
border: 1px solid silver;
|
||||
}
|
||||
.tab-logging .info {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.tab-logging .info dt {
|
||||
float: left;
|
||||
width: 120px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
|
||||
border: 1px solid silver;
|
||||
}
|
||||
.tab-logging .info {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.tab-logging .info dt {
|
||||
float: left;
|
||||
width: 120px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.tab-logging .info dd {
|
||||
display: block;
|
||||
margin-left: 130px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.tab-logging .buttons {
|
||||
width: calc(100% - 20px);
|
||||
|
||||
font-weight: bold;
|
||||
}
|
||||
.tab-logging .info dd {
|
||||
display: block;
|
||||
margin-left: 130px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.tab-logging .buttons {
|
||||
width: calc(100% - 20px);
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
}
|
||||
.tab-logging .buttons a {
|
||||
display: block;
|
||||
float: right;
|
||||
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
}
|
||||
.tab-logging .buttons a {
|
||||
display: block;
|
||||
float: right;
|
||||
margin-left: 10px;
|
||||
|
||||
margin-left: 10px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
padding: 0 15px 0 15px;
|
||||
|
||||
padding: 0 15px 0 15px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
|
||||
border: 1px solid silver;
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-logging .buttons a:hover {
|
||||
background-color: #dedcdc;
|
||||
}
|
||||
.tab-logging .buttons .back {
|
||||
display: none;
|
||||
}
|
||||
border: 1px solid silver;
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-logging .buttons a:hover {
|
||||
background-color: #dedcdc;
|
||||
}
|
||||
.tab-logging .buttons .back {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -5,50 +5,50 @@
|
|||
|
||||
border: 1px solid silver;
|
||||
}
|
||||
.tab-motor_outputs .plot_control .title {
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
.tab-motor_outputs .plot_control .title {
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
|
||||
border-bottom: 1px solid silver;
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-motor_outputs .plot_control .title a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.tab-motor_outputs .plot_control dl {
|
||||
padding: 5px 5px 0 5px;
|
||||
line-height: 22px;
|
||||
}
|
||||
.tab-motor_outputs .plot_control dt {
|
||||
float: left;
|
||||
border-bottom: 1px solid silver;
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-motor_outputs .plot_control .title a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.tab-motor_outputs .plot_control dl {
|
||||
padding: 5px 5px 0 5px;
|
||||
line-height: 22px;
|
||||
}
|
||||
.tab-motor_outputs .plot_control dt {
|
||||
float: left;
|
||||
|
||||
width: 60px;
|
||||
height: 22px;
|
||||
width: 60px;
|
||||
height: 22px;
|
||||
|
||||
font-weight: bold;
|
||||
}
|
||||
.tab-motor_outputs .plot_control dd {
|
||||
height: 22px;
|
||||
}
|
||||
.tab-motor_outputs .plot_control select {
|
||||
float: right;
|
||||
font-weight: bold;
|
||||
}
|
||||
.tab-motor_outputs .plot_control dd {
|
||||
height: 22px;
|
||||
}
|
||||
.tab-motor_outputs .plot_control select {
|
||||
float: right;
|
||||
|
||||
width: 80px;
|
||||
border: 1px solid silver;
|
||||
}
|
||||
.tab-motor_outputs .plot_control .x {
|
||||
color: #00A8F0;
|
||||
}
|
||||
.tab-motor_outputs .plot_control .y {
|
||||
color: #C0D800;
|
||||
}
|
||||
.tab-motor_outputs .plot_control .z {
|
||||
color: #CB4B4B;
|
||||
}
|
||||
.tab-motor_outputs .plot_control .x, .tab-motor_outputs .plot_control .y, .tab-motor_outputs .plot_control .z {
|
||||
text-align: right;
|
||||
}
|
||||
width: 80px;
|
||||
border: 1px solid silver;
|
||||
}
|
||||
.tab-motor_outputs .plot_control .x {
|
||||
color: #00A8F0;
|
||||
}
|
||||
.tab-motor_outputs .plot_control .y {
|
||||
color: #C0D800;
|
||||
}
|
||||
.tab-motor_outputs .plot_control .z {
|
||||
color: #CB4B4B;
|
||||
}
|
||||
.tab-motor_outputs .plot_control .x, .tab-motor_outputs .plot_control .y, .tab-motor_outputs .plot_control .z {
|
||||
text-align: right;
|
||||
}
|
||||
.tab-motor_outputs svg {
|
||||
float: left;
|
||||
|
||||
|
|
@ -104,24 +104,24 @@
|
|||
.tab-motor_outputs .titles {
|
||||
height: 20px;
|
||||
}
|
||||
.tab-motor_outputs .titles li {
|
||||
float: left;
|
||||
.tab-motor_outputs .titles li {
|
||||
float: left;
|
||||
|
||||
width: calc((100% / 9) - 10px);
|
||||
margin-right: 10px;
|
||||
width: calc((100% / 9) - 10px);
|
||||
margin-right: 10px;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
.tab-motor_outputs .servos .titles li {
|
||||
float: right;
|
||||
text-align: center;
|
||||
}
|
||||
.tab-motor_outputs .servos .titles li {
|
||||
float: right;
|
||||
|
||||
width: calc((100% / 8) - 10px);
|
||||
width: calc((100% / 8) - 10px);
|
||||
|
||||
margin: 0 0 0 10px;
|
||||
}
|
||||
.tab-motor_outputs .titles .active {
|
||||
color: green;
|
||||
}
|
||||
margin: 0 0 0 10px;
|
||||
}
|
||||
.tab-motor_outputs .titles .active {
|
||||
color: green;
|
||||
}
|
||||
.tab-motor_outputs .m-block {
|
||||
float: left;
|
||||
|
||||
|
|
@ -149,40 +149,40 @@
|
|||
display: none;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.tab-motor_outputs .motor_testing .left {
|
||||
width: calc(50% - 50px);
|
||||
}
|
||||
.tab-motor_outputs .motor_testing .sliders input {
|
||||
-webkit-appearance: slider-vertical;
|
||||
.tab-motor_outputs .motor_testing .left {
|
||||
width: calc(50% - 50px);
|
||||
}
|
||||
.tab-motor_outputs .motor_testing .sliders input {
|
||||
-webkit-appearance: slider-vertical;
|
||||
|
||||
width: calc((100% / 9) - 13px);
|
||||
height: 100px;
|
||||
width: calc((100% / 9) - 13px);
|
||||
height: 100px;
|
||||
|
||||
margin-right: 10px;
|
||||
}
|
||||
.tab-motor_outputs .motor_testing .sliders input:first-child {
|
||||
/* margin-left: 2px; */ /* seems to vary depending on chrome version O.o */
|
||||
}
|
||||
.tab-motor_outputs .motor_testing .values {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.tab-motor_outputs .motor_testing .values li {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.tab-motor_outputs .motor_testing .sliders input:first-child {
|
||||
/* margin-left: 2px; */ /* seems to vary depending on chrome version O.o */
|
||||
}
|
||||
.tab-motor_outputs .motor_testing .values {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.tab-motor_outputs .motor_testing .values li {
|
||||
float: left;
|
||||
|
||||
width: calc((100% / 9) - 10px);
|
||||
margin-right: 10px;
|
||||
width: calc((100% / 9) - 10px);
|
||||
margin-right: 10px;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
.tab-motor_outputs .motor_testing .notice {
|
||||
float: right;
|
||||
text-align: center;
|
||||
}
|
||||
.tab-motor_outputs .motor_testing .notice {
|
||||
float: right;
|
||||
|
||||
width: calc(50% - 22px);
|
||||
width: calc(50% - 22px);
|
||||
|
||||
padding: 5px;
|
||||
padding: 5px;
|
||||
|
||||
border: 1px dotted silver;
|
||||
}
|
||||
.tab-motor_outputs .motor_testing .notice input[type="checkbox"] {
|
||||
vertical-align: middle;
|
||||
}
|
||||
border: 1px dotted silver;
|
||||
}
|
||||
.tab-motor_outputs .motor_testing .notice input[type="checkbox"] {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
|
@ -1,101 +1,101 @@
|
|||
.tab-pid_tuning {
|
||||
}
|
||||
.tab-pid_tuning input[type="number"]::-webkit-inner-spin-button {
|
||||
border: 0;
|
||||
}
|
||||
.tab-pid_tuning table {
|
||||
float: left;
|
||||
.tab-pid_tuning input[type="number"]::-webkit-inner-spin-button {
|
||||
border: 0;
|
||||
}
|
||||
.tab-pid_tuning table {
|
||||
float: left;
|
||||
|
||||
margin-bottom: 10px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.tab-pid_tuning table,
|
||||
.tab-pid_tuning table th,
|
||||
.tab-pid_tuning table td {
|
||||
padding: 4px;
|
||||
border: 1px solid #8b8b8b;
|
||||
}
|
||||
.tab-pid_tuning table tr td:first-child {
|
||||
text-align: center;
|
||||
}
|
||||
.tab-pid_tuning table td {
|
||||
padding: 1px;
|
||||
}
|
||||
.tab-pid_tuning table tr:nth-child(odd) {
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-pid_tuning table input {
|
||||
display: block;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.tab-pid_tuning table,
|
||||
.tab-pid_tuning table th,
|
||||
.tab-pid_tuning table td {
|
||||
padding: 4px;
|
||||
border: 1px solid #8b8b8b;
|
||||
}
|
||||
.tab-pid_tuning table tr td:first-child {
|
||||
text-align: center;
|
||||
}
|
||||
.tab-pid_tuning table td {
|
||||
padding: 1px;
|
||||
}
|
||||
.tab-pid_tuning table tr:nth-child(odd) {
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-pid_tuning table input {
|
||||
display: block;
|
||||
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
|
||||
text-align: right;
|
||||
}
|
||||
.tab-pid_tuning .profile {
|
||||
float: left;
|
||||
text-align: right;
|
||||
}
|
||||
.tab-pid_tuning .profile {
|
||||
float: left;
|
||||
|
||||
width: calc(18% - 2px); /* - border*/
|
||||
width: calc(18% - 2px); /* - border*/
|
||||
|
||||
border: 1px solid #8b8b8b;
|
||||
}
|
||||
.tab-pid_tuning .profile .head {
|
||||
display: block;
|
||||
border: 1px solid #8b8b8b;
|
||||
}
|
||||
.tab-pid_tuning .profile .head {
|
||||
display: block;
|
||||
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
|
||||
border-bottom: 1px solid #8b8b8b;
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-pid_tuning .profile input {
|
||||
display: block;
|
||||
border-bottom: 1px solid #8b8b8b;
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-pid_tuning .profile input {
|
||||
display: block;
|
||||
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
|
||||
line-height: 20px;
|
||||
text-align: right;
|
||||
}
|
||||
.tab-pid_tuning .pid_tuning {
|
||||
width: 60%;
|
||||
}
|
||||
.tab-pid_tuning .pid_tuning .name {
|
||||
width: 30%;
|
||||
}
|
||||
.tab-pid_tuning .rate-tpa {
|
||||
float: right;
|
||||
width: calc(40% - 10px); /* - ( "virtual" margin) */
|
||||
}
|
||||
.tab-pid_tuning .buttons {
|
||||
width: calc(100% - 20px);
|
||||
line-height: 20px;
|
||||
text-align: right;
|
||||
}
|
||||
.tab-pid_tuning .pid_tuning {
|
||||
width: 60%;
|
||||
}
|
||||
.tab-pid_tuning .pid_tuning .name {
|
||||
width: 30%;
|
||||
}
|
||||
.tab-pid_tuning .rate-tpa {
|
||||
float: right;
|
||||
width: calc(40% - 10px); /* - ( "virtual" margin) */
|
||||
}
|
||||
.tab-pid_tuning .buttons {
|
||||
width: calc(100% - 20px);
|
||||
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
}
|
||||
.tab-pid_tuning .update,
|
||||
.tab-pid_tuning .refresh {
|
||||
display: block;
|
||||
float: right;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
}
|
||||
.tab-pid_tuning .update,
|
||||
.tab-pid_tuning .refresh {
|
||||
display: block;
|
||||
float: right;
|
||||
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
|
||||
padding: 0 15px 0 15px;
|
||||
padding: 0 15px 0 15px;
|
||||
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
|
||||
border: 1px solid silver;
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-pid_tuning .refresh {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.tab-pid_tuning .update:hover,
|
||||
.tab-pid_tuning .refresh:hover {
|
||||
background-color: #dedcdc;
|
||||
}
|
||||
border: 1px solid silver;
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-pid_tuning .refresh {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.tab-pid_tuning .update:hover,
|
||||
.tab-pid_tuning .refresh:hover {
|
||||
background-color: #dedcdc;
|
||||
}
|
||||
|
|
@ -1,238 +1,237 @@
|
|||
.tab-receiver {
|
||||
}
|
||||
.tab-receiver input[type="number"]::-webkit-inner-spin-button {
|
||||
border: 0;
|
||||
}
|
||||
.tab-receiver .bars {
|
||||
float: left;
|
||||
width: 45%;
|
||||
.tab-receiver input[type="number"]::-webkit-inner-spin-button {
|
||||
border: 0;
|
||||
}
|
||||
.tab-receiver .bars {
|
||||
float: left;
|
||||
width: 45%;
|
||||
|
||||
font-weight: bold;
|
||||
}
|
||||
.tab-receiver .bars ul {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(1) {
|
||||
color: #00A8F0;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(2) {
|
||||
color: #C0D800;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(3) {
|
||||
color: #f8921a;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(4) {
|
||||
color: #f02525;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(5) {
|
||||
color: #9440ED;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(6) {
|
||||
color: #45147a;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(7) {
|
||||
color: #cf7a26;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(8) {
|
||||
color: #147a66;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(9) {
|
||||
color: #0609a9;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(10) {
|
||||
color: #7a1445;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(11) {
|
||||
color: #267acf;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(12) {
|
||||
color: #7a6614;
|
||||
}
|
||||
.tab-receiver .bars li {
|
||||
float: left;
|
||||
font-weight: bold;
|
||||
}
|
||||
.tab-receiver .bars ul {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(1) {
|
||||
color: #00A8F0;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(2) {
|
||||
color: #C0D800;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(3) {
|
||||
color: #f8921a;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(4) {
|
||||
color: #f02525;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(5) {
|
||||
color: #9440ED;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(6) {
|
||||
color: #45147a;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(7) {
|
||||
color: #cf7a26;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(8) {
|
||||
color: #147a66;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(9) {
|
||||
color: #0609a9;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(10) {
|
||||
color: #7a1445;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(11) {
|
||||
color: #267acf;
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(12) {
|
||||
color: #7a6614;
|
||||
}
|
||||
.tab-receiver .bars li {
|
||||
float: left;
|
||||
|
||||
height: 22px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.tab-receiver .bars .name {
|
||||
width: 60px;
|
||||
}
|
||||
.tab-receiver .bars .meter {
|
||||
width: 70%;
|
||||
}
|
||||
.tab-receiver .bars .meter meter {
|
||||
margin-top: 4px;
|
||||
height: 22px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.tab-receiver .bars .name {
|
||||
width: 60px;
|
||||
}
|
||||
.tab-receiver .bars .meter {
|
||||
width: 70%;
|
||||
}
|
||||
.tab-receiver .bars .meter meter {
|
||||
margin-top: 4px;
|
||||
|
||||
width: 100%;
|
||||
height: 14px;
|
||||
width: 100%;
|
||||
height: 14px;
|
||||
|
||||
border: 1px solid silver;
|
||||
}
|
||||
.tab-receiver .bars .value {
|
||||
width: 50px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.tab-receiver .tunings {
|
||||
float: right;
|
||||
}
|
||||
.tab-receiver .tunings table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.tab-receiver .tunings .throttle {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.tab-receiver .tunings table, .tab-receiver .tunings table th, .tab-receiver .tunings table td {
|
||||
padding: 4px;
|
||||
border: 1px solid #8b8b8b;
|
||||
}
|
||||
.tab-receiver .tunings table th {
|
||||
width: 118px;
|
||||
}
|
||||
.tab-receiver .tunings table td {
|
||||
padding: 1px;
|
||||
}
|
||||
.tab-receiver .tunings table tr:nth-child(odd) {
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-receiver .tunings table input {
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
border: 1px solid silver;
|
||||
}
|
||||
.tab-receiver .bars .value {
|
||||
width: 50px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.tab-receiver .tunings {
|
||||
float: right;
|
||||
}
|
||||
.tab-receiver .tunings table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.tab-receiver .tunings .throttle {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.tab-receiver .tunings table, .tab-receiver .tunings table th, .tab-receiver .tunings table td {
|
||||
padding: 4px;
|
||||
border: 1px solid #8b8b8b;
|
||||
}
|
||||
.tab-receiver .tunings table th {
|
||||
width: 118px;
|
||||
}
|
||||
.tab-receiver .tunings table td {
|
||||
padding: 1px;
|
||||
}
|
||||
.tab-receiver .tunings table tr:nth-child(odd) {
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-receiver .tunings table input {
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
|
||||
line-height: 20px;
|
||||
text-align: right;
|
||||
}
|
||||
.tab-receiver .rcmap_wrapper {
|
||||
float: right;
|
||||
position: relative;
|
||||
line-height: 20px;
|
||||
text-align: right;
|
||||
}
|
||||
.tab-receiver .rcmap_wrapper {
|
||||
float: right;
|
||||
position: relative;
|
||||
|
||||
width: 126px;
|
||||
width: 126px;
|
||||
|
||||
margin: 10px 0 0 0;
|
||||
margin: 10px 0 0 0;
|
||||
|
||||
border: 1px solid #8b8b8b;
|
||||
}
|
||||
.tab-receiver .rcmap_wrapper .head {
|
||||
height: 15px;
|
||||
padding: 4px;
|
||||
border: 1px solid #8b8b8b;
|
||||
}
|
||||
.tab-receiver .rcmap_wrapper .head {
|
||||
height: 15px;
|
||||
padding: 4px;
|
||||
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
|
||||
border-bottom: 1px solid #8b8b8b;
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-receiver .hybrid_element input {
|
||||
position: absolute;
|
||||
border-bottom: 1px solid #8b8b8b;
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-receiver .hybrid_element input {
|
||||
position: absolute;
|
||||
|
||||
padding-left: 5px;
|
||||
padding-left: 5px;
|
||||
|
||||
width: calc(100% - 24px);
|
||||
height: 22px;
|
||||
width: calc(100% - 24px);
|
||||
height: 22px;
|
||||
|
||||
z-index: 2;
|
||||
}
|
||||
.tab-receiver .hybrid_element select {
|
||||
width: 100%;
|
||||
height: 22px;
|
||||
z-index: 2;
|
||||
}
|
||||
.tab-receiver .hybrid_element select {
|
||||
width: 100%;
|
||||
height: 22px;
|
||||
|
||||
z-index: 1;
|
||||
}
|
||||
.tab-receiver .curves {
|
||||
float: right;
|
||||
}
|
||||
.tab-receiver .throttle_curve {
|
||||
margin: 0 10px 10px 0;
|
||||
z-index: 1;
|
||||
}
|
||||
.tab-receiver .curves {
|
||||
float: right;
|
||||
}
|
||||
.tab-receiver .throttle_curve {
|
||||
margin: 0 10px 10px 0;
|
||||
|
||||
width: 220px;
|
||||
height: 58px;
|
||||
width: 220px;
|
||||
height: 58px;
|
||||
|
||||
border: 1px solid silver;
|
||||
}
|
||||
.tab-receiver .pitch_roll_curve {
|
||||
margin: 0 10px 0 0;
|
||||
border: 1px solid silver;
|
||||
}
|
||||
.tab-receiver .pitch_roll_curve {
|
||||
margin: 0 10px 0 0;
|
||||
|
||||
width: 220px;
|
||||
height: 58px;
|
||||
width: 220px;
|
||||
height: 58px;
|
||||
|
||||
border: 1px solid silver;
|
||||
}
|
||||
.tab-receiver select[name="rx_refresh_rate"] {
|
||||
float: right;
|
||||
border: 1px solid silver;
|
||||
}
|
||||
.tab-receiver select[name="rx_refresh_rate"] {
|
||||
float: right;
|
||||
|
||||
border: 1px solid silver;
|
||||
}
|
||||
.tab-receiver #RX_plot {
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(1) {
|
||||
stroke: #00A8F0;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(2) {
|
||||
stroke: #C0D800;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(3) {
|
||||
stroke: #f8921a;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(4) {
|
||||
stroke: #f02525;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(5) {
|
||||
stroke: #9440ED;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(6) {
|
||||
stroke: #45147A;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(7) {
|
||||
stroke: #CF7A26;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(8) {
|
||||
stroke: #147A66;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(9) {
|
||||
stroke: #0609a9;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(10) {
|
||||
stroke: #7a1445;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(11) {
|
||||
stroke: #267acf;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(12) {
|
||||
stroke: #7a6614;
|
||||
}
|
||||
.tab-receiver .buttons {
|
||||
width: calc(100% - 20px);
|
||||
border: 1px solid silver;
|
||||
}
|
||||
.tab-receiver #RX_plot {
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(1) {
|
||||
stroke: #00A8F0;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(2) {
|
||||
stroke: #C0D800;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(3) {
|
||||
stroke: #f8921a;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(4) {
|
||||
stroke: #f02525;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(5) {
|
||||
stroke: #9440ED;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(6) {
|
||||
stroke: #45147A;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(7) {
|
||||
stroke: #CF7A26;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(8) {
|
||||
stroke: #147A66;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(9) {
|
||||
stroke: #0609a9;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(10) {
|
||||
stroke: #7a1445;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(11) {
|
||||
stroke: #267acf;
|
||||
}
|
||||
.tab-receiver #RX_plot .line:nth-child(12) {
|
||||
stroke: #7a6614;
|
||||
}
|
||||
.tab-receiver .buttons {
|
||||
width: calc(100% - 20px);
|
||||
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
}
|
||||
.tab-receiver .update,
|
||||
.tab-receiver .refresh {
|
||||
display: block;
|
||||
float: right;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
}
|
||||
.tab-receiver .update,
|
||||
.tab-receiver .refresh {
|
||||
display: block;
|
||||
float: right;
|
||||
|
||||
margin-top: 22px;
|
||||
margin-top: 22px;
|
||||
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
|
||||
padding: 0 15px 0 15px;
|
||||
padding: 0 15px 0 15px;
|
||||
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
|
||||
border: 1px solid silver;
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-receiver .refresh {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.tab-receiver .update:hover,
|
||||
.tab-receiver .refresh:hover {
|
||||
background-color: #dedcdc;
|
||||
}
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
|
||||
border: 1px solid silver;
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-receiver .refresh {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.tab-receiver .update:hover,
|
||||
.tab-receiver .refresh:hover {
|
||||
background-color: #dedcdc;
|
||||
}
|
||||
/* SVG classes*/
|
||||
.tab-receiver .grid .tick {
|
||||
stroke: silver;
|
||||
|
|
|
|||
122
tabs/sensors.css
122
tabs/sensors.css
|
|
@ -1,74 +1,74 @@
|
|||
.tab-sensors {
|
||||
}
|
||||
.tab-sensors .info {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.tab-sensors .info p {
|
||||
padding: 5px;
|
||||
.tab-sensors .info {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.tab-sensors .info p {
|
||||
padding: 5px;
|
||||
|
||||
border: 1px dashed silver;
|
||||
border: 1px dashed silver;
|
||||
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.tab-sensors .info input {
|
||||
vertical-align: middle;
|
||||
margin: 0 5px 0 15px;
|
||||
}
|
||||
.tab-sensors .info .first {
|
||||
margin: 0 5px 0 0;
|
||||
}
|
||||
.tab-sensors .wrapper {
|
||||
display: none;
|
||||
}
|
||||
.tab-sensors .plot_control {
|
||||
float: right;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.tab-sensors .info input {
|
||||
vertical-align: middle;
|
||||
margin: 0 5px 0 15px;
|
||||
}
|
||||
.tab-sensors .info .first {
|
||||
margin: 0 5px 0 0;
|
||||
}
|
||||
.tab-sensors .wrapper {
|
||||
display: none;
|
||||
}
|
||||
.tab-sensors .plot_control {
|
||||
float: right;
|
||||
|
||||
width: 158px;
|
||||
width: 158px;
|
||||
|
||||
border: 1px solid silver;
|
||||
}
|
||||
.tab-sensors .plot_control .title {
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
border: 1px solid silver;
|
||||
}
|
||||
.tab-sensors .plot_control .title {
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
|
||||
border-bottom: 1px solid silver;
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-sensors .plot_control dl {
|
||||
padding: 5px 5px 0 5px;
|
||||
line-height: 22px;
|
||||
}
|
||||
.tab-sensors .plot_control dt {
|
||||
float: left;
|
||||
border-bottom: 1px solid silver;
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-sensors .plot_control dl {
|
||||
padding: 5px 5px 0 5px;
|
||||
line-height: 22px;
|
||||
}
|
||||
.tab-sensors .plot_control dt {
|
||||
float: left;
|
||||
|
||||
width: 60px;
|
||||
height: 22px;
|
||||
width: 60px;
|
||||
height: 22px;
|
||||
|
||||
font-weight: bold;
|
||||
}
|
||||
.tab-sensors .plot_control dd {
|
||||
margin-left: 20px;
|
||||
height: 22px;
|
||||
}
|
||||
.tab-sensors .plot_control select {
|
||||
float: right;
|
||||
font-weight: bold;
|
||||
}
|
||||
.tab-sensors .plot_control dd {
|
||||
margin-left: 20px;
|
||||
height: 22px;
|
||||
}
|
||||
.tab-sensors .plot_control select {
|
||||
float: right;
|
||||
|
||||
width: 80px;
|
||||
border: 1px solid silver;
|
||||
}
|
||||
.tab-sensors .plot_control .x {
|
||||
color: #00A8F0;
|
||||
}
|
||||
.tab-sensors .plot_control .y {
|
||||
color: #C0D800;
|
||||
}
|
||||
.tab-sensors .plot_control .z {
|
||||
color: #CB4B4B;
|
||||
}
|
||||
.tab-sensors .plot_control .x, .tab-sensors .plot_control .y, .tab-sensors .plot_control .z {
|
||||
text-align: right;
|
||||
}
|
||||
width: 80px;
|
||||
border: 1px solid silver;
|
||||
}
|
||||
.tab-sensors .plot_control .x {
|
||||
color: #00A8F0;
|
||||
}
|
||||
.tab-sensors .plot_control .y {
|
||||
color: #C0D800;
|
||||
}
|
||||
.tab-sensors .plot_control .z {
|
||||
color: #CB4B4B;
|
||||
}
|
||||
.tab-sensors .plot_control .x, .tab-sensors .plot_control .y, .tab-sensors .plot_control .z {
|
||||
text-align: right;
|
||||
}
|
||||
/* SVG classes*/
|
||||
.tab-sensors svg {
|
||||
float: left;
|
||||
|
|
|
|||
174
tabs/servos.css
174
tabs/servos.css
|
|
@ -1,8 +1,8 @@
|
|||
.tab-servos {
|
||||
}
|
||||
.tab-servos input[type="number"]::-webkit-inner-spin-button {
|
||||
border: 0;
|
||||
}
|
||||
.tab-servos input[type="number"]::-webkit-inner-spin-button {
|
||||
border: 0;
|
||||
}
|
||||
.tab-servos .supported_wrapper,
|
||||
.tab-servos .direction_wrapper {
|
||||
display: none;
|
||||
|
|
@ -27,106 +27,106 @@
|
|||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.tab-servos table th {
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
.tab-servos table th {
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
|
||||
border: 1px solid #8b8b8b;
|
||||
}
|
||||
.tab-servos table td {
|
||||
padding: 1px;
|
||||
border: 1px solid #8b8b8b;
|
||||
}
|
||||
.tab-servos table td {
|
||||
padding: 1px;
|
||||
|
||||
border: 1px solid #8b8b8b;
|
||||
}
|
||||
.tab-servos table .main {
|
||||
font-weight: bold;
|
||||
border: 1px solid #8b8b8b;
|
||||
}
|
||||
.tab-servos table .main {
|
||||
font-weight: bold;
|
||||
|
||||
text-align: center;
|
||||
text-align: center;
|
||||
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-servos table .channel {
|
||||
width: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
.tab-servos table .channel input {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.tab-servos table input[type="number"] {
|
||||
display: block;
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-servos table .channel {
|
||||
width: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
.tab-servos table .channel input {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.tab-servos table input[type="number"] {
|
||||
display: block;
|
||||
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
|
||||
line-height: 20px;
|
||||
line-height: 20px;
|
||||
|
||||
text-align: right;
|
||||
}
|
||||
.tab-servos table .direction {
|
||||
}
|
||||
.tab-servos .direction .name {
|
||||
float: left;
|
||||
display: block;
|
||||
text-align: right;
|
||||
}
|
||||
.tab-servos table .direction {
|
||||
}
|
||||
.tab-servos .direction .name {
|
||||
float: left;
|
||||
display: block;
|
||||
|
||||
width: 60px;
|
||||
}
|
||||
.tab-servos .direction .alternate {
|
||||
float: left;
|
||||
display: block;
|
||||
width: 60px;
|
||||
}
|
||||
.tab-servos .direction .alternate {
|
||||
float: left;
|
||||
display: block;
|
||||
|
||||
width: 60px;
|
||||
}
|
||||
.tab-servos .direction .first {
|
||||
float: left;
|
||||
width: 60px;
|
||||
}
|
||||
.tab-servos .direction .first {
|
||||
float: left;
|
||||
|
||||
margin: 2px 10px 0 20px;
|
||||
}
|
||||
.tab-servos .direction .second {
|
||||
float: left;
|
||||
margin: 2px 10px 0 20px;
|
||||
}
|
||||
.tab-servos .direction .second {
|
||||
float: left;
|
||||
|
||||
margin: 2px 10px 0 0;
|
||||
}
|
||||
.tab-servos .direction .rate {
|
||||
width: 200px;
|
||||
height: 20px;
|
||||
margin: 2px 10px 0 0;
|
||||
}
|
||||
.tab-servos .direction .rate {
|
||||
width: 200px;
|
||||
height: 20px;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
.tab-servos .live {
|
||||
float: left;
|
||||
text-align: center;
|
||||
}
|
||||
.tab-servos .live {
|
||||
float: left;
|
||||
|
||||
margin-top: 10px;
|
||||
}
|
||||
.tab-servos .live span {
|
||||
float: left;
|
||||
}
|
||||
.tab-servos .live input {
|
||||
float: left;
|
||||
margin: 0 0 0 5px;
|
||||
}
|
||||
.tab-servos .buttons {
|
||||
width: calc(100% - 20px);
|
||||
margin-top: 10px;
|
||||
}
|
||||
.tab-servos .live span {
|
||||
float: left;
|
||||
}
|
||||
.tab-servos .live input {
|
||||
float: left;
|
||||
margin: 0 0 0 5px;
|
||||
}
|
||||
.tab-servos .buttons {
|
||||
width: calc(100% - 20px);
|
||||
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
}
|
||||
.tab-servos .update {
|
||||
display: block;
|
||||
float: right;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
}
|
||||
.tab-servos .update {
|
||||
display: block;
|
||||
float: right;
|
||||
|
||||
margin-top: 10px;
|
||||
margin-top: 10px;
|
||||
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
|
||||
padding: 0 15px 0 15px;
|
||||
padding: 0 15px 0 15px;
|
||||
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
|
||||
border: 1px solid silver;
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-servos .update:hover {
|
||||
background-color: #dedcdc;
|
||||
}
|
||||
border: 1px solid silver;
|
||||
background-color: #ececec;
|
||||
}
|
||||
.tab-servos .update:hover {
|
||||
background-color: #dedcdc;
|
||||
}
|
||||
Loading…
Reference in New Issue