www/adium.im 562:ecba89eb9ce7: Random cleanups, mainly fixing is...

commits at adium.im commits at adium.im
Tue Feb 14 16:16:33 UTC 2012


details:	http://hg.adium.im/www/adium.im/rev/ecba89eb9ce7
revision:	562:ecba89eb9ce7
branch:		rewrite
author:		Paul Wilde <me at paulwilde.co.uk>
date:		Tue Feb 14 16:16:26 2012 +0000

Random cleanups, mainly fixing issues with the website being viewed in iPhone and iPad.

diffs (212 lines):

diff -r 8088103594b1 -r ecba89eb9ce7 about/index.php
--- a/about/index.php	Tue Feb 14 01:32:40 2012 +0000
+++ b/about/index.php	Tue Feb 14 16:16:26 2012 +0000
@@ -4,7 +4,7 @@
 <head>
 	<title>Adium - About</title>
 	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
 	<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 	<link rel="stylesheet" href="/rewrite/assets/styles/global.css">
 	<link rel="stylesheet" href="/rewrite/assets/styles/about.css">
diff -r 8088103594b1 -r ecba89eb9ce7 assets/styles/global.css
--- a/assets/styles/global.css	Tue Feb 14 01:32:40 2012 +0000
+++ b/assets/styles/global.css	Tue Feb 14 16:16:26 2012 +0000
@@ -24,6 +24,7 @@
 	display: block;
 }
 
+html { overflow-y: scroll; }
 body { line-height: 1; font-family: Helvetica Neue, sans-serif; font-size: 62.5%; text-rendering: optimizeLegibility; }
 
 ol, ul { list-style: none; }
@@ -41,6 +42,11 @@
 .container:after, .clearfix:after { clear: both; }
 footer .container:after, .clearfix:after { display: table; }
 
+.container:before, .container:after,
+.clearfix:before, .clearfix:after { content: ''; /* display: table; */ }
+.container:after, .clearfix:after { clear: both; }
+footer .container:after, .clearfix:after { display: table; }
+
 /********** Font sizes **********/
 
 .content h1 { font-size: 2em; line-height: 1.1em; }
@@ -122,7 +128,7 @@
 
 nav li {
 	position: relative; /* Notice: Ensures z-index works */
-	z-index: 10;
+	z-index: 999;
 	float: left;
 	border-right: 1px solid #ccc;
 }
@@ -210,13 +216,11 @@
 .banner h1, .banner h2 {
 	color: #fff;
 	font-weight: 600;
-	padding: 0;
-	margin: 0;
 	text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
 	-webkit-font-smoothing: antialiased;
 }
 
