couchdb-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From nsla...@apache.org
Subject svn commit: r1310548 - in /couchdb/site: ./ bin/ htdocs/ image/ script/ style/ templates/
Date Fri, 06 Apr 2012 19:01:30 GMT
Author: nslater
Date: Fri Apr  6 19:01:30 2012
New Revision: 1310548

URL: http://svn.apache.org/viewvc?rev=1310548&view=rev
Log:
New site, oh happy days

Added:
    couchdb/site/.htaccess
    couchdb/site/Makefile
    couchdb/site/README.md
    couchdb/site/favicon.ico   (with props)
    couchdb/site/image/
    couchdb/site/image/couch.png   (with props)
    couchdb/site/image/linen_pattern.jpg   (with props)
    couchdb/site/image/linen_pattern2.jpg   (with props)
    couchdb/site/image/shadow.png   (with props)
    couchdb/site/image/sprite.png   (with props)
    couchdb/site/index.html
    couchdb/site/mail   (with props)
    couchdb/site/script/
    couchdb/site/style/
    couchdb/site/style/master.css
    couchdb/site/style/master.less
Removed:
    couchdb/site/README
    couchdb/site/bin/
    couchdb/site/build
    couchdb/site/htdocs/
    couchdb/site/templates/

Added: couchdb/site/.htaccess
URL: http://svn.apache.org/viewvc/couchdb/site/.htaccess?rev=1310548&view=auto
==============================================================================
--- couchdb/site/.htaccess (added)
+++ couchdb/site/.htaccess Fri Apr  6 19:01:30 2012
@@ -0,0 +1,8 @@
+RedirectMatch /community http://couchdb.apache.org/
+RedirectMatch /docs http://couchdb.apache.org/
+RedirectMatch /downloads http://couchdb.apache.org/
+RedirectMatch /notice http://couchdb.apache.org/
+RedirectMatch /roadmap http://couchdb.apache.org/
+RedirectMatch /screenshots http://couchdb.apache.org/
+RedirectMatch /search http://couchdb.apache.org/
+RedirectMatch /security http://couchdb.apache.org/

Added: couchdb/site/Makefile
URL: http://svn.apache.org/viewvc/couchdb/site/Makefile?rev=1310548&view=auto
==============================================================================
--- couchdb/site/Makefile (added)
+++ couchdb/site/Makefile Fri Apr  6 19:01:30 2012
@@ -0,0 +1,4 @@
+all: style/master.css
+
+style/master.css: style/master.less
+	lessc $< > $@

Added: couchdb/site/README.md
URL: http://svn.apache.org/viewvc/couchdb/site/README.md?rev=1310548&view=auto
==============================================================================
--- couchdb/site/README.md (added)
+++ couchdb/site/README.md Fri Apr  6 19:01:30 2012
@@ -0,0 +1,32 @@
+Apache CouchDB Site
+===================
+
+This directory contains the CouchDB website, the source files it is generated
+from, and the scripts to regenerate the site.
+
+Dependencies
+------------
+
+- LessCSS
+
+Updating the Site
+-----------------
+
+Run:
+
+    make
+
+The site should now be updated.
+
+Publishing the Site
+-------------------
+
+Then, after reviewing the generated pages, check in the changed files.
+
+Log on to people.apache.org.
+
+Run:
+
+   svn up /www/couchdb.apache.org
+
+This will take up to an hour to become public.
\ No newline at end of file

Added: couchdb/site/favicon.ico
URL: http://svn.apache.org/viewvc/couchdb/site/favicon.ico?rev=1310548&view=auto
==============================================================================
Binary file - no diff available.

Propchange: couchdb/site/favicon.ico
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: couchdb/site/image/couch.png
URL: http://svn.apache.org/viewvc/couchdb/site/image/couch.png?rev=1310548&view=auto
==============================================================================
Binary file - no diff available.

Propchange: couchdb/site/image/couch.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: couchdb/site/image/linen_pattern.jpg
URL: http://svn.apache.org/viewvc/couchdb/site/image/linen_pattern.jpg?rev=1310548&view=auto
==============================================================================
Binary file - no diff available.

Propchange: couchdb/site/image/linen_pattern.jpg
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: couchdb/site/image/linen_pattern2.jpg
URL: http://svn.apache.org/viewvc/couchdb/site/image/linen_pattern2.jpg?rev=1310548&view=auto
==============================================================================
Binary file - no diff available.

Propchange: couchdb/site/image/linen_pattern2.jpg
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: couchdb/site/image/shadow.png
URL: http://svn.apache.org/viewvc/couchdb/site/image/shadow.png?rev=1310548&view=auto
==============================================================================
Binary file - no diff available.

Propchange: couchdb/site/image/shadow.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: couchdb/site/image/sprite.png
URL: http://svn.apache.org/viewvc/couchdb/site/image/sprite.png?rev=1310548&view=auto
==============================================================================
Binary file - no diff available.

