From a2587fb0d82ce6a99ccdcc321262748500fdf949 Mon Sep 17 00:00:00 2001
From: Marcin Kurczewski <mkurczew@gmail.com>
Date: Sat, 20 Sep 2014 10:55:39 +0200
Subject: [PATCH] Added CSS rules to selected post

---
 TODO                          |  7 +++----
 public_html/css/core.css      |  1 +
 public_html/css/post-list.css | 19 ++++++++++++++++---
 3 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/TODO b/TODO
index 30d04ae8..885aa05c 100644
--- a/TODO
+++ b/TODO
@@ -3,10 +3,9 @@ first major release.
 
 everything related to posts:
     - post list
-        - add style for hovered and focused element
-            - fav count
-            - score
-            - comment tcount
+        - fav count
+        - score
+        - comment count
         - fix broken thumbnails if no external software is installed
 
     - single post view
diff --git a/public_html/css/core.css b/public_html/css/core.css
index 7feb3aac..2816b695 100644
--- a/public_html/css/core.css
+++ b/public_html/css/core.css
@@ -56,6 +56,7 @@ hr {
 .big-button:hover {
 	background: #f3f7f8;
 	color: #7a9 !important;
+	outline: 0;
 }
 
 #wait-cover {
diff --git a/public_html/css/post-list.css b/public_html/css/post-list.css
index efa9e935..d71e87f7 100644
--- a/public_html/css/post-list.css
+++ b/public_html/css/post-list.css
@@ -16,11 +16,24 @@
 	justify-content: center;
 }
 
-#post-list li a {
+#post-list .posts li a {
 	display: block;
 	margin: 0.4em;
+	border: 1px solid #999;
 }
-#post-list li img {
+#post-list .posts li img {
 	display: block;
-	box-shadow: 0 0 0 1px #999;
+}
+
+#post-list .posts li a:focus,
+#post-list .posts li a:hover {
+	background: #afe;
+	border-color: #5da;
+	box-shadow: 0 0 0 2px #5da;
+	outline: 0;
+}
+
+#post-list .posts li a:focus img,
+#post-list .posts li a:hover img {
+	opacity: .9;
 }