www/adium.im 639:62db203f6e84: Align date and comments to the ri...

[commits at adium.im]

details:	http://hg.adium.im/www/adium.im/rev/62db203f6e84
revision:	639:62db203f6e84
branch:		rewrite
author:		Paul Wilde <me at paulwilde.co.uk>
date:		Sun Mar 25 21:25:10 2012 +0100

Align date and comments to the right for better page flow, also style logged-in user comments.
Subject: www/adium.im 640:982bd1494dbb: Allow images to scale downwards.

details:	http://hg.adium.im/www/adium.im/rev/982bd1494dbb
revision:	640:982bd1494dbb
branch:		rewrite
author:		Paul Wilde <me at paulwilde.co.uk>
date:		Sun Mar 25 21:25:37 2012 +0100

Allow images to scale downwards.

diffs (133 lines):

diff -r 03a3aeab7747 -r 982bd1494dbb assets/styles/blog.css
--- a/assets/styles/blog.css	Sun Mar 25 17:57:48 2012 +0100
+++ b/assets/styles/blog.css	Sun Mar 25 21:25:37 2012 +0100
@@ -15,12 +15,21 @@
 	color: #999;
 	background: url('../images/sprite.png') no-repeat;
 }
-article footer ul li:last-child, ol.comments header ul li:last-child { padding-right: 0; }
 
-article footer li.date { background-position: -175px -127px; }
+article footer li.date, ol.comments header li.date { 
+	background-position: -175px -127px; 
+	float: right;
+	padding-right: 0;
+}
+ol.comments header li.date { margin-left: 0; }
 article footer li.author { padding-left: 22px; background-position: -175px -147px; }
 article footer li.comments { background-position: -175px -167px; }
-article footer li.edit { background-position: -175px -187px; }
+article footer li.edit, ol.comments header li.edit { background-position: -175px -187px; float: right; }
+article footer li.comments, article footer li.edit {
+	float: right; 
+	margin-right: 25px;
+	padding-right: 0;
+}
 
 .content section.has-aside { width: 70%; }
 
@@ -58,20 +67,14 @@
 	border: 0;
 }
 
-ol.comments header .name, ol.comments img { display: inline-block; }
-ol.comments header li.author { background: none; padding-left: 0; }
-ol.comments header li.date { background-position: -175px -127px; }
-ol.comments header li.edit { background-position: -175px -187px; }
-
-ol.comments header li.date, ol.comments header li.edit, ol.comments .name {
-	margin-top: 1px;
-}
+ol.comments header .name { display: inline-block; }
+ol.comments header li.author { background: none; padding: 0; }
 
 ol.comments header .avatar {
 	float: left;
 	margin-right: 7px;
 	border-radius: 2px;
-	margin-bottom: 10px;
+	margin-bottom: 12px;
 }
 
 li.comment:last-child { padding-bottom: 10px; }
@@ -87,15 +90,27 @@
 	background: -ms-linear-gradient(top, #fcfcfc 0%, #fff 100%);
 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfcfc), color-stop(1, #fff));
 }
+li.user { background-color: #f7fafc; }
+li.user:nth-child(even):last-child {
+	background-color: #f7fafc;
+	background: linear-gradient(top, #f7fafc 0%, #fff 100%);
+	background: -o-linear-gradient(top, #f7fafc 0%, #fff 100%);
+	background: -moz-linear-gradient(top, #f7fafc 0%, #fff 100%);
+	background: -webkit-linear-gradient(top, #f7fafc 0%, #fff 100%);
+	background: -ms-linear-gradient(top, #f7fafc 0%, #fff 100%);
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7fafc), color-stop(1, #fff));
+}
 
-.wp-smiley {
+li.comment img { float: left; }
+
+li.comment img.wp-smiley {
 	position: relative;
+	float: none;
 	top: 2px;
 	margin: 0 1px;
 	display: inline;
 }
 
-
 /********** Media Queries **********/
 
 @media (max-width: 975px) { .content section.has-aside { width: 69%; } }
@@ -116,16 +131,22 @@
 	.content aside section { margin: 14px; }
 }
 
-/* Comments */
 @media (max-width: 560px) {
-	ol.comments header ul li {
+	/* Blog */
+	article footer ul {	margin-bottom: 0; }
+	article footer li:last-child { margin-bottom: 4px; }
+	
+	article footer li.author, article footer li.date, 
+	article footer li.comments, article footer li.edit {
 		float: none;
-		margin-bottom: 8px;
-		padding-right: 0;
+		margin-right: 0;
 	}
 	
-	ol.comments header .name {
-		margin-top: 0;
+	/* Comments */
+	ol.comments header ul li, ol.comments header li.date, ol.comments header li.edit {
+		float: none;
+		margin: 0 0 8px;
+		padding-right: 0;
 	}
 	
 	ol.comments header li.author { 
@@ -140,7 +161,6 @@
 	
 	ol.comments header .avatar {
 		float: right;
-		margin-right: 0;
-		margin-bottom: 15px;
+		margin: 0;
 	}
 }
\ No newline at end of file
diff -r 03a3aeab7747 -r 982bd1494dbb assets/styles/global.css
--- a/assets/styles/global.css	Sun Mar 25 17:57:48 2012 +0100
+++ b/assets/styles/global.css	Sun Mar 25 21:25:37 2012 +0100
@@ -29,7 +29,7 @@
 
 ol, ul { list-style: none; }
 a { text-decoration: none; cursor: pointer; }
-img { -ms-interpolation-mode: bicubic; display: block; }
+img { -ms-interpolation-mode: bicubic; display: block; max-width: 100%; }
 
 .container {
 	margin: 0 auto;