Personal/cops
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Merge cadric fork

Browse source
This commit is contained in:
Sébastien Lucas 2013-03-06 08:02:03 +01:00
parent 16563b477a 1086e6a3a5
commit 54e7300d75
12 changed files with 293 additions and 352 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
about.html Normal file
View file

@ -0,0 +1,13 @@
<h1>Authors</h1>
<h2>COPS is developped and maintained by Sébastien Lucas.</h2>
<p>See full history on <a href="https://github.com/seblucas">Github</a> to check all authors.<br />
COPS use some external librairies, check README for the details.</p>
<h2>Copyright</h2>
<p>This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License version 2 as published by the Free Software Foundation.<br />
The complete content of license is provided in file COPYING within distribution and also available <a href="http://www.gnu.org/licenses/gpl-2.0.html">online</a>.</p>
<h2>Contact</h2>
<p>For more info please visit <a href="http://blog.slucas.fr/en/oss/calibre-opds-php-server">COPS Home Page</a></p>
<p>You can also check <a href="http://www.mobileread.com/forums/showthread.php?t=170903">COPS's topic on MobileRead forum</a>.</p>

20
about.xml
View file

@ -1,20 +0,0 @@
<div class="entryTitle">Authors</div>
<div class="content" style="max-width:700px;">
<p>COPS is developped and maintained by Sébastien Lucas.</p>
<p>See full history on <a href="https://github.com/seblucas">Github</a> to check all authors.</p>
<p>COPS use some external librairies, check README for the details.</p>
</div>
<div class="entryTitle">Copyright</div>
<div class="content" style="max-width:700px;">
<p>This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License version 2 as published by the Free Software Foundation.</p>
<p>The complete content of license is provided in file COPYING within distribution and also available <a href="http://www.gnu.org/licenses/gpl-2.0.html">online</a>.</p>
</div>
<div class="entryTitle">Contact</div>
<div class="content" style="max-width:700px;">
<p>For more info please visit <a href="http://blog.slucas.fr/en/oss/calibre-opds-php-server">COPS Home Page</a></p>
<p>You can also check <a href="http://www.mobileread.com/forums/showthread.php?t=170903">COPS's topic on MobileRead forum</a>.</p>
</div>

19
base.php
View file

@ -165,15 +165,6 @@ class Entry
public $localUpdated; public $localUpdated;
private static $updated = NULL; private static $updated = NULL;
public static $icons = array(
Author::ALL_AUTHORS_ID => 'images/author.png',
Serie::ALL_SERIES_ID => 'images/serie.png',
Book::ALL_RECENT_BOOKS_ID => 'images/recent.png',
Tag::ALL_TAGS_ID => 'images/tag.png',
CustomColumn::ALL_CUSTOMS_ID => 'images/tag.png',
"calibre:books$" => 'images/allbook.png',
"calibre:books:letter" => 'images/allbook.png'
);
public function getUpdatedTime () { public function getUpdatedTime () {
if (!is_null ($this->localUpdated)) { if (!is_null ($this->localUpdated)) {
@ -193,16 +184,6 @@ class Entry
$this->contentType = $pcontentType; $this->contentType = $pcontentType;
$this->linkArray = $plinkArray; $this->linkArray = $plinkArray;
if ($config['cops_show_icons'] == 1)
{
foreach (self::$icons as $reg => $image)
{
if (preg_match ("/" . $reg . "/", $pid)) {
array_push ($this->linkArray, new Link (getUrlWithVersion ($image), "image/png", Link::OPDS_THUMBNAIL_TYPE));
break;
}
}
}
} }
} }

61
bookdetail.php
View file

