Cleanup
parent
e22f6ada4b
commit
81b217faa5
|
@ -1,163 +0,0 @@
|
|||
.tab-auxiliary {
|
||||
}
|
||||
|
||||
.tab-auxiliary .help {
|
||||
padding: 10px;
|
||||
background-color: #ffcb18;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.tab-auxiliary .range .marker,
|
||||
.tab-auxiliary .channel-slider .noUi-connect {
|
||||
background: #ffcb18;
|
||||
}
|
||||
|
||||
.tab-auxiliary .mode.on .info {
|
||||
background: #61B665;
|
||||
}
|
||||
|
||||
.tab-auxiliary .mode.on:nth-child(odd) .info {
|
||||
background: #BAE2BC;
|
||||
}
|
||||
|
||||
.tab-auxiliary .mode.off .info {
|
||||
background: #E86969;
|
||||
}
|
||||
|
||||
.tab-auxiliary .mode.off:nth-child(odd) .info {
|
||||
background: #E7AEAE;
|
||||
}
|
||||
|
||||
#tab-auxiliary-templates {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tab-auxiliary .modes {
|
||||
width: 100%;
|
||||
border-spacing: 0px;
|
||||
}
|
||||
|
||||
.tab-auxiliary .mode {
|
||||
background-color: #ececec;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.tab-auxiliary .mode:nth-child(odd) {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.tab-auxiliary .mode .name {
|
||||
min-height: 50px;
|
||||
padding: 5px 0px;
|
||||
}
|
||||
|
||||
.tab-auxiliary .mode.off .info,
|
||||
.tab-auxiliary .mode.on .info {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.tab-auxiliary .mode .info {
|
||||
text-align: center;
|
||||
width: 10%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tab-auxiliary .mode .info .name {
|
||||
font-weight: bold;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.tab-auxiliary .mode .info .buttons {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tab-auxiliary .mode .info .buttons a {
|
||||
padding: 2px 5px;
|
||||
}
|
||||
|
||||
.tab-auxiliary .ranges {
|
||||
margin: 10px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
.tab-auxiliary .range {
|
||||
position: relative;
|
||||
height: 70px;
|
||||
padding-top: 8px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.tab-auxiliary .range > .buttons {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
.tab-auxiliary .range > .buttons .a {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.tab-auxiliary .range:nth-child(odd) {
|
||||
}
|
||||
|
||||
.tab-auxiliary .mode .range .channelInfo {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
max-width: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tab-auxiliary .mode .range .channelInfo .limits {
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
.tab-auxiliary .range .channel {
|
||||
outline: 1px solid silver;
|
||||
}
|
||||
|
||||
.tab-auxiliary .range .marker {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 27px;
|
||||
height: 13px;
|
||||
width: 6px;
|
||||
margin-left: -3px;
|
||||
}
|
||||
|
||||
.tab-auxiliary .range .channel-slider {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
width: 85%;
|
||||
margin-right: 35px;
|
||||
}
|
||||
|
||||
.tab-auxiliary .channel-slider {
|
||||
}
|
||||
|
||||
.tab-auxiliary > .buttons {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.tab-auxiliary > .buttons a {
|
||||
float: right;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
padding: 0 15px 0 15px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.tab-auxiliary .buttons a {
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
|
||||
border: 1px solid silver;
|
||||
background-color: #ececec;
|
||||
}
|
||||
|
||||
.tab-auxiliary .buttons a:hover {
|
||||
background-color: #dedcdc;
|
||||
}
|
|
@ -20,7 +20,7 @@
|
|||
}
|
||||
|
||||
.tab-auxiliary .mode.on:nth-child(odd) .info {
|
||||
background: #b7ccab;
|
||||
background: #7dc254;
|
||||
}
|
||||
|
||||
.tab-auxiliary .mode.off .info {
|
||||
|
@ -30,7 +30,7 @@
|
|||
}
|
||||
|
||||
.tab-auxiliary .mode.off:nth-child(odd) .info {
|
||||
background: #e0bebe;
|
||||
background: #cb4747;
|
||||
}
|
||||
|
||||
#tab-auxiliary-templates {
|
||||
|
@ -221,7 +221,7 @@
|
|||
}
|
||||
|
||||
.tab-auxiliary .save_btn a {
|
||||
line-height: 28px;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -1,55 +1,49 @@
|
|||
<div class="tab-auxiliary">
|
||||
<div class="tab_title" i18n="tabAuxiliary">tabAuxiliary</div>
|
||||
<div class="tab_title" i18n="tabAuxiliary">tabAuxiliary</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:20px;">
|
||||
<div class="note_spacer">
|
||||
<p i18n="auxiliaryHelp"></p>
|
||||
<div class="note" style="margin-bottom:20px;">
|
||||
<div class="note_spacer">
|
||||
<p i18n="auxiliaryHelp"></p>
|
||||
</div>
|
||||
</div>
|
||||
<table class="modes">
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="fixed_band" style="position: fixed;">
|
||||
<div class="save_btn"><a class="save" href="#" i18n="auxiliaryButtonSave"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tab-auxiliary-templates">
|
||||
<table class="modes">
|
||||
<tbody>
|
||||
<tr class="mode" style="border-bottom: 1px solid #000000">
|
||||
<td class="info">
|
||||
<p class="name"></p>
|
||||
<div class="buttons">
|
||||
<a class="addRange" href="#" i18n="auxiliaryAddRange"></a>
|
||||
</div>
|
||||
</td>
|
||||
<td class="ranges">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="range">
|
||||
<div class="channelInfo">
|
||||
<select class="channel">
|
||||
<option value=""></option>
|
||||
</select>
|
||||
<div class="limits">
|
||||
<p class="lowerLimit"><span i18n="auxiliaryMin"></span>: <span class="lowerLimitValue"></span></p>
|
||||
<p class="upperLimit"><span i18n="auxiliaryMax"></span>: <span class="upperLimitValue"></span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<table class="modes">
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="fixed_band" style="position: fixed;">
|
||||
<div class="save_btn"><a class="save" href="#" i18n="auxiliaryButtonSave"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="tab-auxiliary-templates">
|
||||
<table class="modes">
|
||||
<tbody>
|
||||
<tr class="mode" style="border-bottom: 1px solid #000000">
|
||||
<td class="info">
|
||||
<p class="name"></p>
|
||||
<div class="buttons">
|
||||
<a class="addRange" href="#" i18n="auxiliaryAddRange"></a>
|
||||
</div>
|
||||
</td>
|
||||
<td class="ranges">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="range">
|
||||
<div class="channelInfo">
|
||||
<select class="channel">
|
||||
<option value=""></option>
|
||||
</select>
|
||||
<div class="limits">
|
||||
<p class="lowerLimit"><span i18n="auxiliaryMin"></span>: <span class="lowerLimitValue"></span></p>
|
||||
<p class="upperLimit"><span i18n="auxiliaryMax"></span>: <span class="upperLimitValue"></span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="channel-slider pips-channel-range">
|
||||
<div class="marker"></div>
|
||||
</div>
|
||||
<div class="delete"><a class="deleteRange" href="#"> </a></div>
|
||||
<div class="channel-slider pips-channel-range">
|
||||
<div class="marker"></div>
|
||||
</div>
|
||||
<div class="delete"><a class="deleteRange" href="#"> </a></div>
|
||||
</div>
|
||||
</div>
|
Loading…
Reference in New Issue