Propchange: couchdb/site/image/sprite.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: couchdb/site/index.html
URL: http://svn.apache.org/viewvc/couchdb/site/index.html?rev=1310548&view=auto
==============================================================================
--- couchdb/site/index.html (added)
+++ couchdb/site/index.html Fri Apr  6 19:01:30 2012
@@ -0,0 +1,322 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+
+<meta charset="utf-8">
+
+<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
+
+<title>Apache CouchDB</title>
+
+<!--
+
+Thanks to Yohei Shimomae and the Apache Cordova team for the original design.
+
+Thanks to Patrick Hoesly for his original artwork:
+
+    http://www.flickr.com/photos/zooboing/4715048673/
+
+This fabulous linen texture was integrated into the site design.
+
+-->
+
+<link rel="stylesheet" type="text/css" href="style/master.css">
+
+<script src="script/smooth.js" type="text/javascript"></script>
+
+</head>
+
+<body>
+
+<a class="scroll-point pt-top" name="top"></div>
+
+<div id="header">
+
+    <div class="wrap">
+
+        <a class="logo" href="#top"></a>
+
+        <div class="menu">
+            <a href="#about">About</a>
+            <a href="#contribute">Contribute</a>
+            <a href="#mailing-list">Mailing List</a>
+            <a href="#download">Download</a>
+        </div>
+
+        <form class="menu-dropdown">
+            <select onchange="location = this.options[this.selectedIndex].value;">
+                <option value="#about">About</option>
+                <option value="#contribute">Contribute</option>
+                <option value="#mailing-list">Mailing List</option>
+                <option value="#download">Download</option>
+            </select>
+        </form>
+
+    </div>
+
+    <div class="shadow"></div>
+
+</div>
+
+<div class="header-placeholder"></div>
+
+<div class="grid leadin">
+
+    <div class="wrap">
+    
+        <img src="image/couch.png" alt=""/>
+
+        <ul class="text-block">
+            <li><h1><strong>Apache CouchDB</strong> is a database</h1></li>
+            <li><h1>that uses <strong>JSON</strong> for documents,</h1></li>
+            <li><h1><strong>JavaScript</strong> for <strong>MapReduce</strong> queries,</h1></li>
+            <li><h1>and regular <strong>HTTP</strong> for an <strong>API</strong></h1></li>
+        </ul>
+
+        <div class="button-container">
+            <a class="button" href="#download">DOWNLOAD<label>Version 1.2</label></a>
+        </div>
+
+    </div>
+
+</div>
+
+<a class="scroll-point pt-about" name="about"></a>
+
+<div class="wrap feature">
+
+    <h2 class="icon icon-about">A Database for the Web</h2>
+
+    <p>CouchDB is a document database that completely embraces the web. Data is stored as JSON documents. These documents can then be accessed via HTTP, with a web browser. And queries can be done in JavaScript. Because of this, CouchDB works well with modern web applications and mobile apps. You can distribute data to any number of machines efficiently using CouchDB’s incremental replication. And CouchDB even supports master-master setups with automatic conflict detection.</p>
+
+    <p>To top it all off, CouchDB comes with a suite of features, including on-the-fly transformation of documents and query results, and real-time change notifications that makes web application development a breeze. It even comes with an easy to use administration console. But what about <a href="http://en.wikipedia.org/wiki/CAP_theorem">CAP</a>? Well, CouchDB is highly available and partition tolerant, but is also <a href="http://guide.couchdb.org/editions/1/en/consistency.html">eventually consistent</a>. This makes it very easy to distribute and scale CouchDB. And, it has a fault-tolerant storage engine that puts the safety of your data first.</p>
+    
+    <p>See the <a href="http://wiki.apache.org/couchdb/Introduction">introduction</a>, <a href="http://wiki.apache.org/couchdb/Technical%20Overview">technical overview</a>, or one of the <a href="http://wiki.apache.org/couchdb/Basics">guides</a> for more information.</p>
+
+</div>
+
+<a class="scroll-point" name="contribute"></a>
+
+<hr/>
+
+<div class="wrap feature">
+
+    <h2 class="icon icon-contribute">Want to Contribute?</h2>
+
+    <p>CouchDB is an open source project. And that means everything, from this website to the core of the database itself, has been contributed by passionate, helpful individuals who liked what they saw and wanted to make something better of it. So if you like what you see, and want to make something better of it, <em>we&rsquo;</em> like to see your contributions. It doesn&rsquo;t matter how familiar you are with CouchDB, or whether you know how to programme Erlang. There are plenty of ways to be helpful!
+
+    <p>One of the first things you should do is actually use CouchDB, and get to know it, read about it, evangelise it, and engage with the wider community. Our community is our most valuable asset, and it could always do with a bit more love and attention. You could also get stuck in on the <a href="#mailing-list">user mailing list</a>, helping new users with their problems. Or come join us on the <a href="#mailing-list">developer mailing list</a> and lets us know how else you think you can help. There&rsquo;s bound to be someone to point you in the right direction.
+
+    <p>Why don&rsquo;t you check out <a href="http://s.apache.org/Bni">JIRA</a> and help us triage some of those  issues? Or maybe you&rsquo;d like to help us keep the <a href="http://wiki.apache.org/couchdb/">wiki</a> up-to-date? If you&rsquo;re looking for something a little more technical, you could help us with our documentation, QA, packaging, mobile, or release efforts, perhaps? Just drop by on the <a href="#mailing-list">developer mailing list</a> and let us know what you want to do. There's enough room for any sort of contribution!</p>
+    
+    <p>Do you want to contribute code? Great! You can use JIRA to find <a href="http://s.apache.org/couchdb-easy-issues">easy</a>, <a href="http://s.apache.org/couchdb-medium-issues">medium</a>, and <a href="http://s.apache.org/couchdb-hard-issues">hard</a> issues to work on. Or, if you&rsquo;d prefer, just open a new issue, and attach your patch. Or <a href="https://github.com/apache/couchdb">fork us on GitHub</a> and send a pull request. Yes, it really <em>is</em> that easy! Read about more about this in the <a href="http://wiki.apache.org/couchdb/ContributorWorkflow">contributor workflow</a> guide.
+
+</div>
+
+<a class="scroll-point" name="mailing-list"></a>
+
+<hr/>
+
+<div class="wrap">
+    <h2 class="icon icon-mailing-list">Mailing List</h2>
+</div>
+
+<div class="grid">
+
+    <div class="wrap">
+
+        <div class="corner"></div>
+
+        <br/>
+
+        <div class="list-header">
+            <a href="http://mail-archives.apache.org/mod_mbox/couchdb-user/"><strong>User Mailing List</strong></a>
+            <p>This is a general discussion and support forum for all CouchDB users.</p>
+        </div>
+
+        <ul class="list mailing-list">
+            <li>Writing to the list<a href="mailto:user@couchdb.apache.org">user@couchdb.apache.org<span></span></a></li>
+            <li>Subscription address<a href="mailto:user-subscribe@couchdb.apache.org">user-subscribe@couchdb.apache.org<span></span></a></li>
+            <li>Digest subscription address<a href="mailto:user-digest-subscribe@couchdb.apache.org">user-digest-subscribe@couchdb.apache.org<span></span></a></li>
+            <li>Unsubscription addresses<a href="mailto:user-unsubscribe@couchdb.apache.org">user-unsubscribe@couchdb.apache.org<span></span></a></li>
+            <li>Getting help with the list<a href="mailto:user-help@couchdb.apache.org">user-help@couchdb.apache.org<span></span></a></li> 
+        </ul>
+
+        <br/>
+
+        <div class="list-header">
+            <a href="http://mail-archives.apache.org/mod_mbox/couchdb-dev/"><strong>Developer Mailing List</strong></a>
+            <p>This is where people working on CouchDB itself get together and discuss things.</p>
+        </div>
+
+        <ul class="list mailing-list">
+            <li>Writing to the list<a href="mailto:dev@couchdb.apache.org">dev@couchdb.apache.org<span></span></a></li>
+            <li>Subscription address<a href="mailto:dev-subscribe@couchdb.apache.org">dev-subscribe@couchdb.apache.org<span></span></a></li>
+            <li>Digest subscription address<a href="mailto:dev-digest-subscribe@couchdb.apache.org">dev-digest-subscribe@couchdb.apache.org<span></span></a></li>
+            <li>Unsubscription addresses<a href="mailto:dev-unsubscribe@couchdb.apache.org">dev-unsubscribe@couchdb.apache.org<span></span></a></li>
+            <li>Getting help with the list<a href="mailto:dev-help@couchdb.apache.org">dev-help@couchdb.apache.org<span></span></a></li> 
+        </ul>
+
+        <br/>
+
+        <div class="list-header">
+            <a href="http://mail-archives.apache.org/mod_mbox/couchdb-commits/"><strong>Commits Mailing List</strong></a>
+            <p>This is where all source code changes and wiki changes are sent.</p>
+        </div>
+
+        <ul class="list mailing-list">
+            <li>Writing to the list<a href="mailto:commits@couchdb.apache.org">commits@couchdb.apache.org<span></span></a></li>
+            <li>Subscription address<a href="mailto:commits-subscribe@couchdb.apache.org">commits-subscribe@couchdb.apache.org<span></span></a></li>
+            <li>Digest subscription address<a href="mailto:commits-digest-subscribe@couchdb.apache.org">commits-digest-subscribe@couchdb.apache.org<span></span></a></li>
+            <li>Unsubscription addresses<a href="mailto:commits-unsubscribe@couchdb.apache.org">commits-unsubscribe@couchdb.apache.org<span></span></a></li>
+            <li>Getting help with the list<a href="mailto:commits-help@couchdb.apache.org">commits-help@couchdb.apache.org<span></span></a></li>
+        </ul>
+
+    </div>
+    
+</div>
+
+<a class="scroll-point" name="download"></a>
+
+<hr/>
+
+<div class="wrap download-pane">
+    <h2 class="icon icon-download">Download</h2>
+</div>
+
+<div class="grid">
+
+    <div class="wrap">
+
+        <div class="corner"></div>
+
+        <div class="download-list-container">
+
+            <ul class="list download-list">
+                <li>
+                    <a href="http://www.apache.org/dyn/closer.cgi?path=/couchdb/releases/1.2.0/apache-couchdb-1.2.0.tar.gz" class="type">Source</a>
+                    <span class="info">
+                        Version 1.2 | 
+                        <a href="http://www.apache.org/dist/couchdb/notes/1.2.0/apache-couchdb-1.2.0.html" class="release">Release Notes</a> |
+                        <a href="http://www.apache.org/dist/couchdb/releases/1.2.0/apache-couchdb-1.2.0.tar.gz.asc">OpenPGP</a> |
+                        <a href="http://www.apache.org/dist/couchdb/releases/1.2.0/apache-couchdb-1.2.0.tar.gz.md5">MD5</a> |
+                        <a href="http://www.apache.org/dist/couchdb/releases/1.2.0/apache-couchdb-1.2.0.tar.gz.sha">SHA</a>
+                    </span>
+                </li>
+                <li>
+                    <a href="http://www.apache.org/dyn/closer.cgi?path=/couchdb/packages/win32/1.2.0/setup-couchdb-1.2.0_otp_R15B.exe" class="type">Windows (R15B)</a>
+                    <span class="info">
+                        Version 1.2 | 
+                        <a href="http://www.apache.org/dist/couchdb/notes/1.2.0/apache-couchdb-1.2.0.html" class="release">Release Notes</a> |
+                        <a href="http://www.apache.org/dist/couchdb/packages/win32/1.2.0/setup-couchdb-1.2.0_otp_R15B.exe.asc">OpenPGP</a> |
+                        <a href="http://www.apache.org/dist/couchdb/packages/win32/1.2.0/setup-couchdb-1.2.0_otp_R15B.exe.md5">MD5</a> |
+                        <a href="http://www.apache.org/dist/couchdb/packages/win32/1.2.0/setup-couchdb-1.2.0_otp_R15B.exe.sha">SHA</a>
+                    </span>
+                </li>
+                <li>
+                    <a href="http://www.apache.org/dyn/closer.cgi?path=/couchdb/packages/win32/1.2.0/setup-couchdb-1.2.0_otp_R14B04.exe" class="type">Windows (R14B04)</a>
+                    <span class="info">
+                        Version 1.2 | 
+                        <a href="http://www.apache.org/dist/couchdb/notes/1.2.0/apache-couchdb-1.2.0.html" class="release">Release Notes</a> |
+                        <a href="http://www.apache.org/dist/couchdb/packages/win32/1.2.0/setup-couchdb-1.2.0_otp_R14B04.exe.asc">OpenPGP</a> |
+                        <a href="http://www.apache.org/dist/couchdb/packages/win32/1.2.0/setup-couchdb-1.2.0_otp_R14B04.exe.md5">MD5</a> |
+                        <a href="http://www.apache.org/dist/couchdb/packages/win32/1.2.0/setup-couchdb-1.2.0_otp_R14B04.exe.sha">SHA</a>
+                    </span>
+                </li>
+                <li>
+                    <a href="#" class="type" onclick="return false;">Mac OS X</a>
+                    <span class="info">
+                        <em>Coming soon? Why don&rsquo;t you <a href="#contribute">contribute one</a>?</em>
+                    </span>
+                </li>
+            </ul>
+            
+        </div>
+        
+    </div>
+    
+</div>
+
+<a class="scroll-point" name="quick-links"></a>
+
+<hr/>
+
+<div class="wrap quick-links-pane">
+
+    <h2 class="icon icon-quick-links">Quick Links</h2>
+
+    <br/>
+
+    <ul class="quick-links-header">
+        <li>General</li>
+        <li>Development</li>
+        <li class="last">Apache Software Foundation</li>
+    </ul>
+
+    <div class="clear"></div>
+
+</div>
+
+<div class="grid">
+
+    <div class="wrap">
+
+        <div class="list-container">
+
+            <ul class="list quick-links">
+                <li class="corner"></li>
+                <li><a href="#about">About CouchDB<span></span></a></li>
+                <li><a href="http://wiki.apache.org/couchdb/CurrentReleases">Current Releases<span></span></a></li>
+                <li><a href="https://blogs.apache.org/couchdb/">Blog<span></span></a></li>
+                <li><a href="http://www.apache.org/licenses/LICENSE-2.0">License<span></span></a></li>
+            </ul>
+
+            <ul class="list quick-links">
+                <li class="corner"></li>
+                <li><a href="http://wiki.apache.org/couchdb/">Documentation<span></span></a></li>
+                <li><a href="#mailing-list">Mailing Lists<span></span></a></li>
+                <li><a href="https://issues.apache.org/jira/browse/CouchDB">Issue Tracker<span></span></a></li>
+                <li><a href="http://wiki.apache.org/couchdb/SourceCode">Source Code<span></span></a></li>
+            </ul>
+
+            <ul class="list quick-links last">
+                <li class="corner"></li>
+                <li><a href="http://www.apache.org/">About the ASF<span></span></a></li>
+                <li><a href="http://www.apache.org/foundation/thanks.html">Thanks<span></span></a></li>
+                <li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor<span></span></a></li>
+                <li><a href="http://www.apache.org/security/">Security<span></span></a></li>
+            </ul>
+
+            <div class="clear"></div>
+
+        </div>
+
+    </div>
+
+</div>
+
+<div id="footer">
+
+    <p>Copyright &copy; 2012 The Apache Software Foundation &mdash; Apache CouchDB, Apache, CouchDB, and the project logo are <a href="http://www.apache.org/foundation/marks/list/">trademarks</a> of The Apache Software Foundation</p>
+
+    <a class="closing" href="#top"></a>
+
+</div>
+
+<script type="text/javascript">
+  var _gaq = _gaq || [];
+  _gaq.push(['_setAccount', 'UA-658988-6']);
+  _gaq.push(['_trackPageview']);
+
+  (function() {
+    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+  })();
+</script>
+
+</body>
+
+</html>

