pull/3/head
skaman82 9 years ago
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>
<div class="note" style="margin-bottom:20px;">
<div class="note_spacer">
<p i18n="auxiliaryHelp"></p>
</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>
<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="#">&nbsp;</a></div>
<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>
<div class="channel-slider pips-channel-range">
<div class="marker"></div>
</div>
<div class="delete"><a class="deleteRange" href="#">&nbsp;</a></div>
</div>
</div>
Loading…
Cancel
Save