You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cordova.apache.org by yo...@apache.org on 2012/02/27 20:39:27 UTC
svn commit: r1294299 - in /incubator/cordova/site: public/master.css
www/master.less
Author: yohei
Date: Mon Feb 27 19:39:26 2012
New Revision: 1294299
URL: http://svn.apache.org/viewvc?rev=1294299&view=rev
Log:
Tweaked font-size for mobile
Modified:
incubator/cordova/site/public/master.css
incubator/cordova/site/www/master.less
Modified: incubator/cordova/site/public/master.css
URL: http://svn.apache.org/viewvc/incubator/cordova/site/public/master.css?rev=1294299&r1=1294298&r2=1294299&view=diff
==============================================================================
--- incubator/cordova/site/public/master.css (original)
+++ incubator/cordova/site/public/master.css Mon Feb 27 19:39:26 2012
@@ -5,7 +5,7 @@ body,a{color:#3b4854;}
.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;}
-body,h1,h2,h3,h4{font-size:16px;font-family:'HelveticaNeue-Light',Helvetica,Arial,sans-serif;font-weight:300;}
+body,h1,h2,h3,h4{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;}
@@ -13,7 +13,7 @@ b,strong{font-family:'HelveticaNeue-Bold
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;}
a:hover{color:#4cc2e4;}
-p{line-height:2em;margin-bottom:2em;}
+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;}
@@ -30,7 +30,7 @@ hr{border:none;border-top:1px solid #ddd
.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: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{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%;}
@@ -56,7 +56,7 @@ hr{border:none;border-top:1px solid #ddd
.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{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{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;}
@@ -76,7 +76,7 @@ hr{border:none;border-top:1px solid #ddd
.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{-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;}
#footer{padding:32px 0 64px;}
@@ -93,4 +93,4 @@ a.scroll-point{display:block;border-bott
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;}
-@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: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 .wr
ap{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{} .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:570px){h1{font-size:16px;} .leadin img{width:128px;height:144px;} .leadin .text-block{left:130px;} .wrap,#foo
ter{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:390p
x){.leadin .button-container{display:none;} .leadin .text-block{top:140px;left:6px;} .leadin .wrap{height:260px;} .icon{padding:22px 16px 20px 35px;} h2{font-size:20px;} hr{margin-top:32px;}}
+@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 .wr
ap{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{} .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 .tex
t-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;}}
Modified: incubator/cordova/site/www/master.less
URL: http://svn.apache.org/viewvc/incubator/cordova/site/www/master.less?rev=1294299&r1=1294298&r2=1294299&view=diff
==============================================================================
--- incubator/cordova/site/www/master.less (original)
+++ incubator/cordova/site/www/master.less Mon Feb 27 19:39:26 2012
@@ -58,7 +58,7 @@ body, a {
---------------------------------------------------*/
body, h1, h2, h3, h4 {
- font-size: 16px;
+ font-size: 17px;
font-family: 'HelveticaNeue-Light', Helvetica, Arial, sans-serif;
font-weight: 300;
}
@@ -96,7 +96,7 @@ a:hover {
}
p {
- line-height: 2em;
+ line-height: 1.8em;
margin-bottom: 2em;
}
@@ -124,7 +124,7 @@ p + p {
position: relative;
top: -5px;
left: -5px;
- .animate-background
+ .animate-background;
}
.button:hover {
@@ -217,7 +217,7 @@ hr {
}
.menu a {
text-decoration: none;
- .animate;
+ .animate-background;
padding: @padding;
margin: 0 @padding/2;
line-height: 55px;
@@ -370,7 +370,7 @@ hr {
.mailing-list a {
.list-link;
- .animate;
+ .animate-background;
backround: #fff;
padding: @padding/2;
width: @column + @gap*2 + @gutter;
@@ -484,7 +484,7 @@ hr {
}
.quick-links a {
- .animate;
+ .animate-background;
display: block;
text-decoration: none;
padding: @padding/2;
@@ -650,7 +650,7 @@ a.pt-about {
@media all and (max-width:720px) {
body {
- font-size: 14px;
+ font-size: 16px;
}
h1 {
font-size: 22px;
@@ -741,9 +741,12 @@ a.pt-about {
}
}
-@media all and (max-width:570px) {
+@media all and (max-width:585px) {
+ h1, h2, h3, h4 {
+ letter-spacing: 0;
+ }
h1 {
- font-size: 16px;
+ font-size: 18px;
}
.leadin img {
width: 128px;
@@ -809,13 +812,17 @@ a.pt-about {
}
}
-@media all and (max-width:390px) {
+@media all and (max-width:440px) {
.leadin .button-container {
display: none;
}
.leadin .text-block {
- top: 140px;
- left: 6px;
+ top: 135px;
+ left: -4px;
+ right: -4px;
+ }
+ .leadin img {
+ top: -8px;
}
.leadin .wrap {
height: 260px;