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,9 +202,8 @@
else else
{ {
?> ?>
<article> <article class="books">
<div class="books"> <?php
<?php
if ($entry->book->hasCover) { 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> <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> </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) ?> <h2><?php echo htmlspecialchars ($entry->title) ?>
<?php <?php
if ($entry->book->getPubDate() != "") if ($entry->book->getPubDate() != "")
@ -237,7 +237,7 @@
<?php <?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("authors.title") . " : </h4>" . htmlspecialchars ($entry->book->getAuthorsName ()) ?><br />
<h4><?php echo localize("tags.title") . " : </h4>" . htmlspecialchars ($entry->book->getTagsName ()) ?><br /> <h4><?php echo localize("tags.title") . " : </h4>" . htmlspecialchars ($entry->book->getTagsName ()) ?><br />
<?php <?php
@ -247,8 +247,7 @@
<h4><?php echo localize("series.title") . " :</h4> " . htmlspecialchars ($serie->name) . " (" . $entry->book->seriesIndex . ")" ?><br /> <h4><?php echo localize("series.title") . " :</h4> " . htmlspecialchars ($serie->name) . " (" . $entry->book->seriesIndex . ")" ?><br />
<?php <?php
} }
?> ?></div></a>
</div>
</article> </article>
<?php <?php
} }

View file

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