From e211524b8c26429d77a2f8902aceda7303379f7b Mon Sep 17 00:00:00 2001
From: Yorhel <git@yorhel.nl>
Date: Wed, 11 Jul 2012 16:17:22 +0200
Subject: [PATCH] Style changes for links

---
 www/index.pl |  2 +-
 www/man.css  | 26 ++++++++++++++++----------
 2 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/www/index.pl b/www/index.pl
index a13cb99..18af1f8 100755
--- a/www/index.pl
+++ b/www/index.pl
@@ -242,7 +242,7 @@ sub browsesys {
   $self->htmlHeader(title => $title);
   h1 $title;
 
-  p;
+  p id => 'charselect';
    for('all', 0, 'a'..'z') {
      a href => "/browse/$short?c=$_", $_?uc$_:'#' if $_ ne $f->{c};
      b $_?uc$_:'#' if $_ eq $f->{c};
diff --git a/www/man.css b/www/man.css
index 305886c..b71b139 100644
--- a/www/man.css
+++ b/www/man.css
@@ -14,9 +14,8 @@ h1 a { font-size: 10px; vertical-align: top }
 h2 { font-size: 21px; margin-top: 40px; color: #468; font-weight: normal; clear: left }
 h2 + i { font-size: 12px; }
 dd { margin-left: 15px; }
-a { color: #048; font-family: "Verdana"; font-weight: normal; text-decoration: underline; padding: 3px 5px;
-  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
-a:hover { text-decoration: none; background: #cde; }
+a { color: #048; }
+a:hover { text-decoration: underline; color: #48B;}
 table { background: #eee; border: 5px solid #f8f8f8; margin: 10px 0; border-collapse: collapse; }
 thead tr { font-weight: bold; border-bottom: 1px solid #ccc }
 td { padding: 1px 5px; font-size: 12px; border-left: 1px solid #ccc; }
@@ -40,22 +39,31 @@ td { padding: 1px 5px; font-size: 12px; border-left: 1px solid #ccc; }
 
 #body { padding: 10px 10px 20px 10px; background: #fff }
 
+#systems a,
+#charselect a,
+#nav dd dd a { color: #048; font-family: "Verdana"; font-weight: normal; text-decoration: none; padding: 3px 5px;
+  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
+#systems a:hover,
+#charselect a:hover,
+#nav dd dd a:hover { background: #cde; }
+
 #nav { background: #f0f8ff; color: #036; float: right; padding: 8px; width: 250px; margin-bottom: 10px;
   -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
-#nav a.global, #nav i.global { float: right; font-family: "Verdana"; font-size: 13px }
-#nav i.global { font-style: normal; padding: 3px 5px; color: #aaa }
+#nav a.global, #nav i.global { float: right; font-family: "Verdana"; font-size: 13px; padding: 3px 5px; }
+#nav i.global { font-style: normal; color: #aaa }
 #nav dl { clear: right }
 #nav dl > dt { font-weight: bold; }
 #nav a { font-size: 13px; }
 #nav dl i { font-style: normal; font-size: 12px; padding-left: 7px; color: #aaa }
-#nav b { font-family: "Verdana"; font-size: 13px; background: #cde; padding: 3px 5px;
+#nav b { font-size: 13px; background: #cde; padding: 3px 5px;
   -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
 
 #systems li { display: block; float: left; width: 300px; margin: 20px 10px; padding-left: 60px }
 #systems span { display: block; margin-left: -55px; float: left; width: 50px; height: 50px; background-repeat: no-repeat; }
-#systems b { font-size: 24px; display: block; }
+#systems b { font-size: 24px; display: block }
 #systems .hidden { display: none; }
 
+#charselect b { padding: 3px }
 .pagination { display: block; margin: 10px; width: 100%; text-align: center }
 
 #external { list-style-type: none }
@@ -63,7 +71,7 @@ td { padding: 1px 5px; font-size: 12px; border-left: 1px solid #ccc; }
 #packages { margin: 20px 0; -webkit-column-width: 300px; -moz-column-width: 300px; column-width: 300px }
 #packages li { display: block; }
 #packages i { color: #aaa; font-size: 13px; }
-#packages b { padding: 3px 5px; font-family: "Verdana"; font-size: 14px }
+#packages a { padding-right: 5px }
 
 #manuals { margin: 20px 0; -webkit-column-width: 500px; -moz-column-width: 500px; column-width: 500px }
 #manuals li { display: block; }
@@ -82,6 +90,4 @@ td { padding: 1px 5px; font-size: 12px; border-left: 1px solid #ccc; }
 
 pre, pre * { font-family: "Lucida Console", Monospace; font-size: 15px }
 pre b { color: #369; font-weight: normal; }
-pre a { padding: 0; font-weight: normal; }
-pre a:hover { background: none; text-decoration: underline; color: #48B;}