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