@ -20,16 +20,15 @@ $book->getLinkArray ();
<?php <?php
if (isset ($page) && $page == Base::PAGE_BOOK_DETAIL) { if (isset ($page) && $page == Base::PAGE_BOOK_DETAIL) {
?> ?>
<div class="bookdetail"> <div>
<?php <?php
} else { } else {
?> ?>
<div class="bookpopup"> <article class="bookpopup">
<?php <?php
} }
?> ?>
<div class="booke"> <span class="cover">
<div class="cover">
<?php <?php
if ($book->hasCover) { if ($book->hasCover) {
?> ?>
@ -37,21 +36,19 @@ $book->getLinkArray ();
<?php <?php
} }
?> ?>
</div> </span>
<div class="download">
<?php <?php
foreach ($book->getDatas() as $data) foreach ($book->getDatas() as $data)
{ {
?> ?>
<div class="button buttonEffect"><a href="<?php echo $data->getHtmlLink () ?>"><?php echo $data->format ?></a></div> <h2 class="download"><a href="<?php echo $data->getHtmlLink () ?>"><?php echo $data->format ?></a></h2>
<?php <?php
} }
?> ?>
</div> <h1><a rel="bookmark" href="<?php echo 'index.php' . $book->getUri () ?>"><img src="<?php echo getUrlWithVersion("images/Link.png") ?>" alt="permalink" /></a><?php echo htmlspecialchars ($book->title) ?></h1>
<div class="entryTitle"><a rel="bookmark" href="<?php echo 'index.php' . $book->getUri () ?>"><img src="<?php echo getUrlWithVersion("images/Link.png") ?>" alt="permalink" /></a><?php echo htmlspecialchars ($book->title) ?></div>
<div class="entrySection"> <h3><?php echo localize("authors.title") ?>: </h3>
<span><?php echo localize("authors.title") ?></span> <p class="popupless">
<div class="buttonEffect pad6">
<?php <?php
$i = 0; $i = 0;
foreach ($authors as $author) { foreach ($authors as $author) {
@ -61,14 +58,12 @@ $book->getLinkArray ();
<?php <?php
} }
?> ?>
</div> </p><br />
</div>
<?php <?php
if (count ($tags) > 0) { if (count ($tags) > 0) {
?> ?>
<div class="entrySection"> <h3><?php echo localize("tags.title") ?>: </h3>
<span><?php echo localize("tags.title") ?></span> <p class="popupless">
<div class="buttonEffect pad6">
<?php <?php
$i = 0; $i = 0;
foreach ($tags as $tag) { foreach ($tags as $tag) {
@ -78,44 +73,36 @@ $book->getLinkArray ();
<?php <?php
} }
?> ?>
</div> </p><br />
</div>
<?php <?php
} }
if (!is_null ($serie)) if (!is_null ($serie))
{ {
?> ?>
<div class="entrySection"> <h3><a href="index.php<?php echo str_replace ("&", "&amp;", $serie->getUri ()) ?>"><?php echo localize("series.title") ?></a>: </h3>
<div class="buttonEffect pad6">
<a href="index.php<?php echo str_replace ("&", "&amp;", $serie->getUri ()) ?>"><?php echo localize("series.title") ?></a>
</div>
<?php echo str_format (localize ("content.series.data"), $book->seriesIndex, htmlspecialchars ($serie->name)) ?> <?php echo str_format (localize ("content.series.data"), $book->seriesIndex, htmlspecialchars ($serie->name)) ?>
</div> <br />
<?php <?php
} }
if ($book->getPubDate() != "") if ($book->getPubDate() != "")
{ {
?> ?>
<div class="entrySection">
<span><?php echo localize("pubdate.title") ?></span> <h3><?php echo localize("pubdate.title") ?>: </h3>
<?php echo $book->getPubDate() ?> <?php echo $book->getPubDate() ?>
</div>
<?php <?php
} }
if ($book->getLanguages () != "") if ($book->getLanguages () != "")
{ {
?> ?>
<div class="entrySection"> <br />
<span><?php echo localize("config.Language.label") ?></span> <h3><?php echo localize("config.Language.label") ?>: </h3>
<?php echo $book->getLanguages () ?> <?php echo $book->getLanguages () ?>
</div>
<?php <?php
} }
?> ?>
</div> <br />
<div class="clearer" /> <p><h4><?php echo localize("content.summary") ?></h4>
<hr /> <?php if (!isset ($page)) ?><?php echo $book->getComment (false) ?></p>
<div><?php echo localize("content.summary") ?></div> </article>
<div class="content" <?php if (!isset ($page)) echo 'style="max-width:700px;"' ?>><?php echo $book->getComment (false) ?></div>
<hr />
</div>

