sundowndev
/
betaflight-configurator
mirror of https://github.com/sundowndev/betaflight-configurator.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fixing indentation issues.

10.3.x-maintenance
Dominic Clifton 2015-11-14 11:29:29 +00:00
parent 65762587ba
commit 15dc6c1bbf
3 changed files with 171 additions and 185 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

250
tabs/landing.css
View File

@ -1,252 +1,236 @@
/* general layout */ /* general layout */
.tab-landing { .tab-landing {
min-height: 100%; min-height: 100%;
overflow: hidden; overflow: hidden;
} }
.tab-landing .content_wrapper { .tab-landing .content_wrapper {
padding: 0; padding: 0;
min-height: 100%; min-height: 100%;
height: 100%; height: 100%;
overflow-y: auto; overflow-y: auto;
background-color:#436c2c; background-color: #436c2c;
} }
.tab-landing .content_top { .tab-landing .content_top {
height: 140px; height: 140px;
background: #59aa29; background: #59aa29;
padding: 20px; padding: 20px;
} }
.tab-landing .content_mid { .tab-landing .content_mid {
background-color:#eaeaea; background-color: #eaeaea;
overflow: hidden; overflow: hidden;
} }
.tab-landing .content_foot { .tab-landing .content_foot {
clear: both; clear: both;
padding: 20px; padding: 20px;
padding-bottom:5px; padding-bottom: 5px;
} }
/* hero block */ /* hero block */
.tab-landing .logowrapper { .tab-landing .logowrapper {
margin-left:auto; margin-left: auto;
margin-right:auto; margin-right: auto;
margin-top:5px; margin-top: 5px;
width:800px; width: 800px;
color:white; color: white;
font-size:14px; font-size: 14px;
font-family: 'open_sanslight', Arial; font-family: 'open_sanslight', Arial;
} }
.tab-landing .logowrapper img { .tab-landing .logowrapper img {
width:420px; width: 420px;
margin:5px; margin: 5px;
} }
.tab-landing .logowrapper span { .tab-landing .logowrapper span {
font-size:22px; font-size: 22px;
font-family: 'open_sanslight', Arial; font-family: 'open_sanslight', Arial;
} }
/* sponsors blocks */ /* sponsors blocks */
.sponsors .title { .sponsors .title {
text-transform:uppercase; text-transform: uppercase;
font-size:10px; font-size: 10px;
} }
.sponsors { .sponsors {
margin-left:auto; margin-left: auto;
margin-right:auto; margin-right: auto;
text-align:center; text-align: center;
color: silver; color: silver;
} }
.sponsors ul { .sponsors ul {
margin-top:5px; margin-top: 5px;
} }
.sponsors li { .sponsors li {
display: inline-block; display: inline-block;
margin-right:10px; margin-right: 10px;
} }
.sponsors li a { .sponsors li a {
border-radius:3px; border-radius: 3px;
padding:2px; padding: 2px;
padding-left:4px; padding-left: 4px;
padding-right:4px; padding-right: 4px;
font-size:13px; font-size: 13px;
line-height: 22px; line-height: 22px;
color:white; color: white;
font-weight:normal; font-weight: normal;
font-family: 'open_sanslight', Arial; font-family: 'open_sanslight', Arial;
} }
.sponsors li a:hover { .sponsors li a:hover {
background-color:rgba(255,255,255,0.30); background-color: rgba(255, 255, 255, 0.30);
color:#fff; color: #fff;
} }
.text1, .text2, .text3 { .text1, .text2, .text3 {
margin-top:15px; margin-top: 15px;
margin-bottom:15px; margin-bottom: 15px;
font-weight:normal; font-weight: normal;
font-family: 'open_sansregular', Arial; font-family: 'open_sansregular', Arial;
font-size:12px; font-size: 12px;
} }
/* text columns */ /* text columns */
.tab-landing .content_mid .column .wrap { .tab-landing .content_mid .column .wrap {
padding: 15px; padding: 15px;
padding-bottom: 0px; padding-bottom: 0px;
padding-top: 0px; padding-top: 0px;
} }
.tab-landing .content_mid .column .wrap2 { .tab-landing .content_mid .column .wrap2 {
padding: 10px; padding: 10px;
padding-bottom: 10px; padding-bottom: 10px;
padding-top: 10px; padding-top: 10px;
} }
.tab-landing .content_mid h2, .tab-landing .content_mid h3 {
.tab-landing .content_mid h2, margin-bottom: 5px;
.tab-landing .content_mid h3 { font-size: 13px;
margin-bottom: 5px;
font-size:13px;
}
.tab-landing .content_mid h3 {
font-size: 12px;
} }
.tab-landing .content_mid h3 {
font-size: 12px;
}
.tab-landing .content_mid .text1 .wrap { .tab-landing .content_mid .text1 .wrap {
margin-left:0px; margin-left: 0px;
} }
.tab-landing .content_mid .text1 { .tab-landing .content_mid .text1 {
width:37%; width: 37%;
} }
.tab-landing .content_mid .text2 { .tab-landing .content_mid .text2 {
width:40%; width: 40%;
} }
.tab-landing .content_mid .text2 ul { .tab-landing .content_mid .text2 ul {
margin-top: 10px; margin-top: 10px;
} }
.tab-landing .content_mid .text2 li { .tab-landing .content_mid .text2 li {
padding: 5px 0; padding: 5px 0;
border-top: 1px dotted silver; border-top: 1px dotted silver;
} }
.tab-landing .content_mid .text3 { .tab-landing .content_mid .text3 {
width:23%; width: 23%;
} }
.tab-landing .content_mid .text3 .wrap2 { .tab-landing .content_mid .text3 .wrap2 {
border: 1px solid silver; border: 1px solid silver;
border-radius: 5px; border-radius: 5px;
background: white; background: white;
margin-right: 25px; margin-right: 25px;
margin-left:20px; margin-left: 20px;
margin-top: 5px; margin-top: 5px;
min-height: 187px; min-height: 187px;
font-size: 11px; font-size: 11px;
} }
.tab-landing .content_mid .text3 .donate { .tab-landing .content_mid .text3 .donate {
margin-top: 10px; margin-top: 10px;
text-align:center; text-align: center;
} }
/* changelog block */ /* changelog block */
#changelog { #changelog {
width: 250px; width: 250px;
height: 100%; height: 100%;
position: fixed; position: fixed;
right: -245px; right: -245px;
top: 0px; top: 0px;
} }
#changelog .wrapper { #changelog .wrapper {
height: 100%; height: 100%;
padding: 0 20px; padding: 0 20px;
border-left: 5px solid green; border-left: 5px solid green;
overflow-y: auto; overflow-y: auto;
display: none; display: none;
} }
#changelog .button { #changelog .button {
transform: rotate(270deg); transform: rotate(270deg);
top: 50px; top: 50px;
right: 215px; right: 215px;
position: absolute; position: absolute;
background: green; background: green;
border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
border-bottom: none; border-bottom: none;
height: 30px; height: 30px;
} }
#changelog .button a { #changelog .button a {
display: block; display: block;
padding: 5px 10px; padding: 5px 10px;
width: 70px; width: 70px;
text-align: center; text-align: center;
color: white; color: white;
} }
#changelog .title { #changelog .title {
margin: 20px 0; margin: 20px 0;
font-size: 16px; font-size: 16px;
} }
#content.log_open #changelog { #content.log_open #changelog {
right: 0px; right: 0px;
background: white; background: white;
}
#content.log_open #changelog .wrapper {
display: block;
} }
#content.log_open #changelog .wrapper {
display: block;
}
/* changelog content */ /* changelog content */
#changelog .log {
#changelog .log { line-height: 17px;
line-height:17px;
} }
#changelog .log span { #changelog .log span {
display: block; display: block;
font-weight: bold; font-weight: bold;
padding-bottom: 5px; padding-bottom: 5px;
border-bottom:1px solid #ddd; border-bottom: 1px solid #ddd;
} }
#changelog .log ul { #changelog .log ul {
margin: 5px 0 20px 10px; margin: 5px 0 20px 10px;
} }
#changelog .log li { #changelog .log li {
font-weight: normal; font-weight: normal;
margin-bottom:5px; margin-bottom: 5px;
} }
#changelog .log p { #changelog .log p {
margin-bottom: 20px; margin-bottom: 20px;
} }

