Reset Normalize.css and reorder the CSS load.

No more dotted line and correct top margin for book title.

index.php

@@ -45,8 +45,8 @@
     <link rel="related" href="<?php echo $config['cops_full_url'] ?>feed.php" type="application/atom+xml;profile=opds-catalog" title="<?php echo $config['cops_title_default']; ?>" /> 
     <link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" />
     <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Open+Sans:400,300italic,800,300,400italic,600,600italic,700,700italic,800italic' />
-    <link rel="stylesheet" type="text/css" href="<?php echo getUrlWithVersion(getCurrentCss ()) ?>" media="screen" />
     <link rel="stylesheet" type="text/css" href="<?php echo getUrlWithVersion("resources/normalize/normalize.css") ?>" />
+    <link rel="stylesheet" type="text/css" href="<?php echo getUrlWithVersion(getCurrentCss ()) ?>" media="screen" />
     <script type="text/javascript">
     
         $(document).ready(function() {

resources/normalize/normalize.css

@@ -79,6 +79,14 @@ body {
    Links
    ========================================================================== */
 
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
 /**
  * Improve readability when focused and also mouse hovered in all browsers.
  */

styles/style-default.css

@@ -38,7 +38,7 @@ h4 {font-size: 1.0em; }
 h5 {font-size: 0.83em;}
 h6 {font-size: 0.75em;}
 
-a:hover, a:active { outline: none; }
+a:hover, a:focus, a:active { outline: none; }
 a { color: #000066; font-weight: 800; text-decoration: none;}
 a:hover { color:#000; text-decoration: none; }
 .frontpage a {display:block; }

styles/style-eink.css

@@ -39,7 +39,7 @@ h4 {font-size: 1.0em; }
 h5 {font-size: 0.83em;}
 h6 {font-size: 0.75em;}
 
-a:hover, a:active { outline: none; }
+a:hover, a:focus, a:active { outline: none; }
 a {
 	color: black;
 	text-decoration: none;