fixing indentation issues.
Dominic Clifton
parent
65762587ba
commit
15dc6c1bbf
250
tabs/landing.css
250
tabs/landing.css
|
|
@ -1,252 +1,236 @@
|
|||
/* general layout */
|
||||
|
||||
.tab-landing {
|
||||
min-height: 100%;
|
||||
overflow: hidden;
|
||||
min-height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.tab-landing .content_wrapper {
|
||||
padding: 0;
|
||||
min-height: 100%;
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
background-color:#436c2c;
|
||||
padding: 0;
|
||||
min-height: 100%;
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
background-color: #436c2c;
|
||||
}
|
||||
|
||||
.tab-landing .content_top {
|
||||
height: 140px;
|
||||
background: #59aa29;
|
||||
padding: 20px;
|
||||
height: 140px;
|
||||
background: #59aa29;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.tab-landing .content_mid {
|
||||
background-color:#eaeaea;
|
||||
overflow: hidden;
|
||||
background-color: #eaeaea;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.tab-landing .content_foot {
|
||||
clear: both;
|
||||
padding: 20px;
|
||||
padding-bottom:5px;
|
||||
clear: both;
|
||||
padding: 20px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
|
||||
/* hero block */
|
||||
|
||||
.tab-landing .logowrapper {
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
margin-top:5px;
|
||||
width:800px;
|
||||
color:white;
|
||||
font-size:14px;
|
||||
font-family: 'open_sanslight', Arial;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 5px;
|
||||
width: 800px;
|
||||
color: white;
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
/* sponsors blocks */
|
||||
|
||||
.sponsors .title {
|
||||
text-transform:uppercase;
|
||||
font-size:10px;
|
||||
text-transform: uppercase;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.sponsors {
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
text-align:center;
|
||||
color: silver;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: center;
|
||||
color: silver;
|
||||
}
|
||||
|
||||
.sponsors ul {
|
||||
margin-top:5px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.sponsors li {
|
||||
display: inline-block;
|
||||
margin-right:10px;
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.sponsors li a {
|
||||
border-radius:3px;
|
||||
padding:2px;
|
||||
padding-left:4px;
|
||||
padding-right:4px;
|
||||
font-size:13px;
|
||||
border-radius: 3px;
|
||||
padding: 2px;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
font-size: 13px;
|
||||
line-height: 22px;
|
||||
color:white;
|
||||
font-weight:normal;
|
||||
font-family: 'open_sanslight', Arial;
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
/* text columns */
|
||||
|
||||
.tab-landing .content_mid .column .wrap {
|
||||
padding: 15px;
|
||||
padding-bottom: 0px;
|
||||
padding: 15px;
|
||||
padding-bottom: 0px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
|
||||
.tab-landing .content_mid .column .wrap2 {
|
||||
padding: 10px;
|
||||
padding-bottom: 10px;
|
||||
padding: 10px;
|
||||
padding-bottom: 10px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
|
||||
.tab-landing .content_mid h2,
|
||||
.tab-landing .content_mid h3 {
|
||||
margin-bottom: 5px;
|
||||
font-size:13px;
|
||||
|
||||
}
|
||||
.tab-landing .content_mid h3 {
|
||||
font-size: 12px;
|
||||
.tab-landing .content_mid h2, .tab-landing .content_mid h3 {
|
||||
margin-bottom: 5px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.tab-landing .content_mid h3 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.tab-landing .content_mid .text1 .wrap {
|
||||
margin-left:0px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
|
||||
.tab-landing .content_mid .text1 {
|
||||
width:37%;
|
||||
width: 37%;
|
||||
}
|
||||
|
||||
|
||||
.tab-landing .content_mid .text2 {
|
||||
width:40%;
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.tab-landing .content_mid .text2 ul {
|
||||
margin-top: 10px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.tab-landing .content_mid .text2 li {
|
||||
padding: 5px 0;
|
||||
border-top: 1px dotted silver;
|
||||
padding: 5px 0;
|
||||
border-top: 1px dotted silver;
|
||||
}
|
||||
|
||||
.tab-landing .content_mid .text3 {
|
||||
width:23%;
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
.tab-landing .content_mid .text3 .wrap2 {
|
||||
border: 1px solid silver;
|
||||
border-radius: 5px;
|
||||
background: white;
|
||||
margin-right: 25px;
|
||||
margin-left:20px;
|
||||
margin-top: 5px;
|
||||
min-height: 187px;
|
||||
font-size: 11px;
|
||||
border: 1px solid silver;
|
||||
border-radius: 5px;
|
||||
background: white;
|
||||
margin-right: 25px;
|
||||
margin-left: 20px;
|
||||
margin-top: 5px;
|
||||
min-height: 187px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.tab-landing .content_mid .text3 .donate {
|
||||
margin-top: 10px;
|
||||
text-align:center;
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* changelog block */
|
||||
|
||||
#changelog {
|
||||
width: 250px;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
right: -245px;
|
||||
top: 0px;
|
||||
width: 250px;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
right: -245px;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
#changelog .wrapper {
|
||||
height: 100%;
|
||||
padding: 0 20px;
|
||||
border-left: 5px solid green;
|
||||
overflow-y: auto;
|
||||
display: none;
|
||||
height: 100%;
|
||||
padding: 0 20px;
|
||||
border-left: 5px solid green;
|
||||
overflow-y: auto;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#changelog .button {
|
||||
transform: rotate(270deg);
|
||||
top: 50px;
|
||||
transform: rotate(270deg);
|
||||
top: 50px;
|
||||
right: 215px;
|
||||
position: absolute;
|
||||
background: green;
|
||||
border-radius: 5px 5px 0 0;
|
||||
border-bottom: none;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
background: green;
|
||||
border-radius: 5px 5px 0 0;
|
||||
border-bottom: none;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#changelog .button a {
|
||||
display: block;
|
||||
padding: 5px 10px;
|
||||
width: 70px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
display: block;
|
||||
padding: 5px 10px;
|
||||
width: 70px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#changelog .title {
|
||||
margin: 20px 0;
|
||||
font-size: 16px;
|
||||
margin: 20px 0;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
#content.log_open #changelog {
|
||||
right: 0px;
|
||||
background: white;
|
||||
}
|
||||
#content.log_open #changelog .wrapper {
|
||||
display: block;
|
||||
right: 0px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
#content.log_open #changelog .wrapper {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* changelog content */
|
||||
|
||||
#changelog .log {
|
||||
line-height:17px;
|
||||
#changelog .log {
|
||||
line-height: 17px;
|
||||
}
|
||||
|
||||
|
||||
#changelog .log span {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
padding-bottom: 5px;
|
||||
border-bottom:1px solid #ddd;
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
#changelog .log ul {
|
||||
margin: 5px 0 20px 10px;
|
||||
#changelog .log ul {
|
||||
margin: 5px 0 20px 10px;
|
||||
}
|
||||
|
||||
#changelog .log li {
|
||||
font-weight: normal;
|
||||
margin-bottom:5px;
|
||||
font-weight: normal;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#changelog .log p {
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
|
@ -1,38 +1,40 @@
|
|||
<div class="tab-landing">
|
||||
<div class="content_wrapper">
|
||||
<div class="content_top">
|
||||
<div class="logowrapper" align="center">
|
||||
<span>Welcome to</span><br>
|
||||
<img src="../images/cf_logo_white.svg"/>
|
||||
<div class="" i18n="defaultWelcomeIntro" align="center"></div>
|
||||
<div class="content_wrapper">
|
||||
<div class="content_top">
|
||||
<div class="logowrapper" align="center">
|
||||
<span>Welcome to</span><br> <img src="../images/cf_logo_white.svg" />
|
||||
<div class="" i18n="defaultWelcomeIntro" align="center"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content_mid">
|
||||
<div class="column third_left text1">
|
||||
<div class="wrap">
|
||||
<h2>Hardware</h2>
|
||||
<div i18n="defaultWelcomeText"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column third_center text2">
|
||||
<div class="wrap">
|
||||
<h2 i18n="defaultContributingHead"></h2>
|
||||
<div i18n="defaultContributingText"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column third_right text3">
|
||||
<div class="wrap2">
|
||||
<h3 i18n="defaultDonateHead"></h3>
|
||||
<div i18n="defaultDonateText"></div>
|
||||
<div class="donate">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content_foot">
|
||||
<div class="sponsors">
|
||||
<div class="title" i18n="defaultSponsorsHead"></div>
|
||||
<div class="content_mid">
|
||||
<div class="column third_left text1">
|
||||
<div class="wrap">
|
||||
<h2>Hardware</h2>
|
||||
<div i18n="defaultWelcomeText"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column third_center text2">
|
||||
<div class="wrap">
|
||||
<h2 i18n="defaultContributingHead"></h2>
|
||||
<div i18n="defaultContributingText"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column third_right text3">
|
||||
<div class="wrap2">
|
||||
<h3 i18n="defaultDonateHead"></h3>
|
||||
<div i18n="defaultDonateText"></div>
|
||||
<div class="donate">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content_foot">
|
||||
<div class="sponsors">
|
||||
<div class="title" i18n="defaultSponsorsHead"></div>
|
||||
<ul>
|
||||
<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
|
||||
|
|
@ -48,19 +50,22 @@
|
|||
<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
|
||||
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>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="changelog">
|
||||
<div class="button"><a id="changelog_toggle" href="#">Changelog</a></div>
|
||||
<div class="wrapper">
|
||||
<div class="title" i18n="defaultChangelogHead"></div>
|
||||
<div class="log">
|
||||
<!-- changelog content will be loaded here -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="changelog">
|
||||
<div class="button">
|
||||
<a id="changelog_toggle" href="#">Changelog</a>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<div class="title" i18n="defaultChangelogHead"></div>
|
||||
<div class="log">
|
||||
<!-- changelog content will be loaded here -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
height: calc((24px + 7px) * 16);
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.tab-led-strip .mainGrid .gPoint {
|
||||
|
|
@ -111,7 +111,7 @@
|
|||
}
|
||||
|
||||
.tab-led-strip .wire {
|
||||
color: rgba(255,255,255,.5);
|
||||
color: rgba(255,255,255,.5);
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
text-shadow: 1px 1px rgba(0,0,0,.4);
|
||||
|
|
@ -277,7 +277,7 @@
|
|||
.tab-led-strip .colors {
|
||||
height: 130px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
display: inline-block;
|
||||
width: 49%;
|
||||
}
|
||||
|
||||
|
|
@ -336,9 +336,6 @@
|
|||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*******JQUERYUI**********/
|
||||
|
||||
.tab-led-strip .ui-selected {
|
||||
|
|
|
|||
Loading…
Reference in New Issue