www/adium.im 534:49c9aec85436: Cleanup CSS - Remove the home nav...

[commits at adium.im]

details:	http://hg.adium.im/www/adium.im/rev/49c9aec85436
revision:	534:49c9aec85436
branch:		rewrite
author:		Paul Wilde <me at paulwilde.co.uk>
date:		Sat Feb 11 21:08:43 2012 +0000

Cleanup CSS - Remove the home navigation link from iPhone view and just link the huge 100% width Adium text instead to save space.
Subject: www/adium.im 535:6f80a9dc3f2b: Move the tooltip pointer onto the sprite map to reduce an extra HTTP request

details:	http://hg.adium.im/www/adium.im/rev/6f80a9dc3f2b
revision:	535:6f80a9dc3f2b
branch:		rewrite
author:		Paul Wilde <me at paulwilde.co.uk>
date:		Sat Feb 11 21:43:39 2012 +0000

Move the tooltip pointer onto the sprite map to reduce an extra HTTP request

diffs (135 lines):

diff -r 5600170efc50 -r 6f80a9dc3f2b about/index.php
--- a/about/index.php	Fri Feb 10 23:55:03 2012 +0000
+++ b/about/index.php	Sat Feb 11 21:43:39 2012 +0000
@@ -22,7 +22,7 @@
 	<header>
 		<div class="menu">
 			<div class="container">
-				<div id="menu-logo"><span>Adium</span></div>
+				<div id="menu-logo"><a href=""><span>Adium</span></a></div>
 				<nav>
 					<ul>
 						<li class="home"><a href=""><span>Home</span></a></li>
diff -r 5600170efc50 -r 6f80a9dc3f2b assets/images/arrow.png
Binary file assets/images/arrow.png has changed
diff -r 5600170efc50 -r 6f80a9dc3f2b assets/images/sprite.png
Binary file assets/images/sprite.png has changed
diff -r 5600170efc50 -r 6f80a9dc3f2b assets/styles/home.css
--- a/assets/styles/home.css	Fri Feb 10 23:55:03 2012 +0000
+++ b/assets/styles/home.css	Sat Feb 11 21:43:39 2012 +0000
@@ -181,10 +181,10 @@
     position: absolute;
     top: 100%;
     left: 50%;
-    margin-left: -8px;
+    margin-left: -9px;
 	height: 9px;
-	width: 16px;
-	background: url('../images/arrow.png') no-repeat;
+	width: 18px;
+	background: url('../images/sprite.png') -264px -201px no-repeat;
 }
 
 /********** Screenshots **********/
diff -r 5600170efc50 -r 6f80a9dc3f2b assets/styles/style.css
--- a/assets/styles/style.css	Fri Feb 10 23:55:03 2012 +0000
+++ b/assets/styles/style.css	Sat Feb 11 21:43:39 2012 +0000
@@ -43,17 +43,12 @@
 
 /********** Font sizes **********/
 
-.banner h1 { font-size: 2.2em; }
+.banner h1, #menu-logo { font-size: 2em; line-height: 1.1em; }
 
-.content h1 { font-size: 1.9em; }
+.content h1 { font-size: 1.8em; }
 
 footer h3 { font-size: 1.6em; }
 
-#menu-logo { 
-	font-size: 1.7em; 
-	line-height: 1.1em; 
-}
-
 .content p, figcaption, .content ol, .content ul {
 	font-size: 1.4em;
 }
@@ -94,11 +89,14 @@
 #menu-logo { float: left; }
 
 #menu-logo span { 
-	display: block; 
+	display: block;
 	color: #839972;
-	padding: 11px 0 11px 35px;
+	padding: 10px 35px;
 }
 
+#menu-logo a:hover span { color: #698751; }
+#menu-logo a:active span { color: #9fba8b; }
+
 /********** Navigation **********/
 
 nav { color: #999; }
@@ -143,8 +141,7 @@
 	display: block;
 	padding: 14px 13px;
 }
-
-nav li a span {
+nav li span, #menu-logo span {
 	-webkit-transition: color .2s ease; 
 	-webkit-transition: background-color .2s ease;
 	-moz-transition: color .2s ease; 
@@ -155,8 +152,9 @@
 	-o-transition: background-color .2s ease;
 	transition: color .2s ease; 
 	transition: background-color .2s ease;
-	color: #666; 
 }
+
+nav li a span { color: #666; }
 nav li a span:hover { color: #444; background-color: #fff; }
 nav li a span:active { color: #999; }
 
@@ -579,8 +577,9 @@
 @media (max-width: 700px) {
 	/* Navigation*/
 	#menu-logo { float: none; }
-	#menu-logo span { padding-left: 0; }
-	#menu-logo span, nav li.home span { text-align: center; }
+	#menu-logo span { text-align: center; font-size: .8em; }
+	#menu-logo a:hover span { background: #fff; }
+	nav li.home { display: none; }
 	nav ul, nav li {
 		margin: 0;
 		-webkit-border-image: none;
@@ -589,14 +588,11 @@
 		-o-border-image: none; 
 		border-image: none;
 	}
-	nav li span { padding: 14px 20px 14px 15px; }
+	nav li span { padding: 14px 30px 14px 15px; }
 	nav li span:before, .blog span:before, .merch span:before { padding-left: 25px; }
-	.home span:before { padding-left: 23px; }
 	nav ul, nav li { border: 0; }
-	nav li.home span { padding-left: 19px; }
 	nav li { float: left; width: 33.19%; border-top: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; }
-	nav li.home { width: 100%; }
-	nav li.home, nav li.blog, nav li.merch { border-right: 0; }
+	nav li.blog, nav li.merch { border-right: 0; }
 	nav .active { background: none; background-color: #e9e9e9; }
 }
 
diff -r 5600170efc50 -r 6f80a9dc3f2b index.php
--- a/index.php	Fri Feb 10 23:55:03 2012 +0000
+++ b/index.php	Sat Feb 11 21:43:39 2012 +0000
@@ -117,7 +117,7 @@
 	<header>
 		<div class="menu">
 			<div class="container">
-				<div id="menu-logo"><span>Adium</span></div>
+				<div id="menu-logo"><a href=""><span>Adium</span></a></div>
 				<nav>
 					<ul>
 						<li class="home active"><span>Home</span></li>