diff --git a/main.css b/main.css index a75d9e6223..f7b717d38b 100644 --- a/main.css +++ b/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); diff --git a/tabs/auxiliary_configuration.css b/tabs/auxiliary_configuration.css index 3a8a3c916f..5dd45792af 100644 --- a/tabs/auxiliary_configuration.css +++ b/tabs/auxiliary_configuration.css @@ -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; - } \ No newline at end of file + border: 1px solid silver; + background-color: #ececec; +} +.tab-auxiliary_configuration .update:hover { + background-color: #dedcdc; +} \ No newline at end of file diff --git a/tabs/cli.css b/tabs/cli.css index 093e9ee4af..910821843d 100644 --- a/tabs/cli.css +++ b/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; - } \ No newline at end of file + resize: none; +} \ No newline at end of file diff --git a/tabs/gps.css b/tabs/gps.css index 8097096b5c..7b6bcd0f10 100644 --- a/tabs/gps.css +++ b/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; - } \ No newline at end of file + border-bottom: 1px solid silver; + background-color: #ececec; +} +.tab-gps a { + font-weight: bold; +} +.tab-gps a:hover { + text-decoration: underline; +} \ No newline at end of file diff --git a/tabs/logging.css b/tabs/logging.css index 0e752671ea..769263bfca 100644 --- a/tabs/logging.css +++ b/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; - } \ No newline at end of file + border: 1px solid silver; + background-color: #ececec; +} +.tab-logging .buttons a:hover { + background-color: #dedcdc; +} +.tab-logging .buttons .back { + display: none; +} \ No newline at end of file diff --git a/tabs/motor_outputs.css b/tabs/motor_outputs.css index 88815da7b5..a0847a6292 100644 --- a/tabs/motor_outputs.css +++ b/tabs/motor_outputs.css @@ -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; - } \ No newline at end of file + border: 1px dotted silver; +} +.tab-motor_outputs .motor_testing .notice input[type="checkbox"] { + vertical-align: middle; +} \ No newline at end of file diff --git a/tabs/pid_tuning.css b/tabs/pid_tuning.css index baa0ab3511..66246ca3b3 100644 --- a/tabs/pid_tuning.css +++ b/tabs/pid_tuning.css @@ -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; - } \ No newline at end of file + 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; +} \ No newline at end of file diff --git a/tabs/receiver.css b/tabs/receiver.css index f7e3f378cd..a1ab1c8e0f 100644 --- a/tabs/receiver.css +++ b/tabs/receiver.css @@ -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; diff --git a/tabs/sensors.css b/tabs/sensors.css index e189ef7872..ca9678228d 100644 --- a/tabs/sensors.css +++ b/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; diff --git a/tabs/servos.css b/tabs/servos.css index b790639ce9..d1ddefa02e 100644 --- a/tabs/servos.css +++ b/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; - } \ No newline at end of file + border: 1px solid silver; + background-color: #ececec; +} +.tab-servos .update:hover { + background-color: #dedcdc; +} \ No newline at end of file