Skip to content

Commit

Permalink
Desaturise links in community overview
Browse files Browse the repository at this point in the history
  • Loading branch information
nilshoerrmann committed Dec 14, 2012
1 parent 54330bd commit c551666
Show file tree
Hide file tree
Showing 2 changed files with 46 additions and 45 deletions.
15 changes: 8 additions & 7 deletions css/factory.css
Original file line number Diff line number Diff line change
Expand Up @@ -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%);
Expand All @@ -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%);
Expand Down Expand Up @@ -1829,18 +1831,17 @@ 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;
font-size: 3.6rem;
font-weight: 300;
line-height: 5.6rem;
margin-right: 0.8rem;
color: #282828;
background: none;
}

#site .entry-difference {
Expand Down
76 changes: 38 additions & 38 deletions docs/examples/community.xml
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down

0 comments on commit c551666

Please sign in to comment.