Added: couchdb/site/mail
URL: http://svn.apache.org/viewvc/couchdb/site/mail?rev=1310548&view=auto
==============================================================================
--- couchdb/site/mail (added)
+++ couchdb/site/mail Fri Apr  6 19:01:30 2012
@@ -0,0 +1 @@
+link /home/apmail/public-arch/couchdb.apache.org
\ No newline at end of file

Propchange: couchdb/site/mail
------------------------------------------------------------------------------
    svn:special = *

Added: couchdb/site/style/master.css
URL: http://svn.apache.org/viewvc/couchdb/site/style/master.css?rev=1310548&view=auto
==============================================================================
--- couchdb/site/style/master.css (added)
+++ couchdb/site/style/master.css Fri Apr  6 19:01:30 2012
@@ -0,0 +1,775 @@
+* {
+  margin: 0;
+  padding: 0;
+  -webkit-text-size-adjust: none;
+}
+body,
+a {
+  color: #291d1e;
+}
+/** 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(../image/linen_pattern2.jpg) #eeeeee 50% 0%;
+}
+.sprite {
+  background: url(../image/sprite.png) no-repeat;
+}
+.ellipsis {
+  overflow: hidden;
+  display: block;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+/*---------------------------------------------------
+	Font
+---------------------------------------------------*/
+body,
+h1,
+h2,
+h3,
+h4 {
+  font-size: 16px;
+  font-family: 'HelveticaNeue-Light', Helvetica, Arial, sans-serif;
+  font-weight: 300;
+}
+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;
+}
+.feature {
+  font-size: 22px;
+}
+.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: #ff0000;
+}
+p {
+  line-height: 2em;
+  margin-bottom: 2em;
+}
+p + p {
+  margin-top: 2em;
+}
+.button-container {
+  position: absolute;
+  right: -5px;
+  background: url(../image/shadow.png);
+}
+.button {
+  display: block;
+  background: url(../image/sprite.png) no-repeat;
+  background-color: #ff0000;
+  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: #ae2323;
+  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(../image/linen_pattern2.jpg) #eeeeee 50% 0%;
+  padding: 32px 0;
+}
+hr {
+  border: none;
+  border-top: 1px solid #ddd;
+  margin-top: 64px;
+  margin-bottom: 32px;
+}
+blockquote {
+  width: 70%;
+  margin: 0 auto;
+  font-style: italic;
+}
+.cite {
+  text-align: right;
+}
+/*---------------------------------------------------
+	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(../image/shadow.png);
+}
+.logo,
+.closing {
+  background: url(../image/sprite.png) no-repeat;
+  -webkit-transition: background 0.25s linear;
+  -moz-transition: background 0.25s linear;
+  transition: background 0.25s linear;
+  background-color: #ff0000;
+  background-position: 0 0px;
+  position: absolute;
+  left: 0;
+  top: 5px;
+  width: 220px;
+  height: 75px;
+}
+.logo:hover {
+  background-color: #ae2323;
+}
+.menu {
+  padding: 16px 0;
+  float: right;
+}
+.menu a {
+  text-decoration: none;
+  -webkit-transition: all 0.25s linear;
+  -moz-transition: all 0.25s linear;
+  transition: all 0.25s linear;
+  padding: 16px;
+  margin: 0 8px;
+  line-height: 55px;
+}
+.menu a:hover {
+  color: #ff0000;
+}
+.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(../image/sprite.png) no-repeat;
+  background-position: 3px -127px;
+  background-color: #ff0000;
+}
+.platforms-list li a:hover {
+  background-color: #ae2323;
+}
+.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: all 0.25s linear;
+  -moz-transition: all 0.25s linear;
+  transition: all 0.25s linear;
+  backround: #fff;
+  padding: 8px;
+  width: 408px;
+  font-size: 14px;
+}
+.mailing-list a:hover {
+  color: #fff;
+  background: #ff0000;
+}
+.mailing-list a span {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: 36px;
+  background: url(../image/sprite.png) no-repeat;
+  background-position: -156px -95px;
+  background-color: #ff0000;
+}
+.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: 100%;
+  margin-bottom: 24px;
+}
+.download-list li {
+  height: 18px;
+}
+.download-list .type {
+  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(../image/sprite.png) no-repeat;
+  background-position: -160px -127px;
+  background-color: #ff0000;
+  color: #fff;
+  text-decoration: none;
+  right: auto;
+  left: 0;
+  padding: 8px;
+  padding-left: 32px;
+  width: 40%;
+}
+.download-list .type:hover {
+  background-color: #ae2323;
+}
+.download-list .info {
+  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: all 0.25s linear;
+  -moz-transition: all 0.25s linear;
+  transition: all 0.25s linear;
+  display: block;
+  text-decoration: none;
+  padding: 8px;
+}
+.quick-links a:hover {
+  color: #fff;
+  background: #ff0000;
+}
+.quick-links a span {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: 36px;
+  background: url(../image/sprite.png) no-repeat;
+  background-position: -156px -95px;
+  background-color: #ff0000;
+}
+/*---------------------------------------------------
+	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: #ae2323;
+}
+/*---------------------------------------------------
+	Misc
+---------------------------------------------------*/
+.icon {
+  background: url(../image/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(../image/sprite.png) no-repeat;
+  background-position: 0 -808px;
+  position: absolute;
+  left: 0;
+  top: -32px;
+  width: 40px;
+  height: 40px;
+}
+/*---------------------------------------------------
+	Mobile
+---------------------------------------------------*/
+@media all and (max-width: 1024px) {
+  #wrap,
+  .wrap,
+  #footer,
+  hr {
+    width: auto;
+  }
+  .wrap,
+  #footer {
+    margin-left: 24px;
+    margin-right: 24px;
+  }
+  .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: 950px) {
+  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: 770px) {
+  body {
+    font-size: 14px;
+  }
+  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: 675px) {
+  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: 620px) {
+  h1 {
+    font-size: 16px;
+  }
+  .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;
+  }
+  .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;
+  }
+  .download-list .type {
+    width: auto;
+    display: block;
+    position: static;
+    margin: -8px -8px 8px;
+  }
+  .download-list .info {
+    float: none;
+  }
+  .download-list li {
+    height: auto;
+  }
+}
+@media all and (max-width: 446px) {
+  .leadin .button-container {
+    right: auto;
+    left: 8px;
+  }
+  .leadin .text-block {
+    top: 110px;
+    left: -4px;
+    right: -2px;
+  }
+  .leadin .wrap {
+    height: 300px;
+  }
+  .icon {
+    padding: 22px 16px 20px 35px;
+  }
+  h2 {
+    font-size: 20px;
+  }
+  hr {
+    margin-top: 32px;
+  }
+}

