Format all CSS files. Fixed missing trailing brace in
configuration.css. Formatted using Eclipse 4.4 CSS formatter, line length: 120, spaces not tabs, indentation 4.10.3.x-maintenance
parent
a1d3469222
commit
52235f3373
|
@ -1,46 +1,36 @@
|
|||
.tab-adjustments {
|
||||
|
||||
}
|
||||
|
||||
#tab-adjustments-templates {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tab-adjustments .range .marker,
|
||||
.tab-adjustments .channel-slider .noUi-connect {
|
||||
background: #92b67c;
|
||||
box-shadow: inset 0 0px 2px rgba(0, 0, 0, 0.4),0px 1px 0px rgba(255, 255, 255, 0.6);
|
||||
|
||||
.tab-adjustments .range .marker, .tab-adjustments .channel-slider .noUi-connect {
|
||||
background: #92b67c;
|
||||
box-shadow: inset 0 0px 2px rgba(0, 0, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
.noUi-target {
|
||||
border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #D3D3D3;
|
||||
box-shadow: inset 0 0px 2px rgba(0, 0, 0, 0.4),0px 1px 0px rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
.noUi-background {
|
||||
box-shadow: inset 0 0px 2px rgba(0, 0, 0, 0.4),0px 1px 0px rgba(255, 255, 255, 0.6);
|
||||
background: #D2D2D2;
|
||||
box-shadow: inset 0 0px 2px rgba(0, 0, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
.noUi-background {
|
||||
box-shadow: inset 0 0px 2px rgba(0, 0, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.6);
|
||||
background: #D2D2D2;
|
||||
}
|
||||
|
||||
.tab-adjustments .adjustments {
|
||||
width: 100%;
|
||||
border-spacing: 0px;
|
||||
|
||||
}
|
||||
|
||||
.tab-adjustments td {
|
||||
border-top: 1px solid #fff;
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #cccccc;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
.tab-adjustments .range:first-child {
|
||||
border-top: 0px;
|
||||
|
@ -50,7 +40,6 @@
|
|||
border-bottom: 0px;
|
||||
}
|
||||
|
||||
|
||||
.tab-adjustments .adjustments thead td {
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
|
@ -58,6 +47,7 @@
|
|||
background-color: #828885;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.tab-adjustments .adjustments thead td:first-child {
|
||||
border-top-left-radius: 5px;
|
||||
}
|
||||
|
@ -67,19 +57,19 @@
|
|||
}
|
||||
|
||||
.tab-adjustments .adjustment:nth-child(odd) {
|
||||
background-color:#f4f4f4;
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
|
||||
.tab-adjustments .adjustments {
|
||||
background-color:#e4e4e4;
|
||||
|
||||
}
|
||||
|
||||
background-color: #e4e4e4;
|
||||
}
|
||||
|
||||
.tab-adjustments .adjustment select {
|
||||
/* outline: 1px solid silver; */
|
||||
border-radius: 3px;
|
||||
border: 1px solid silver;#}
|
||||
border: 1px solid silver;
|
||||
#
|
||||
}
|
||||
|
||||
.tab-adjustments .adjustment td {
|
||||
text-align: center;
|
||||
|
@ -119,7 +109,7 @@
|
|||
height: 13px;
|
||||
width: 6px;
|
||||
margin-left: -3px;
|
||||
border-radius:3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.tab-adjustments .adjustment .functionSelection {
|
||||
|
|
|
@ -1,45 +1,44 @@
|
|||
<div class="tab-adjustments toolbar_fixed_bottom">
|
||||
<div class="content_wrapper">
|
||||
<div class="tab_title" i18n="tabAdjustments"></div>
|
||||
<div class="cf_doc_version_bt">
|
||||
<a id="button-documentation" href="https://github.com/cleanflight/cleanflight/releases" target="_blank"></a>
|
||||
</div>
|
||||
<div class="note" style="margin-bottom:15px;">
|
||||
<div class="note_spacer">
|
||||
<p i18n="adjustmentsHelp"></p>
|
||||
<p i18n="adjustmentsExamples"></p>
|
||||
<ul>
|
||||
<li i18n="adjustmentsExample1"></li>
|
||||
<li i18n="adjustmentsExample2"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="content_wrapper">
|
||||
<div class="tab_title" i18n="tabAdjustments"></div>
|
||||
<div class="cf_doc_version_bt">
|
||||
<a id="button-documentation"
|
||||
href="https://github.com/cleanflight/cleanflight/releases"
|
||||
target="_blank"></a>
|
||||
</div>
|
||||
<div class="note" style="margin-bottom: 15px;">
|
||||
<div class="note_spacer">
|
||||
<p i18n="adjustmentsHelp"></p>
|
||||
<p i18n="adjustmentsExamples"></p>
|
||||
<ul>
|
||||
<li i18n="adjustmentsExample1"></li>
|
||||
<li i18n="adjustmentsExample2"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table class="adjustments">
|
||||
<thead>
|
||||
<tr>
|
||||
<td class="column-enable"
|
||||
i18n="adjustmentsColumnEnable"></td>
|
||||
<td i18n="adjustmentsColumnWhenChannel"></td>
|
||||
<td i18n="adjustmentsColumnIsInRange"></td>
|
||||
<td i18n="adjustmentsColumnThenApplyFunction">
|
||||
</td>
|
||||
<td i18n="adjustmentsColumnUsingSlot"></td>
|
||||
<td i18n="adjustmentsColumnViaChannel"></td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="content_toolbar">
|
||||
<div class="btn save_btn">
|
||||
<a class="save" href="#" i18n="adjustmentsSave"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<table class="adjustments">
|
||||
<thead>
|
||||
<tr>
|
||||
<td class="column-enable" i18n="adjustmentsColumnEnable">
|
||||
</td>
|
||||
<td i18n="adjustmentsColumnWhenChannel">
|
||||
</td>
|
||||
<td i18n="adjustmentsColumnIsInRange">
|
||||
</td>
|
||||
<td i18n="adjustmentsColumnThenApplyFunction">
|
||||
</td>
|
||||
<td i18n="adjustmentsColumnUsingSlot">
|
||||
</td>
|
||||
<td i18n="adjustmentsColumnViaChannel">
|
||||
</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="content_toolbar">
|
||||
<div class="btn save_btn"><a class="save" href="#" i18n="adjustmentsSave"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="tab-adjustments-templates">
|
||||
|
@ -48,7 +47,7 @@
|
|||
<tr class="adjustment">
|
||||
<td class="info">
|
||||
<div class="enabling">
|
||||
<input type="checkbox" class="enable toggle"/>
|
||||
<input type="checkbox" class="enable toggle" />
|
||||
</div>
|
||||
</td>
|
||||
<td class="channelInfo">
|
||||
|
@ -58,8 +57,14 @@
|
|||
</select>
|
||||
</div>
|
||||
<div class="limits">
|
||||
<p class="lowerLimit"><span i18n="adjustmentsMin"></span>: <span class="lowerLimitValue"></span></p>
|
||||
<p class="upperLimit"><span i18n="adjustmentsMax"></span>: <span class="upperLimitValue"></span></p>
|
||||
<p class="lowerLimit">
|
||||
<span i18n="adjustmentsMin"></span>: <span
|
||||
class="lowerLimitValue"></span>
|
||||
</p>
|
||||
<p class="upperLimit">
|
||||
<span i18n="adjustmentsMax"></span>: <span
|
||||
class="upperLimitValue"></span>
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="range">
|
||||
|
@ -67,8 +72,8 @@
|
|||
<div class="marker"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="functionSelection">
|
||||
<select class="function">
|
||||
<td class="functionSelection"><select
|
||||
class="function">
|
||||
<option value="0" i18n="adjustmentsFunction0"></option>
|
||||
<option value="1" i18n="adjustmentsFunction1"></option>
|
||||
<option value="2" i18n="adjustmentsFunction2"></option>
|
||||
|
@ -90,21 +95,17 @@
|
|||
<option value="18" i18n="adjustmentsFunction18"></option>
|
||||
<option value="19" i18n="adjustmentsFunction19"></option>
|
||||
<option value="20" i18n="adjustmentsFunction20"></option>
|
||||
</select>
|
||||
</td>
|
||||
<td class="adjustmentSlot">
|
||||
<select class="slot">
|
||||
</select></td>
|
||||
<td class="adjustmentSlot"><select class="slot">
|
||||
<option value="0" i18n="adjustmentsSlot0"></option>
|
||||
<option value="1" i18n="adjustmentsSlot1"></option>
|
||||
<option value="2" i18n="adjustmentsSlot2"></option>
|
||||
<option value="3" i18n="adjustmentsSlot3"></option>
|
||||
</select>
|
||||
</td>
|
||||
<td class="functionSwitchChannel">
|
||||
<select class="channel">
|
||||
</select></td>
|
||||
<td class="functionSwitchChannel"><select
|
||||
class="channel">
|
||||
<option value=""></option>
|
||||
</select>
|
||||
</td>
|
||||
</select></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
.tab-auxiliary {
|
||||
float:left;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.tab-auxiliary .help {
|
||||
|
@ -8,12 +8,10 @@
|
|||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.tab-auxiliary .range .marker,
|
||||
.tab-auxiliary .channel-slider .noUi-connect {
|
||||
.tab-auxiliary .range .marker, .tab-auxiliary .channel-slider .noUi-connect {
|
||||
background: #59AA29;
|
||||
background: #92b67c;
|
||||
border-radius: 3px;
|
||||
|
||||
}
|
||||
|
||||
.tab-auxiliary .mode.on .info {
|
||||
|
@ -27,14 +25,13 @@
|
|||
|
||||
.tab-auxiliary .mode.off .info {
|
||||
background: #cb4747;
|
||||
background: #828885;
|
||||
background: #828885;
|
||||
color: white;
|
||||
|
||||
}
|
||||
|
||||
.tab-auxiliary .mode.off:nth-child(odd) .info {
|
||||
background: #cb4747;
|
||||
background: #828885;
|
||||
background: #cb4747;
|
||||
background: #828885;
|
||||
}
|
||||
|
||||
#tab-auxiliary-templates {
|
||||
|
@ -52,6 +49,7 @@
|
|||
}
|
||||
|
||||
.tab-auxiliary .mode:nth-child(odd) {
|
||||
|
||||
}
|
||||
|
||||
.tab-auxiliary .mode .name {
|
||||
|
@ -59,9 +57,8 @@
|
|||
padding: 13px 0px;
|
||||
}
|
||||
|
||||
.tab-auxiliary .mode.off .info,
|
||||
.tab-auxiliary .mode.on .info {
|
||||
color: ;
|
||||
.tab-auxiliary .mode.off .info, .tab-auxiliary .mode.on .info {
|
||||
color:;
|
||||
}
|
||||
|
||||
.tab-auxiliary .mode .info {
|
||||
|
@ -70,11 +67,11 @@
|
|||
position: relative;
|
||||
background-color: #e4e4e4;
|
||||
border-bottom: 5px solid white;
|
||||
color: grey;
|
||||
min-width: 100px;
|
||||
color: grey;
|
||||
min-width: 100px;
|
||||
}
|
||||
|
||||
.tab-auxiliary .mode .info .name {
|
||||
|
||||
.tab-auxiliary .mode .info .name {
|
||||
font-weight: bold;
|
||||
font-size: 1.0em;
|
||||
}
|
||||
|
@ -103,9 +100,8 @@
|
|||
padding-left: 0px;
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #cccccc;
|
||||
background-color: #ececec;
|
||||
padding-bottom: 5px;
|
||||
|
||||
background-color: #ececec;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.tab-auxiliary .range:first-child {
|
||||
|
@ -116,18 +112,18 @@
|
|||
border-bottom: 0px;
|
||||
}
|
||||
|
||||
|
||||
.tab-auxiliary .range > .buttons {
|
||||
.tab-auxiliary .range>.buttons {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
.tab-auxiliary .range > .buttons .a {
|
||||
.tab-auxiliary .range>.buttons .a {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.tab-auxiliary .range:nth-child(odd) {
|
||||
|
||||
}
|
||||
|
||||
.tab-auxiliary .mode .range .channelInfo {
|
||||
|
@ -138,13 +134,13 @@
|
|||
}
|
||||
|
||||
.tab-auxiliary .mode .range .channelInfo .limits {
|
||||
padding: 10px 0px;
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
.tab-auxiliary .range .channel {
|
||||
border: 1px solid silver;
|
||||
border: 1px solid silver;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.tab-auxiliary .range .marker {
|
||||
position: absolute;
|
||||
|
@ -160,61 +156,57 @@
|
|||
float: left;
|
||||
width: 80%;
|
||||
margin-left: 20px;
|
||||
margin-top:1px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.tab-auxiliary .channel-slider {
|
||||
|
||||
}
|
||||
|
||||
.tab-auxiliary > .buttons {
|
||||
.tab-auxiliary>.buttons {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.tab-auxiliary > .buttons a {
|
||||
.tab-auxiliary>.buttons a {
|
||||
float: right;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
padding: 0 15px 0 15px;
|
||||
display: block;
|
||||
color:#000;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.tab-auxiliary .buttons a {
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
background-color: #fff;
|
||||
color:black;
|
||||
color: black;
|
||||
opacity: 0.8;
|
||||
transition: all ease 0.3s;
|
||||
|
||||
}
|
||||
|
||||
.tab-auxiliary .buttons a:hover {
|
||||
background-color: #fff;
|
||||
opacity: 1.0;
|
||||
color:black;
|
||||
|
||||
color: black;
|
||||
transition: all ease 0.3s;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.tab-auxiliary .delete a {
|
||||
height:15px;
|
||||
width:15px;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
transition: all ease 0.3s;
|
||||
opacity: 0.3;
|
||||
position:relative;
|
||||
float:right;
|
||||
margin-right:5px;
|
||||
margin-top:-9px;
|
||||
position: relative;
|
||||
float: right;
|
||||
margin-right: 5px;
|
||||
margin-top: -9px;
|
||||
background-image: url('../images/icons/close1.svg');
|
||||
background-repeat: no-repeat;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center 100%;
|
||||
display:block;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
.tab-auxiliary .delete a:hover {
|
||||
transition: all ease 0.3s;
|
||||
opacity: 0.6;
|
||||
|
@ -225,24 +217,16 @@
|
|||
}
|
||||
|
||||
.tab-auxiliary .save_btn a {
|
||||
line-height: 28px;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 1055px), only screen and (max-device-width: 1055px) {
|
||||
|
||||
|
||||
|
||||
.tab-auxiliary .fixed_band {
|
||||
margin: 0px;
|
||||
width: calc(100% - -30px);
|
||||
/* width: 100%; */
|
||||
margin-left: -15px;
|
||||
}
|
||||
|
||||
.tab-auxiliary .fixed_band .save_btn a {
|
||||
margin-right:15px;
|
||||
}
|
||||
@media only screen and (max-width: 1055px) , only screen and (max-device-width: 1055px) {
|
||||
.tab-auxiliary .fixed_band {
|
||||
margin: 0px;
|
||||
width: calc(100% - -30px);
|
||||
margin-left: -15px;
|
||||
}
|
||||
.tab-auxiliary .fixed_band .save_btn a {
|
||||
margin-right: 15px;
|
||||
}
|
||||
}
|
47
tabs/cli.css
47
tabs/cli.css
|
@ -1,69 +1,62 @@
|
|||
.tab-cli {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.tab-cli .content_wrapper {
|
||||
height: calc(100% - 50px);
|
||||
}
|
||||
|
||||
.tab-cli p {
|
||||
padding: 0px;
|
||||
border: 0px dotted silver;
|
||||
}
|
||||
|
||||
.tab-cli .note {
|
||||
margin-bottom:20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.tab-cli .backdrop {
|
||||
border: 1px solid silver;
|
||||
background-color: rgba(0,0,0,0.75);
|
||||
|
||||
background-color: rgba(0, 0, 0, 0.75);
|
||||
margin-top: 0px;
|
||||
height: calc(100% - 90px); /* - (p, textarea) */
|
||||
background-image: url("../images/light-wide-1.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 80%;
|
||||
background-position: 50% 80%;
|
||||
background-size: 600px;
|
||||
/*background-image: url("../images/cli_backdrop.png");
|
||||
/* */
|
||||
border-radius: 5px;
|
||||
box-shadow: inset 0px 0px 20px rgba(0,0,0,0.80);
|
||||
/*float:left;*/
|
||||
width:100%;
|
||||
|
||||
border-radius: 5px;
|
||||
box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.80);
|
||||
width: 100%;
|
||||
}
|
||||
.tab-cli .window {
|
||||
height:100%;
|
||||
width:100%;
|
||||
padding: 5px;
|
||||
|
||||
.tab-cli .window {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
padding: 5px;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
|
||||
font-family: monospace;
|
||||
color: white;
|
||||
|
||||
box-sizing: border-box;
|
||||
-webkit-user-select: text;
|
||||
float:left;
|
||||
|
||||
float: left;
|
||||
}
|
||||
|
||||
.tab-cli textarea {
|
||||
-webkit-box-sizing: border-box;
|
||||
|
||||
width: 100%;
|
||||
|
||||
margin-top: 8px;
|
||||
|
||||
height: 22px;
|
||||
line-height: 20px;
|
||||
|
||||
padding-left: 5px;
|
||||
|
||||
border: 1px solid silver;
|
||||
|
||||
resize: none;
|
||||
}
|
||||
|
||||
.tab-cli #content-watermark {
|
||||
z-index:0;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.tab-cli .window .wrapper {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
}
|
|
@ -1,31 +1,29 @@
|
|||
.tab-configuration table {
|
||||
margin-bottom: 10px;
|
||||
width:100%;
|
||||
float:left;
|
||||
width: 100%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.tab-configuration table,
|
||||
.tab-configuration table th,
|
||||
.tab-configuration table td {
|
||||
.tab-configuration table, .tab-configuration table th, .tab-configuration table td {
|
||||
padding: 0px;
|
||||
padding-left:0px;
|
||||
text-align:left;
|
||||
}
|
||||
padding-left: 0px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.tab-configuration table th {
|
||||
padding-left:3px;
|
||||
padding: 3px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
padding-left: 3px;
|
||||
padding: 3px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.tab-configuration table td {
|
||||
padding-left:5px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
padding-left: 5px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.tab-configuration table tr td:first-child {
|
||||
text-align: left;
|
||||
width:55px;
|
||||
width: 55px;
|
||||
}
|
||||
|
||||
.tab-configuration table td {
|
||||
|
@ -39,7 +37,7 @@
|
|||
.tab-configuration {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
.tab-configuration .groupTitle {
|
||||
padding: 0 0 5px 0;
|
||||
margin: 0 0 10px 0;
|
||||
|
@ -49,7 +47,7 @@
|
|||
|
||||
.tab-configuration .leftWrapper {
|
||||
float: left;
|
||||
width: calc(50% - 20px);
|
||||
width: calc(50% - 20px);
|
||||
}
|
||||
|
||||
.tab-configuration .rightWrapper {
|
||||
|
@ -82,6 +80,7 @@
|
|||
height: 18px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.tab-configuration .number {
|
||||
margin-bottom: 5px;
|
||||
clear: left;
|
||||
|
@ -94,10 +93,10 @@
|
|||
line-height: 20px;
|
||||
text-align: left;
|
||||
border: 1px solid silver;
|
||||
border-radius:3px;
|
||||
margin-right:11px;
|
||||
font-size:12px;
|
||||
font-weight:normal;
|
||||
border-radius: 3px;
|
||||
margin-right: 11px;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.tab-configuration .number input.disabled {
|
||||
|
@ -116,30 +115,27 @@
|
|||
|
||||
.tab-configuration .gps select {
|
||||
float: left;
|
||||
|
||||
width: 100px;
|
||||
height: 20px;
|
||||
|
||||
margin: 0 10px 5px 0;
|
||||
|
||||
border: 1px solid silver;
|
||||
}
|
||||
|
||||
.tab-configuration .gps span {
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.tab-configuration .serialRX {
|
||||
width: 100%;
|
||||
|
||||
border: 1px solid silver;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.tab-configuration .current .checkbox {
|
||||
margin-top: 0px;
|
||||
float:left;
|
||||
|
||||
float: left;
|
||||
}
|
||||
|
||||
.tab-configuration .current .checkbox div {
|
||||
float: left;
|
||||
width: 66px;
|
||||
|
@ -147,14 +143,12 @@
|
|||
|
||||
.tab-configuration .current .checkbox div input {
|
||||
margin: 0px;
|
||||
float:left;
|
||||
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
.tab-configuration .disarm .checkbox {
|
||||
margin-top: 2px;
|
||||
margin-right:5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.tab-configuration .disarm .checkbox div {
|
||||
|
@ -163,7 +157,7 @@
|
|||
}
|
||||
|
||||
.tab-configuration .disarm .checkbox div input {
|
||||
margin:0px;
|
||||
margin: 0px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
@ -171,225 +165,201 @@
|
|||
margin-left: 0px;
|
||||
}
|
||||
|
||||
|
||||
.tab-configuration .freelabel {
|
||||
margin-left:10px;
|
||||
position:relative;
|
||||
margin-left: 10px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
.tab-configuration input {
|
||||
float:left;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.tab-configuration span {
|
||||
margin:0px
|
||||
margin: 0px
|
||||
}
|
||||
|
||||
.tab-configuration .disarm .checkbox {
|
||||
float:left;
|
||||
padding-left:0px;
|
||||
margin-top: -5px;
|
||||
padding-bottom:5px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
width:100%;
|
||||
.tab-configuration .disarm .checkbox {
|
||||
float: left;
|
||||
padding-left: 0px;
|
||||
margin-top: -5px;
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.tab-configuration .spacer_box {
|
||||
padding-bottom 10px;
|
||||
float: left;
|
||||
width: calc(100% - 20px);
|
||||
.tab-configuration .spacer_box {padding-bottom 10px;
|
||||
float: left;
|
||||
width: calc(100% - 20px);
|
||||
}
|
||||
|
||||
|
||||
.tab-configuration .number {
|
||||
padding-bottom:5px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
width:100%;
|
||||
float: left;
|
||||
.tab-configuration .number {
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
width: 100%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.tab-configuration .disarm {
|
||||
margin-bottom:5px;
|
||||
float:left;
|
||||
border-bottom: 1px solid #ddd;
|
||||
width:100%;
|
||||
.tab-configuration .disarm {
|
||||
margin-bottom: 5px;
|
||||
float: left;
|
||||
border-bottom: 1px solid #ddd;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.disarmdelay {
|
||||
margin-top: 5px;
|
||||
float:left;
|
||||
width:100%;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.tab-configuration .number:last-child {
|
||||
border-bottom:none;
|
||||
padding-bottom:0px;
|
||||
margin-bottom:0px;
|
||||
.disarmdelay {
|
||||
margin-top: 5px;
|
||||
float: left;
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.tab-configuration .gui_box_titlebar {
|
||||
margin-bottom: 0px;
|
||||
.tab-configuration .number:last-child {
|
||||
border-bottom: none;
|
||||
padding-bottom: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tab-configuration .gui_box_titlebar {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tab-configuration .numberspacer {
|
||||
float:left;
|
||||
width:65px;
|
||||
height:21px;
|
||||
float: left;
|
||||
width: 65px;
|
||||
height: 21px;
|
||||
}
|
||||
|
||||
.tab-configuration thead {
|
||||
display:none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tab-configuration .gui_box {
|
||||
margin-bottom:10px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.tab-configuration .rssi td {
|
||||
border-bottom:none;
|
||||
padding-bottom:0px;
|
||||
margin-bottom:0px;
|
||||
}
|
||||
|
||||
.tab-configuration .rssi .gui_box,
|
||||
.tab-configuration .system .gui_box {
|
||||
min-height:145px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.tab-configuration .mixer .gui_box,
|
||||
.tab-configuration .motorstop .gui_box {
|
||||
min-height:290px;
|
||||
float:left;
|
||||
margin-bottom: 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.tab-configuration .board .gui_box,
|
||||
.tab-configuration .acc .gui_box {
|
||||
min-height:137px;
|
||||
float:left;
|
||||
.tab-configuration .rssi td {
|
||||
border-bottom: none;
|
||||
padding-bottom: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tab-configuration .gps .gui_box,
|
||||
.tab-configuration .other .gui_box {
|
||||
min-height:355px;
|
||||
float:left;
|
||||
margin-bottom:0px;
|
||||
|
||||
.tab-configuration .rssi .gui_box, .tab-configuration .system .gui_box {
|
||||
min-height: 145px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.tab-configuration .mixer .gui_box, .tab-configuration .motorstop .gui_box {
|
||||
min-height: 290px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.tab-configuration .board .gui_box, .tab-configuration .acc .gui_box {
|
||||
min-height: 137px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.tab-configuration .gps .gui_box, .tab-configuration .other .gui_box {
|
||||
min-height: 355px;
|
||||
float: left;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tab-configuration .current .gui_box {
|
||||
min-height:230px;
|
||||
float:left;
|
||||
min-height: 230px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.tab-configuration .current td:nth-child(2){
|
||||
width:30px;
|
||||
|
||||
.tab-configuration .current td:nth-child(2) {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.tab-configuration .voltage td:nth-child(2){
|
||||
width:30px;
|
||||
|
||||
.tab-configuration .voltage td:nth-child(2) {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.tab-configuration .rssi td:nth-child(2){
|
||||
width:30px;
|
||||
|
||||
.tab-configuration .rssi td:nth-child(2) {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.tab-configuration .rxFailsafe td:nth-child(2){
|
||||
width:30px;
|
||||
|
||||
.tab-configuration .rxFailsafe td:nth-child(2) {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.tab-configuration .gps td:nth-child(2){
|
||||
width:38px;
|
||||
|
||||
.tab-configuration .gps td:nth-child(2) {
|
||||
width: 38px;
|
||||
}
|
||||
|
||||
.tab-configuration .other tr:last-child td{
|
||||
border-bottom:0px;
|
||||
padding-bottom:0px;
|
||||
margin-bottom:0px;
|
||||
|
||||
.tab-configuration .other tr:last-child td {
|
||||
border-bottom: 0px;
|
||||
padding-bottom: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tab-configuration .mixerPreview {
|
||||
max-width:230px;
|
||||
background-color: #eeeeee;
|
||||
text-align: center;
|
||||
float:left;
|
||||
border-radius:5px;
|
||||
margin-top:5px;
|
||||
max-width: 230px;
|
||||
background-color: #eeeeee;
|
||||
text-align: center;
|
||||
float: left;
|
||||
border-radius: 5px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
|
||||
.tab-configuration .mixerPreview img {
|
||||
width: 90%;
|
||||
height: 90%;
|
||||
padding:5%;
|
||||
}
|
||||
|
||||
.tab-configuration .rxMode tr:last-child td{
|
||||
border-bottom:0px;
|
||||
padding-bottom:0px;
|
||||
margin-bottom:0px;
|
||||
padding: 5%;
|
||||
}
|
||||
|
||||
.tab-configuration .gui_box {
|
||||
font-style: bold;
|
||||
font-family: 'open_sanssemibold', Arial;
|
||||
.tab-configuration .rxMode tr:last-child td {
|
||||
border-bottom: 0px;
|
||||
padding-bottom: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tab-configuration .gui_box {
|
||||
font-style: bold;
|
||||
font-family: 'open_sanssemibold', Arial;
|
||||
}
|
||||
|
||||
.tab-configuration .gui_box span {
|
||||
font-style: normal;
|
||||
font-family: 'open_sansregular', Arial;
|
||||
line-height:19px;
|
||||
color:#7d7d7d;
|
||||
font-size:11px;
|
||||
font-style: normal;
|
||||
font-family: 'open_sansregular', Arial;
|
||||
line-height: 19px;
|
||||
color: #7d7d7d;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1055px), only screen and (max-device-width: 1055px) {
|
||||
|
||||
|
||||
.tab-configuration .gui_box span {
|
||||
line-height:17px;
|
||||
}
|
||||
|
||||
.tab-configuration .leftWrapper {
|
||||
width: calc(50% - 15px);
|
||||
}
|
||||
|
||||
.tab-configuration .rightWrapper {
|
||||
float: left;
|
||||
width: calc(50% - 0px);
|
||||
margin: 0 0 10px 15px;
|
||||
}
|
||||
|
||||
.tab-configuration .rssi .gui_box,
|
||||
.tab-configuration .system .gui_box {
|
||||
min-height:145px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.tab-configuration .mixer .gui_box,
|
||||
.tab-configuration .motorstop .gui_box {
|
||||
min-height:290px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.tab-configuration .board .gui_box,
|
||||
.tab-configuration .acc .gui_box {
|
||||
min-height:137px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.tab-configuration .gps .gui_box, {
|
||||
.tab-configuration .other .gui_box
|
||||
min-height:355px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.tab-configuration .current .gui_box {
|
||||
min-height:230px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 1055px) , only screen and (max-device-width: 1055px) {
|
||||
.tab-configuration .gui_box span {
|
||||
line-height: 17px;
|
||||
}
|
||||
.tab-configuration .leftWrapper {
|
||||
width: calc(50% - 15px);
|
||||
}
|
||||
.tab-configuration .rightWrapper {
|
||||
float: left;
|
||||
width: calc(50% - 0px);
|
||||
margin: 0 0 10px 15px;
|
||||
}
|
||||
.tab-configuration .rssi .gui_box, .tab-configuration .system .gui_box {
|
||||
min-height: 145px;
|
||||
float: left;
|
||||
}
|
||||
.tab-configuration .mixer .gui_box, .tab-configuration .motorstop .gui_box {
|
||||
min-height: 290px;
|
||||
float: left;
|
||||
}
|
||||
.tab-configuration .board .gui_box, .tab-configuration .acc .gui_box {
|
||||
min-height: 137px;
|
||||
float: left;
|
||||
}
|
||||
.tab-configuration .gps .gui_box, .tab-configuration .other .gui_box {
|
||||
min-height: 355px;
|
||||
float: left;
|
||||
}
|
||||
.tab-configuration .current .gui_box {
|
||||
min-height: 230px;
|
||||
float: left;
|
||||
}
|
||||
}
|
|
@ -2,6 +2,7 @@
|
|||
margin: 0 0 10px 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tab-dataflash .info .progressLabel {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
|
@ -18,9 +19,11 @@
|
|||
.tab-dataflash .properties {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.tab-dataflash .dataflash-info {
|
||||
overflow:hidden;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.tab-dataflash .dataflash-info dt {
|
||||
float: left;
|
||||
width: 12em;
|
||||
|
@ -28,19 +31,23 @@
|
|||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tab-dataflash .dataflash-info dd {
|
||||
display: block;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.tab-dataflash .speed {
|
||||
margin-top: 5px;
|
||||
width: 80px;
|
||||
border: 1px solid silver;
|
||||
}
|
||||
|
||||
.tab-dataflash .info {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.tab-dataflash .info dt {
|
||||
float: left;
|
||||
width: 120px;
|
||||
|
@ -48,123 +55,133 @@
|
|||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tab-dataflash .info dd {
|
||||
display: block;
|
||||
margin-left: 130px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.tab-dataflash .buttons {
|
||||
width: calc(100% - 20px);
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
.tab-dataflash .dataflash-progress {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tab-dataflash .dataflash-contents {
|
||||
margin-top:5px;
|
||||
border:1px solid silver;
|
||||
background-color:#eee;
|
||||
display:flex;
|
||||
flex-direction:row;
|
||||
flex-wrap:nowrap;
|
||||
justify-content:flex-start;
|
||||
|
||||
border-radius:6px;
|
||||
margin-top: 5px;
|
||||
border: 1px solid silver;
|
||||
background-color: #eee;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: flex-start;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.tab-dataflash .dataflash-contents li {
|
||||
height:26px;
|
||||
position:relative;
|
||||
box-shadow: inset 0 0 5px rgba(0,0,0,0.20);
|
||||
height: 26px;
|
||||
position: relative;
|
||||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.20);
|
||||
border-radius: 4px;
|
||||
|
||||
}
|
||||
|
||||
.tab-dataflash .dataflash-contents li div {
|
||||
position:absolute;
|
||||
top:26px;
|
||||
margin-top:4px;
|
||||
text-align:center;
|
||||
position: absolute;
|
||||
top: 26px;
|
||||
margin-top: 4px;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.tab-dataflash .dataflash-used {
|
||||
background-color:#59AA29;
|
||||
background-color: #59AA29;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.tab-dataflash progress::-webkit-progress-bar {
|
||||
height:24px;
|
||||
background-color:#eee;
|
||||
height: 24px;
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
.tab-dataflash progress::-webkit-progress-value {
|
||||
background-color:#bcf;
|
||||
background-color: #bcf;
|
||||
}
|
||||
|
||||
.tab-dataflash dialog {
|
||||
width:40em;
|
||||
border-radius: 5px;
|
||||
|
||||
width: 40em;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.tab-dataflash dialog .buttons {
|
||||
position:static;
|
||||
position: static;
|
||||
margin-top: 2em;
|
||||
overflow: hidden;
|
||||
width:auto;
|
||||
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tab-dataflash dialog h3 {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.dataflash-confirm-erase .dataflash-erase-progress {
|
||||
height:125px;
|
||||
display:none;
|
||||
height: 125px;
|
||||
display: none;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
}
|
||||
.dataflash-confirm-erase.erasing .dataflash-erase-progress {
|
||||
display:block;
|
||||
display: block;
|
||||
}
|
||||
.dataflash-confirm-erase.erasing h3,
|
||||
.dataflash-confirm-erase.erasing .erase-flash-confirm,
|
||||
.dataflash-confirm-erase.erasing .dataflash-confirm-erase-note {
|
||||
display:none;
|
||||
|
||||
.dataflash-confirm-erase.erasing h3, .dataflash-confirm-erase.erasing .erase-flash-confirm, .dataflash-confirm-erase.erasing .dataflash-confirm-erase-note
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tab-dataflash progress {
|
||||
display:block;
|
||||
width:100%;
|
||||
margin:1em 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.dataflash-saving .dataflash-saving-after {
|
||||
display:none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dataflash-saving.done .dataflash-saving-before {
|
||||
display:none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dataflash-saving.done .dataflash-saving-after {
|
||||
display:block;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.require-dataflash {
|
||||
display:none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tab-dataflash.supported .require-dataflash {
|
||||
display:block;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.require-no-dataflash {
|
||||
display:block;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.tab-dataflash.supported .require-no-dataflash {
|
||||
display:none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1055px), only screen and (max-device-width: 1055px) {
|
||||
|
||||
.tab-dataflash table thead tr:first-child {
|
||||
font-size: 12px;
|
||||
height: 22px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1055px) , only screen and (max-device-width: 1055px) {
|
||||
.tab-dataflash table thead tr:first-child {
|
||||
font-size: 12px;
|
||||
height: 22px;
|
||||
}
|
||||
}
|
|
@ -2,6 +2,7 @@
|
|||
margin: 10px 0 0 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .info .progressLabel {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
|
@ -16,116 +17,103 @@
|
|||
/* text-shadow: 1px 0px 2px rgba(0, 0, 0, 0.9);*/
|
||||
}
|
||||
|
||||
|
||||
.red {
|
||||
background-color: #dc0000;
|
||||
|
||||
background-image: linear-gradient(
|
||||
-45deg,
|
||||
rgba(255, 255, 255, .3) 10%,
|
||||
transparent 10%,
|
||||
transparent 20%,
|
||||
rgba(255, 255, 255, .3) 20%,
|
||||
rgba(255, 255, 255, .3) 30%,
|
||||
transparent 30%,
|
||||
transparent 40%,
|
||||
rgba(255, 255, 255, .3) 40%,
|
||||
rgba(255, 255, 255, .3) 50%,
|
||||
transparent 50%,
|
||||
transparent 60%,
|
||||
rgba(255, 255, 255, .3) 60%,
|
||||
rgba(255, 255, 255, .3) 70%,
|
||||
transparent 70%,
|
||||
transparent 80%,
|
||||
rgba(255, 255, 255, .3) 80%,
|
||||
rgba(255, 255, 255, .3) 90%,
|
||||
transparent 90%,
|
||||
transparent 100%,
|
||||
rgba(255, 255, 255, .4) 100%,
|
||||
transparent );
|
||||
}
|
||||
|
||||
background-color: #dc0000;
|
||||
background-image: linear-gradient(-45deg, rgba(255, 255, 255, .3) 10%, transparent 10%, transparent 20%,
|
||||
rgba(255, 255, 255, .3) 20%, rgba(255, 255, 255, .3) 30%, transparent 30%, transparent 40%,
|
||||
rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .3) 50%, transparent 50%, transparent 60%,
|
||||
rgba(255, 255, 255, .3) 60%, rgba(255, 255, 255, .3) 70%, transparent 70%, transparent 80%,
|
||||
rgba(255, 255, 255, .3) 80%, rgba(255, 255, 255, .3) 90%, transparent 90%, transparent 100%,
|
||||
rgba(255, 255, 255, .4) 100%, transparent);
|
||||
}
|
||||
|
||||
.darkgrey {
|
||||
background-color: #575757;
|
||||
}
|
||||
|
||||
|
||||
|
||||
background-color: #575757;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .spacer_box_title {
|
||||
float:none;}
|
||||
|
||||
float: none;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .info {
|
||||
float:left;
|
||||
width:100%;
|
||||
}
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .info .progressLabel a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .info .progressLabel a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .info .progress {
|
||||
width: 100%;
|
||||
height: 26px;
|
||||
border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid silver;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .info .progress {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .info .progress::-webkit-progress-bar {
|
||||
background-color: #4f4f4f;
|
||||
border-radius: 4px;
|
||||
box-shadow: inset 0px 0px 5px #2f2f2f;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .info .progress::-webkit-progress-value {
|
||||
background-color: #F86008;
|
||||
border-radius: 4px;
|
||||
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .info .progress.valid::-webkit-progress-bar {
|
||||
background-color: #56ac1d;
|
||||
border-radius: 4px;
|
||||
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .info .progress.valid::-webkit-progress-value {
|
||||
background-color: #56ac1d;
|
||||
border-radius: 4px;
|
||||
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .info .progress.invalid::-webkit-progress-bar {
|
||||
background-color: #A62E32;
|
||||
border-radius: 4px;
|
||||
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .info .progress.invalid::-webkit-progress-value {
|
||||
background-color: #A62E32;
|
||||
border-radius: 4px;
|
||||
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .options {
|
||||
position: relative;
|
||||
margin-bottom: 10px;
|
||||
line-height: 18px;
|
||||
text-align:left;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher td {
|
||||
text-align:left;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .options label input {
|
||||
float: left;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .options label span {
|
||||
font-weight: bold;
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .options select {
|
||||
width: 250px;
|
||||
height: 20px;
|
||||
height: 20px;
|
||||
border: 1px solid silver;
|
||||
}
|
||||
|
||||
|
@ -137,37 +125,36 @@
|
|||
margin: 0 0 2px 0;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .options .description {
|
||||
position: relative;
|
||||
left:0px;
|
||||
left: 0px;
|
||||
font-style: italic;
|
||||
color: #818181;
|
||||
}
|
||||
.tab-firmware_flasher .cf_table td:last-child {
|
||||
text-align:left;
|
||||
|
||||
.tab-firmware_flasher .cf_table td:last-child {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
.tab-firmware_flasher .options .flash_on_connect_wrapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .options .manual_baud_rate select {
|
||||
width: 75px;
|
||||
margin-left:19px;
|
||||
margin-left: 19px;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .release_info {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .release_info .title {
|
||||
line-height: 20px;
|
||||
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
|
||||
border-bottom: 1px solid silver;
|
||||
background-color: #3f4241;
|
||||
}
|
||||
|
@ -179,81 +166,87 @@
|
|||
.tab-firmware_flasher .release_info p {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .release_info p a {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .release_info p a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .release_info .notes {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .git_info {
|
||||
display: none;
|
||||
|
||||
margin-bottom: 10px;
|
||||
|
||||
border: 1px solid silver;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .git_info .title {
|
||||
line-height: 20px;
|
||||
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
|
||||
border-bottom: 1px solid silver;
|
||||
background-color: #3f4241;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .git_info p {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .git_info p a {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .git_info p a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .buttons {
|
||||
width: calc(100% - 20px);
|
||||
|
||||
margin-top: 10px;
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .buttons a {
|
||||
display: block;
|
||||
float: left;
|
||||
|
||||
margin: 0 10px 0 0;
|
||||
padding: 0 15px 0 15px;
|
||||
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
|
||||
border: 1px solid silver;
|
||||
background-color: #ececec;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .buttons a:hover {
|
||||
background-color: #dedcdc;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .buttons a.flash_firmware.locked {
|
||||
background-color: #b8b8b8;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .buttons a.flash_firmware.locked:hover {
|
||||
cursor: default;
|
||||
background-color: #b8b8b8;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .buttons a.load_remote_file.locked {
|
||||
background-color: #b8b8b8;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .buttons a.load_remote_file.locked:hover {
|
||||
cursor: default;
|
||||
background-color: #b8b8b8;
|
||||
}
|
||||
|
||||
.tab-firmware_flasher .buttons a.back {
|
||||
float: right;
|
||||
margin: 0;
|
||||
|
@ -262,9 +255,9 @@
|
|||
.btn a.disabled {
|
||||
cursor: default;
|
||||
color: #fff;
|
||||
background-color:#AFAFAF;
|
||||
background-color: #AFAFAF;
|
||||
border: none;
|
||||
pointer-events: none;
|
||||
text-shadow: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
43
tabs/gps.css
43
tabs/gps.css
|
@ -1,44 +1,39 @@
|
|||
.tab-gps {
|
||||
|
||||
}
|
||||
.tab-gps progress {
|
||||
width:100%;
|
||||
border-radius:3px;
|
||||
}
|
||||
.tab-gps .GPS_info .head,
|
||||
.tab-gps .GPS_signal_strength .head {
|
||||
display: block;
|
||||
|
||||
.tab-gps progress {
|
||||
width: 100%;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.tab-gps .GPS_info .head, .tab-gps .GPS_signal_strength .head {
|
||||
display: block;
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
progress[value]::-webkit-progress-bar {
|
||||
background-color: #d2d2d2;
|
||||
border-radius: 2px;
|
||||
box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.95);
|
||||
box-shadow: 0 0 3px rgba(0, 0, 0, 0.25) inset;
|
||||
|
||||
|
||||
progress[value]::-webkit-progress-bar {
|
||||
background-color: #d2d2d2;
|
||||
border-radius: 2px;
|
||||
box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.95);
|
||||
box-shadow: 0 0 3px rgba(0, 0, 0, 0.25) inset;
|
||||
}
|
||||
|
||||
progress[value]::-webkit-progress-value {
|
||||
background-image:
|
||||
-webkit-linear-gradient(top,
|
||||
rgba(255, 255, 255, .15),
|
||||
rgba(0, 0, 0, .15)),
|
||||
-webkit-linear-gradient(left, #59aa29, #59aa29);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25) inset;
|
||||
|
||||
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, 0, .15)),
|
||||
-webkit-linear-gradient(left, #59aa29, #59aa29);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25) inset;
|
||||
}
|
|
@ -1,9 +1,9 @@
|
|||
.tab-help .twothird {
|
||||
width:calc(67% - 15px);
|
||||
margin-right:15px;
|
||||
}
|
||||
|
||||
.tab-help .gui_box {
|
||||
min-height:500px;
|
||||
margin-bottom:0px;
|
||||
width: calc(67% - 15px);
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.tab-help .gui_box {
|
||||
min-height: 500px;
|
||||
margin-bottom: 0px;
|
||||
}
|
360
tabs/landing.css
360
tabs/landing.css
|
@ -1,78 +1,76 @@
|
|||
.tab-landing {
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
background-color:#436c2c;
|
||||
}
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background-color: #436c2c;
|
||||
}
|
||||
|
||||
.tab-landing {
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
width:100%;
|
||||
position:absolute;
|
||||
}
|
||||
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.tab-landing .content_top {
|
||||
float:left;
|
||||
width:100%;
|
||||
background-color:#59aa29;
|
||||
height:240px;
|
||||
height:35%;
|
||||
height:190px;
|
||||
}
|
||||
|
||||
.tab-landing .content_mid {
|
||||
float:left;
|
||||
width:100%;
|
||||
background-color:#eaeaea;
|
||||
float: left;
|
||||
width: 100%;
|
||||
background-color: #59aa29;
|
||||
height: 240px;
|
||||
height: 35%;
|
||||
height: 190px;
|
||||
}
|
||||
|
||||
.tab-landing .content_mid {
|
||||
float: left;
|
||||
width: 100%;
|
||||
background-color: #eaeaea;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.tab-landing .content_foot {
|
||||
float:left;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tab-landing .logowrapper {
|
||||
float:both;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
width:450px;
|
||||
color:white;
|
||||
margin-top:25px;
|
||||
font-size:14px;
|
||||
font-family: 'open_sanslight', Arial;
|
||||
}
|
||||
|
||||
float: both;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 450px;
|
||||
color: white;
|
||||
margin-top: 25px;
|
||||
font-size: 14px;
|
||||
font-family: 'open_sanslight', Arial;
|
||||
}
|
||||
|
||||
.tab-landing .logowrapper img {
|
||||
width:420px;
|
||||
margin:5px;
|
||||
}
|
||||
width: 420px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.tab-landing .logowrapper span {
|
||||
font-size:22px;
|
||||
font-family: 'open_sanslight', Arial;
|
||||
}
|
||||
|
||||
font-size: 22px;
|
||||
font-family: 'open_sanslight', Arial;
|
||||
}
|
||||
|
||||
.tab-landing .content_wrapper {
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
width: calc(100% - 0px);
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: calc(100% - 0px);
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.tab-landing .left {
|
||||
width: 60%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tab-landing .right {
|
||||
float: left;
|
||||
|
||||
margin-left: 10px;
|
||||
width: calc(40% - 10px);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
.contributing li {
|
||||
list-style-type: disc;
|
||||
list-style-position: initial;
|
||||
|
@ -80,190 +78,178 @@
|
|||
}
|
||||
|
||||
#changelog_bt {
|
||||
height: 84px;
|
||||
width:30px;
|
||||
background-color:black;
|
||||
margin-left:-30px;
|
||||
margin-top:30px;
|
||||
position:absolute;
|
||||
border-top-left-radius:3px;
|
||||
border-bottom-left-radius:3px;
|
||||
height: 84px;
|
||||
width: 30px;
|
||||
background-color: black;
|
||||
margin-left: -30px;
|
||||
margin-top: 30px;
|
||||
position: absolute;
|
||||
border-top-left-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#changelog_button {
|
||||
display:block;
|
||||
color:white;
|
||||
height:30px;
|
||||
width: 100px;
|
||||
transform: rotate(270deg);
|
||||
transform-origin: left top 0;
|
||||
#changelog_button {
|
||||
display: block;
|
||||
color: white;
|
||||
height: 30px;
|
||||
width: 100px;
|
||||
transform: rotate(270deg);
|
||||
transform-origin: left top 0;
|
||||
margin-left: 6px;
|
||||
margin-top: 74px;
|
||||
}
|
||||
|
||||
|
||||
.changelog_wrapper {
|
||||
right:0px;
|
||||
width:30px;
|
||||
height: 100%;
|
||||
right: 0px;
|
||||
width: 30px;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.changelog {
|
||||
height:calc(100% - 0px);
|
||||
right:0px;
|
||||
width:0px;
|
||||
background-color:#363736;
|
||||
position:absolute;
|
||||
color:#ccc;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.changelog {
|
||||
height: calc(100% - 0px);
|
||||
right: 0px;
|
||||
width: 0px;
|
||||
background-color: #363736;
|
||||
position: absolute;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.changelog .title {
|
||||
line-height: 20px;
|
||||
text-align:left;
|
||||
padding-left:10px;
|
||||
font-weight: bold;
|
||||
color: #56AC1D;
|
||||
text-transform:uppercase;
|
||||
|
||||
text-align: left;
|
||||
padding-left: 10px;
|
||||
font-weight: bold;
|
||||
color: #56AC1D;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.changelog .changewrapper {
|
||||
height:calc(100% - 40px);
|
||||
height: calc(100% - 40px);
|
||||
padding: 10px;
|
||||
overflow-y: hidden;
|
||||
overflow-x: hidden;
|
||||
-webkit-user-select: text;
|
||||
opacity:0;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.changelog .changewrapper.active {
|
||||
overflow-y: scroll;
|
||||
opacity:0;
|
||||
overflow-y: scroll;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.changelog .changewrapper span {
|
||||
font-weight: bold;
|
||||
line-height:22px;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.changelog .changewrapper ul {
|
||||
margin-bottom:10px;
|
||||
line-height:15px;
|
||||
|
||||
.changelog .changewrapper ul {
|
||||
margin-bottom: 10px;
|
||||
line-height: 15px;
|
||||
}
|
||||
|
||||
.changelog .changewrapper ul span {
|
||||
font-weight: bold;
|
||||
color:#fff;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.changelog .changewrapper li {
|
||||
font-weight: normal;
|
||||
margin-left: 0px;
|
||||
border-top:1px solid #656565;
|
||||
padding-top:4px;
|
||||
padding-bottom:4px;
|
||||
margin-left: 0px;
|
||||
border-top: 1px solid #656565;
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
|
||||
.changelog .changewrapper p {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
|
||||
.text2 ul {
|
||||
margin-bottom:0px;
|
||||
line-height:15px;
|
||||
margin-bottom: 0px;
|
||||
line-height: 15px;
|
||||
}
|
||||
|
||||
|
||||
.text2 li {
|
||||
font-weight: normal;
|
||||
margin-left: 0px;
|
||||
border-top:1px solid #ccc;
|
||||
padding-top:4px;
|
||||
padding-bottom:4px !important;
|
||||
}
|
||||
|
||||
|
||||
font-weight: normal;
|
||||
margin-left: 0px;
|
||||
border-top: 1px solid #ccc;
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px !important;
|
||||
}
|
||||
|
||||
.sponsors .title {
|
||||
text-transform:uppercase;
|
||||
font-size:10px;
|
||||
}
|
||||
|
||||
text-transform: uppercase;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.sponsors {
|
||||
float:both;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
width:825px;
|
||||
text-align:center;
|
||||
color:rgba(255,255,255,0.50);
|
||||
margin-top:2%; }
|
||||
|
||||
float: both;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 825px;
|
||||
text-align: center;
|
||||
color: rgba(255, 255, 255, 0.50);
|
||||
margin-top: 2%;
|
||||
}
|
||||
|
||||
.sponsors ul {
|
||||
margin-top:10px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
margin-top: 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.sponsors li {
|
||||
float:left;
|
||||
margin-right:10px;
|
||||
display:block;
|
||||
}
|
||||
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.sponsors li a {
|
||||
border-radius:3px;
|
||||
padding:2px;
|
||||
padding-left:4px;
|
||||
padding-right:4px;
|
||||
font-size:13px;
|
||||
line-height:10px;
|
||||
color:white;
|
||||
font-weight:normal;
|
||||
font-family: 'open_sanslight', Arial;
|
||||
}
|
||||
|
||||
border-radius: 3px;
|
||||
padding: 2px;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
font-size: 13px;
|
||||
line-height: 10px;
|
||||
color: white;
|
||||
font-weight: normal;
|
||||
font-family: 'open_sanslight', Arial;
|
||||
}
|
||||
|
||||
.sponsors li a:hover {
|
||||
background-color:rgba(255,255,255,0.30);
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
background-color: rgba(255, 255, 255, 0.30);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.text1, .text2, .text3 {
|
||||
margin-top:15px;
|
||||
margin-bottom:15px;
|
||||
font-weight:normal;
|
||||
font-family: 'open_sansregular', Arial;
|
||||
font-size:12px;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
font-weight: normal;
|
||||
font-family: 'open_sansregular', Arial;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.text3 {
|
||||
font-size:11px;
|
||||
.text3 {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.mid_head {
|
||||
font-size:13px;
|
||||
line-height:10px;
|
||||
color:#000;
|
||||
font-weight:bold;
|
||||
margin-bottom:10px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
font-size: 13px;
|
||||
line-height: 10px;
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.donate {
|
||||
float:left;
|
||||
margin-top:15px;
|
||||
width:100%;
|
||||
text-align:center;
|
||||
margin-bottom: -5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
float: left;
|
||||
margin-top: 15px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-bottom: -5px;
|
||||
}
|
||||
|
||||
.text1 a:hover, .text2 a:hover, .text3 a:hover {
|
||||
color:#59aa29;
|
||||
}
|
||||
|
||||
color: #59aa29;
|
||||
}
|
|
@ -1,20 +1,23 @@
|
|||
.tab-logging {
|
||||
|
||||
}
|
||||
|
||||
.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 dt input {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.tab-logging .properties dd {
|
||||
display: block;
|
||||
margin-left: 130px;
|
||||
|
@ -22,23 +25,25 @@
|
|||
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;
|
||||
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tab-logging .info dd {
|
||||
display: block;
|
||||
margin-left: 130px;
|
||||
|
@ -56,14 +61,12 @@
|
|||
}
|
||||
|
||||
.tab-logging .back_btn {
|
||||
display:none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1055px), only screen and (max-device-width: 1055px) {
|
||||
|
||||
.tab-logging table thead tr:first-child {
|
||||
font-size: 12px;
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
}
|
||||
@media only screen and (max-width: 1055px) , only screen and (max-device-width: 1055px) {
|
||||
.tab-logging table thead tr:first-child {
|
||||
font-size: 12px;
|
||||
height: 22px;
|
||||
}
|
||||
}
|
|
@ -2,45 +2,52 @@
|
|||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.tab-modes .boxes th, .tab-modes .boxes td {
|
||||
line-height: 22px;
|
||||
text-align: center;
|
||||
|
||||
border: 1px solid #8b8b8b;
|
||||
}
|
||||
|
||||
.tab-modes .boxes .heads {
|
||||
background-color: #ececec;
|
||||
}
|
||||
|
||||
.tab-modes .boxes .main {
|
||||
background-color: #ececec;
|
||||
}
|
||||
|
||||
.tab-modes .boxes .name {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tab-modes .boxes .on {
|
||||
color: white;
|
||||
background-color: #0d8b13;
|
||||
}
|
||||
|
||||
.tab-modes .boxes .off {
|
||||
color: white;
|
||||
background-color: #be2222;
|
||||
}
|
||||
|
||||
.tab-modes .boxes td input {
|
||||
position: absolute;
|
||||
|
||||
margin-top: -6px;
|
||||
margin-left: -6px;
|
||||
}
|
||||
|
||||
.tab-modes .boxes .switches:nth-child(odd) {
|
||||
background-color: #ececec;
|
||||
}
|
||||
|
||||
.tab-modes .boxes .heads th:first-child {
|
||||
border: 0;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.tab-modes .buttons {
|
||||
width: calc(100% - 20px);
|
||||
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
}
|
||||
}
|
117
tabs/motors.css
117
tabs/motors.css
|
@ -3,10 +3,12 @@
|
|||
width: 100%;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.tab-motors .spacer {
|
||||
width: calc(100% - 34px);
|
||||
margin:10px;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.tab-motors #accel {
|
||||
float: left;
|
||||
width: calc(100% - 292px);
|
||||
|
@ -19,8 +21,8 @@
|
|||
.tab-motors .mixerPreview img {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
margin-top: 18px;
|
||||
margin-left:10px;
|
||||
margin-top: 18px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.tab-motors .plot_control {
|
||||
|
@ -31,22 +33,22 @@
|
|||
height: 160px;
|
||||
margin: 0px;
|
||||
background-color: #ECECEC;
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius:3px;
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.tab-motors .plot_control .title {
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
padding-left:10px;
|
||||
padding-top:10px;
|
||||
padding-left: 10px;
|
||||
padding-top: 10px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.tab-motors .plot_control dl {
|
||||
padding: 10px 10px 0 10px;
|
||||
line-height: 22px;
|
||||
float:left;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.tab-motors .plot_control dt {
|
||||
|
@ -71,38 +73,38 @@
|
|||
|
||||
.tab-motors .plot_control .x {
|
||||
background-color: #00A8F0;
|
||||
padding:3px;
|
||||
padding: 3px;
|
||||
color: #fff;
|
||||
height: 12px;
|
||||
float: right;
|
||||
height: 12px;
|
||||
float: right;
|
||||
border-radius: 3px;
|
||||
line-height: 12px;
|
||||
margin-bottom: 2px;
|
||||
text-align:right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
.tab-motors .plot_control .y {
|
||||
background-color: #C0D800;
|
||||
padding:3px;
|
||||
padding: 3px;
|
||||
color: #fff;
|
||||
height: 12px;
|
||||
float: right;
|
||||
height: 12px;
|
||||
float: right;
|
||||
border-radius: 3px;
|
||||
line-height: 12px;
|
||||
line-height: 12px;
|
||||
margin-bottom: 2px;
|
||||
text-align:right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.tab-motors .plot_control .z {
|
||||
background-color: #CB4B4B;
|
||||
padding:3px;
|
||||
padding: 3px;
|
||||
color: #fff;
|
||||
height: 12px;
|
||||
float: right;
|
||||
height: 12px;
|
||||
float: right;
|
||||
border-radius: 3px;
|
||||
line-height: 12px;
|
||||
line-height: 12px;
|
||||
margin-bottom: 2px;
|
||||
text-align:right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.tab-motors .plot_control .x, .tab-sensors .plot_control .y, .tab-sensors .plot_control .z {
|
||||
|
@ -134,41 +136,48 @@
|
|||
stroke-width: 2px;
|
||||
fill: none;
|
||||
}
|
||||
|
||||
.tab-motors .axis path, .tab-motors .axis line {
|
||||
fill: none;
|
||||
stroke: #ccc;
|
||||
stroke-width: 1px;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
.tab-motors text {
|
||||
stroke: none;
|
||||
fill: #828885;
|
||||
font-size:10px;
|
||||
fill: #828885;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.tab-motors .line:nth-child(1) {
|
||||
stroke: #00A8F0;
|
||||
}
|
||||
|
||||
.tab-motors .line:nth-child(2) {
|
||||
stroke: #C0D800;
|
||||
}
|
||||
|
||||
.tab-motors .line:nth-child(3) {
|
||||
stroke: #CB4B4B;
|
||||
}
|
||||
|
||||
|
||||
.tab-motors .motorblock {
|
||||
margin-bottom:0px;
|
||||
background-color: #ECECEC;
|
||||
/*background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.15));*/
|
||||
}
|
||||
margin-bottom: 0px;
|
||||
background-color: #ECECEC;
|
||||
/*background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.15));*/
|
||||
}
|
||||
|
||||
.tab-motors .left.motors {
|
||||
float: left;
|
||||
width: calc(50% - 50px);
|
||||
}
|
||||
|
||||
.tab-motors .right.servos {
|
||||
float: right;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.tab-motors .title {
|
||||
padding-bottom: 2px;
|
||||
text-align: center;
|
||||
|
@ -178,49 +187,52 @@
|
|||
.tab-motors .title2 {
|
||||
padding-bottom: 2px;
|
||||
text-align: center;
|
||||
font-size:12px;
|
||||
font-family: 'open_sanslight', Arial;
|
||||
}
|
||||
font-size: 12px;
|
||||
font-family: 'open_sanslight', Arial;
|
||||
}
|
||||
|
||||
.tab-motors .titles {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.tab-motors .titles li {
|
||||
float: left;
|
||||
|
||||
width: calc((100% / 9) - 10px);
|
||||
width: calc(( 100%/ 9)- 10px);
|
||||
margin-right: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tab-motors .servos .titles li {
|
||||
float: right;
|
||||
width: calc((100% / 8) - 10px);
|
||||
width: calc(( 100%/ 8)- 10px);
|
||||
margin: 0 0 0 10px;
|
||||
}
|
||||
|
||||
.tab-motors .titles .active {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.tab-motors .m-block {
|
||||
float: left;
|
||||
width: calc((100% / 9) - 10px);
|
||||
width: calc(( 100%/ 9)- 10px);
|
||||
height: 100px;
|
||||
margin-right: 10px;
|
||||
text-align: center;
|
||||
background-color: #f4f4f4;
|
||||
border-radius:3px;
|
||||
box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.tab-motors .m-block .meter-bar {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
|
||||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
|
||||
background-color: #E0E0E0;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #F5F5F5;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.tab-motors .m-block .label {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
|
@ -229,37 +241,41 @@
|
|||
font-weight: bold;
|
||||
color: #474747;
|
||||
}
|
||||
|
||||
.tab-motors .m-block .indicator .label {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.tab-motors .servos .m-block {
|
||||
float: right;
|
||||
width: calc((100% / 8) - 10px);
|
||||
width: calc(( 100%/ 8)- 10px);
|
||||
margin: 0 0 0 10px;
|
||||
border-radius:3px;
|
||||
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.tab-motors .indicator {
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
border-radius:2px;
|
||||
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.tab-motors .motor_testing {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.tab-motors .motor_testing .left {
|
||||
width: calc(50% - 50px);
|
||||
}
|
||||
|
||||
.tab-motors .motor_testing .sliders input {
|
||||
-webkit-appearance: slider-vertical;
|
||||
width: calc((100% / 9) - 13px);
|
||||
width: calc(( 100%/ 9)- 13px);
|
||||
height: 73px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.tab-motors .motor_testing .sliders input:first-child {
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
@ -274,10 +290,11 @@
|
|||
|
||||
.tab-motors .motor_testing .values li {
|
||||
float: left;
|
||||
width: calc((100% / 9) - 10px);
|
||||
width: calc(( 100%/ 9)- 10px);
|
||||
margin-left: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tab-motors .motor_testing .notice {
|
||||
float: right;
|
||||
width: calc(50% - 24px);
|
||||
|
@ -285,7 +302,7 @@
|
|||
border: 2px solid #ccc;
|
||||
border-radius: 3px;
|
||||
background-color: #FFFFFF;
|
||||
font-size:11px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.tab-motors .motor_testing .notice p {
|
||||
|
|
|
@ -1,136 +1,126 @@
|
|||
.tab-pid_tuning {
|
||||
|
||||
|
||||
}
|
||||
|
||||
.tab-pid_tuning .rate-tpa th {
|
||||
font-weight: normal;
|
||||
background-color: #828885;
|
||||
padding: 4px;
|
||||
border-left: 0px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
border-left: 0px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
.tab-pid_tuning .cf tr{
|
||||
.tab-pid_tuning .cf tr {
|
||||
background-color: #DEDEDE;
|
||||
}
|
||||
|
||||
.tab-pid_tuning .cf th {
|
||||
border-right: solid 1px silver;
|
||||
height:19px;
|
||||
font-weight:normal;
|
||||
border-right: solid 1px silver;
|
||||
height: 19px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.tab-pid_tuning .cf th:last-child {
|
||||
border-right:0px;
|
||||
border-right: 0px;
|
||||
}
|
||||
|
||||
|
||||
.tab-pid_tuning .cf td:first-child{
|
||||
border-bottom-left-radius: 3px;
|
||||
.tab-pid_tuning .cf td:first-child {
|
||||
border-bottom-left-radius: 3px;
|
||||
}
|
||||
|
||||
.tab-pid_tuning .cf td:last-child{
|
||||
border-bottom-right-radius: 3px;
|
||||
border-right:0px;
|
||||
|
||||
.tab-pid_tuning .cf td:last-child {
|
||||
border-bottom-right-radius: 3px;
|
||||
border-right: 0px;
|
||||
}
|
||||
|
||||
|
||||
.tab-pid_tuning .cf input {
|
||||
margin:4px;
|
||||
width:calc(100% - 10px);
|
||||
border: 1px solid silver;
|
||||
border-radius:3px;
|
||||
margin: 4px;
|
||||
width: calc(100% - 10px);
|
||||
border: 1px solid silver;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
|
||||
.tab-pid_tuning .cf select {
|
||||
margin:4px;
|
||||
width:calc(100% - 10px);
|
||||
border: 1px solid silver;
|
||||
margin: 4px;
|
||||
width: calc(100% - 10px);
|
||||
border: 1px solid silver;
|
||||
}
|
||||
|
||||
|
||||
.tab-pid_tuning .rate-tpa th:nth-child(2){
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
|
||||
.tab-pid_tuning .rate-tpa th:first-child {
|
||||
border-top-left-radius: 3px;
|
||||
|
||||
}
|
||||
.tab-pid_tuning .rate-tpa th:nth-child(2) {
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
|
||||
.tab-pid_tuning .rate-tpa th:first-child {
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
|
||||
.tab-pid_tuning .rate-tpa th:last-child {
|
||||
border-top-right-radius: 3px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.tab-pid_tuning .rate-tpa {
|
||||
border:0px solid #ccc;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
border: 0px solid #ccc;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.tab-pid_tuning input[type="number"]::-webkit-inner-spin-button {
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.tab-pid_tuning table {
|
||||
float: left;
|
||||
margin:0px;
|
||||
margin: 0px;
|
||||
border-collapse: collapse;
|
||||
width: calc(100% - -1px);
|
||||
}
|
||||
width: calc(100% - -1px);
|
||||
}
|
||||
|
||||
.tab-pid_tuning .gui_box {
|
||||
margin-bottom:0px !important;
|
||||
}
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
|
||||
.tab-pid_tuning table,
|
||||
.tab-pid_tuning table td {
|
||||
.tab-pid_tuning table, .tab-pid_tuning table td {
|
||||
padding: 1px;
|
||||
border-bottom: 0px solid #ccc;
|
||||
}
|
||||
|
||||
.tab-pid_tuning table th {
|
||||
padding: 0px;
|
||||
padding: 0px;
|
||||
border: 0px;
|
||||
height:10px;
|
||||
font-weight:normal;
|
||||
}
|
||||
height: 10px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.tab-pid_tuning .pid_titlebar th {
|
||||
padding:5px;
|
||||
text-align:left;
|
||||
border-right: 1px solid #ccc;
|
||||
width:calc(100% -1px);
|
||||
padding: 5px;
|
||||
text-align: left;
|
||||
border-right: 1px solid #ccc;
|
||||
width: calc(100% -1px);
|
||||
}
|
||||
|
||||
}
|
||||
.tab-pid_tuning .pid_titlebar th:first-child {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.tab-pid_tuning .pid_titlebar th:first-child {
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
.tab-pid_tuning .pid_titlebar th:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
.tab-pid_tuning .pid_titlebar th:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.tab-pid_tuning table tr td:first-child {
|
||||
text-align: left;
|
||||
padding-left:5px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.tab-pid_tuning table tr td:last-child {
|
||||
border-right: 0px solid #ccc;
|
||||
|
||||
border-right: 0px solid #ccc;
|
||||
}
|
||||
|
||||
|
||||
.tab-pid_tuning table td {
|
||||
padding: 1px;
|
||||
width:25%;
|
||||
border-right: 1px solid #ccc;
|
||||
|
||||
width: 25%;
|
||||
border-right: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.tab-pid_tuning table tr td {
|
||||
|
@ -139,6 +129,7 @@
|
|||
}
|
||||
|
||||
.tab-pid_tuning table tr:nth-child(odd) {
|
||||
|
||||
}
|
||||
|
||||
.tab-pid_tuning table input {
|
||||
|
@ -147,58 +138,63 @@
|
|||
height: 20px;
|
||||
line-height: 20px;
|
||||
text-align: right;
|
||||
border:0px solid #ccc;
|
||||
border-radius:0px;
|
||||
border: 0px solid #ccc;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.tab-pid_tuning .controller {
|
||||
float: left;
|
||||
width: calc(50% - 12px);
|
||||
width: calc(50% - 12px);
|
||||
margin-left: 10px;
|
||||
margin-bottom: 10px;
|
||||
border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.tab-pid_tuning .controller .head {
|
||||
display: block;
|
||||
text-align: left;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
padding-left:5px;
|
||||
padding-left: 5px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
background-color: #828885;
|
||||
background-color: #828885;
|
||||
color: white;
|
||||
height:19px;
|
||||
font-weight:normal;
|
||||
padding: 2px;
|
||||
height: 19px;
|
||||
font-weight: normal;
|
||||
padding: 2px;
|
||||
padding-left: 6px;
|
||||
}
|
||||
|
||||
.tab-pid_tuning .controller select {
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.tab-pid_tuning .profile {
|
||||
float: left;
|
||||
width: calc(25% - 2px); /* - border*/
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.tab-pid_tuning .profile .head {
|
||||
display: block;
|
||||
text-align: left;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
padding-left:5px;
|
||||
padding-left: 5px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
background-color: #828885;
|
||||
background-color: #828885;
|
||||
color: white;
|
||||
height:19px;
|
||||
font-weight:normal;
|
||||
padding: 2px;
|
||||
height: 19px;
|
||||
font-weight: normal;
|
||||
padding: 2px;
|
||||
padding-bottom: 3px;
|
||||
padding-left: 6px;
|
||||
}
|
||||
|
||||
|
||||
.tab-pid_tuning .profile select {
|
||||
width: 100%;
|
||||
padding-left: calc(100% - 35px);
|
||||
|
@ -209,87 +205,68 @@
|
|||
.tab-pid_tuning .pid_tuning .name {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.tab-pid_tuning .rate-tpa {
|
||||
float: right;
|
||||
width: calc(100% - 0px); /* - ( "virtual" margin) */
|
||||
}
|
||||
|
||||
.tab-pid_tuning .top-buttons {
|
||||
float:right;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.tab-pid_tuning .fixed_band {
|
||||
position: absolute;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
bottom: 0px;
|
||||
}
|
||||
|
||||
.pid_mode {
|
||||
width: calc(100% - 5px);
|
||||
width: calc(100% - 5px);
|
||||
height: 20px;
|
||||
background-color: #D6D6D6;
|
||||
float: left;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
text-align: center;
|
||||
padding-left:5px;
|
||||
padding-left: 5px;
|
||||
line-height: 13px;
|
||||
padding-top: 6px;
|
||||
font-size: 12px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
color: #828282;
|
||||
font-family: 'open_sans', Arial;
|
||||
background-image: linear-gradient(
|
||||
-45deg,
|
||||
rgba(255, 255, 255, .2) 10%,
|
||||
transparent 10%,
|
||||
transparent 20%,
|
||||
rgba(255, 255, 255, .2) 20%,
|
||||
rgba(255, 255, 255, .2) 30%,
|
||||
transparent 30%,
|
||||
transparent 40%,
|
||||
rgba(255, 255, 255, .2) 40%,
|
||||
rgba(255, 255, 255, .2) 50%,
|
||||
transparent 50%,
|
||||
transparent 60%,
|
||||
rgba(255, 255, 255, .2) 60%,
|
||||
rgba(255, 255, 255, .2) 70%,
|
||||
transparent 70%,
|
||||
transparent 80%,
|
||||
rgba(255, 255, 255, .2) 80%,
|
||||
rgba(255, 255, 255, .2) 90%,
|
||||
transparent 90%,
|
||||
transparent 100%,
|
||||
rgba(255, 255, 255, .2) 100%,
|
||||
transparent );
|
||||
|
||||
|
||||
}
|
||||
font-family: 'open_sans', Arial;
|
||||
background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 10%, transparent 10%, transparent 20%,
|
||||
rgba(255, 255, 255, .2) 20%, rgba(255, 255, 255, .2) 30%, transparent 30%, transparent 40%,
|
||||
rgba(255, 255, 255, .2) 40%, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent 60%,
|
||||
rgba(255, 255, 255, .2) 60%, rgba(255, 255, 255, .2) 70%, transparent 70%, transparent 80%,
|
||||
rgba(255, 255, 255, .2) 80%, rgba(255, 255, 255, .2) 90%, transparent 90%, transparent 100%,
|
||||
rgba(255, 255, 255, .2) 100%, transparent);
|
||||
}
|
||||
|
||||
.pid_titlebar {
|
||||
color: #fff;
|
||||
background-color: #828885;
|
||||
border-top-left-radius:3px;
|
||||
border-top-right-radius:3px;
|
||||
height:20px;
|
||||
}
|
||||
color: #fff;
|
||||
background-color: #828885;
|
||||
border-top-left-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.pid_titlebar td:first-child {
|
||||
text-align:left;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.show a {
|
||||
margin-left: 10px;
|
||||
margin-left: 10px;
|
||||
width: calc(100% - 10px);
|
||||
|
||||
}
|
||||
|
||||
.tab-pid_tuning .helpicon {
|
||||
margin-top:0px;
|
||||
}
|
||||
|
||||
.tab-pid_tuning .helpicon {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
#content-watermark {
|
||||
position: absolute;
|
||||
position: absolute;
|
||||
bottom: 40px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
|
@ -301,4 +278,4 @@
|
|||
background-size: 430px;
|
||||
height: 174px;
|
||||
opacity: 0.15;
|
||||
}
|
||||
}
|
|
@ -8,47 +8,42 @@
|
|||
|
||||
.tab-ports table {
|
||||
margin-bottom: 10px;
|
||||
width:100%;
|
||||
border-collapse:collapse;
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.tab-ports table,
|
||||
.tab-ports table th,
|
||||
.tab-ports table td {
|
||||
border-left:0px;
|
||||
border-right:0px;
|
||||
border-top:0px;
|
||||
|
||||
|
||||
.tab-ports table, .tab-ports table th, .tab-ports table td {
|
||||
border-left: 0px;
|
||||
border-right: 0px;
|
||||
border-top: 0px;
|
||||
}
|
||||
|
||||
.tab-ports table tr td:first-child {
|
||||
text-align: left;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.tab-ports table td {
|
||||
border-bottom:1px solid #e4e4e4;
|
||||
padding-top:6px;
|
||||
padding-bottom:7px;
|
||||
padding-left:5px;
|
||||
padding-right:5px;
|
||||
border-left:1px solid #e4e4e4;
|
||||
border-right:1px solid #e4e4e4;
|
||||
}
|
||||
|
||||
|
||||
.tab-ports table thead tr:first-child,
|
||||
.tab-ports table tr:nth-child(even) {
|
||||
background-color:#f9f9f9;
|
||||
}
|
||||
border-bottom: 1px solid #e4e4e4;
|
||||
padding-top: 6px;
|
||||
padding-bottom: 7px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
border-left: 1px solid #e4e4e4;
|
||||
border-right: 1px solid #e4e4e4;
|
||||
}
|
||||
|
||||
.tab-ports table thead tr:first-child, .tab-ports table tr:nth-child(even) {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
.tab-ports table thead tr:first-child {
|
||||
background-color:#e4e4e4;
|
||||
font-size:12px;
|
||||
height:25px;
|
||||
font-family: 'open_sansregular', Arial;
|
||||
border-top:0px;
|
||||
border-right:0px;
|
||||
border-left:0px;
|
||||
background-color: #e4e4e4;
|
||||
font-size: 12px;
|
||||
height: 25px;
|
||||
font-family: 'open_sansregular', Arial;
|
||||
border-top: 0px;
|
||||
border-right: 0px;
|
||||
border-left: 0px;
|
||||
}
|
||||
|
||||
.tab-ports .function input {
|
||||
|
@ -63,18 +58,20 @@
|
|||
border: 1px solid silver;
|
||||
}
|
||||
|
||||
|
||||
.tab-ports .require-support {
|
||||
display:none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tab-ports.supported .require-support {
|
||||
display:block;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.tab-ports .require-upgrade {
|
||||
display:block;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.tab-ports.supported .require-upgrade {
|
||||
display:none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tab-ports .ports thead td {
|
||||
|
@ -87,23 +84,17 @@
|
|||
|
||||
.tab-ports .ports thead td:first-child {
|
||||
border-top-left-radius: 5px;
|
||||
border-left:0px;
|
||||
|
||||
border-left: 0px;
|
||||
}
|
||||
|
||||
.tab-ports .ports thead td:last-child {
|
||||
border-top-right-radius: 5px;
|
||||
border-right:0px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 1055px), only screen and (max-device-width: 1055px) {
|
||||
|
||||
.tab-ports table thead tr:first-child {
|
||||
font-size: 12px;
|
||||
height: 22px;
|
||||
border-right: 0px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1055px) , only screen and (max-device-width: 1055px) {
|
||||
.tab-ports table thead tr:first-child {
|
||||
font-size: 12px;
|
||||
height: 22px;
|
||||
}
|
||||
}
|
|
@ -1,5 +1,5 @@
|
|||
.tab-receiver {
|
||||
font-weight:normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.tab-receiver .spacer {
|
||||
|
@ -7,7 +7,7 @@
|
|||
padding-right: 9px;
|
||||
width: calc(100% - 18px);
|
||||
}
|
||||
|
||||
|
||||
.tab-receiver input[type="number"]::-webkit-inner-spin-button {
|
||||
border: 0;
|
||||
}
|
||||
|
@ -20,7 +20,7 @@
|
|||
|
||||
.tab-receiver .bars {
|
||||
float: left;
|
||||
width:calc(50% - 20px);
|
||||
width: calc(50% - 20px);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
@ -41,6 +41,7 @@
|
|||
width: 50px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.tab-receiver .bars .meter {
|
||||
width: calc(100% - 60px);
|
||||
}
|
||||
|
@ -52,7 +53,7 @@
|
|||
height: 15px;
|
||||
border: 1px solid silver;
|
||||
background-color: #f4f4f4;
|
||||
border-radius:3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.tab-receiver .bars .meter-bar .label {
|
||||
|
@ -63,65 +64,68 @@
|
|||
text-align: center;
|
||||
color: #474747;
|
||||
}
|
||||
|
||||
.tab-receiver .bars .meter-bar .fill {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border-radius:2px;
|
||||
border-radius: 2px;
|
||||
width: 50%;
|
||||
height: 15px;
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
.tab-receiver .bars .meter-bar .fill .label {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.tab-receiver .bars ul:nth-of-type(1) .fill {
|
||||
background-color: #f1453d;
|
||||
|
||||
}
|
||||
|
||||
.tab-receiver .bars ul:nth-of-type(2) .fill {
|
||||
background-color: #673fb4;
|
||||
|
||||
}
|
||||
|
||||
.tab-receiver .bars ul:nth-of-type(3) .fill {
|
||||
background-color: #2b98f0;
|
||||
|
||||
}
|
||||
|
||||
.tab-receiver .bars ul:nth-of-type(4) .fill {
|
||||
background-color: #1fbcd2;
|
||||
|
||||
}
|
||||
|
||||
.tab-receiver .bars ul:nth-of-type(5) .fill {
|
||||
background-color: #159588;
|
||||
|
||||
background-color: #159588;
|
||||
}
|
||||
|
||||
.tab-receiver .bars ul:nth-of-type(6) .fill {
|
||||
background-color: #50ae55;
|
||||
background-color: #50ae55;
|
||||
}
|
||||
|
||||
}
|
||||
.tab-receiver .bars ul:nth-of-type(7) .fill {
|
||||
background-color: #cdda49;
|
||||
background-color: #cdda49;
|
||||
}
|
||||
|
||||
.tab-receiver .bars ul:nth-of-type(8) .fill {
|
||||
background-color: #fdc02f;
|
||||
|
||||
}
|
||||
|
||||
.tab-receiver .bars ul:nth-of-type(9) .fill {
|
||||
background-color: #fc5830;
|
||||
|
||||
background-color: #fc5830;
|
||||
}
|
||||
|
||||
.tab-receiver .bars ul:nth-of-type(10) .fill {
|
||||
background-color: #785549;
|
||||
|
||||
}
|
||||
|
||||
.tab-receiver .bars ul:nth-of-type(11) .fill {
|
||||
background-color: #9e9e9e;
|
||||
|
||||
background-color: #9e9e9e;
|
||||
}
|
||||
|
||||
.tab-receiver .bars ul:nth-of-type(12) .fill {
|
||||
background-color: #617d8a;
|
||||
|
||||
background-color: #617d8a;
|
||||
}
|
||||
|
||||
.tab-receiver .bars ul:nth-of-type(13) .fill {
|
||||
background-color: #cf267d;
|
||||
}
|
||||
|
@ -141,12 +145,11 @@
|
|||
.tab-receiver .tunings {
|
||||
float: right;
|
||||
width: 45%;
|
||||
|
||||
}
|
||||
|
||||
.tab-receiver .tunings table {
|
||||
border-collapse: collapse;
|
||||
width:calc(100% - 2px);
|
||||
width: calc(100% - 2px);
|
||||
}
|
||||
|
||||
.tab-receiver .tunings .throttle {
|
||||
|
@ -158,39 +161,35 @@
|
|||
}
|
||||
|
||||
.tab-receiver .tunings .yaw_rate {
|
||||
margin-left: 0px;
|
||||
margin-left: 0px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.tab-receiver .tunings table, .tab-receiver .tunings table th, .tab-receiver .tunings table td {
|
||||
padding: 4px;
|
||||
text-align: left;
|
||||
text-align: left;
|
||||
padding-left: 6px;
|
||||
}
|
||||
|
||||
.tab-receiver .tunings table th {
|
||||
background: #828885;
|
||||
background: #828885;
|
||||
color: white;
|
||||
border-right: 1px solid silver;
|
||||
font-weight:normal;
|
||||
|
||||
border-right: 1px solid silver;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
||||
.tab-receiver .tunings table th:first-child {
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
|
||||
.tab-receiver .tunings table th:last-child {
|
||||
border-top-right-radius: 3px;
|
||||
border-right: 0px;
|
||||
border-right: 0px;
|
||||
}
|
||||
|
||||
|
||||
.tab-receiver .tunings table td {
|
||||
background: #DEDEDE;
|
||||
border-right: 1px solid silver;
|
||||
|
||||
background: #DEDEDE;
|
||||
border-right: 1px solid silver;
|
||||
}
|
||||
|
||||
.tab-receiver .tunings table td:first-child {
|
||||
|
@ -199,7 +198,7 @@
|
|||
|
||||
.tab-receiver .tunings table td:last-child {
|
||||
border-bottom-right-radius: 5px;
|
||||
border-right: 0px;
|
||||
border-right: 0px;
|
||||
}
|
||||
|
||||
.tab-receiver .tunings table td {
|
||||
|
@ -212,10 +211,10 @@
|
|||
|
||||
.tab-receiver .tunings table input {
|
||||
width: calc(100% - 8px);
|
||||
border:1px solid silver;
|
||||
border-radius:3px;
|
||||
border: 1px solid silver;
|
||||
border-radius: 3px;
|
||||
height: 20px;
|
||||
margin:3px;
|
||||
margin: 3px;
|
||||
line-height: 20px;
|
||||
text-align: right;
|
||||
}
|
||||
|
@ -223,12 +222,11 @@
|
|||
.tab-receiver .rssi_channel_wrapper {
|
||||
float: right;
|
||||
margin: 0px 0px 10px 0;
|
||||
border-left: 0;
|
||||
width:30%;
|
||||
border-top-right-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
background-color:#DEDEDE;
|
||||
|
||||
border-left: 0;
|
||||
width: 30%;
|
||||
border-top-right-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
background-color: #DEDEDE;
|
||||
}
|
||||
|
||||
.tab-receiver .rssi_channel_wrapper .head {
|
||||
|
@ -236,50 +234,48 @@
|
|||
padding: 4px;
|
||||
text-align: left;
|
||||
padding-left: 6px;
|
||||
font-weight: normal;
|
||||
background: #828885;
|
||||
font-weight: normal;
|
||||
background: #828885;
|
||||
color: white;
|
||||
border-top-right-radius: 5px;
|
||||
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
|
||||
.tab-receiver .rssi_channel_wrapper select {
|
||||
height: 22px;
|
||||
padding-left: 5px;
|
||||
border: 1px solid silver;
|
||||
margin:4px;
|
||||
width: calc(100% - 8px);
|
||||
|
||||
border: 1px solid silver;
|
||||
margin: 4px;
|
||||
width: calc(100% - 8px);
|
||||
}
|
||||
|
||||
.tab-receiver .rcmap_wrapper {
|
||||
float: right;
|
||||
position: relative;
|
||||
margin: 0px 0px 10px 0;
|
||||
width:calc(70% - 0px);
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
background-color:#DEDEDE;
|
||||
|
||||
width: calc(70% - 0px);
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
background-color: #DEDEDE;
|
||||
}
|
||||
|
||||
.tab-receiver .rcmap_wrapper .head {
|
||||
height: 15px;
|
||||
padding: 4px;
|
||||
text-align: left;
|
||||
padding-left: 6px;
|
||||
font-weight: normal;
|
||||
background: #828885;
|
||||
padding-left: 6px;
|
||||
font-weight: normal;
|
||||
background: #828885;
|
||||
color: white;
|
||||
border-top-left-radius: 5px;
|
||||
border-right: 1px solid silver;
|
||||
border-top-left-radius: 5px;
|
||||
border-right: 1px solid silver;
|
||||
}
|
||||
|
||||
.tab-receiver .rcmap_wrapper .head span {
|
||||
|
||||
}
|
||||
|
||||
.tab-receiver .hybrid_element {
|
||||
border-right: 1px solid silver;
|
||||
border-right: 1px solid silver;
|
||||
}
|
||||
|
||||
.tab-receiver .hybrid_element input {
|
||||
|
@ -288,27 +284,23 @@
|
|||
width: calc(100% - 36px);
|
||||
height: 20px;
|
||||
z-index: 2;
|
||||
border-radius:0px;
|
||||
border: 1px solid silver;
|
||||
margin:4px;
|
||||
|
||||
border-radius: 0px;
|
||||
border: 1px solid silver;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
.tab-receiver .hybrid_element select {
|
||||
width: 100%;
|
||||
height: 22px;
|
||||
z-index: 1;
|
||||
border: 1px solid silver;
|
||||
margin:4px;
|
||||
width: calc(100% - 10px);
|
||||
|
||||
|
||||
|
||||
border: 1px solid silver;
|
||||
margin: 4px;
|
||||
width: calc(100% - 10px);
|
||||
}
|
||||
|
||||
.tab-receiver .curves {
|
||||
float: left;
|
||||
margin-right:10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.tab-receiver .throttle_curve {
|
||||
|
@ -317,9 +309,9 @@
|
|||
height: 117px;
|
||||
border: 1px solid silver;
|
||||
border-radius: 3px;
|
||||
background-image:url(../images/paper.jpg);
|
||||
background-size:200%;
|
||||
background-position:center;
|
||||
background-image: url(../images/paper.jpg);
|
||||
background-size: 200%;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.tab-receiver .pitch_roll_curve {
|
||||
|
@ -328,9 +320,9 @@
|
|||
height: 117px;
|
||||
border: 1px solid silver;
|
||||
border-radius: 3px;
|
||||
background-image:url(../images/paper.jpg);
|
||||
background-size:200%;
|
||||
background-position:center;
|
||||
background-image: url(../images/paper.jpg);
|
||||
background-size: 200%;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.tab-receiver select[name="rx_refresh_rate"] {
|
||||
|
@ -438,6 +430,6 @@
|
|||
|
||||
.tab-receiver text {
|
||||
stroke: none;
|
||||
fill: #828885;
|
||||
font-size:10px;
|
||||
}
|
||||
fill: #828885;
|
||||
font-size: 10px;
|
||||
}
|
|
@ -9,77 +9,75 @@ body {
|
|||
/* A generous padding around the window edges ensures that we continue to receive mousemove events (since
|
||||
* cursor stays in the window for longer)
|
||||
*/
|
||||
padding:25px;
|
||||
padding-bottom:0;
|
||||
text-align:center;
|
||||
padding: 25px;
|
||||
padding-bottom: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.control-gimbal {
|
||||
position:relative;
|
||||
width:120px;
|
||||
height:120px;
|
||||
background-color:#eee;
|
||||
margin-left:1em;
|
||||
margin-right:1em;
|
||||
margin-bottom:2em;
|
||||
display:inline-block;
|
||||
border-radius:5px;
|
||||
|
||||
cursor:pointer;
|
||||
position: relative;
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
background-color: #eee;
|
||||
margin-left: 1em;
|
||||
margin-right: 1em;
|
||||
margin-bottom: 2em;
|
||||
display: inline-block;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.crosshair {
|
||||
display:block;
|
||||
position:absolute;
|
||||
background-color:#ddd;
|
||||
display: block;
|
||||
position: absolute;
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
.crosshair-vert {
|
||||
width:1px;
|
||||
height:100%;
|
||||
left:50%;
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
.crosshair-horz {
|
||||
height:1px;
|
||||
width:100%;
|
||||
top:50%;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
.gimbal-label {
|
||||
display:block;
|
||||
position:absolute;
|
||||
text-align:center;
|
||||
display: block;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.gimbal-label-horz {
|
||||
top:calc(100% + 0.5em);
|
||||
width:100%;
|
||||
top: calc(100% + 0.5em);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.gimbal-label-vert {
|
||||
transform:rotate(-90deg);
|
||||
transform: rotate(-90deg);
|
||||
/*transform-origin:0% 100%;*/
|
||||
top:calc(50% - 0.5em);
|
||||
width:100%;
|
||||
left:calc(-50% - 1em);
|
||||
top: calc(50% - 0.5em);
|
||||
width: 100%;
|
||||
left: calc(-50% - 1em);
|
||||
}
|
||||
|
||||
.control-stick {
|
||||
background-color:rgba(255,50,50,1.0);
|
||||
width:20px;
|
||||
height:20px;
|
||||
margin-left:-10px;
|
||||
margin-top:-10px;
|
||||
display:block;
|
||||
border-radius:100%;
|
||||
position:absolute;
|
||||
|
||||
cursor:pointer;
|
||||
background-color: rgba(255, 50, 50, 1.0);
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-left: -10px;
|
||||
margin-top: -10px;
|
||||
display: block;
|
||||
border-radius: 100%;
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.control-slider {
|
||||
margin:20px;
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
|
@ -89,21 +87,21 @@ body {
|
|||
}
|
||||
|
||||
.control-slider .slider {
|
||||
margin-left:50px;
|
||||
margin-right:50px;
|
||||
margin-left: 50px;
|
||||
margin-right: 50px;
|
||||
}
|
||||
|
||||
.slider-label {
|
||||
position:absolute;
|
||||
text-align:right;
|
||||
width:40px;
|
||||
left:-65px;
|
||||
position: absolute;
|
||||
text-align: right;
|
||||
width: 40px;
|
||||
left: -65px;
|
||||
}
|
||||
|
||||
.button-enable {
|
||||
padding:0.5em;
|
||||
font-size:110%;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
display:block;
|
||||
padding: 0.5em;
|
||||
font-size: 110%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: block;
|
||||
}
|
|
@ -1,20 +1,26 @@
|
|||
.tab-sensors {
|
||||
|
||||
}
|
||||
|
||||
.tab-sensors .info {
|
||||
margin-bottom: 10px;
|
||||
margin-top: 8px;
|
||||
margin-left: 10px;}
|
||||
margin-left: 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: 160px;
|
||||
|
@ -23,127 +29,146 @@
|
|||
height: 160px;
|
||||
margin: 0px;
|
||||
background-color: #ECECEC;
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius:3px;
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.tab-sensors .plot_control .title {
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
padding-left:10px;
|
||||
padding-top:10px;
|
||||
padding-left: 10px;
|
||||
padding-top: 10px;
|
||||
text-align: left;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.tab-sensors .plot_control dl {
|
||||
padding: 10px 10px 0 10px;
|
||||
line-height: 22px;
|
||||
float:left;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.tab-sensors .plot_control dt {
|
||||
float: left;
|
||||
width: 60px;
|
||||
height: 22px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tab-sensors .plot_control dd {
|
||||
/* margin-left: 20px; */
|
||||
height: 25px;
|
||||
float: right;
|
||||
width: 73px;
|
||||
}
|
||||
|
||||
.tab-sensors .plot_control select {
|
||||
float: right;
|
||||
width: 80px;
|
||||
border: 1px solid silver;
|
||||
}
|
||||
|
||||
.tab-sensors .plot_control .x {
|
||||
background-color: #00A8F0;
|
||||
padding:3px;
|
||||
padding: 3px;
|
||||
color: #fff;
|
||||
height: 12px;
|
||||
float: right;
|
||||
height: 12px;
|
||||
float: right;
|
||||
border-radius: 3px;
|
||||
line-height: 12px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.tab-sensors .plot_control .y {
|
||||
background-color: #C0D800;
|
||||
padding:3px;
|
||||
padding: 3px;
|
||||
color: #fff;
|
||||
height: 12px;
|
||||
float: right;
|
||||
height: 12px;
|
||||
float: right;
|
||||
border-radius: 3px;
|
||||
line-height: 12px;
|
||||
line-height: 12px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.tab-sensors .plot_control .z {
|
||||
background-color: #CB4B4B;
|
||||
padding:3px;
|
||||
padding: 3px;
|
||||
color: #fff;
|
||||
height: 12px;
|
||||
float: right;
|
||||
height: 12px;
|
||||
float: right;
|
||||
border-radius: 3px;
|
||||
line-height: 12px;
|
||||
line-height: 12px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
float: left;
|
||||
width: calc(100% - 180px);
|
||||
height: 140px;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.tab-sensors .grid .tick {
|
||||
stroke: silver;
|
||||
stroke-width: 1px;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
.tab-sensors .grid path {
|
||||
stroke-width: 0;
|
||||
}
|
||||
|
||||
.tab-sensors .data .line {
|
||||
stroke-width: 2px;
|
||||
fill: none;
|
||||
}
|
||||
|
||||
.tab-sensors .axis path, .tab-sensors .axis line {
|
||||
fill: none;
|
||||
stroke: #ccc;
|
||||
stroke-width: 1px;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
.tab-sensors text {
|
||||
stroke: none;
|
||||
fill: #828885;
|
||||
font-size:10px;
|
||||
|
||||
fill: #828885;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.tab-sensors .line:nth-child(1) {
|
||||
stroke: #00A8F0;
|
||||
}
|
||||
|
||||
.tab-sensors .line:nth-child(2) {
|
||||
stroke: #C0D800;
|
||||
}
|
||||
|
||||
.tab-sensors .line:nth-child(3) {
|
||||
stroke: #CB4B4B;
|
||||
}
|
||||
|
||||
.tab-sensors .line:nth-child(4) {
|
||||
stroke: #4DA74D;
|
||||
}
|
||||
|
||||
.tab-sensors .legend .item:nth-child(1) {
|
||||
fill: #00A8F0;
|
||||
}
|
||||
|
||||
.tab-sensors .legend .item:nth-child(2) {
|
||||
fill: #C0D800;
|
||||
}
|
||||
|
||||
.tab-sensors .legend .item:nth-child(3) {
|
||||
fill: #CB4B4B;
|
||||
}
|
||||
|
||||
.tab-sensors .legend .item:nth-child(4) {
|
||||
fill: #4DA74D;
|
||||
}
|
||||
}
|
101
tabs/servos.css
101
tabs/servos.css
|
@ -1,31 +1,30 @@
|
|||
.tab-servos {
|
||||
|
||||
}
|
||||
|
||||
.tab-servos .title {
|
||||
margin-top: 0px;
|
||||
line-height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
border: 1px solid #e4e4e4;
|
||||
border-bottom: 0;
|
||||
background-color: #DADADA;
|
||||
background-color: #DADADA;
|
||||
color: #797979;
|
||||
border-top-right-radius:5px;
|
||||
border-top-left-radius:5px;
|
||||
border-top-right-radius: 5px;
|
||||
border-top-left-radius: 5px;
|
||||
}
|
||||
|
||||
.tab-servos table {
|
||||
margin-bottom: 10px;
|
||||
width:100%;
|
||||
border-collapse:collapse;
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.tab-servos table,
|
||||
.tab-servos table th,
|
||||
.tab-servos table td {
|
||||
border-left:0px;
|
||||
border-right:0px;
|
||||
border-top:0px;
|
||||
.tab-servos table, .tab-servos table th, .tab-servos table td {
|
||||
border-left: 0px;
|
||||
border-right: 0px;
|
||||
border-top: 0px;
|
||||
}
|
||||
|
||||
.tab-servos input[type="number"]::-webkit-inner-spin-button {
|
||||
|
@ -38,49 +37,50 @@
|
|||
}
|
||||
|
||||
.tab-servos table th {
|
||||
padding-top:3px;
|
||||
padding-bottom:3px;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
text-align: center;
|
||||
border: 1px solid #e4e4e4;
|
||||
}
|
||||
|
||||
.tab-servos table td {
|
||||
border-bottom:1px solid #e4e4e4;
|
||||
padding-top:6px;
|
||||
padding-bottom:7px;
|
||||
padding-left:5px;
|
||||
padding-right:5px;
|
||||
border-left:1px solid #e4e4e4;
|
||||
border-right:1px solid #e4e4e4;
|
||||
border-bottom: 1px solid #e4e4e4;
|
||||
padding-top: 6px;
|
||||
padding-bottom: 7px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
border-left: 1px solid #e4e4e4;
|
||||
border-right: 1px solid #e4e4e4;
|
||||
}
|
||||
|
||||
.tab-servos table tr:nth-child(even) {
|
||||
background-color:#f9f9f9;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
.tab-servos table tr:first-child {
|
||||
border-left:1px solid #e4e4e4;
|
||||
border-right:1px solid #e4e4e4;
|
||||
background-color: #828885;
|
||||
|
||||
.tab-servos table tr:first-child {
|
||||
border-left: 1px solid #e4e4e4;
|
||||
border-right: 1px solid #e4e4e4;
|
||||
background-color: #828885;
|
||||
color: #FFF;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.tab-servos table td:nth-child(2) {
|
||||
width:140px;
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
|
||||
.tab-servos table td:nth-child(3) {
|
||||
width:140px;
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
|
||||
.tab-servos table td:nth-child(4) {
|
||||
width:140px;
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
|
||||
.tab-servos table td:nth-child(19) {
|
||||
width:110px;
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
|
||||
.tab-servos table .main {
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
|
@ -93,12 +93,12 @@ width:110px;
|
|||
}
|
||||
|
||||
.tab-servos table input {
|
||||
border: 1px solid silver;
|
||||
border-radius:3px;
|
||||
}
|
||||
|
||||
border: 1px solid silver;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.tab-servos table select {
|
||||
border: 1px solid silver;
|
||||
border: 1px solid silver;
|
||||
}
|
||||
|
||||
.tab-servos table .channel input {
|
||||
|
@ -114,14 +114,15 @@ width:110px;
|
|||
}
|
||||
|
||||
.tab-servos table .direction {
|
||||
|
||||
}
|
||||
|
||||
.tab-servos .direction .name {
|
||||
float: left;
|
||||
display: block;
|
||||
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.tab-servos .direction .alternate {
|
||||
float: left;
|
||||
display: block;
|
||||
|
@ -165,21 +166,21 @@ width:110px;
|
|||
}
|
||||
|
||||
.tab-servos .require-support {
|
||||
display:none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tab-servos.supported .require-support {
|
||||
display:block;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.tab-servos .require-upgrade {
|
||||
display:block;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.tab-servos.supported .require-upgrade {
|
||||
display:none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tab-servos .live span {
|
||||
margin-right:10px;
|
||||
}
|
||||
margin-right: 10px;
|
||||
}
|
122
tabs/setup.css
122
tabs/setup.css
|
@ -1,54 +1,53 @@
|
|||
.tab_setup .model-and-info {
|
||||
float: left;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.tab_setup .default_btn {
|
||||
margin-bottom:10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#interactive_block {
|
||||
#interactive_block {
|
||||
position: absolute;
|
||||
width: calc(75% - 30px);
|
||||
height: calc(100% - 245px);
|
||||
background-color:#f9f9f9;
|
||||
border-radius: 5px;
|
||||
border:1px solid #e4e4e4;
|
||||
margin-bottom:10px;
|
||||
/* min-height:400px; */
|
||||
width: calc(75% - 30px);
|
||||
height: calc(100% - 245px);
|
||||
background-color: #f9f9f9;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #e4e4e4;
|
||||
margin-bottom: 10px;
|
||||
/* min-height:400px; */
|
||||
}
|
||||
|
||||
.attitude_info {
|
||||
position: absolute;
|
||||
top:10px;
|
||||
left:10px;
|
||||
width:120px;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
width: 120px;
|
||||
margin: 0px 0px 0px 0px;
|
||||
font-weight: normal;
|
||||
color: #616161;
|
||||
}
|
||||
|
||||
.attitude_info dl {
|
||||
width:100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.attitude_info dt {
|
||||
width:50%;
|
||||
float:left;
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.attitude_info dd {
|
||||
width:50%;
|
||||
float:left;
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
#interactive_block a.reset {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 10px;
|
||||
right:10px;
|
||||
z-index:10;
|
||||
border-radius:3px;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
z-index: 10;
|
||||
border-radius: 3px;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
height: 28px;
|
||||
|
@ -58,9 +57,10 @@ margin-bottom:10px;
|
|||
font-weight: bold;
|
||||
border: 1px solid silver;
|
||||
background-color: #ececec;
|
||||
border-radius: 3px:
|
||||
border-radius: 3px:
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
#interactive_block a.reset:hover {
|
||||
background-color: #dedcdc;
|
||||
}
|
||||
|
@ -71,18 +71,15 @@ margin-bottom:10px;
|
|||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-image:url(../images/paper.jpg);
|
||||
background-size:100%;
|
||||
background-position:center;
|
||||
background-image: url(../images/paper.jpg);
|
||||
background-size: 100%;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.gui_box grey .block_wrapper {
|
||||
font-size: 0;
|
||||
}
|
||||
/**/
|
||||
|
||||
.gui_box grey .block {
|
||||
float: left;
|
||||
display: block;
|
||||
|
@ -98,6 +95,7 @@ margin-bottom:10px;
|
|||
border-bottom: 1px solid silver;
|
||||
background-color: #ececec;
|
||||
}
|
||||
|
||||
.gui_box grey .block.info {
|
||||
display: inline-block;
|
||||
margin-bottom: 10px;
|
||||
|
@ -106,31 +104,33 @@ margin-bottom:10px;
|
|||
border: 1px solid silver;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.block.info .fields {
|
||||
padding: 5px 5px 3px 5px;
|
||||
}
|
||||
|
||||
.block.info dt {
|
||||
float: left;
|
||||
width: 99px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.block.info dd {
|
||||
width: 76px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
margin-left: 99px;
|
||||
}
|
||||
|
||||
.block.gps {
|
||||
width: 185px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.block.gps .fields {
|
||||
padding: 5px 5px 3px 5px;
|
||||
}
|
||||
|
||||
.block.gps dt {
|
||||
float: left;
|
||||
width: 85px;
|
||||
|
@ -141,8 +141,8 @@ margin-bottom:10px;
|
|||
|
||||
.block.instruments {
|
||||
width: 285px;
|
||||
align-content:center;
|
||||
text-align:center;
|
||||
align-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.buttons {
|
||||
|
@ -150,38 +150,24 @@ margin-bottom:10px;
|
|||
}
|
||||
|
||||
.cell_setup {
|
||||
border-bottom: solid 1px #ddd;
|
||||
padding-bottom:8px;
|
||||
padding-top:7px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 1055px), only screen and (max-device-width: 1055px) {
|
||||
|
||||
|
||||
|
||||
|
||||
.block.instrument .attitude {
|
||||
width:50px !important;
|
||||
height:50px !important;
|
||||
border-bottom: solid 1px #ddd;
|
||||
padding-bottom: 8px;
|
||||
padding-top: 7px;
|
||||
}
|
||||
|
||||
|
||||
.block.instrument .heading {
|
||||
width:50px;
|
||||
height:50px;
|
||||
}
|
||||
|
||||
#interactive_block {
|
||||
position: absolute;
|
||||
width: calc(75% - 20px);
|
||||
min-height:300px;
|
||||
height: calc(100% - 218px);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
@media only screen and (max-width: 1055px) , only screen and (max-device-width: 1055px) {
|
||||
.block.instrument .attitude {
|
||||
width: 50px !important;
|
||||
height: 50px !important;
|
||||
}
|
||||
.block.instrument .heading {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
#interactive_block {
|
||||
position: absolute;
|
||||
width: calc(75% - 20px);
|
||||
min-height: 300px;
|
||||
height: calc(100% - 218px);
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue