Author: nslater Date: Wed Aug 6 19:52:46 2014 New Revision: 1616330 URL: http://svn.apache.org/r1616330 Log: Improve nav, change Quick Links to More
Modified: couchdb/site/index.html couchdb/site/style/master.css couchdb/site/style/master.less Modified: couchdb/site/index.html URL: http://svn.apache.org/viewvc/couchdb/site/index.html?rev=1616330&r1=1616329&r2=1616330&view=diff ============================================================================== --- couchdb/site/index.html (original) +++ couchdb/site/index.html Wed Aug 6 19:52:46 2014 @@ -42,21 +42,19 @@ This fabulous linen texture was integrat <div class="menu"> <a href="#about">About</a> - <a href="http://docs.couchdb.org">Docs</a> <a href="#contribute">Contribute</a> <a href="#mailing-lists">Mailing Lists</a> <a href="#download">Download</a> - <a href="#quick-links">Quick Links</a> + <a href="#more">More…</a> </div> <form class="menu-dropdown"> <select onchange="location = this.options[this.selectedIndex].value;"> <option value="#about">About</option> - <option value="http://docs.couchdb.org">Docs</option> <option value="#contribute">Contribute</option> <option value="#mailing-lists">Mailing Lists</option> <option value="#download">Download</option> - <option value="#quick-links">Quick Links</option> + <option value="#more">More…</option> </select> </form> @@ -293,17 +291,17 @@ This fabulous linen texture was integrat </div> -<a class="scroll-point" id="quick-links"></a> +<a class="scroll-point" id="more"></a> <hr/> -<div class="wrap quick-links-pane"> +<div class="wrap more-pane"> - <h2 class="icon icon-quick-links">Quick Links</h2> + <h2 class="icon icon-more">More …</h2> <br/> - <ul class="quick-links-header"> + <ul class="more-header"> <li>General</li> <li>Development</li> <li class="last">Apache Software Foundation</li> @@ -319,15 +317,15 @@ This fabulous linen texture was integrat <div class="list-container"> - <ul class="list quick-links"> + <ul class="list more"> <li class="corner"></li> - <li><a href="http://docs.couchdb.org/en/latest/">Documentation</a> + <li><a href="http://docs.couchdb.org/en/latest/">Documentation<span></span></a> <li><a href="http://wiki.apache.org/couchdb/CurrentReleases">Current Releases<span></span></a></li> - <li><a href="http://blog.couchdb.org/">Blog</a> + <li><a href="http://blog.couchdb.org/">Blog<span></span></a> <li><a href="http://www.apache.org/licenses/LICENSE-2.0">License<span></span></a></li> </ul> - <ul class="list quick-links"> + <ul class="list more"> <li class="corner"></li> <li><a href="http://wiki.apache.org/couchdb/">Wiki<span></span></a></li> <li><a href="#mailing-lists">Mailing Lists<span></span></a></li> @@ -335,7 +333,7 @@ This fabulous linen texture was integrat <li><a href="http://wiki.apache.org/couchdb/SourceCode">Source Code<span></span></a></li> </ul> - <ul class="list quick-links last"> + <ul class="list more 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> Modified: couchdb/site/style/master.css URL: http://svn.apache.org/viewvc/couchdb/site/style/master.css?rev=1616330&r1=1616329&r2=1616330&view=diff ============================================================================== --- couchdb/site/style/master.css (original) +++ couchdb/site/style/master.css Wed Aug 6 19:52:46 2014 @@ -59,7 +59,6 @@ label { font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 12px; - display: block; } button { font-size: 17px; @@ -71,7 +70,7 @@ button { } .platforms-list li, .list-header.mini, -.quick-links-header li { +.more-header li { font-family: 'HelveticaNeue-Medium', 'HelveticaNeue', Helvetica, Arial, sans-serif; font-weight: 500; } @@ -254,7 +253,7 @@ blockquote { } /*--------------------------------------------------- Layout - Contribution, Mailing List, - Download and Quick Links + Download and More ---------------------------------------------------*/ .container-box { background: #fff; @@ -405,29 +404,29 @@ blockquote { font-size: 12px; margin-top: 2px; } -/**** Quick Links ****/ +/**** More ****/ .list-header.mini { display: inline; } -.quick-links, -.quick-links-header li { +.more, +.more-header li { float: left; width: 320px; margin-right: 24px; list-style: none; position: relative; } -.quick-links-header li { +.more-header li { margin-bottom: 24px; } -.quick-links.last, -.quick-links-header li.last { +.more.last, +.more-header li.last { margin-right: 0; } -.quick-links li { +.more li { padding: 0; } -.quick-links a { +.more a { -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; @@ -435,11 +434,11 @@ blockquote { text-decoration: none; padding: 8px; } -.quick-links a:hover { +.more a:hover { color: #fff; background: #ff0000; } -.quick-links a span { +.more a span { position: absolute; top: 0; bottom: 0; @@ -519,7 +518,7 @@ blockquote { .icon-download { background-position: 0 -508px; } -.icon-quick-links { +.icon-more { background-position: 0 -604px; } a.scroll-point { @@ -537,7 +536,7 @@ a.pt-about { border: none; } .corner, -.quick-links .corner { +.more .corner { background: url(../image/sprite.png) no-repeat; background-position: 0 -808px; position: absolute; @@ -561,8 +560,8 @@ a.pt-about { margin-left: 24px; margin-right: 24px; } - .quick-links, - .quick-links-header li { + .more, + .more-header li { width: 30%; } .platforms-list { @@ -744,7 +743,7 @@ a.pt-about { .icon-download { background-position: 0 -254px; } - .icon-quick-links { + .icon-more { background-position: 0 -302px; } .platforms-list, @@ -760,19 +759,19 @@ a.pt-about { width: 0; padding-right: 30px; } - .quick-links-header { + .more-header { display: none; } - .quick-links, - .quick-links-header li { + .more, + .more-header li { float: none; width: auto; margin-right: 0; } - .quick-links .corner { + .more .corner { display: none; } - .quick-links { + .more { padding-top: 0; } .download-list .type { Modified: couchdb/site/style/master.less URL: http://svn.apache.org/viewvc/couchdb/site/style/master.less?rev=1616330&r1=1616329&r2=1616330&view=diff ============================================================================== --- couchdb/site/style/master.less (original) +++ couchdb/site/style/master.less Wed Aug 6 19:52:46 2014 @@ -86,7 +86,7 @@ button { font-size: 21px; } -.platforms-list li, .list-header.mini, .quick-links-header li { +.platforms-list li, .list-header.mini, .more-header li { font-family: 'HelveticaNeue-Medium', 'HelveticaNeue', Helvetica, Arial, sans-serif; font-weight: 500; } @@ -293,7 +293,7 @@ blockquote { /*--------------------------------------------------- Layout - Contribution, Mailing List, - Download and Quick Links + Download and More ---------------------------------------------------*/ @link-box: 36px; @@ -457,14 +457,14 @@ blockquote { } -/**** Quick Links ****/ +/**** More ****/ .list-header.mini { display: inline; } -.quick-links, .quick-links-header li { +.more, .more-header li { float: left; width: @column; margin-right: @gutter; @@ -472,31 +472,31 @@ blockquote { position: relative; } -.quick-links-header li { +.more-header li { margin-bottom: @gutter; } -.quick-links.last, .quick-links-header li.last { +.more.last, .more-header li.last { margin-right: 0; } -.quick-links li { +.more li { padding: 0; } -.quick-links a { +.more a { .animate; display: block; text-decoration: none; padding: @padding/2; } -.quick-links a:hover { +.more a:hover { color: #fff; background: @key-color; } -.quick-links a span { +.more a span { .list-link; width: @link-box; .sprite; @@ -577,11 +577,11 @@ blockquote { 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;} +.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-more { background-position: 0 @spacer-base - @spacer*4;} a.scroll-point { display: block; @@ -601,7 +601,7 @@ a.pt-about { border:none } -.corner, .quick-links .corner { +.corner, .more .corner { .sprite; background-position: 0 -808px; position: absolute; @@ -611,7 +611,7 @@ a.pt-about { height: 40px; } -.quick-links .corner { +.more .corner { } @@ -628,7 +628,7 @@ a.pt-about { margin-left: @mobile-pad; margin-right: @mobile-pad; } - .quick-links, .quick-links-header li { + .more, .more-header li { width: 30%; } .platforms-list { @@ -795,11 +795,11 @@ a.pt-about { } @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;} + .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-more { background-position: 0 @spacer-base-mini - @spacer-mini*4;} .platforms-list, .platforms-list.second { width: auto; @@ -813,18 +813,18 @@ a.pt-about { width: 0; padding-right: 30px; } - .quick-links-header { + .more-header { display: none; } - .quick-links, .quick-links-header li { + .more, .more-header li { float: none; width: auto; margin-right: 0; } - .quick-links .corner { + .more .corner { display: none; } - .quick-links { + .more { padding-top: 0; } .download-list .type {