Added: couchdb/site/style/master.less
URL: http://svn.apache.org/viewvc/couchdb/site/style/master.less?rev=1310548&view=auto
==============================================================================
--- couchdb/site/style/master.less (added)
+++ couchdb/site/style/master.less Fri Apr  6 19:01:30 2012
@@ -0,0 +1,823 @@
+* {
+    margin: 0;
+    padding: 0;
+    -webkit-text-size-adjust:none;
+}
+
+body {
+}
+
+body, a {
+	color: @main-color;
+}
+
+/** LESS **/
+@column:		320px;
+@gutter:		24px;
+@padding:       16px;
+@full-width:	@column*3 + @gutter*2;
+@gap:			32px;
+
+@background-half-size: 112px 425px;
+
+@main-color:        #291d1e;
+@key-color:         #ff0000;
+@key-color-hover:   #ae2323;
+@disable-color:     #abafb0;
+
+.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(../image/linen_pattern2.jpg) #EEE 50% 0%;
+}
+
+.sprite {
+	background: url(../image/sprite.png) no-repeat
+}
+
+.ellipsis {
+    overflow: hidden;
+    display: block;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+/*---------------------------------------------------
+	Font
+---------------------------------------------------*/
+
+body, h1, h2, h3, h4 {
+	font-size: 16px;
+	font-family: 'HelveticaNeue-Light', Helvetica, Arial, sans-serif;
+	font-weight: 300;
+}
+
+h1 {font-size: 34px;}
+h2 {font-size: 34px; padding: @gap+@padding 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;
+}
+
+.feature {
+	font-size: 22px;
+}
+
+.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: @key-color;
+}
+
+p {
+	line-height: 2em;
+	margin-bottom: 2em;
+}
+
+p + p {
+	margin-top: 2em;
+}
+
+
+.button-container {
+    position: absolute;
+    right: -5px;
+    background: url(../image/shadow.png);
+}
+
+.button {
+    display: block;
+	.sprite;
+    background-color: @key-color;
+	background-position: 100% -171px;
+    width: @column - @padding*2;
+    padding: @padding;
+    color: #fff;
+    font-size: 24px;
+    text-decoration: none;
+    position: relative;
+    top: -5px;
+    left: -5px;
+	.animate-background
+}
+
+.button:hover {
+    background-color: @key-color-hover;
+    color: #fff;
+}
+
+div.button, div.button:hover {
+    background-color: @disable-color;
+}
+
+.button label {
+    display: block;
+    font-size: 0.5em;
+    height: 16px;
+}
+
+.clear {
+    clear: both;
+}
+
+/*---------------------------------------------------
+	Layout
+---------------------------------------------------*/
+
+#wrap, .wrap, #footer, hr {
+	width: @full-width;
+	margin: 0 auto;
+	position: relative;
+}
+
+.grid {
+	.secondary-bg;
+	padding: @gap 0;
+}
+
+hr {
+	border: none;
+	border-top: 1px solid #ddd;
+	margin-top: @gap*2;
+	margin-bottom: @gap;
+}
+
+blockquote {
+	width: 70%;
+	margin: 0 auto;
+	font-style: italic;
+}
+
+.cite {
+	text-align: right;
+}
+
+/*---------------------------------------------------
+	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(../image/shadow.png);
+}
+
+.logo, .closing {
+    .sprite;
+	.animate-background;
+	background-color: @key-color;
+    background-position: 0 0px;
+    position: absolute;
+    left: 0;
+    top: 5px;
+    width: 220px;
+    height: 75px;
+}
+
+.logo:hover {
+	background-color: @key-color-hover;
+}
+
+.menu {
+    padding: @padding 0;
+    float: right;
+}
+.menu a {
+    text-decoration: none;
+    .animate;
+    padding: @padding;
+    margin: 0 @padding/2;
+    line-height: 55px;
+}
+.menu a:hover {
+    color: @key-color;
+}
+
+.menu-dropdown {
+    display: none;
+    position: absolute;
+    right: @padding;
+    top: @gap;
+    width: 40%;
+}
+
+.menu-dropdown select{
+    width: 100%;
+}
+
+/*---------------------------------------------------
+	Layout - Leadin
+---------------------------------------------------*/
+
+.leadin {
+    margin-bottom: @gap;
+}
+
+.leadin .wrap {
+	height: @column+@gap+@padding;
+}
+
+.leadin .text-block {
+	position: absolute;
+	left: @padding*4 + @column;
+	top: @gap+@padding*2;
+}
+
+.leadin img {
+	position: absolute;
+	top: @gap;
+	left: @gutter;
+}
+
+.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
+---------------------------------------------------*/
+
+@link-box: 36px;
+@link-box-gap: 3px;
+.container-box {    
+    background: #fff;
+    padding: @padding/2;
+    position: relative;
+}
+
+.list-link {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 0;
+}
+
+
+.list {
+    padding-top: @padding;
+}
+
+.list li {
+    .container-box;
+    list-style: none;
+    margin-bottom: @padding;
+}
+
+.list-header {
+    .container-box;
+    margin-top: @padding;
+}
+
+.list-header p {
+    margin-bottom: 0;
+}
+
+.list-container {
+    position: relative;
+}
+
+/**** Platforms ****/
+
+.platforms-list {
+	padding-top: @padding*2;
+    width: @full-width/2 - @gutter*2;
+}
+
+.platforms-list.second {
+    position: absolute;
+    right: 0;
+    top: 0;
+}
+
+.platforms-list li a {
+    .list-link;
+	.animate-background;
+    width: @link-box;
+	.sprite;
+	background-position: 3px -127px;
+    background-color: @key-color;
+}
+
+.platforms-list li a:hover {
+	background-color: @key-color-hover;
+}
+
+.platforms-list li.first a {
+    width: @link-box*3;
+}
+
+.platforms-list li a.link-apache {
+    right: @link-box + @link-box-gap;
+	background-position: 2px -94px;
+}
+
+.platforms-list li.first a.link-apache {
+	width: @link-box*4;
+    right: @link-box*3 + @link-box-gap;
+}
+
+/**** Mailing List ****/
+
+.mailing-list {
+    width: @column*2 + @gap*2 + @gutter*2;
+    margin-bottom: @gutter;
+}
+
+.mailing-list a {
+    .list-link;
+    .animate;
+    backround: #fff;
+    padding: @padding/2;
+    width: @column + @gap*2 + @gutter;
+    font-size: 14px;
+}
+
+.mailing-list a:hover {
+    color: #fff;
+    background: @key-color;
+}
+
+.mailing-list a span {
+    .list-link;
+    width: @link-box;
+	.sprite;
+	background-position: -156px -95px;
+    background-color: @key-color;
+}
+
+.mailing-list li {
+    margin-bottom: @link-box-gap;
+}
+
+
+/**** Download ****/
+
+.download-pane .button-container{
+    bottom: -70px;
+}
+
+.list-header.mini {
+    display: inline;
+}
+
+.download-list-container {
+    position: relative;
+}
+
+.download-list {
+    width: 100%;
+    margin-bottom: @gutter;
+}
+
+.download-list li {
+    height: 18px;
+}
+
+.download-list .type {
+    .list-link;
+    .animate-background;
+	.sprite;
+	background-position: -160px -127px;
+    background-color: @key-color;
+    color: #fff;
+    text-decoration: none;
+    right: auto;
+    left: 0;
+    padding: @padding/2;
+	padding-left: 32px;
+    width: 40%;
+}
+.download-list .type:hover {
+    background-color: @key-color-hover;
+}
+
+.download-list .info {
+    float: right;
+    font-size: 12px;
+	margin-top: 2px;
+}
+
+
+/**** Quick Links ****/
+
+
+.list-header.mini {
+    display: inline;
+}
+
+.quick-links, .quick-links-header li {
+    float: left;
+    width: @column;
+    margin-right: @gutter;
+    list-style: none;
+	position: relative;
+}
+
+.quick-links-header li {
+    margin-bottom: @gutter;
+}
+
+.quick-links.last, .quick-links-header li.last {
+    margin-right: 0;
+}
+
+.quick-links li {
+    padding: 0;
+}
+
+.quick-links a {
+    .animate;
+    display: block;
+    text-decoration: none;
+    padding: @padding/2;
+}
+
+.quick-links a:hover {
+    color: #fff;
+    background: @key-color;
+}
+
+.quick-links a span {
+    .list-link;
+    width: @link-box;
+	.sprite;
+	background-position: -156px -95px;
+    background-color: @key-color;
+}
+
+
+/*---------------------------------------------------
+	Layout - Footer
+---------------------------------------------------*/
+
+#footer {
+    padding: @gap 0 @gap*2;
+}
+
+#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: @key-color-hover;
+}
+
+
+/*---------------------------------------------------
+	Misc
+---------------------------------------------------*/
+
+@spacer-base: -220px;
+@spacer: 96px;
+
+.icon {
+    .sprite;
+    background-position: 0 @spacer-base;
+	padding-left: 78px;
+}
+.icon-about { 			background-position: 0 @spacer-base;}
+.icon-contribute { 			background-position: 0 @spacer-base - @spacer;}
+.icon-mailing-list { 		background-position: 0 @spacer-base - @spacer*2;}
+.icon-download { 			background-position: 0 @spacer-base - @spacer*3;}
+.icon-quick-links { 		background-position: 0 @spacer-base - @spacer*4;}
+
+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 {
+	.sprite;
+	background-position: 0 -808px;
+	position: absolute;
+	left: 0;
+	top: -@gap;
+	width: 40px;
+	height: 40px;
+}
+
+.quick-links .corner {
+}
+
+
+/*---------------------------------------------------
+	Mobile
+---------------------------------------------------*/
+@mobile-pad: 24px;
+
+@media all and (max-width:1024px) { 
+    #wrap, .wrap, #footer, hr {
+        width: auto;
+    }    
+    .wrap, #footer {
+        margin-left: @mobile-pad;
+        margin-right: @mobile-pad;
+    }       
+    .quick-links, .quick-links-header li {
+        width: 30%;
+    }
+    .platforms-list {
+        width: 48%;
+    }    
+    h1 {
+        font-size: 30px;
+    }
+    .button-container {
+        right: @padding;
+    }
+}
+
+@media all and (max-width:950px) { 
+    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:770px) { 
+    body {
+        font-size: 14px;
+    }
+    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: @link-box;
+    }
+    .platforms-list li.first a.link-apache {
+        right: @link-box + @link-box-gap;
+    }
+    .mailing-list li {
+        padding: 8px 4px;
+    }
+    .mailing-list a {
+        width: 56%;
+        padding-right: 42px;
+        .ellipsis;
+    }
+    .download-list .version {
+        width: 28%;
+    }
+    .menu-dropdown {
+        top: @padding;
+    }
+    #header, .header-placeholder {
+        height: 52px;
+    }
+    .logo {
+        top: 7px;
+        width: 110px;
+        height: 37px;
+        background-size: @background-half-size;
+    }
+    #footer {
+        padding-bottom: 28px;
+		padding-right: 72px;
+    }
+}
+
+@media all and (max-width:675px) { 
+    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:620px) {  
+    h1 {
+        font-size: 16px;
+    }
+    .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: @background-half-size;
+        padding: 20px 48px 20px 48px;
+        .ellipsis;
+    }
+    @spacer-mini: @spacer/2;
+    @spacer-base-mini: @spacer-base/2;
+    .icon-about { 			    background-position: 0 @spacer-base-mini;}
+    .icon-contribute { 			background-position: 0 @spacer-base-mini - @spacer-mini;}
+    .icon-mailing-list { 		background-position: 0 @spacer-base-mini - @spacer-mini*2;}
+    .icon-download { 			background-position: 0 @spacer-base-mini - @spacer-mini*3;}
+    .icon-quick-links { 		background-position: 0 @spacer-base-mini - @spacer-mini*4;}
+
+	.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;
+	}
+	.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;
+	}
+    .download-list .type {
+        width: auto;
+        display: block;
+        position: static;
+        margin: -8px -8px 8px;
+    }
+    .download-list .info {
+        float: none;
+    }
+    .download-list li {
+        height: auto;
+    }
+}
+
+@media all and (max-width:446px) {  
+    .leadin .button-container {
+        right: auto;
+        left: 8px;
+    }
+    .leadin .text-block {
+        top: 110px;
+        left: -4px;
+        right: -2px;
+    }
+	.leadin .wrap {
+		height: 300px;
+	}
+	.icon {
+		padding: 22px 16px 20px 35px;
+	}
+	h2 {
+		font-size: 20px;
+	}
+	hr {
+		margin-top: 32px;
+	}
+}



Mime
View raw message