diff --git a/tabs/landing.css b/tabs/landing.css index 2baa0e0d..d717d923 100755 --- a/tabs/landing.css +++ b/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; } \ No newline at end of file diff --git a/tabs/landing.html b/tabs/landing.html index fa2b1724..9839e976 100644 --- a/tabs/landing.html +++ b/tabs/landing.html @@ -1,38 +1,40 @@
-
-
-
- Welcome to
- -
+
+
+
+ Welcome to
+
+
-
-
-
-
-

Hardware

-
-
-
-
-
-

-
-
-
-
-
-

-
- -
-
-
-
-
-
+
+
+
+

Hardware

+
+
+
+
+
+

+
+
+
+
+
+

+
+ +
+
+
+ -
-
- -
-
-
- -
-
-
+
+
+
+
+
+ Changelog +
+
+
+
+ +
+
+
\ No newline at end of file diff --git a/tabs/led_strip.css b/tabs/led_strip.css index 08787c6c..c8a1d2c5 100644 --- a/tabs/led_strip.css +++ b/tabs/led_strip.css @@ -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 {