www/adium.im 646:e0146eb79a31: Scale images by their height as w...

[commits at adium.im]

details:	http://hg.adium.im/www/adium.im/rev/e0146eb79a31
revision:	646:e0146eb79a31
branch:		rewrite
author:		Paul Wilde <me at paulwilde.co.uk>
date:		Tue Mar 27 12:20:40 2012 +0100

Scale images by their height as well as the width. Added section.padding-fix so that article doesn't need to be wrapped for non-article content. Also do not limit the button style to hyperlinks.

diffs (94 lines):

diff -r 628f23af0679 -r e0146eb79a31 assets/styles/global.css
--- a/assets/styles/global.css	Mon Mar 26 16:21:17 2012 +0100
+++ b/assets/styles/global.css	Tue Mar 27 12:20:40 2012 +0100
@@ -29,7 +29,12 @@
 
 ol, ul { list-style: none; }
 a { text-decoration: none; cursor: pointer; }
-img { -ms-interpolation-mode: bicubic; display: block; max-width: 100%; }
+img { 
+	-ms-interpolation-mode: bicubic; 
+	display: block; 
+	max-width: 100%; 
+	max-height: 100%; 
+}
 
 .container {
 	margin: 0 auto;
@@ -67,7 +72,7 @@
 	font-size: 1em;
 }
 
-nav, p, footer ul, footer span, a.button, #search, #search-results { 
+nav, p, footer ul, footer span, .button, #search, #search-results { 
 	font-size: 1.3em; 
 	line-height: 1.1em; 
 }
@@ -296,8 +301,9 @@
 h3 { color: #777; font-weight: 600; }
 
 /* Notice: Use padding-fix for titles that are not wrapped inside an <article> */
-.padding-fix { padding: 10px 0 5px 10px; }
+.padding-fix { padding: 10px 10px 5px; }
 div.padding-fix { padding: 10px 0 0 10px; }
+section.padding-fix { padding: 20px 20px 10px; }
 
 /* Notice: Use margin-fix for tables that are the last content of a <section> */
 .margin-fix { margin-bottom: 10px; }
@@ -424,8 +430,6 @@
 	position: relative;
 }
 
-figure img { max-width: 100%; }
-
 .spacing { margin: 10px 0; }
 
 .center img { margin: 0 auto; }
@@ -504,8 +508,9 @@
 input { outline: none; font-family: Helvetica Neue, sans-serif; }
 input::-moz-focus-inner { border: 0; }
 
-a.button {
-	margin-bottom: 5px;
+.button {
+	cursor: pointer;
+	margin-bottom: 10px;
 	padding: 8px 11px;
 	float: left;
 	color: #666;
@@ -530,7 +535,7 @@
 	box-shadow: inset 0 1px #fff, 0 1px 1px rgba(0, 0, 0, .03);
 }
 
-a.button:hover {
+.button:hover {
 	text-decoration: none;
 	color: #555;
 	border-color: #aaa;
@@ -545,7 +550,7 @@
 	box-shadow: inset 0 1px #fff, 0 1px 1px rgba(0, 0, 0, .08);
 }
 
-a.button:active {
+.button:active {
 	color: #666;
 	border-color: #999;
 	-webkit-background-clip: border-box;
diff -r 628f23af0679 -r e0146eb79a31 help/index.php
--- a/help/index.php	Mon Mar 26 16:21:17 2012 +0100
+++ b/help/index.php	Tue Mar 27 12:20:40 2012 +0100
@@ -55,13 +55,11 @@
 	
 	<div class="content">
 		<div class="container">
-			<section>
-				<article>
+			<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>
-				</article>
 			</section>
 			
 			<section>