apply link to entire div for book information

index.php

@@ -202,9 +202,8 @@
                 else
                 {
         ?>
-        <article>
+        <article class="books">
-			<div class="books">
+			<?php
-            <?php
                 if ($entry->book->hasCover) {
             ?>
                 <span class="cover"><a rel="group" class="fancycover" href="<?php echo $entry->getCover () ?>"><img src="<?php echo $entry->getCoverThumbnail () ?>" alt="<?php echo localize("i18n.coversection") ?>" /></a></span>
@@ -227,7 +226,8 @@
                 }
             ?>
             </h2>
-            <a class="fancyabout" href="<?php echo $entry->book->getDetailUrl () ?>">
+			<a class="fancyabout" href="<?php echo $entry->book->getDetailUrl () ?>">
+			<div class="fullclickpopup">
                 <h2><?php echo htmlspecialchars ($entry->title) ?>
             <?php
                 if ($entry->book->getPubDate() != "")
@@ -237,7 +237,7 @@
             <?php
                 }
             ?>
-                    <?php echo $entry->book->getRating () ?></h2></a>
+                    <?php echo $entry->book->getRating () ?></h2>
                 <h4><?php echo localize("authors.title") . " : </h4>" . htmlspecialchars ($entry->book->getAuthorsName ()) ?><br />
                 <h4><?php echo localize("tags.title") . " : </h4>" . htmlspecialchars ($entry->book->getTagsName ()) ?><br />
             <?php
@@ -247,8 +247,7 @@
                 <h4><?php echo localize("series.title") . " :</h4> " . htmlspecialchars ($serie->name) . " (" . $entry->book->seriesIndex . ")" ?><br />
             <?php
                 }
-            ?>
+            ?></div></a>
-			</div>
         </article>
         <?php
                 }

style.css

@@ -15,8 +15,6 @@ html { font-size: 100%; -webkit-text-size-adjust: 100%;
 
 body {
 	font-family: 'Open Sans', sans-serif;
-	font-size: 0.75em;/*12px/16px */
-	font-weight:400; /* Better supported than 'lighter' attribute */
 	line-height:18px;
 	color: #1c1c1c; /* Lighter on the eyes than #000 Black */
 	margin: 0px; background: #cccccc; background-size: cover;
@@ -43,8 +41,9 @@ h6 {font-size: 0.75em;}
 a:hover, a:active { outline: none; }
 a { color: #000066; font-weight: 800; text-decoration: none;}
 a:visited { color:#414141 ;  }
-a:hover { color:#000; text-decoration: underline; }
+a:hover { color:#000; text-decoration: none; }
-.frontpage a:hover { display:inline-block; width: 100%; background-color: #778899;}
+.frontpage a:hover { display:inline-block; width: 100%; background-color: #778899;  /*Dirty IE Hack*/  zoom: 1;  *display: inline;}
+.link a:hover { display:inline-block; width: 100%; background-color: #778899;  /*Dirty IE Hack*/  zoom: 1;  *display: inline;}
 
 /* =============================================================================
    Main container stuff goes here and other globals
@@ -52,9 +51,9 @@ a:hover { color:#000; text-decoration: underline; }
 .container{
  background: #414141; border:1px solid #000; border-radius:10px;
 	max-width:800px;width:95%;margin:0 auto;position:relative; }
-
 	
 .fancyabout { font-weight:400; text-decoration: none; }
+
 /* =============================================================================
    Header stuff goes here
    ========================================================================== */
@@ -76,6 +75,9 @@ header {
 header h1{
 	float:none;
 	padding-top:25px;
+text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
+             0px 8px 13px rgba(0,0,0,0.1),
+             0px 18px 23px rgba(0,0,0,0.1);
 }
 
 .headright {
@@ -123,7 +125,7 @@ max-width:800px;
 .download {
 	float: right;
 	line-height:40px;
-	text-align: right; 
+	text-align: right;
 }
 
 .download a {
@@ -134,7 +136,7 @@ max-width:800px;
 	color: #EEE;
 	text-decoration : none;
 	font-weight: bold;
-	padding: 5px;
+	padding: 5px 10px 5px 10px;
 }
 
 
@@ -149,24 +151,19 @@ max-width:800px;
 }
 
 .bookpopup h3{
-	display:inline;
+	display:inline;  /*Dirty IE Hack*/  zoom: 1;  *display: inline;
 }
 
 .bookpopup p{
-	display:inline;	
+	display:inline;  /*Dirty IE Hack*/  zoom: 1;  *display: inline;
 }
 
 .bookpopup h4{
 	border-top: 1px solid black;
 }
 
-.popupless a{
+.fullclickpopup{
-	font-weight: 100;
+	display: block;
-	border-radius: 6px;
-	background: darkgray;  
-	background: radial-gradient(#666, black);
-	color: #EEE;
-	padding: 0 5px 0;
 }
 /* =============================================================================
    Footer stuff goes here
@@ -252,11 +249,17 @@ h1 {font-size: 1.2em;}
 /* 480px and greater */
 @media only screen and (min-width: 480px) {
 h1 {font-size: 1.5em;}
+body {	font-size: 1em;/*12px/16px */
+			font-weight:450; /* Better supported than 'lighter' attribute */
+	}
 }
 
 /* 810px and greater */
 @media only screen and (min-width: 768px) {
 h1 {font-size: 2em;}
 .container { box-shadow:0 0 20px #000; }
-body { margin: 5px; }
+body {	margin: 5px; 
+			font-size: 0.85em;/*12px/16px */
+			font-weight:400; /* Better supported than 'lighter' attribute */
+	}
 }