From c55166690275caebc4a17b43a6a720127f62ad15 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nils=20Ho=CC=88rrmann?= <post@nilshoerrmann.de>
Date: Fri, 14 Dec 2012 19:34:02 +0100
Subject: [PATCH] Desaturise links in community overview

---
 css/factory.css             | 15 ++++----
 docs/examples/community.xml | 76 ++++++++++++++++++-------------------
 2 files changed, 46 insertions(+), 45 deletions(-)

diff --git a/css/factory.css b/css/factory.css
index 1c369eb..db373ca 100644
--- a/css/factory.css
+++ b/css/factory.css
@@ -1517,7 +1517,8 @@ pre[data-line] {
 	background-image: linear-gradient(transparent 97%, #0080a0 97%);
 }
 
-#site .sidebar a {
+#site .sidebar a,
+#site a.dark {
 	color: #282828;
 	background-image: -webkit-linear-gradient(transparent 97%, #DCDDDC 97%);
 	background-image: -moz-linear-gradient(transparent 97%, #DCDDDC 97%);
@@ -1526,7 +1527,8 @@ pre[data-line] {
 	background-image: linear-gradient(transparent 97%, #DCDDDC 97%);
 }
 
-#site .sidebar a:hover {
+#site .sidebar a:hover,
+#site a.dark:hover {
 	background-image: -webkit-linear-gradient(transparent 97%, #282828 97%);
 	background-image: -moz-linear-gradient(transparent 97%, #282828 97%);
 	background-image: -ms-linear-gradient(transparent 97%, #282828 97%);
@@ -1829,11 +1831,8 @@ dd {
 	position: relative;
 }
 
-#site .entry-meta a {
-	display: block;
-}
-
-#site .entry-count {
+#site .entry-count,
+#site .entry-count:hover {
 	position: absolute;
 	top: 0;
 	right: 0;
@@ -1841,6 +1840,8 @@ dd {
 	font-weight: 300;
 	line-height: 5.6rem;
 	margin-right: 0.8rem;
+	color: #282828;
+	background: none;
 }
 
 #site .entry-difference {
diff --git a/docs/examples/community.xml b/docs/examples/community.xml
index 3717d18..61dcef2 100644
--- a/docs/examples/community.xml
+++ b/docs/examples/community.xml
@@ -28,112 +28,112 @@
 				<article class="entry-overview justified">
 					<header class="entry-header">
 						<h3>
-							<a href="community-post.xml">Who's online: how did you hear about Symphony?</a>
+							<a href="community-post.xml" class="dark">Who's online: how did you hear about Symphony?</a>
 						</h3>
-						<p class="dimmed">Discussion by <a href="#">bauhouse</a></p>
+						<p class="dimmed">Discussion by <a href="#" class="dark">bauhouse</a></p>
 					</header>
 					<p class="entry-meta">
-						<time class="relative" datetime="2012-12-05T07:00">5 Dec 2012</time>
-						<a href="#">creativedutchmen</a>
+						<time class="relative" datetime="2012-12-05T07:00">5 Dec 2012</time><br />
+						<a href="#" class="dark">creativedutchmen</a>
 						<a href="#" class="entry-count">212 <em class="entry-difference">17</em></a>
 					</p>
 				</article>
 				<article class="entry-overview justified">
 					<header class="entry-header">
-						<h3><a href="community-post.xml">Symphony 2.3 development notes</a></h3>
-						<p class="dimmed">Discussion by <a href="#">brendo</a></p>
+						<h3><a href="community-post.xml" class="dark">Symphony 2.3 development notes</a></h3>
+						<p class="dimmed">Discussion by <a href="#" class="dark">brendo</a></p>
 					</header>
 					<p class="entry-meta">
-						<time class="relative" datetime="2012-03-20T07:00">19 Mar 2012</time>
-						<a href="#">Henry</a>
+						<time class="relative" datetime="2012-03-20T07:00">19 Mar 2012</time><br />
+						<a href="#" class="dark">Henry</a>
 						<a href="#" class="entry-count">15 <em class="entry-difference">&#8201;5</em></a>
 					</p>
 				</article>
 				<article class="entry-overview justified">
 					<header class="entry-header">
-						<h3><a href="community-post.xml">Hackathon 2.3 podcast</a></h3>
-						<p class="dimmed">Blog by <a href="#">Allen</a></p>
+						<h3><a href="community-post.xml" class="dark">Hackathon 2.3 podcast</a></h3>
+						<p class="dimmed">Blog by <a href="#" class="dark">Allen</a></p>
 					</header>
 					<p class="entry-meta">
-						<time class="relative" datetime="2012-03-20T07:00">17 Mar 2012</time>
-						<a href="#">nickdunn</a>
+						<time class="relative" datetime="2012-03-20T07:00">17 Mar 2012</time><br />
+						<a href="#" class="dark">nickdunn</a>
 						<a href="#" class="entry-count">17 <em class="entry-difference">&#8201;7</em></a>
 					</p>
 				</article>
 				<article class="entry-overview justified">
 					<header class="entry-header">
-						<h3><a href="community-post.xml">Happy March 26th! #symphonycms 2.3 beta 3 is ready for&#8230;</a></h3>
+						<h3><a href="community-post.xml" class="dark">Happy March 26th! #symphonycms 2.3 beta 3 is ready for&#8230;</a></h3>
 						<p class="dimmed">Tweet</p>
 					</header>
 					<p class="entry-meta">
-						<time class="relative" datetime="2012-03-20T07:00">13 Jul 2011</time>
-						<a href="#">symphonycms</a>
+						<time class="relative" datetime="2012-03-20T07:00">13 Jul 2011</time><br />
+						<a href="#" class="dark">symphonycms</a>
 						<a href="#" class="entry-count">23</a>
 					</p>
 				</article>
 				<article class="entry-overview justified">
 					<header class="entry-header">
-						<h3><a href="community-post.xml">Moxie Cinema</a></h3>
-						<p class="dimmed">Showcase by <a href="#">fawx</a></p>
+						<h3><a href="community-post.xml" class="dark">Moxie Cinema</a></h3>
+						<p class="dimmed">Showcase by <a href="#" class="dark">fawx</a></p>
 					</header>
 					<p class="entry-meta">
-						<time class="relative" datetime="2012-03-20T07:00">13 Jul 2011</time>
-						<a href="#">creativedutchmen</a>
+						<time class="relative" datetime="2012-03-20T07:00">13 Jul 2011</time><br />
+						<a href="#" class="dark">creativedutchmen</a>
 						<a href="#" class="entry-count">38</a>
 					</p>
 				</article>
 				<article class="entry-overview justified">
 					<header class="entry-header">
-						<h3><a href="community-post.xml">Who's online: how did you hear about Symphony?</a></h3>
-						<p class="dimmed">Discussion by <a href="#">bauhouse</a></p>
+						<h3><a href="community-post.xml" class="dark">Who's online: how did you hear about Symphony?</a></h3>
+						<p class="dimmed">Discussion by <a href="#" class="dark">bauhouse</a></p>
 					</header>
 					<p class="entry-meta">
-						<time class="relative" datetime="2012-03-20T07:00">20 Mar 2012</time>
-						<a href="#">creativedutchmen</a>
+						<time class="relative" datetime="2012-03-20T07:00">20 Mar 2012</time><br />
+						<a href="#" class="dark">creativedutchmen</a>
 						<a href="#" class="entry-count">212</a>
 					</p>
 				</article>
 				<article class="entry-overview justified">
 					<header class="entry-header">
-						<h3><a href="community-post.xml">Symphony 2.3 development notes</a></h3>
-						<p class="dimmed">Discussion by <a href="#">brendo</a></p>
+						<h3><a href="community-post.xml" class="dark">Symphony 2.3 development notes</a></h3>
+						<p class="dimmed">Discussion by <a href="#" class="dark">brendo</a></p>
 					</header>
 					<p class="entry-meta">
-						<time class="relative" datetime="2012-03-20T07:00">19 Mar 2012</time>
-						<a href="#">Henry</a>
+						<time class="relative" datetime="2012-03-20T07:00">19 Mar 2012</time><br />
+						<a href="#" class="dark">Henry</a>
 						<a href="#" class="entry-count">15</a>
 					</p>
 				</article>
 				<article class="entry-overview justified">
 					<header class="entry-header">
-						<h3><a href="community-post.xml">Hackathon 2.3 podcast</a></h3>
-						<p class="dimmed">Blog by <a href="#">Allen</a></p>
+						<h3><a href="community-post.xml" class="dark">Hackathon 2.3 podcast</a></h3>
+						<p class="dimmed">Blog by <a href="#" class="dark">Allen</a></p>
 					</header>
 					<p class="entry-meta">
-						<time class="relative" datetime="2012-03-20T07:00">17 Mar 2012</time>
-						<a href="#">nickdunn</a>
+						<time class="relative" datetime="2012-03-20T07:00">17 Mar 2012</time><br />
+						<a href="#" class="dark">nickdunn</a>
 						<a href="#" class="entry-count">36</a>
 					</p>
 				</article>
 				<article class="entry-overview justified">
 					<header class="entry-header">
-						<h3><a href="community-post.xml">Happy March 26th! #symphonycms 2.3 beta 3 is ready for&#8230;</a></h3>
+						<h3><a href="community-post.xml" class="dark">Happy March 26th! #symphonycms 2.3 beta 3 is ready for&#8230;</a></h3>
 						<p class="dimmed">Tweet</p>
 					</header>
 					<p class="entry-meta">
-						<time class="relative" datetime="2012-03-20T07:00">13 Jul 2011</time>
-						<a href="#">symphonycms</a>
+						<time class="relative" datetime="2012-03-20T07:00">13 Jul 2011</time><br />
+						<a href="#" class="dark">symphonycms</a>
 						<a href="#" class="entry-count">21</a>
 					</p>
 				</article>
 				<article class="entry-overview justified">
 					<header class="entry-header">
-						<h3><a href="community-post.xml">Moxie Cinema</a></h3>
-						<p class="dimmed">Showcase by <a href="#">fawx</a></p>
+						<h3><a href="community-post.xml" class="dark">Moxie Cinema</a></h3>
+						<p class="dimmed">Showcase by <a href="#" class="dark">fawx</a></p>
 					</header>
 					<p class="entry-meta">
-						<time class="relative" datetime="2012-03-20T07:00">13 Jul 2011</time>
-						<a href="#">creativedutchmen</a>
+						<time class="relative" datetime="2012-03-20T07:00">13 Jul 2011</time><br />
+						<a href="#" class="dark">creativedutchmen</a>
 						<a href="#" class="entry-count">112</a>
 					</p>
 				</article>