2
config_default.php
View file

@ -14,7 +14,7 @@
* containing all the formats. * containing all the formats.
* BEWARE : it has to end with a / * BEWARE : it has to end with a /
*/ */
$config['calibre_directory'] = './'; $config['calibre_directory'] = './feedbook/';
/* /*
* SPECIFIC TO NGINX * SPECIFIC TO NGINX

BIN
images/home.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
images/info.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 734 B

After

Width:  |  Height:  |  Size: 730 B

BIN
images/search32.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
images/setting64.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
images/sort32.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 764 B

After

Width:  |  Height:  |  Size: 1.3 KiB

101
index.php
View file

@ -46,10 +46,9 @@
?> ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="imagetoolbar" content="no" /> <meta http-equiv="imagetoolbar" content="no" />
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" /> <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />
<title><?php echo htmlspecialchars ($currentPage->title) ?></title> <title><?php echo htmlspecialchars ($currentPage->title) ?></title>
@ -61,6 +60,8 @@
<link rel="icon" type="image/vnd.microsoft.icon" href="<?php echo $currentPage->favicon ?>" /> <link rel="icon" type="image/vnd.microsoft.icon" href="<?php echo $currentPage->favicon ?>" />
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox.css?v=2.1.3" media="screen" /> <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox.css?v=2.1.3" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php echo getUrlWithVersion("style.css") ?>" media="screen" /> <link rel="stylesheet" type="text/css" href="<?php echo getUrlWithVersion("style.css") ?>" media="screen" />
<link rel="stylesheet" href="//normalize-css.googlecode.com/svn/trunk/normalize.css" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300italic,800,300,400italic,600,600italic,700,700italic,800italic' rel='stylesheet' type='text/css' />
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function() { $(document).ready(function() {
// Handler for .ready() called. // Handler for .ready() called.
@ -98,7 +99,7 @@
<?php if ($isEink) echo ", openEffect : 'none', closeEffect : 'none', helpers : {overlay : null}"; ?> <?php if ($isEink) echo ", openEffect : 'none', closeEffect : 'none', helpers : {overlay : null}"; ?>
}); });
$("#settingsImage").click(function(){ $(".headright").click(function(){
if ($("#tool").is(":hidden")) { if ($("#tool").is(":hidden")) {
$("#tool").slideDown("slow"); $("#tool").slideDown("slow");
$.cookie('toolbar', '1'); $.cookie('toolbar', '1');
@ -151,21 +152,14 @@
<p><img src="images/ajax-loader.gif" alt="waiting" /> Please Wait</p> <p><img src="images/ajax-loader.gif" alt="waiting" /> Please Wait</p>
</div> </div>
<div class="container"> <div class="container">
<div class="head"> <header>
<div class="headleft"> <a class="headleft" href="<?php echo $_SERVER["SCRIPT_NAME"] ?>">
<a href="<?php echo $_SERVER["SCRIPT_NAME"] ?>">
<img src="<?php echo getUrlWithVersion("images/home.png") ?>" alt="Home" /> <img src="<?php echo getUrlWithVersion("images/home.png") ?>" alt="Home" />
</a> </a>
</div> <img class="headright" id="searchImage" src="<?php echo getUrlWithVersion("images/setting64.png") ?>" alt="Settings and menu" />
<div class="headright"> <h1><?php echo htmlspecialchars ($currentPage->title) ?></h1>
<img id="settingsImage" src="<?php echo getUrlWithVersion("images/setting64.png") ?>" alt="Settings and menu" /> </header>
</div> <aside id="tool" <?php if ($withToolbar) echo 'style="display: none"' ?>>
<div class="headcenter">
<p><?php echo htmlspecialchars ($currentPage->title) ?></p>
</div>
</div>
<div class="clearer" />
<div id="tool" <?php if ($withToolbar) echo 'style="display: none"' ?>>
<div style="float: left; width: 60%"> <div style="float: left; width: 60%">
<form action="index.php?page=9" method="get"> <form action="index.php?page=9" method="get">
<div style="float: right"> <div style="float: right">
@ -196,10 +190,9 @@
</div> </div>
</div> </div>
<?php } ?> <?php } ?>
</div> </aside>
<div class="clearer" />
<div id="content" style="display: none;"></div> <div id="content" style="display: none;"></div>
<div class="entries"> <section>
<?php <?php
if ($page == Base::PAGE_BOOK_DETAIL) if ($page == Base::PAGE_BOOK_DETAIL)
{ {
@ -208,33 +201,29 @@
foreach ($currentPage->entryArray as $entry) { foreach ($currentPage->entryArray as $entry) {
if (get_class ($entry) != "EntryBook") { if (get_class ($entry) != "EntryBook") {
?> ?>
<div class="entry"> <article>
<div class="entryTitle"><?php echo htmlspecialchars ($entry->title) ?></div> <div class="frontpage">
<div class="entryContent"><?php echo htmlspecialchars ($entry->content) ?></div> <?php foreach ($entry->linkArray as $link) {?> <a href="<?php echo $link->hrefXhtml () ?>">
<?php <h2><?php echo htmlspecialchars ($entry->title) ?></h2>
foreach ($entry->linkArray as $link) { <?php } ?>
?> <h4><?php echo htmlspecialchars ($entry->content) ?></h4>
<a href="<?php echo $link->hrefXhtml () ?>" class="navigation">nav</a> </a>
<?php
}
?>
</div> </div>
</article>
<?php <?php
} }
else else
{ {
?> ?>
<div class="book"> <article class="books">
<div class="cover">
<?php <?php
if ($entry->book->hasCover) { if ($entry->book->hasCover) {
?> ?>
<a rel="group" class="fancycover" href="<?php echo $entry->getCover () ?>"><img src="<?php echo $entry->getCoverThumbnail () ?>" alt="<?php echo localize("i18n.coversection") ?>" /></a> <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>
<?php <?php
} }
?> ?>
</div> <h2 class="download">
<div class="download">
<?php <?php
$i = 0; $i = 0;
foreach ($config['cops_prefered_format'] as $format) foreach ($config['cops_prefered_format'] as $format)
@ -243,49 +232,45 @@
if ($data = $entry->book->getDataFormat ($format)) { if ($data = $entry->book->getDataFormat ($format)) {
$i++; $i++;
?> ?>
<div class="button buttonEffect"><a href="<?php echo $data->getHtmlLink () ?>"><?php echo $format ?></a></div> <a href="<?php echo $data->getHtmlLink () ?>"><?php echo $format ?></a><br />
<?php <?php
} }
} }
?> ?>
</div> </h2>
<div class="bookdetail"> <a class="fancyabout" href="<?php echo $entry->book->getDetailUrl () ?>">
<a class="navigation" href="<?php echo $entry->book->getDetailUrl () ?>" /> <div class="fullclickpopup">
<div class="entryTitle st"><?php echo htmlspecialchars ($entry->title) ?> <h2><?php echo htmlspecialchars ($entry->title) ?>
<?php <?php
if ($entry->book->getPubDate() != "") if ($entry->book->getPubDate() != "")
{ {
?> ?>
<span class="sp">(<?php echo $entry->book->getPubDate() ?>)</span> (<?php echo $entry->book->getPubDate() ?>)
<?php <?php
} }
?> ?>
<span class="sr"><?php echo $entry->book->getRating () ?></span> <?php echo $entry->book->getRating () ?></h2>
</div> <h4><?php echo localize("authors.title") . " : </h4>" . htmlspecialchars ($entry->book->getAuthorsName ()) ?><br />
<div class="entryContent sa"><?php echo localize("authors.title") . " : " . htmlspecialchars ($entry->book->getAuthorsName ()) ?></div> <h4><?php echo localize("tags.title") . " : </h4>" . htmlspecialchars ($entry->book->getTagsName ()) ?><br />
<div class="entryContent"><?php echo localize("tags.title") . " : " . htmlspecialchars ($entry->book->getTagsName ()) ?></div>
<?php <?php
$serie = $entry->book->getSerie (); $serie = $entry->book->getSerie ();
if (!is_null ($serie)) { if (!is_null ($serie)) {
?> ?>
<div class="entryContent ss"><?php echo localize("series.title") . " : " . htmlspecialchars ($serie->name) . " (" . $entry->book->seriesIndex . ")" ?></div> <h4><?php echo localize("series.title") . " :</h4> " . htmlspecialchars ($serie->name) . " (" . $entry->book->seriesIndex . ")" ?><br />
<?php
}
?></div></a>
</article>
<?php <?php
} }
?> ?>
</div>
</div>
<?php <?php
} }
?> ?>
<div class="clearer" /> </section>
<?php <footer>
} <a class="fancyabout" href="about.html"><img src="<?php echo getUrlWithVersion("images/info.png") ?>" alt="Home" /></a>
?>
</div>
<div class="foot">
<div class="footright">
<a class="fancyabout" href="about.xml"><img src="<?php echo getUrlWithVersion("images/info.png") ?>" alt="Home" /></a>
</div>
<?php <?php
if ($currentPage->isPaginated ()) { if ($currentPage->isPaginated ()) {
?> ?>
@ -310,7 +295,7 @@
<?php <?php
} }
?> ?>
</div> </footer>
</div> </div>
</body> </body>
</html> </html>

411
style.css
View file

@ -1,50 +1,205 @@
html /* Global Box Sizing and Font-Smoothing */
{ *, *:after, *:before {
font-family: sans-serif; box-sizing:border-box;
font-size: 1em; -webkit-box-sizing:border-box;
padding:0px; -moz-box-sizing:border-box;
margin:0px; -webkit-font-smoothing:antialiased;
background-color:lightgray; -moz-font-smoothing:antialiased;
-o-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
} }
body html { font-size: 100%; -webkit-text-size-adjust: 100%;
{ -ms-text-size-adjust: 100%; }
margin-top:0px;
body {
font-family: 'Open Sans', sans-serif;
line-height:18px;
color: #1c1c1c; /* Lighter on the eyes than #000 Black */
margin: 0px; background: #cccccc; background-size: cover;
} }
.container img {
border: 0px;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
/* ==========================================================================
Typography stuff goes here
========================================================================== */
h1,h2,h3,h4,h5,h6 { font-weight: bold; margin:0; padding:0;}
/*h1 see mediaqueries*/
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1.0em; }
h5 {font-size: 0.83em;}
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: 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;}
img
{ {
margin:auto; margin:0;
width:100%; padding:0;
border:0;
}
/* =============================================================================
Main container stuff goes here and other globals
========================================================================== */
.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
========================================================================== */
header {
clear:both;
color:white;
text-align:center;
text-transform:uppercase;
display:block;
box-shadow:inset 0px -5px 8px #000000;
min-height:70px;
border-radius: 10px 10px 0px 0px;
}
.headleft {
float: left;
}
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 {
float: right;
}
/* =============================================================================
Section and Article stuff goes here
========================================================================== */
section {
clear:both;
background-color: #fff;
}
article {
border-bottom: 1px solid black;
max-width:800px; max-width:800px;
} }
.head /*-------------frontpage article-------------*/
{
color:white; .frontpage h2 {
background-color:black; padding: 5px 0 0 5px;
width:100%;
height:64px;
} }
.foot .frontpage h4 {
padding: 5px 0 5px 20px;
font-style: italic;
}
/*-------------books article-------------*/
.books {
clear: both;
padding: 10px;
min-height: 90px;
}
.cover {
float:left;
margin: 0 10px 0 0;
min-width: 56px;
min-height: 70px;
}
.download {
float: right;
line-height:40px;
text-align: right;
}
.download a {
border-radius: 6px;
box-shadow:0 0 10px #000;
background: darkgray;
background: radial-gradient(#666, black);
color: #EEE;
text-decoration : none;
font-weight: bold;
padding: 5px 10px 5px 10px;
}
.books h4{
display: inline;
font-style: italic;
}
/*-------------books popup article-------------*/
.bookpopup h2{
margin: 15px 15px;
}
.bookpopup h3{
display:inline; /*Dirty IE Hack*/ zoom: 1; *display: inline;
}
.bookpopup p{
display:inline; /*Dirty IE Hack*/ zoom: 1; *display: inline;
}
.bookpopup h4{
border-top: 1px solid black;
}
.fullclickpopup{
display: block;
}
/* =============================================================================
Footer stuff goes here
========================================================================== */
footer
{ {
color:white; clear:both;
background-color:black; box-shadow:inset 0px 5px 8px #000000;
width:100%; border-radius: 0px 0px 10px 10px;
height:32px; height:32px;
} }
footer a{
float: right;
}
/* =============================================================================
Aside stuff goes here
========================================================================== */
#tool #tool
{ {
margin-top: 5px;
color:white; color:white;
background-color:black; background: #414141;
width:100%; width:100%;
height:32px; height:32px;
overflow: hidden; overflow: hidden;
} }
/*-------------Search Aside-------------*/
#tool input[type=text] #tool input[type=text]
{ {
vertical-align: middle; vertical-align: middle;
@ -69,138 +224,6 @@ display: block;
overflow: hidden; overflow: hidden;
} }
img
{
margin:0;
padding:0;
border:0;
}
.headleft
{
float:left;
height:64px;
}
.headright
{
float:right;
height:64px;
cursor:pointer;
}
.footright
{
float:right;
height:32px;
}
.headcenter
{
margin:auto;
text-align:center;
font-size: 1.5em;
font-weight:bold;
height:64px;
display:table;
}
.footcenter
{
margin:auto;
text-align:center;
font-size: 1.3em;
font-weight:bold;
height:32px;
display:table;
}
.headcenter p, .footcenter p, .footcenter a
{
display: table-cell;
vertical-align: middle;
text-align: center;
line-height: 100%;
}
.clearer
{
clear:both;
}
.entries
{
background-color:lightgray;
margin-top: 5px;
}
.entry
{
background-color:white;
border-bottom:1px double black;
display:block;
padding:2px;
cursor: pointer;
margin-bottom:5px;
}
.book
{
background-color:white;
border-bottom:1px double black;
min-height:80px;
margin-bottom:5px;
}
.navigation
{
display:none;
}
.entryTitle
{
font-weight:bold;
font-size: 1.1em;
}
.entryContent
{
font-style:italic;
font-size: 0.9em;
margin-left: 10px;
}
.cover
{
float:left;
padding:5px 10px;
min-width: 56px;
min-height: 70px;
}
.download
{
float:right;
}
.button
{
height:36px;
display: table;
width:80px;
margin:2px;
}
.button p, .button a
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
#loading #loading
{ {
display:none; display:none;
@ -216,62 +239,34 @@ text-align: center;
padding-top: 120px; padding-top: 120px;
} }
.entrySection /* =============================================================================
{ Mediaquerie stuff goes here
margin-top: 8px; ========================================================================== */
margin-bottom: 18px; /* 100px and greater */
line-height: 1.5em; @media only screen and (min-width: 100px) {
h1 {font-size: 1em;}
.container { width:100%; }
} }
.entrySection span /* 320px and greater */
{ @media only screen and (min-width: 320px) {
font-style:italic; h1 {font-size: 1.2em;}
font-size: 1em;
} }
/* 480px and greater */
.buttonEffect a @media only screen and (min-width: 480px) {
{ h1 {font-size: 1.5em;}
border-radius: 6px; body { font-size: 1em;/*12px/16px */
background: darkgray; font-weight:450; /* Better supported than 'lighter' attribute */
background: -moz-radial-gradient(#666, black); }
background: -webkit-radial-gradient(#666, black);
background: -ms-radial-gradient(#666, black);
background: radial-gradient(#666, black);
color: #EEE;
text-decoration : none;
font-weight: bold;
} }
.pad6 a /* 810px and greater */
{ @media only screen and (min-width: 768px) {
padding: 6px; h1 {font-size: 2em;}
.container { box-shadow:0 0 20px #000; }
body { margin: 5px;
font-size: 0.85em;/*12px/16px */
font-weight:400; /* Better supported than 'lighter' attribute */
} }
.pad6
{
display: inline;
}
.bookdetail
{
color:black;
}
.bookpopup
{
min-width: 400px;
color:black;
}
.entries > .bookpopup, .entries > .bookdetail
{
background-color: white;
margin-bottom: 5px;
padding: 6px;
}
.content
{
line-height: 110%;
} }