You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cordova.apache.org by st...@apache.org on 2013/06/27 02:41:47 UTC

svn commit: r1497163 - in /cordova/site: Gemfile bin/config.json public/index.html public/js/ public/js/smooth.pack.js public/master.css

Author: steven
Date: Thu Jun 27 00:41:47 2013
New Revision: 1497163

URL: http://svn.apache.org/r1497163
Log:
updated config to 2.9.0

Added:
    cordova/site/public/js/
    cordova/site/public/js/smooth.pack.js   (with props)
Modified:
    cordova/site/Gemfile
    cordova/site/bin/config.json
    cordova/site/public/index.html
    cordova/site/public/master.css

Modified: cordova/site/Gemfile
URL: http://svn.apache.org/viewvc/cordova/site/Gemfile?rev=1497163&r1=1497162&r2=1497163&view=diff
==============================================================================
--- cordova/site/Gemfile (original)
+++ cordova/site/Gemfile Thu Jun 27 00:41:47 2013
@@ -1,5 +1,7 @@
 source :rubygems
-
+gem 'libv8', '~> 3.11.8.3', :platform => :ruby
 gem 'rake'
 gem 'mustache'
-gem 'json'
\ No newline at end of file
+gem 'json'
+
+

Modified: cordova/site/bin/config.json
URL: http://svn.apache.org/viewvc/cordova/site/bin/config.json?rev=1497163&r1=1497162&r2=1497163&view=diff
==============================================================================
--- cordova/site/bin/config.json (original)
+++ cordova/site/bin/config.json Thu Jun 27 00:41:47 2013
@@ -1,9 +1,9 @@
 {
     "releases": [
         {
-        "version":  "2.8.0",
+        "version":  "2.9.0",
         "file":     "https://www.apache.org/dist/cordova/",
-        "note":     "Apache Cordova 2.8.0"
+        "note":     "Apache Cordova 2.9.0"
         }
     ],
 

Modified: cordova/site/public/index.html
URL: http://svn.apache.org/viewvc/cordova/site/public/index.html?rev=1497163&r1=1497162&r2=1497163&view=diff
==============================================================================
--- cordova/site/public/index.html (original)
+++ cordova/site/public/index.html Thu Jun 27 00:41:47 2013
@@ -93,7 +93,7 @@
         </ul>
 
 		<div class="button-container">
-			<a class="button" onclick="_gaq.push(['_trackEvent', 'Download', '2.8.0'])" href="https://www.apache.org/dist/cordova/">DOWNLOAD<label>Cordova Ver 2.8.0</label></a>
+			<a class="button" onclick="_gaq.push(['_trackEvent', 'Download', '2.9.0'])" href="https://www.apache.org/dist/cordova/">DOWNLOAD<label>Cordova Ver 2.9.0</label></a>
 		</div>
     </div>
 </div>
@@ -106,7 +106,7 @@
     <p>And because these JavaScript APIs are consistent across multiple device platforms and built on web standards, the app should be portable to other device platforms with minimal to no changes.</p>
     <p>Apps using Cordova are still packaged as apps using the platform SDKs, and can be made available for installation from each device's app store.</p>
     <p>Cordova provides a set of uniform JavaScript libraries that can be invoked, with device-specific native backing code for those JavaScript libraries. Cordova is available for the following platforms: iOS, Android, Blackberry, Windows Phone, Palm WebOS, Bada, and Symbian.</p>
-    <p>If you want to use Cordova in your mobile application, take a look at our <a href="http://cordova.apache.org/docs/en/2.8.0/">documentation</a>. It includes Getting Started guides, the JavaScript APIs reference and examples, instructions on Upgrading from previous versions of Cordova, how to write your own Cordova plugin, and more. The selector in the top-right corner of the documentation will let you pick different Cordova versions and language translations.</p>
+    <p>If you want to use Cordova in your mobile application, take a look at our <a href="http://cordova.apache.org/docs/en/2.9.0/">documentation</a>. It includes Getting Started guides, the JavaScript APIs reference and examples, instructions on Upgrading from previous versions of Cordova, how to write your own Cordova plugin, and more. The selector in the top-right corner of the documentation will let you pick different Cordova versions and language translations.</p>
     <p>Apache Cordova graduated in October 2012 as a top level project within the Apache Software Foundation (ASF). Through the ASF, future Cordova development will ensure open stewardship of the project. It will always remain free and open source under the Apache License, Version 2.0.
 </p>
 </div>
@@ -196,7 +196,7 @@
 	<p>By downloading, you agree to the <a href="#">terms of service</a>.</p>
 	<p>Older versions can be downloaded from the <a href="http://archive.apache.org/dist/cordova/">archive</a>.</p>
 	<div class="button-container">
-        <a class="button" onclick="_gaq.push(['_trackEvent', 'Download', '2.8.0'])" href="https://www.apache.org/dist/cordova/">DOWNLOAD<label>Cordova Ver 2.8.0</label></a>
+        <a class="button" onclick="_gaq.push(['_trackEvent', 'Download', '2.9.0'])" href="https://www.apache.org/dist/cordova/">DOWNLOAD<label>Cordova Ver 2.9.0</label></a>
 	</div>
 </div>
 

Added: cordova/site/public/js/smooth.pack.js
URL: http://svn.apache.org/viewvc/cordova/site/public/js/smooth.pack.js?rev=1497163&view=auto
==============================================================================
--- cordova/site/public/js/smooth.pack.js (added)
+++ cordova/site/public/js/smooth.pack.js Thu Jun 27 00:41:47 2013
@@ -0,0 +1,198 @@
+/*--------------------------------------------------------------------------
+
+ *  Smooth Scroller Script, version 1.0.1
+
+ *  (c) 2007 Dezinerfolio Inc. <mi...@gmail.com>
+
+ *
+
+ *  For details, please check the website : http://dezinerfolio.com/
+
+ *
+
+/*--------------------------------------------------------------------------*/
+
+
+
+Scroller = {
+
+	// control the speed of the scroller.
+
+	// dont change it here directly, please use Scroller.speed=50;
+
+	speed:10,
+
+
+	// returns the Y position of the div
+
+	gy: function (d) {
+
+		gy = d.offsetTop
+
+		if (d.offsetParent) while (d = d.offsetParent) gy += d.offsetTop
+
+		return gy
+
+	},
+
+
+
+	// returns the current scroll position
+
+	scrollTop: function (){
+
+		body=document.body
+
+	    d=document.documentElement
+
+	    if (body && body.scrollTop) return body.scrollTop
+
+	    if (d && d.scrollTop) return d.scrollTop
+
+	    if (window.pageYOffset) return window.pageYOffset
+
+	    return 0
+
+	},
+
+
+
+	// attach an event for an element
+
+	// (element, type, function)
+
+	add: function(event, body, d) {
+
+	    if (event.addEventListener) return event.addEventListener(body, d,false)
+
+	    if (event.attachEvent) return event.attachEvent('on'+body, d)
+
+	},
+
+
+
+	// kill an event of an element
+
+	end: function(e){
+        
+		if (window.event) {
+
+			window.event.cancelBubble = true
+
+			window.event.returnValue = false
+
+      		return;
+
+    	}
+        
+	    if (e.preventDefault && e.stopPropagation) {
+
+	      e.preventDefault()
+
+	      e.stopPropagation()
+
+	    }
+	},
+
+	
+
+	// move the scroll bar to the particular div.
+
+	scroll: function(d){
+
+		h=document.body.scrollHeight;
+
+		a = Scroller.scrollTop()
+
+		if(d>a)
+
+			a+=Math.ceil((d-a)/Scroller.speed)
+
+		else
+
+			a = a+(d-a)/Scroller.speed;
+
+		window.scrollTo(0,a)
+
+	  	if(a==d || Scroller.offsetTop==a) {
+	  	    clearInterval(Scroller.interval)
+    	    setTimeout(function(){
+        	    window.location.hash = Scroller.hash;
+            }, 10);
+        }
+	  	Scroller.offsetTop=a
+
+	},
+
+	// initializer that adds the renderer to the onload function of the window
+
+	init: function(){
+
+		Scroller.add(window,'load', Scroller.render)
+
+	},
+
+
+
+	// this method extracts all the anchors and validates then as # and attaches the events.
+
+	render: function(){
+
+		a = document.getElementsByTagName('a');
+
+		Scroller.end(this);
+
+		window.onscroll
+
+	    for (i=0;i<a.length;i++) {
+
+	      l = a[i];
+
+	      if(l.href && l.href.indexOf('#') != -1 && ((l.pathname==location.pathname) || ('/'+l.pathname==location.pathname)) ){
+
+	      	Scroller.add(l,'click',Scroller.end)
+
+	      		l.onclick = function(){
+
+	      			Scroller.end(this);
+
+		        	l=this.hash.substr(1);
+		        	Scroller.hash = this.hash;
+
+		        	 a = document.getElementsByTagName('a');
+
+				     for (i=0;i<a.length;i++) {
+
+				     	if(a[i].name == l){
+
+				     		clearInterval(Scroller.interval);
+
+				     		Scroller.interval=setInterval('Scroller.scroll('+Scroller.gy(a[i])+')',10);
+
+						}
+
+					}
+
+				}
+
+	      	}
+
+		}
+
+	}
+
+}
+
+// invoke the initializer of the scroller
+
+Scroller.init();
+
+
+
+
+
+/*------------------------------------------------------------
+
+ *						END OF CODE
+
+/*-----------------------------------------------------------*/
\ No newline at end of file

Propchange: cordova/site/public/js/smooth.pack.js
------------------------------------------------------------------------------
    svn:executable = *

Modified: cordova/site/public/master.css
URL: http://svn.apache.org/viewvc/cordova/site/public/master.css?rev=1497163&r1=1497162&r2=1497163&view=diff
==============================================================================
--- cordova/site/public/master.css (original)
+++ cordova/site/public/master.css Thu Jun 27 00:41:47 2013
@@ -1,827 +0,0 @@
-* {
-  margin: 0;
-  padding: 0;
-  -webkit-text-size-adjust: none;
-}
-body,
-a {
-  color: #3b4854;
-}
-/** LESS **/
-.animate-background {
-  -webkit-transition: background 0.25s linear;
-  -moz-transition: background 0.25s linear;
-  transition: background 0.25s linear;
-}
-.animate {
-  -webkit-transition: all 0.25s linear;
-  -moz-transition: all 0.25s linear;
-  transition: all 0.25s linear;
-}
-.secondary-bg {
-  background: url(images/grid.png) #eeeeee 50% 0%;
-}
-.sprite {
-  background: url(images/sprite.png) no-repeat;
-}
-.ellipsis {
-  overflow: hidden;
-  display: block;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-/*---------------------------------------------------
-	Font
----------------------------------------------------*/
-body,
-h1,
-h2,
-h3,
-h4,
-input,
-button {
-  font-size: 17px;
-  font-family: 'HelveticaNeue-Light', Helvetica, Arial, sans-serif;
-  font-weight: 300;
-}
-h1,
-h2,
-h3,
-h4 {
-  letter-spacing: 0.05em;
-}
-h1 {
-  font-size: 34px;
-}
-h2 {
-  font-size: 34px;
-  padding: 48px 0;
-}
-b,
-strong {
-  font-family: 'HelveticaNeue-Bold', Helvetica, Arial, sans-serif;
-  font-weight: 900;
-}
-label {
-  font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif;
-  font-weight: 400;
-  font-size: 12px;
-}
-.platforms-list li,
-.list-header.mini,
-.quick-links-header li {
-  font-family: 'HelveticaNeue-Medium', 'HelveticaNeue', Helvetica, Arial, sans-serif;
-  font-weight: 500;
-}
-/*---------------------------------------------------
-	Generic
----------------------------------------------------*/
-a:hover {
-  color: #4cc2e4;
-}
-p {
-  line-height: 1.8em;
-  margin-bottom: 2em;
-}
-p + p {
-  margin-top: 2em;
-}
-.button-container {
-  position: absolute;
-  right: -5px;
-  background: url(images/shadow.png);
-}
-.button {
-  display: block;
-  background: url(images/sprite.png) no-repeat;
-  background-color: #4cc2e4;
-  background-position: 100% -171px;
-  width: 288px;
-  padding: 16px;
-  color: #fff;
-  font-size: 24px;
-  text-decoration: none;
-  position: relative;
-  top: -5px;
-  left: -5px;
-  -webkit-transition: background 0.25s linear;
-  -moz-transition: background 0.25s linear;
-  transition: background 0.25s linear;
-}
-.button:hover {
-  background-color: #4cd6fc;
-  color: #fff;
-}
-div.button,
-div.button:hover {
-  background-color: #abafb0;
-}
-.button label {
-  display: block;
-  font-size: 0.5em;
-  height: 16px;
-}
-.clear {
-  clear: both;
-}
-/*---------------------------------------------------
-	Layout
----------------------------------------------------*/
-#wrap,
-.wrap,
-#footer,
-hr {
-  width: 1008px;
-  margin: 0 auto;
-  position: relative;
-}
-.grid {
-  background: url(images/grid.png) #eeeeee 50% 0%;
-  padding: 32px 0;
-}
-hr {
-  border: none;
-  border-top: 1px solid #ddd;
-  margin-top: 64px;
-  margin-bottom: 32px;
-}
-/*---------------------------------------------------
-	Layout - Header
----------------------------------------------------*/
-.header-placeholder {
-  height: 90px;
-}
-#header {
-  height: 90px;
-  position: fixed;
-  z-index: 10;
-  left: 0;
-  right: 0;
-  background: #fff;
-  border-bottom: 1px solid #ddd;
-}
-#header .shadow {
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: -3px;
-  height: 3px;
-  background: url(images/shadow.png);
-}
-.logo,
-.closing {
-  background: url(images/sprite.png) no-repeat;
-  -webkit-transition: background 0.25s linear;
-  -moz-transition: background 0.25s linear;
-  transition: background 0.25s linear;
-  background-color: #3b4854;
-  background-position: 0 0px;
-  position: absolute;
-  left: 0;
-  top: 5px;
-  width: 220px;
-  height: 75px;
-}
-.logo:hover {
-  background-color: #4cc2e4;
-}
-.menu {
-  padding: 16px 0;
-  float: right;
-}
-.menu a {
-  text-decoration: none;
-  -webkit-transition: background 0.25s linear;
-  -moz-transition: background 0.25s linear;
-  transition: background 0.25s linear;
-  padding: 16px;
-  margin: 0 8px;
-  line-height: 55px;
-}
-.menu a:hover {
-  color: #4cc2e4;
-}
-.menu-dropdown {
-  display: none;
-  position: absolute;
-  right: 16px;
-  top: 32px;
-  width: 40%;
-}
-.menu-dropdown select {
-  width: 100%;
-}
-/*---------------------------------------------------
-	Layout - Leadin
----------------------------------------------------*/
-.leadin {
-  margin-bottom: 32px;
-}
-.leadin .wrap {
-  height: 368px;
-}
-.leadin .text-block {
-  position: absolute;
-  left: 384px;
-  top: 64px;
-}
-.leadin img {
-  position: absolute;
-  top: 32px;
-  left: 24px;
-}
-.leadin li {
-  list-style: none;
-  margin: 9px 8px;
-}
-.leadin h1 {
-  background: #fff;
-  display: inline;
-  padding: 4px 8px;
-}
-.leadin .button-container {
-  bottom: 0;
-}
-/*---------------------------------------------------
-	Layout - Contribution, Mailing List, 
-	Download and Quick Links
----------------------------------------------------*/
-.container-box {
-  background: #fff;
-  padding: 8px;
-  position: relative;
-}
-.list-link {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-}
-.list {
-  padding-top: 16px;
-}
-.list li {
-  background: #fff;
-  padding: 8px;
-  position: relative;
-  list-style: none;
-  margin-bottom: 16px;
-}
-.list-header {
-  background: #fff;
-  padding: 8px;
-  position: relative;
-  margin-top: 16px;
-}
-.list-header p {
-  margin-bottom: 0;
-}
-.list-container {
-  position: relative;
-}
-/**** Platforms ****/
-.platforms-list {
-  padding-top: 32px;
-  width: 456px;
-}
-.platforms-list.second {
-  position: absolute;
-  right: 0;
-  top: 0;
-}
-.platforms-list li a {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  -webkit-transition: background 0.25s linear;
-  -moz-transition: background 0.25s linear;
-  transition: background 0.25s linear;
-  width: 36px;
-  background: url(images/sprite.png) no-repeat;
-  background-position: 3px -127px;
-  background-color: #4cc2e4;
-}
-.platforms-list li a:hover {
-  background-color: #4cd6fc;
-}
-.platforms-list li.first a {
-  width: 108px;
-}
-.platforms-list li a.link-apache {
-  right: 39px;
-  background-position: 2px -94px;
-}
-.platforms-list li.first a.link-apache {
-  width: 144px;
-  right: 111px;
-}
-/**** Mailing List ****/
-.mailing-list {
-  width: 752px;
-  margin-bottom: 24px;
-}
-.mailing-list a {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  -webkit-transition: background 0.25s linear;
-  -moz-transition: background 0.25s linear;
-  transition: background 0.25s linear;
-  backround: #fff;
-  padding: 8px;
-  width: 408px;
-  font-size: 14px;
-}
-.mailing-list a:hover {
-  color: #fff;
-  background: #4cc2e4;
-}
-.mailing-list a span {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  width: 36px;
-  background: url(images/sprite.png) no-repeat;
-  background-position: -156px -95px;
-  background-color: #4cc2e4;
-}
-.mailing-list li {
-  margin-bottom: 3px;
-}
-/**** Download ****/
-.download-pane .button-container {
-  bottom: -70px;
-}
-.list-header.mini {
-  display: inline;
-}
-.download-list-container {
-  position: relative;
-}
-.download-list {
-  width: 320px;
-  margin-bottom: 24px;
-}
-.download-list.second,
-.download-list.third {
-  position: absolute;
-  top: 0;
-}
-.download-list.second {
-  left: 344px;
-}
-.download-list.third {
-  left: 688px;
-}
-.download-list li {
-  height: 18px;
-}
-.download-list .version {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  -webkit-transition: background 0.25s linear;
-  -moz-transition: background 0.25s linear;
-  transition: background 0.25s linear;
-  background: url(images/sprite.png) no-repeat;
-  background-position: -160px -127px;
-  background-color: #4cc2e4;
-  color: #fff;
-  text-decoration: none;
-  right: auto;
-  left: 0;
-  padding: 8px;
-  padding-left: 32px;
-  width: 40%;
-}
-.download-list .version:hover {
-  background-color: #4cd6fc;
-}
-.download-list .release {
-  float: right;
-  font-size: 12px;
-  margin-top: 2px;
-}
-/**** Quick Links ****/
-.list-header.mini {
-  display: inline;
-}
-.quick-links,
-.quick-links-header li {
-  float: left;
-  width: 320px;
-  margin-right: 24px;
-  list-style: none;
-  position: relative;
-}
-.quick-links-header li {
-  margin-bottom: 24px;
-}
-.quick-links.last,
-.quick-links-header li.last {
-  margin-right: 0;
-}
-.quick-links li {
-  padding: 0;
-}
-.quick-links a {
-  -webkit-transition: background 0.25s linear;
-  -moz-transition: background 0.25s linear;
-  transition: background 0.25s linear;
-  display: block;
-  text-decoration: none;
-  padding: 8px;
-}
-.quick-links a:hover {
-  color: #fff;
-  background: #4cc2e4;
-}
-.quick-links a span {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  width: 36px;
-  background: url(images/sprite.png) no-repeat;
-  background-position: -156px -95px;
-  background-color: #4cc2e4;
-}
-/*---------------------------------------------------
-	Layout - Footer
----------------------------------------------------*/
-#footer {
-  padding: 32px 0 64px;
-}
-#footer p {
-  font-size: 12px;
-  line-height: 1.5em;
-}
-.closing {
-  background-position: 0 -725px;
-  left: auto;
-  right: 0;
-  top: 20px;
-  width: 60px;
-  height: 65px;
-}
-.closing:hover {
-  background-color: #4cc2e4;
-}
-/*---------------------------------------------------
-	Jira Search Form
----------------------------------------------------*/
-#jira-search-box {
-  border: 1px solid #ccc;
-  padding: 2px;
-  min-width: 200px;
-}
-#jira-search-box,
-#jira-search-button {
-  box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  height: 30px;
-  height: 1.8rem;
-  vertical-align: bottom;
-}
-#jira-search-button {
-  font-size: 14px;
-  margin-left: -1px;
-  padding: 5px;
-}
-/*---------------------------------------------------
-	Misc
----------------------------------------------------*/
-.icon {
-  background: url(images/sprite.png) no-repeat;
-  background-position: 0 -220px;
-  padding-left: 78px;
-}
-.icon-about {
-  background-position: 0 -220px;
-}
-.icon-contribute {
-  background-position: 0 -316px;
-}
-.icon-mailing-list {
-  background-position: 0 -412px;
-}
-.icon-download {
-  background-position: 0 -508px;
-}
-.icon-quick-links {
-  background-position: 0 -604px;
-}
-a.scroll-point {
-  display: block;
-  border-bottom: transparent 1px solid;
-}
-a.pt-top {
-  border: none;
-}
-a.pt-about {
-  margin: -100px 0 130px;
-  border: none;
-}
-.corner,
-.quick-links .corner {
-  background: url(images/sprite.png) no-repeat;
-  background-position: 0 -808px;
-  position: absolute;
-  left: 0;
-  top: -32px;
-  width: 40px;
-  height: 40px;
-}
-.button-container.middle {
-  bottom: 0;
-}
-/*---------------------------------------------------
-	Mobile
----------------------------------------------------*/
-@media all and (max-width: 1024px) {
-  #wrap,
-  .wrap,
-  #footer,
-  hr {
-    width: auto;
-  }
-  .wrap,
-  #footer {
-    margin-left: 24px;
-    margin-right: 24px;
-  }
-  .download-list,
-  .download-list.second,
-  .download-list.third {
-    width: 30%;
-  }
-  .download-list.second {
-    left: 33%;
-  }
-  .download-list.third {
-    left: 66%;
-  }
-  .quick-links,
-  .quick-links-header li {
-    width: 30%;
-  }
-  .platforms-list {
-    width: 48%;
-  }
-  h1 {
-    font-size: 30px;
-  }
-  .button-container {
-    right: 16px;
-  }
-}
-@media all and (max-width: 890px) {
-  h1 {
-    font-size: 24px;
-  }
-  h2 {
-    font-size: 24px;
-    padding-top: 54px;
-  }
-  .leadin img {
-    top: 0;
-    width: 240px;
-    height: 270px;
-  }
-  .leadin .text-block {
-    top: 32px;
-    left: 290px;
-  }
-  .button {
-    width: 250px;
-    padding: 12px;
-  }
-  .leadin .wrap {
-    height: 300px;
-  }
-  .mailing-list {
-    width: auto;
-  }
-  .menu {
-    display: none;
-  }
-  .menu-dropdown {
-    display: block;
-  }
-}
-@media all and (max-width: 720px) {
-  body {
-    font-size: 16px;
-  }
-  h1 {
-    font-size: 22px;
-  }
-  h2 {
-    font-size: 22px;
-    padding-top: 54px;
-  }
-  .leadin img {
-    width: 192px;
-    height: 216px;
-  }
-  .leadin .text-block {
-    top: 32px;
-    left: 232px;
-  }
-  .button {
-    font-size: 20px;
-    background-position: 100% -177px;
-    width: 220px;
-    padding: 10px;
-  }
-  .leadin .wrap {
-    height: 280px;
-  }
-  .platforms-list li.first a.link-apache,
-  .platforms-list li.first a.link-github {
-    width: 36px;
-  }
-  .platforms-list li.first a.link-apache {
-    right: 39px;
-  }
-  .mailing-list li {
-    padding: 8px 4px;
-  }
-  .mailing-list a {
-    width: 56%;
-    padding-right: 42px;
-    overflow: hidden;
-    display: block;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .download-list .version {
-    width: 28%;
-  }
-  .menu-dropdown {
-    top: 16px;
-  }
-  #header,
-  .header-placeholder {
-    height: 52px;
-  }
-  .logo {
-    top: 7px;
-    width: 110px;
-    height: 37px;
-    background-size: 112px 425px;
-  }
-  #footer {
-    padding-bottom: 28px;
-    padding-right: 72px;
-  }
-}
-@media all and (max-width: 630px) {
-  body {
-    /*        font-size: 14px;*/
-  
-  }
-  .leadin img {
-    left: -4px;
-    width: 160px;
-    height: 180px;
-  }
-  .leadin .text-block {
-    left: 175px;
-    top: 11px;
-  }
-  .leadin .wrap {
-    height: 240px;
-  }
-  .leadin .button-container {
-    bottom: -10px;
-  }
-  .button {
-    font-size: 18px;
-    background-position: 100% -181px;
-    width: 200px;
-    padding: 8px;
-  }
-  .download-list .version {
-    width: 22%;
-  }
-}
-@media all and (max-width: 585px) {
-  h1,
-  h2,
-  h3,
-  h4 {
-    letter-spacing: 0;
-  }
-  h1 {
-    font-size: 18px;
-  }
-  .leadin img {
-    width: 128px;
-    height: 144px;
-  }
-  .leadin .text-block {
-    left: 130px;
-  }
-  .wrap,
-  #footer {
-    margin-left: 12px;
-    margin-right: 12px;
-  }
-  .leadin .wrap {
-    height: 200px;
-  }
-  .icon {
-    background-size: 112px 425px;
-    padding: 20px 48px 20px 48px;
-    overflow: hidden;
-    display: block;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .icon-about {
-    background-position: 0 -110px;
-  }
-  .icon-contribute {
-    background-position: 0 -158px;
-  }
-  .icon-mailing-list {
-    background-position: 0 -206px;
-  }
-  .icon-download {
-    background-position: 0 -254px;
-  }
-  .icon-quick-links {
-    background-position: 0 -302px;
-  }
-  .platforms-list,
-  .platforms-list.second {
-    width: auto;
-    position: static;
-    padding-bottom: 0;
-  }
-  .platforms-list.second {
-    padding-top: 0;
-  }
-  .mailing-list a {
-    width: 0;
-    padding-right: 30px;
-  }
-  .download-list,
-  .download-list.second,
-  .download-list.third {
-    width: auto;
-    float: none;
-    position: static;
-    margin-bottom: 0;
-  }
-  .download-list.second,
-  .download-list.third {
-    padding-top: 0;
-  }
-  .quick-links-header {
-    display: none;
-  }
-  .quick-links,
-  .quick-links-header li {
-    float: none;
-    width: auto;
-    margin-right: 0;
-  }
-  .quick-links .corner {
-    display: none;
-  }
-  .quick-links {
-    padding-top: 0;
-  }
-}
-@media all and (max-width: 440px) {
-  .leadin .button-container {
-    display: none;
-  }
-  .leadin .text-block {
-    top: 135px;
-    left: -4px;
-    right: -4px;
-  }
-  .leadin img {
-    top: -8px;
-  }
-  .leadin .wrap {
-    height: 260px;
-  }
-  .icon {
-    padding: 22px 16px 20px 35px;
-  }
-  h2 {
-    font-size: 20px;
-  }
-  hr {
-    margin-top: 32px;
-  }
-}