apply link to entire div for book information

This commit is contained in:
Thomas Severinsen 2013-03-02 00:14:46 +01:00
parent 0dceacbda2
commit 1086e6a3a5
2 changed files with 26 additions and 24 deletions

View file

@ -202,8 +202,7 @@
else
{
?>
<article>
<div class="books">
<article class="books">
<?php
if ($entry->book->hasCover) {
?>
@ -228,6 +227,7 @@
?>
</h2>
<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>
?></div></a>
</article>
<?php
}

View file

@ -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; }
.frontpage a:hover { display:inline-block; width: 100%; background-color: #778899;}
a:hover { color:#000; text-decoration: none; }
.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
@ -53,8 +52,8 @@ a:hover { color:#000; text-decoration: underline; }
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 {
@ -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{
font-weight: 100;
border-radius: 6px;
background: darkgray;
background: radial-gradient(#666, black);
color: #EEE;
padding: 0 5px 0;
.fullclickpopup{
display: block;
}
/* =============================================================================
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 */
}
}