-.banner h1 { 
+.banner h1 {
 	padding: 13px 0 13px 35px;
 }
 
@@ -651,9 +655,9 @@
 @media (max-width: 700px) {
 	/* Navigation*/
 	#menu-logo { float: none; }
-	#menu-logo span { text-align: center; font-size: 1em; }
+	#menu-logo span { text-align: center; }
 	#menu-logo a:hover span { background: #fff; }
-	nav li.home { display: none; }
+	.home { display: none; }
 	nav ul, nav li {
 		margin: 0;
 		-webkit-border-image: none;
@@ -666,7 +670,7 @@
 	nav li span:before, .blog span:before, .merch span:before { padding-left: 25px; }
 	nav ul, nav li { border: 0; }
 	nav li { float: left; width: 33.19%; border-top: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; }
-	nav li.blog, nav li.merch { border-right: 0; }
+	.blog, .merch { border-right: 0; }
 	nav li.active a span { background: none; background-color: #eee; }
 }
 
@@ -677,14 +681,14 @@
 	.adium { width: 45%; }
 	
 	/* Content */
-	hr.two { display: block; }
+	.two { display: block; }
 	.two-column.left { width: auto; }
 }
 
 @media (max-width: 480px) {
 	/* Navigation */
-	nav li, nav li.blog { width: 49.83%; border-right: 1px solid #d5d5d5; }
-	nav li.xtras, nav li.help { border-right: 0; }
+	nav li, .blog { width: 49.83%; border-right: 1px solid #d5d5d5; }
+	.xtras, .help { border-right: 0; }
 	
 	/* Footer */
 	.adium { width: 66%; }
diff -r 8088103594b1 -r ecba89eb9ce7 assets/styles/home.css
--- a/assets/styles/home.css	Tue Feb 14 01:32:40 2012 +0000
+++ b/assets/styles/home.css	Tue Feb 14 16:16:26 2012 +0000
@@ -1,4 +1,5 @@
 #menu-logo { display: none; }
+audio { display: none; height: 0; }
 
 /********** Font sizes **********/
 
@@ -109,11 +110,11 @@
 	border-radius: 6px;
 	border: 1px solid #475d34;
 	background-color: #daecc8;
-	background-image: linear-gradient(top, #daecc8 0%, #a6c98a 100%);
-	background-image: -o-linear-gradient(top, #daecc8 0%, #a6c98a 100%);
-	background-image: -moz-linear-gradient(top, #daecc8 0%, #a6c98a 100%);
-	background-image: -webkit-linear-gradient(top, #daecc8 0%, #a6c98a 100%);
-	background-image: -ms-linear-gradient(top, #daecc8 0%, #a6c98a 100%);
+	background-image: linear-gradient(top, #e6fad5 0%, #a6c98a 100%);
+	background-image: -o-linear-gradient(top, #e6fad5 0%, #a6c98a 100%);
+	background-image: -moz-linear-gradient(top, #e6fad5 0%, #a6c98a 100%);
+	background-image: -webkit-linear-gradient(top, #e6fad5 0%, #a6c98a 100%);
+	background-image: -ms-linear-gradient(top, #e6fad5 0%, #a6c98a 100%);
 	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e6fad5), color-stop(1, #acd08b));
 	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, .7), 0 1px 1px rgba(0, 0, 0, .2);
 	-moz-box-shadow: inset 0 1px rgba(255, 255, 255, .7), 0 1px 1px rgba(0, 0, 0, .2);
@@ -126,11 +127,11 @@
 	text-decoration: none;
 	color: #3c502c;
 	background-color: #ecf4e4;
-	background-image: linear-gradient(top, #fff 0%, #bcd1a6 100%);
-	background-image: -o-linear-gradient(top, #fff 0%, #bcd1a6 100%);
-	background-image: -moz-linear-gradient(top, #fff 0%, #bcd1a6 100%);
-	background-image: -webkit-linear-gradient(top, #fff 0%, #bcd1a6 100%);
-	background-image: -ms-linear-gradient(top, #fff 0%, #bcd1a6 100%);
+	background-image: linear-gradient(top, #daf6c1 0%, #a0c281 100%);
+	background-image: -o-linear-gradient(top, #daf6c1 0%, #a0c281 100%);
+	background-image: -moz-linear-gradient(top, #daf6c1 0%, #a0c281 100%);
+	background-image: -webkit-linear-gradient(top, #daf6c1 0%, #a0c281 100%);
+	background-image: -ms-linear-gradient(top, #daf6c1 0%, #a0c281 100%);
 	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #daf6c1), color-stop(1, #a0c281));
 }
 
@@ -263,10 +264,9 @@
 @media (max-width: 700px) {
 	/* Header */
 	#menu-logo { display: inline; }
-	#logo { display: none; }
-	#burst { margin-left: -999px; }
-	#banner-content { margin: 0 5px 5px; }
-	.banner { min-height: 150px; }
+	#logo, #burst { display: none; }
+	#banner-content { margin: 0; padding: 22px 35px 33px; }
+	.banner { min-height: 0; }
 	.banner h1 { font-size: 3.2em; font-weight: 600; }
 	.banner h1 span {
 		display: block;
@@ -296,7 +296,7 @@
 
 @media (max-width: 460px) {
 	/* Header */
-	.banner a { margin-left: 3.9%; }
+	.banner a { margin-left: 6.5%; }
 	.source { display: none; }
 	
 	/* Screenshots */
diff -r 8088103594b1 -r ecba89eb9ce7 help/documentation/index.php
--- a/help/documentation/index.php	Tue Feb 14 01:32:40 2012 +0000
+++ b/help/documentation/index.php	Tue Feb 14 16:16:26 2012 +0000
@@ -4,7 +4,7 @@
 <head>
 	<title>Adium - Help</title>
 	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
 	<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 	<link rel="stylesheet" href="/rewrite/assets/styles/global.css">
 	<link rel="stylesheet" href="/rewrite/assets/styles/help.css">
diff -r 8088103594b1 -r ecba89eb9ce7 help/index.php
--- a/help/index.php	Tue Feb 14 01:32:40 2012 +0000
+++ b/help/index.php	Tue Feb 14 16:16:26 2012 +0000
@@ -2,9 +2,9 @@
 <html>
 
 <head>
-	<title>Adium - About</title>
+	<title>Adium - Help</title>
 	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
 	<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 	<link rel="stylesheet" href="/rewrite/assets/styles/global.css">
 	<link rel="stylesheet" href="/rewrite/assets/styles/help.css">
@@ -53,7 +53,7 @@
 					<p>Check these pages to get started using Adium in no time.</p>
 					<p class="list-header">With the exception of the screencasts, you can also find this information in Adium under Help → Adium Help.</p>
 					<ul>
-						<li><a href="/rewrite/help/screencasts">Screencasts</a>: videos with basic information.</li>
+						<li><a href="/rewrite/screencasts">Screencasts</a>: videos with basic information.</li>
 						<li><a href="/rewrite/help/documentation">Adium Documentation</a>: extensive collection of articles covering a wide range of topics.</li>
 						<li><a href="/rewrite/help/documentation/troubleshooting">Solve common problems</a></li>
 						<li><a href="/rewrite/help/documentation/whats-new">Check out the great new features in Adium 1.4</a></li>
diff -r 8088103594b1 -r ecba89eb9ce7 index.php
--- a/index.php	Tue Feb 14 01:32:40 2012 +0000
+++ b/index.php	Tue Feb 14 16:16:26 2012 +0000
@@ -95,7 +95,7 @@
 <head>
 	<title>Adium</title>
 	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
 	<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 	<link rel="stylesheet" href="/rewrite/assets/styles/global.css">
 	<link rel="stylesheet" href="/rewrite/assets/styles/home.css">




More information about the commits mailing list