www/adium.im 602:5e1f54b38645: Cleanups and make the borders a l...

[commits at adium.im]

details:	http://hg.adium.im/www/adium.im/rev/5e1f54b38645
revision:	602:5e1f54b38645
branch:		rewrite
author:		Paul Wilde <me at paulwilde.co.uk>
date:		Sat Mar 03 17:12:53 2012 +0000

Cleanups and make the borders a little more bold.

diffs (161 lines):

diff -r 12fbdef7b441 -r 5e1f54b38645 assets/styles/global.css
--- a/assets/styles/global.css	Sat Mar 03 15:00:29 2012 +0000
+++ b/assets/styles/global.css	Sat Mar 03 17:12:53 2012 +0000
@@ -50,8 +50,6 @@
 
 .content h2, footer h3 { font-size: 1.6em; }
 
-small { font-size: 1.5em; }
-
 .content p, .content h3, figcaption, 
 .content ol, .content ul, td, th, pre {
 	font-size: 1.4em;
@@ -111,12 +109,12 @@
 
 nav ul, nav li {
 	border: 0;
-	-webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#bababa)) 1 100%;
-	-webkit-border-image: -webkit-linear-gradient(top, #f9f9f9 0%, #bababa 100%) 1 100%;
-	-moz-border-image: -moz-linear-gradient(top, #f9f9f9 0%, #bababa 100%) 1 100%;
-	-ms-border-image: -ms-linear-gradient(top, #f9f9f9 0%, #bababa 100%) 1 100%;
-	-o-border-image: -o-linear-gradient(top, #f9f9f9 0%, #bababa 100%) 1 100%; 
-	border-image: linear-gradient(top, #f9f9f9 0%, #bababa 100%) 1 100%;
+	-webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#aaa)) 1 100%;
+	-webkit-border-image: -webkit-linear-gradient(top, #f9f9f9 0%, #aaa 100%) 1 100%;
+	-moz-border-image: -moz-linear-gradient(top, #f9f9f9 0%, #aaa 100%) 1 100%;
+	-ms-border-image: -ms-linear-gradient(top, #f9f9f9 0%, #aaa 100%) 1 100%;
+	-o-border-image: -o-linear-gradient(top, #f9f9f9 0%, #aaa 100%) 1 100%; 
+	border-image: linear-gradient(top, #f9f9f9 0%, #aaa 100%) 1 100%;
 }
 
 nav ul {
@@ -267,10 +265,10 @@
 .content section {
 	overflow: hidden;
 	margin: 14px 14px 0;
-	border: 1px solid #dadada;
-	-webkit-box-shadow: 0 1px 2px #ddd;
-	-moz-box-shadow: 0 1px 2px #ddd;
-	box-shadow: 0 1px 2px #ddd;
+	border: 1px solid #d5d5d5;
+	-webkit-box-shadow: 0 1px 1px #ddd;
+	-moz-box-shadow: 0 1px 1px #ddd;
+	box-shadow: 0 1px 1px #ddd;
 	padding: 10px;
 	background-color: #fff;
 	-moz-border-radius: 6px;
@@ -278,14 +276,16 @@
 	border-radius: 6px;
 }
 
+/* Notice: Fixes issue of 5-7px padding at the bottom of a <section> */
+section p:last-child { padding-bottom: 10px; }
+
 article { padding: 10px 10px 0; }
-aside { padding: 10px 0 0; }
 
 .left { float: left; }
 .right { float: right; }
 
 article.two-column { width: 47%; }
-aside.two-column { width: 48.9%; }
+aside.two-column { width: 48.9%; padding: 10px 0 0; }
 
 h1, h2, h3 {
 	padding-bottom: 15px;
@@ -296,13 +296,6 @@
 
 h3 { color: #777; font-weight: 600; }
 
-/* Notice: This is used on the blog */
-hgroup, hgroup h1 { padding: 0 0 18px; }
-small {
-	color: #999;
-	font-weight: 500;
-}
-
 /* Notice: Use padding-fix for titles that are not wrapped inside an <article> */
 .padding-fix { padding: 10px 0 5px 10px; }
 div.padding-fix { padding: 10px 0 0 10px; }
@@ -322,6 +315,19 @@
 .content a { color: #555; font-weight: 500; text-decoration: none; }
 .content a:hover { color: #333; text-decoration: underline; }
 
+/* Side bar */
+aside {
+	width: 250px;
+	padding: 0;
+	margin: 0;
+	float: right;
+}
+
+.content aside section {
+	margin: 0 14px 14px 0;
+	padding: 20px 20px 10px;
+}
+
 /* Text above ul/ol */
 .list-header { padding-bottom: .8em; }
 
@@ -388,14 +394,15 @@
 
 hr {
 	border: 0; 
-	width: 200%; /* Notice: Use a higher percentage due to margin */
+	width: 120%; /* Notice: Use a higher percentage due to margin */
 	height: 1px; 
-	background: #ededed; 
+	background: #e9e9e9; 
 	margin: 5px -20px 20px; 
 }
 
 hr.one, hr.two, hr.three { display: none; }
 
+/* Closed tickets */
 a:link.closed, span.closed { text-decoration: line-through; }
 a:link.closed:hover, span.closed:hover { text-decoration: line-through underline; }
 
@@ -481,7 +488,10 @@
 figure:hover figcaption { color: #444; cursor: pointer; }
 figure:hover a:hover { text-decoration: none; } /* Notice: Remove underline from the figcaption on hover */
 
-/********** Buttons **********/
+/********** Inputs **********/
+
+input { outline: none; font-family: Helvetica Neue, sans-serif; }
+input::-moz-focus-inner { border: 0; }
 
 a.button {
 	margin-bottom: 5px;
@@ -542,11 +552,6 @@
 	box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
 }
 
-/********** Inputs **********/
-
-input { outline: none; font-family: Helvetica Neue, sans-serif; }
-input::-moz-focus-inner { border: 0; }
-
 /********** Search **********/
 
 #search-container {
@@ -621,8 +626,8 @@
 	-moz-border-radius: 5px;
 	border-radius: 5px;
 	border: 1px solid;
-	border-color: #dadada;
-	border-color: rgba(0, 0, 0, .15);
+	border-color: #d5d5d5;
+	border-color: rgba(0, 0, 0, .17);
 	box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
 }
 
@@ -640,7 +645,7 @@
 	background: #fff;
 	text-shadow: 0 1px #fff;
 	color: #555;
-	border-bottom: 1px solid #ededed;
+	border-bottom: 1px solid #e9e9e9;
 }
 
 #search-results li:last-child { border-bottom: 0; }