www/adium.im 649:37a7ae73f5b6: Indentation.

[commits at adium.im]

details:	http://hg.adium.im/www/adium.im/rev/37a7ae73f5b6
revision:	649:37a7ae73f5b6
branch:		rewrite
author:		Paul Wilde <me at paulwilde.co.uk>
date:		Tue Mar 27 19:19:18 2012 +0100

Indentation.
Subject: www/adium.im 650:5358475b9337: Position comment form and its lower resolution variants.

details:	http://hg.adium.im/www/adium.im/rev/5358475b9337
revision:	650:5358475b9337
branch:		rewrite
author:		Paul Wilde <me at paulwilde.co.uk>
date:		Tue Mar 27 19:21:19 2012 +0100

Position comment form and its lower resolution variants.

diffs (119 lines):

diff -r a54649157a21 -r 5358475b9337 assets/styles/blog.css
--- a/assets/styles/blog.css	Tue Mar 27 15:15:42 2012 +0100
+++ b/assets/styles/blog.css	Tue Mar 27 19:21:19 2012 +0100
@@ -100,6 +100,8 @@
 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7fafc), color-stop(1, #fff));
 }
 
+/* Images */
+
 li.comment img { float: left; }
 
 article img { 
@@ -115,6 +117,28 @@
 	display: inline;
 }
 
+/* Comment Form */
+.form-float {
+	float: left;
+	width: 47.5%;
+	margin-right: 20px;
+}
+
+label.comment {
+	float: right;
+	width: 47.5%;
+}
+
+label.comment textarea {
+	height: 150px;
+	resize: none;
+}
+
+input.button {
+	float: right;
+}
+
+
 /********** Media Queries **********/
 
 @media (max-width: 975px) { .content section.has-aside { width: 69%; } }
@@ -129,12 +153,20 @@
 @media (max-width: 750px) { .content section.has-aside { width: 59.5%; } }
 @media (max-width: 725px) { .content section.has-aside { width: 58%; } }
 
+ at media (max-width: 900px) { .form-float, label.comment { width: 47%; } }
+ at media (max-width: 800px) { .form-float, label.comment { width: 46.5%; } }
+
 @media (max-width: 700px) { 
 	.content section.has-aside { clear: both; width: auto; } 
 	.content aside { width: 100%; }
 	.content aside section { margin: 14px; }
+	
+	.form-float, label.comment { width: 46%; }
 }
 
+ at media (max-width: 670px) { label.comment textarea { height: 164px; } }
+ at media (max-width: 585px) { .form-float, label.comment { width: 45.5%; } }
+
 @media (max-width: 560px) {
 	/* Blog */
 	article footer ul {	margin-bottom: 0; }
@@ -167,4 +199,16 @@
 		float: right;
 		margin: 0;
 	}
+	
+	/* Comment Form */
+	.form-float, label.comment {
+		float: none;
+		width: auto;
+		margin-right: 0;
+	}
+	
+	label.comment textarea {
+		height: auto;
+		margin-bottom: 10px;
+	}
 }
\ No newline at end of file
diff -r a54649157a21 -r 5358475b9337 assets/styles/global.css
--- a/assets/styles/global.css	Tue Mar 27 15:15:42 2012 +0100
+++ b/assets/styles/global.css	Tue Mar 27 19:21:19 2012 +0100
@@ -510,7 +510,7 @@
 
 input::-moz-focus-inner { border: 0; }
 
-input, textarea, .button {
+input, textarea, input.button, a.button {
 	margin: 0 0 10px;
 	width: 100%;
 	max-width: 100%;
@@ -576,7 +576,7 @@
 input.button:hover, a.button:hover {
 	text-decoration: none;
 	color: #555;
-	border-color: #aaa;
+	border-color: #a5a5a5;
 	background-image: linear-gradient(top, #fcfcfc 0%, #e9e9e9 100%);
 	background-image: -o-linear-gradient(top, #fcfcfc 0%, #e9e9e9 100%);
 	background-image: -moz-linear-gradient(top, #fcfcfc 0%, #e9e9e9 100%);
diff -r a54649157a21 -r 5358475b9337 help/index.php
--- a/help/index.php	Tue Mar 27 15:15:42 2012 +0100
+++ b/help/index.php	Tue Mar 27 19:21:19 2012 +0100
@@ -56,10 +56,10 @@
 	<div class="content">
 		<div class="container">
 			<section class="padding-fix">
-					<h1>Hot issues</h1>
-					<p class="list-header">The following issues are known to us:</p>
-					<ul class="list-type-image icons" id="hot-issues">
-					</ul>
+				<h1>Hot issues</h1>
+				<p class="list-header">The following issues are known to us:</p>
+				<ul class="list-type-image icons" id="hot-issues">
+				</ul>
 			</section>
 			
 			<section>