1 files changed, 34 insertions, 12 deletions

diff --git a/page.css b/page.css
index bd3b5e2..37c2582 100644
--- a/page.css
+++ b/page.css
@@ -22,6 +22,13 @@ section > :first-child {
 	margin-top: 0;
 }
 
+footer {
+	text-align: center;
+	color: #777;
+	font-size: 80%;
+	padding: 1em;
+}
+
 h1 {
 	color: #5a5252;
 }
@@ -31,41 +38,56 @@ h2 {
 	padding: 0.2em 0.5em;
 }
 
-a:link {
+a:not(.recent-item):link,
+a.recent-item:link .name {
 	color: #a96e3d;
 }
 
-a:hover {
+a:not(.recent-item):hover,
+a.recent-item:hover .name {
 	color: #e69958;
 }
 
-a:visited {
+a:not(.recent-item):visited,
+a.recent-item:visited .name {
 	color: #bd402d;
 }
 
-a:visited:hover {
+a:not(.recent-item):visited:hover,
+a.recent-item:visited:hover .name {
 	color: #e44e37;
 }
 
-a:active,
-a:visited:active {
+a:not(.recent-item):active,
+a:not(.recent-item):visited:active,
+a.recent-item:active .name,
+a.recent-item:visited:active .name {
 	color: #e675e6;
 }
 
-footer {
-	text-align: center;
-	color: #777;
-	font-size: 80%;
-	padding: 1em;
+.recent-item .name {
+	text-decoration: underline;
+}
+
+.recent-item .id {
+	font-family: monospace;
 }
 
 .recent-item {
-	padding: 0.2em;
+	color: inherit;
+	text-decoration: none;
+	display: block;
+	padding: 0.3em;
 	border-bottom: 1px solid #242529;
 }
 
 .recent-item:hover {
 	background: #1e1f23;
+	cursor: pointer;
+}
+
+.recent-item:active {
+	background: #2f262f;
 }
 
 .recent-item > .details {