97
tabs/landing.html
View File

@ -1,38 +1,40 @@
<div class="tab-landing"> <div class="tab-landing">
<div class="content_wrapper"> <div class="content_wrapper">
<div class="content_top"> <div class="content_top">
<div class="logowrapper" align="center"> <div class="logowrapper" align="center">
<span>Welcome to</span><br> <span>Welcome to</span><br> <img src="../images/cf_logo_white.svg" />
<img src="../images/cf_logo_white.svg"/> <div class="" i18n="defaultWelcomeIntro" align="center"></div>
<div class="" i18n="defaultWelcomeIntro" align="center"></div> </div>
</div> </div>
</div> <div class="content_mid">
<div class="content_mid"> <div class="column third_left text1">
<div class="column third_left text1"> <div class="wrap">
<div class="wrap"> <h2>Hardware</h2>
<h2>Hardware</h2> <div i18n="defaultWelcomeText"></div>
<div i18n="defaultWelcomeText"></div> </div>
</div> </div>
</div> <div class="column third_center text2">
<div class="column third_center text2"> <div class="wrap">
<div class="wrap"> <h2 i18n="defaultContributingHead"></h2>
<h2 i18n="defaultContributingHead"></h2> <div i18n="defaultContributingText"></div>
<div i18n="defaultContributingText"></div> </div>
</div> </div>
</div> <div class="column third_right text3">
<div class="column third_right text3"> <div class="wrap2">
<div class="wrap2"> <h3 i18n="defaultDonateHead"></h3>
<h3 i18n="defaultDonateHead"></h3> <div i18n="defaultDonateText"></div>
<div i18n="defaultDonateText"></div> <div class="donate">
<div class="donate"> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=TSQKVT6UYKGL6"
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=TSQKVT6UYKGL6" target="_blank" title="Donate"><img src="./images/btn-donate.png" alt="Paypal" height="30" /></a></li> target="_blank" title="Donate"><img src="./images/btn-donate.png" alt="Paypal"
</div> height="30" /></a>
</div> </li>
</div> </div>
</div> </div>
<div class="content_foot"> </div>
<div class="sponsors"> </div>
<div class="title" i18n="defaultSponsorsHead"></div> <div class="content_foot">
<div class="sponsors">
<div class="title" i18n="defaultSponsorsHead"></div>
<ul> <ul>
<li><a href="http://www.massiverc.com" title="www.massiverc.com" target="_blank">MassiveRC</a></li> <li><a href="http://www.massiverc.com" title="www.massiverc.com" target="_blank">MassiveRC</a></li>
<li><a href="http://www.armattanquads.com" title="www.armattanquads.com" target="_blank">Armattan <li><a href="http://www.armattanquads.com" title="www.armattanquads.com" target="_blank">Armattan
@ -48,19 +50,22 @@
<li><a href="http://www.overskyrc.com" title="www.overskyrc.com" target="_blank">OverSkyRC</a></li> <li><a href="http://www.overskyrc.com" title="www.overskyrc.com" target="_blank">OverSkyRC</a></li>
<li><a href="http://multirotormania.com" title="multirotormania.com" target="_blank">Multi <li><a href="http://multirotormania.com" title="multirotormania.com" target="_blank">Multi
Rotor Mania</a></li> Rotor Mania</a></li>
<li><a href="http://www.scorpionsystem.com" title="www.scorpionsystem.com" target="_blank">Scorpion Power Systems</a></li> <li><a href="http://www.scorpionsystem.com" title="www.scorpionsystem.com" target="_blank">Scorpion
Power Systems</a></li>
<li><a href="http://www.multigp.com" title="www.multigp.com" target="_blank">MultiGP</a></li> <li><a href="http://www.multigp.com" title="www.multigp.com" target="_blank">MultiGP</a></li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
<div id="changelog"> <div id="changelog">
<div class="button"><a id="changelog_toggle" href="#">Changelog</a></div> <div class="button">
<div class="wrapper"> <a id="changelog_toggle" href="#">Changelog</a>
<div class="title" i18n="defaultChangelogHead"></div> </div>
<div class="log"> <div class="wrapper">
<!-- changelog content will be loaded here --> <div class="title" i18n="defaultChangelogHead"></div>
</div> <div class="log">
</div> <!-- changelog content will be loaded here -->
</div> </div>
</div>
</div>
</div> </div>

9
tabs/led_strip.css
View File

@ -16,7 +16,7 @@
height: calc((24px + 7px) * 16); height: calc((24px + 7px) * 16);
float: left; float: left;
margin-right: 10px; margin-right: 10px;
border-radius: 3px; border-radius: 3px;
} }
.tab-led-strip .mainGrid .gPoint { .tab-led-strip .mainGrid .gPoint {
@ -111,7 +111,7 @@
} }
.tab-led-strip .wire { .tab-led-strip .wire {
color: rgba(255,255,255,.5); color: rgba(255,255,255,.5);
text-align: center; text-align: center;
font-size: 12px; font-size: 12px;
text-shadow: 1px 1px rgba(0,0,0,.4); text-shadow: 1px 1px rgba(0,0,0,.4);
@ -277,7 +277,7 @@
.tab-led-strip .colors { .tab-led-strip .colors {
height: 130px; height: 130px;
position: relative; position: relative;
display: inline-block; display: inline-block;
width: 49%; width: 49%;
} }
@ -336,9 +336,6 @@
} }
/*******JQUERYUI**********/ /*******JQUERYUI**********/
.tab-led-strip .ui-selected { .tab-led-strip .ui-selected {