Original Theme
This commit is contained in:
Akamaru
BIN
common/android-chrome-192x192.png
Normal file
BIN
common/android-chrome-192x192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
BIN
common/apple-touch-icon-120x120.png
Normal file
BIN
common/apple-touch-icon-120x120.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
BIN
common/apple-touch-icon-152x152.png
Normal file
BIN
common/apple-touch-icon-152x152.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
BIN
common/apple-touch-icon-180x180.png
Normal file
BIN
common/apple-touch-icon-180x180.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
BIN
common/banner.png
Normal file
BIN
common/banner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
common/favicon-16x16.png
Normal file
BIN
common/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
common/favicon-32x32.png
Normal file
BIN
common/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
common/favicon-96x96.png
Normal file
BIN
common/favicon-96x96.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
common/favicon.ico
Normal file
BIN
common/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
14
common/inc-header.html
Normal file
14
common/inc-header.html
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||||
|
<title>Ubooquity</title>
|
||||||
|
<meta name="mobile-web-app-capable" content="yes"/>
|
||||||
|
<link rel="apple-touch-icon" sizes="120x120" href="{{rootPath}}/theme/common/apple-touch-icon-120x120.png"/>
|
||||||
|
<link rel="apple-touch-icon" sizes="152x152" href="{{rootPath}}/theme/common/apple-touch-icon-152x152.png"/>
|
||||||
|
<link rel="apple-touch-icon" sizes="180x180" href="{{rootPath}}/theme/common/apple-touch-icon-180x180.png"/>
|
||||||
|
<link rel="icon" type="image/png" sizes="16x16" href="{{rootPath}}/theme/common/favicon-16x16.png"/>
|
||||||
|
<link rel="icon" type="image/png" sizes="32x32" href="{{rootPath}}/theme/common/favicon-32x32.png"/>
|
||||||
|
<link rel="icon" type="image/png" sizes="96x96" href="{{rootPath}}/theme/common/favicon-96x96.png"/>
|
||||||
|
<link rel="icon" type="image/png" sizes="192x192" href="{{rootPath}}/theme/common/android-chrome-192x192.png"/>
|
||||||
|
<meta name="msapplication-TileColor" content="#2b5797"/>
|
||||||
|
<meta name="msapplication-TileImage" content="{{rootPath}}/common/theme/mstile-144x144.png"/>
|
||||||
|
<script type="text/javascript" src="{{rootPath}}/scripts/tools.js"></script>
|
||||||
|
<script type="text/javascript" src="{{rootPath}}/theme/common/themeScript.js"></script>
|
||||||
BIN
common/mstile-144x144.png
Normal file
BIN
common/mstile-144x144.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.6 KiB |
1
common/themeScript.js
Normal file
1
common/themeScript.js
Normal file
@@ -0,0 +1 @@
|
|||||||
|
// Put any javascript needed by your theme here
|
||||||
BIN
home/books-new.png
Normal file
BIN
home/books-new.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
BIN
home/books.png
Normal file
BIN
home/books.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
home/comics-new.png
Normal file
BIN
home/comics-new.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
home/comics.png
Normal file
BIN
home/comics.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
home/documents-new.png
Normal file
BIN
home/documents-new.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.8 KiB |
BIN
home/documents.png
Normal file
BIN
home/documents.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
BIN
home/file.png
Normal file
BIN
home/file.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
home/files.png
Normal file
BIN
home/files.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
193
home/homepage.css
Normal file
193
home/homepage.css
Normal file
@@ -0,0 +1,193 @@
|
|||||||
|
body {
|
||||||
|
background-color: red;
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
background-color: white;
|
||||||
|
font-family: "Arial";
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #444444;
|
||||||
|
text-decoration: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a img {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#userinfo {
|
||||||
|
position: absolute;
|
||||||
|
right: 5px;
|
||||||
|
top: 76px;
|
||||||
|
font-family: "Arial";
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
|
||||||
|
#message {
|
||||||
|
color: #444444;
|
||||||
|
font-family: "Arial";
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#poweredby {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
padding-top: 20px;
|
||||||
|
margin-top: 80px;
|
||||||
|
border-top: 1px #CCCCCC solid;
|
||||||
|
;
|
||||||
|
color: grey;
|
||||||
|
font-family: "Arial";
|
||||||
|
font-size: 13px;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#logoutlink {
|
||||||
|
color: #888888;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#group {
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cell {
|
||||||
|
float: left;
|
||||||
|
width: 200px;
|
||||||
|
height: 220px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-title {
|
||||||
|
position:relative;
|
||||||
|
display: inline-block;
|
||||||
|
color: grey;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight:bold;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-title .tooltip {
|
||||||
|
visibility: hidden;
|
||||||
|
width: 140px;
|
||||||
|
background-color: grey;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 16px;
|
||||||
|
text-align: center;
|
||||||
|
padding: 5px 0;
|
||||||
|
border-radius: 6px;
|
||||||
|
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1;
|
||||||
|
bottom: 125%;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -70px;
|
||||||
|
|
||||||
|
opacity: 0;
|
||||||
|
transition: opacity 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-title .tooltip::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 100%;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -5px;
|
||||||
|
border-width: 5px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: grey transparent transparent transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-title:hover .tooltip {
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category {
|
||||||
|
display: inline-block;
|
||||||
|
background-color: #EEEEEE;
|
||||||
|
width: 140px;
|
||||||
|
height: 140px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
background-size: 90px 90px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-latest {
|
||||||
|
box-shadow: inset 0 0 0 6px white;
|
||||||
|
position:relative;
|
||||||
|
display: inline-block;
|
||||||
|
background-color: #EEEEEE;
|
||||||
|
width: 84px;
|
||||||
|
height: 84px;
|
||||||
|
top: -50px;
|
||||||
|
left: 50px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
background-size: 60px 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#comics {
|
||||||
|
background-image: url('{{rootPath}}/theme/home/comics.png');
|
||||||
|
}
|
||||||
|
|
||||||
|
#latest-comics {
|
||||||
|
background-image: url('{{rootPath}}/theme/home/comics-new.png');
|
||||||
|
}
|
||||||
|
|
||||||
|
#books {
|
||||||
|
background-image: url('{{rootPath}}/theme/home/books.png');
|
||||||
|
}
|
||||||
|
|
||||||
|
#latest-books {
|
||||||
|
background-image: url('{{rootPath}}/theme/home/books-new.png');
|
||||||
|
}
|
||||||
|
|
||||||
|
#magazines {
|
||||||
|
background-image: url('{{rootPath}}/theme/home/magazines.png');
|
||||||
|
}
|
||||||
|
|
||||||
|
#latest-magazines {
|
||||||
|
background-image: url('{{rootPath}}/theme/home/magazines-new.png');
|
||||||
|
}
|
||||||
|
|
||||||
|
#documents {
|
||||||
|
background-image: url('{{rootPath}}/theme/home/documents.png');
|
||||||
|
}
|
||||||
|
|
||||||
|
#latest-documents {
|
||||||
|
background-image: url('{{rootPath}}/theme/home/documents-new.png');
|
||||||
|
}
|
||||||
|
|
||||||
|
#others {
|
||||||
|
background-image: url('{{rootPath}}/theme/home/others.png');
|
||||||
|
}
|
||||||
|
|
||||||
|
#latest-others {
|
||||||
|
background-image: url('{{rootPath}}/theme/home/others-new.png');
|
||||||
|
}
|
||||||
|
|
||||||
|
#files {
|
||||||
|
background-image: url('{{rootPath}}/theme/home/files.png');
|
||||||
|
}
|
||||||
|
|
||||||
|
#banner {
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
height: 100px;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 60px;
|
||||||
|
border-bottom: 1px #CCCCCC solid;
|
||||||
|
background-image: url('{{rootPath}}/theme/common/banner.png');
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 20px;
|
||||||
|
}
|
||||||
BIN
home/magazines-new.png
Normal file
BIN
home/magazines-new.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
home/magazines.png
Normal file
BIN
home/magazines.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
BIN
home/others-new.png
Normal file
BIN
home/others-new.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.6 KiB |
BIN
home/others.png
Normal file
BIN
home/others.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
63
home/page-home.html
Normal file
63
home/page-home.html
Normal file
@@ -0,0 +1,63 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
{{>common/inc-header.html}}
|
||||||
|
<link rel="stylesheet" type="text/css" href="{{rootPath}}/theme/home/homepage.css"/>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="banner"></div>
|
||||||
|
|
||||||
|
{{#userName}}
|
||||||
|
<div id="userinfo">
|
||||||
|
Connected as {{userName}} - <a href="{{rootPath}}/?logout=true" id="logoutlink">Log out</a>
|
||||||
|
</div>
|
||||||
|
{{/userName}}
|
||||||
|
|
||||||
|
<div id="group">
|
||||||
|
|
||||||
|
{{#categories}}
|
||||||
|
<div class="cell">
|
||||||
|
<div class="category-title">
|
||||||
|
{{categoryName}}
|
||||||
|
<div class="tooltip">
|
||||||
|
{{categoryItemCount}} entries
|
||||||
|
</div>
|
||||||
|
<i></i>
|
||||||
|
</div>
|
||||||
|
<a href="{{categoryUrl}}" id="{{categoryId}}" class="category"></a>
|
||||||
|
<div class="category-latest-gap">
|
||||||
|
<a href="{{categoryLatestUrl}}" id="{{categoryLatestId}}" class="category-latest"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{/categories}}
|
||||||
|
|
||||||
|
{{#displayRawFiles}}
|
||||||
|
<div class="cell">
|
||||||
|
<div class="category-title">
|
||||||
|
Raw files
|
||||||
|
</div>
|
||||||
|
<a href="{{rawFilesUrl}}" id="files" class="category"></a>
|
||||||
|
</div>
|
||||||
|
{{/displayRawFiles}}
|
||||||
|
|
||||||
|
{{#displayNoFileMessage}}
|
||||||
|
<div id="message">
|
||||||
|
No file to display.
|
||||||
|
<br><br>
|
||||||
|
If you just installed Ubooquity, you need to configure it by choosing the folders you want to include in your
|
||||||
|
collection.
|
||||||
|
<br>
|
||||||
|
If user access management is activated, check that you configured authorizations for each folder included in
|
||||||
|
your collection.
|
||||||
|
</div>
|
||||||
|
{{/displayNoFileMessage}}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<br/>
|
||||||
|
<br/>
|
||||||
|
<a href="http://vaemendis.net/ubooquity" id="poweredby">Powered by Ubooquity</a>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
1
library/arrowleft.svg
Normal file
1
library/arrowleft.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M640-93.847 253.847-480 640-866.153l56.768 56.768L367.384-480l329.384 329.385L640-93.847Z"/></svg>
|
||||||
|
After Width: | Height: | Size: 172 B |
1
library/arrowleft10.svg
Normal file
1
library/arrowleft10.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M445-253.847 218.848-480 445-706.153 487.153-664 303.769-480l183.384 184L445-253.847Zm254 0L472.847-480 699-706.153 741.152-664 557.768-480l183.384 184L699-253.847Z"/></svg>
|
||||||
|
After Width: | Height: | Size: 247 B |
1
library/arrowright.svg
Normal file
1
library/arrowright.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="m320.615-93.847-56.768-56.768L593.232-480 263.847-809.385l56.768-56.768L706.768-480 320.615-93.847Z"/></svg>
|
||||||
|
After Width: | Height: | Size: 182 B |
1
library/arrowright10.svg
Normal file
1
library/arrowright10.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M402.232-480 218.848-664 261-706.153 487.153-480 261-253.847 218.848-296l183.384-184Zm253.999 0L472.847-664 515-706.153 741.152-480 515-253.847 472.847-296l183.384-184Z"/></svg>
|
||||||
|
After Width: | Height: | Size: 251 B |
1
library/arrowup.svg
Normal file
1
library/arrowup.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M450.001-100.001v-646.231L254.846-551.693l-41.768-41.768L480-860.383l266.922 266.922-41.768 42.768-195.155-195.155v645.847h-59.998Z"/></svg>
|
||||||
|
After Width: | Height: | Size: 214 B |
1
library/close.svg
Normal file
1
library/close.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M256-213.847 213.847-256l224-224-224-224L256-746.153l224 224 224-224L746.153-704l-224 224 224 224L704-213.847l-224-224-224 224Z"/></svg>
|
||||||
|
After Width: | Height: | Size: 210 B |
BIN
library/dimoverlay.png
Normal file
BIN
library/dimoverlay.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 143 B |
1
library/download.svg
Normal file
1
library/download.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M480-328.462 309.233-499.229l42.153-43.384 98.615 98.615v-336.001h59.998v336.001l98.615-98.615 42.153 43.384L480-328.462ZM252.309-180.001q-30.308 0-51.308-21t-21-51.308v-108.46H240v108.46q0 4.616 3.846 8.463 3.847 3.846 8.463 3.846h455.382q4.616 0 8.463-3.846 3.846-3.847 3.846-8.463v-108.46h59.999v108.46q0 30.308-21 51.308t-51.308 21H252.309Z"/></svg>
|
||||||
|
After Width: | Height: | Size: 427 B |
1
library/file.svg
Normal file
1
library/file.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" ><path d="M252.309-100.001q-30.308 0-51.308-21t-21-51.308v-615.382q0-30.308 21-51.308t51.308-21h317.692l209.998 209.998v477.692q0 30.308-21 51.308t-51.308 21H252.309Zm287.692-520V-800H252.309q-4.616 0-8.463 3.846-3.846 3.847-3.846 8.463v615.382q0 4.616 3.846 8.463 3.847 3.846 8.463 3.846h455.382q4.616 0 8.463-3.846 3.846-3.847 3.846-8.463v-447.692H540.001ZM240-800v179.999V-800v640V-800Z"/></svg>
|
||||||
|
After Width: | Height: | Size: 463 B |
BIN
library/folder.png
Normal file
BIN
library/folder.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
51
library/inc-library-popups.html
Normal file
51
library/inc-library-popups.html
Normal file
@@ -0,0 +1,51 @@
|
|||||||
|
<div id="dimoverlay"></div>
|
||||||
|
<div class="popupmenu" id="pageselector">
|
||||||
|
<div class="popuptitle">Go to page</div>
|
||||||
|
{{pageSelectorLinks}}
|
||||||
|
</div>
|
||||||
|
<div class="popupmenu" id="searchbox">
|
||||||
|
<div class="popuptitle">Find book</div>
|
||||||
|
<form id="searchform" method="POST" action="?search=simple">
|
||||||
|
<input class="textbox" type="text" name="searchstring"/>
|
||||||
|
<input class="actionbutton" type="submit" value="Search"/>
|
||||||
|
</form>
|
||||||
|
<br/>
|
||||||
|
</div>
|
||||||
|
<div class="popupmenu" id="bookdetails"></div>
|
||||||
|
<div class="popupmenu" id="settingsbox">
|
||||||
|
<div class="popuptitle"><span class="categorytitle">{{category}}</span> display settings</div>
|
||||||
|
<form id="settingsform" method="POST" action="{{rootPath}}/{{category}}?settings=true">
|
||||||
|
<div class="sectiontitle">Grouping</div>
|
||||||
|
<!-- ⚠ values must be consistent with grouping enum -->
|
||||||
|
<label class="radiolabel">
|
||||||
|
<input type="radio" name="grouping" value="FOLDER" {{checkedGroupByFolder}}/>Folder</label>
|
||||||
|
<label class="radiolabel">
|
||||||
|
<input type="radio" name="grouping" value="FLAT" {{checkedNoGrouping}}/>Flat</label>
|
||||||
|
<br/>
|
||||||
|
<div class="sectiontitle">Sorting criterion</div>
|
||||||
|
<!-- ⚠ values must be consistent with field enum -->
|
||||||
|
<label class="radiolabel">
|
||||||
|
<input type="radio" name="sortingCriterion" value="FILE_PATH" {{checkedSortByFilePath}}/>File path</label>
|
||||||
|
<label class="radiolabel">
|
||||||
|
<input type="radio" name="sortingCriterion" value="FILE_NAME" {{checkedSortByFileName}}/>File name</label>
|
||||||
|
<br/>
|
||||||
|
<label class="radiolabel">
|
||||||
|
<input type="radio" name="sortingCriterion" value="WRITERS" {{checkedSortByWriters}}/>Authors</label>
|
||||||
|
<label class="radiolabel">
|
||||||
|
<input type="radio" name="sortingCriterion" value="TITLE" {{checkedSortByTitle}}/>Title</label>
|
||||||
|
<br/>
|
||||||
|
<label class="radiolabel">
|
||||||
|
<input type="radio" name="sortingCriterion" value="DATE_UPDATED" {{checkedSortByDate}}/>Date added</label>
|
||||||
|
<br/>
|
||||||
|
<div class="sectiontitle">Sorting order</div>
|
||||||
|
<!-- ⚠ values must be consistent with sorting order enum -->
|
||||||
|
<label class="radiolabel">
|
||||||
|
<input type="radio" name="sortingOrder" value="ASC" {{checkedSortAsc}}/>Ascending</label>
|
||||||
|
<label class="radiolabel">
|
||||||
|
<input type="radio" name="sortingOrder" value="DESC" {{checkedSortDesc}}/>Descending</label>
|
||||||
|
<br/>
|
||||||
|
<br/>
|
||||||
|
<input class="actionbutton" type="submit" value="Apply"/>
|
||||||
|
</form>
|
||||||
|
<br/>
|
||||||
|
</div>
|
||||||
27
library/inc-library-topbar-search.html
Normal file
27
library/inc-library-topbar-search.html
Normal file
@@ -0,0 +1,27 @@
|
|||||||
|
<div id="topbarleft">
|
||||||
|
<form class="{{prev10pageClass}} searcharrowform" method="POST" action="{{prev10pageUrl}}">
|
||||||
|
<input type="hidden" name="searchstring" value="{{searchString}}"/>
|
||||||
|
<button type="submit" id="searchleft10" class="topbutton"></button>
|
||||||
|
</form>
|
||||||
|
<form class="{{prevPageClass}} searcharrowform" method="POST" action="{{prevPageUrl}}">
|
||||||
|
<input type="hidden" name="searchstring" value="{{searchString}}"/>
|
||||||
|
<button type="submit" id="searchleft" class="topbutton"></button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div id="topbarcenter">
|
||||||
|
<a href="#" id="settings" class="topbutton" onclick="togglePopup('settingsbox');return false;"></a>
|
||||||
|
<a href="{{parentUrl}}" id="arrowup" class="topbutton"></a>
|
||||||
|
<div id="pagelabel">Search results</div>
|
||||||
|
<a href="#" id="search" class="topbutton" onclick="togglePopup('searchbox');document.forms.searchform.searchstring.focus();return false;"></a>
|
||||||
|
<a href="?random=true" id="random" class="topbutton"></a>
|
||||||
|
</div>
|
||||||
|
<div id="topbarright">
|
||||||
|
<form class="{{nextPageClass}} searcharrowform" method="POST" action="{{nextPageUrl}}">
|
||||||
|
<input type="hidden" name="searchstring" value="{{searchString}}"/>
|
||||||
|
<button type="submit" id="searchright" class="topbutton"></button>
|
||||||
|
</form>
|
||||||
|
<form class="{{next10pageClass}} searcharrowform" method="POST" action="{{next10pageUrl}}">
|
||||||
|
<input type="hidden" name="searchstring" value="{{searchString}}"/>
|
||||||
|
<button type="submit" id="searchright10" class="topbutton"></button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
23
library/inc-library-topbar.html
Normal file
23
library/inc-library-topbar.html
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
<div id="topbarleft">
|
||||||
|
<a href="{{prev10pageUrl}}" id="arrowleft10" class="{{prev10pageClass}} topbutton"></a>
|
||||||
|
<a href="{{prevPageUrl}}" id="arrowleft" class="{{prevPageClass}} topbutton"></a>
|
||||||
|
</div>
|
||||||
|
<div id="topbarcenter">
|
||||||
|
<a href="#" id="settings" class="topbutton" onclick="togglePopup('settingsbox');return false;"></a>
|
||||||
|
<a href="{{parentUrl}}" id="arrowup" class="topbutton"></a>
|
||||||
|
<div id="pagelabel">
|
||||||
|
{{#displayPageSelector}}
|
||||||
|
<a href="#" onclick="togglePopup('pageselector');return false;">Page {{pageNumber}}</a><br/>
|
||||||
|
<a href="#" id="pagelabeltotal" onclick="togglePopup('pageselector');return false;"> of {{totalPages}}</a>
|
||||||
|
{{/displayPageSelector}}
|
||||||
|
{{^displayPageSelector}}
|
||||||
|
{{pageLabel}}
|
||||||
|
{{/displayPageSelector}}
|
||||||
|
</div>
|
||||||
|
<a href="#" id="search" class="topbutton" onclick="togglePopup('searchbox');document.forms.searchform.searchstring.focus();return false;"></a>
|
||||||
|
<a href="?random=true" id="random" class="topbutton"></a>
|
||||||
|
</div>
|
||||||
|
<div id="topbarright">
|
||||||
|
<a href="{{nextPageUrl}}" id="arrowright" class="{{nextPageClass}} topbutton"></a>
|
||||||
|
<a href="{{next10pageUrl}}" id="arrowright10" class="{{next10pageClass}} topbutton"></a>
|
||||||
|
</div>
|
||||||
1
library/language.svg
Normal file
1
library/language.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" ><path d="M480-100.001q-78.154 0-147.499-29.962-69.346-29.961-120.962-81.576-51.615-51.616-81.576-120.962Q100.001-401.846 100.001-480q0-78.769 29.962-147.807 29.961-69.038 81.576-120.654 51.616-51.615 120.962-81.576Q401.846-859.999 480-859.999q78.769 0 147.807 29.962 69.038 29.961 120.654 81.576 51.615 51.616 81.576 120.654Q859.999-558.769 859.999-480q0 78.154-29.962 147.499-29.961 69.346-81.576 120.962-51.616 51.615-120.654 81.576Q558.769-100.001 480-100.001Zm0-60.845q30.616-40.616 51.539-81.924 20.923-41.308 34.077-90.308H394.384q13.923 50.539 34.462 91.847 20.538 41.308 51.154 80.385Zm-77.46-11q-23-33-41.308-75.039t-28.462-86.193H197.076q31.693 62.309 85.001 104.694 53.309 42.385 120.463 56.538Zm154.92 0q67.154-14.153 120.463-56.538 53.308-42.385 85.001-104.694H627.23q-12.077 44.539-30.385 86.578t-39.385 74.654Zm-385.537-221.23h148.693q-3.769-22.308-5.461-43.731-1.692-21.424-1.692-43.193t1.692-43.193q1.692-21.423 5.461-43.731H171.923q-5.769 20.385-8.846 42.385Q160-502.539 160-480t3.077 44.539q3.077 22 8.846 42.385Zm208.692 0h198.77q3.769-22.308 5.462-43.347 1.692-21.038 1.692-43.577 0-22.539-1.692-43.577-1.693-21.039-5.462-43.347h-198.77q-3.769 22.308-5.462 43.347-1.692 21.038-1.692 43.577 0 22.539 1.692 43.577 1.693 21.039 5.462 43.347Zm258.769 0h148.693q5.769-20.385 8.846-42.385Q800-457.461 800-480t-3.077-44.539q-3.077-22-8.846-42.385H639.384q3.769 22.308 5.461 43.731 1.692 21.424 1.692 43.193t-1.692 43.193q-1.692 21.423-5.461 43.731ZM627.23-626.922h135.694Q730.846-690 678.5-731.616q-52.347-41.615-121.04-56.923 23 34.923 40.923 76.385 17.924 41.462 28.847 85.232Zm-232.846 0h171.232q-13.923-50.154-35.039-92.424-21.115-42.269-50.577-79.808-29.462 37.539-50.577 79.808-21.116 42.27-35.039 92.424Zm-197.308 0H332.77q10.923-43.77 28.847-85.232 17.923-41.462 40.923-76.385-69.077 15.308-121.232 57.116-52.154 41.808-84.232 104.501Z"/></svg>
|
||||||
|
After Width: | Height: | Size: 1.9 KiB |
750
library/library.css
Normal file
750
library/library.css
Normal file
@@ -0,0 +1,750 @@
|
|||||||
|
:root {
|
||||||
|
--cover-width: {{coverWidth}}px;
|
||||||
|
--cover-height: {{coverHeight}}px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin:0px;
|
||||||
|
padding:0px;
|
||||||
|
background-color: white;
|
||||||
|
color: #444444;
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #444444;
|
||||||
|
text-decoration: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a img {
|
||||||
|
border: 1px solid #AAAAAA;
|
||||||
|
box-shadow: 10px 10px 5px #888888;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hidden {
|
||||||
|
visibility:hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rootlink {
|
||||||
|
font-family:"Arial";
|
||||||
|
font-size:30px;
|
||||||
|
font-weight:bold;
|
||||||
|
|
||||||
|
display : inline-block;
|
||||||
|
padding : 5px;
|
||||||
|
background-color:#EEEEEE;
|
||||||
|
width : 500px;
|
||||||
|
|
||||||
|
border-radius: 10px;
|
||||||
|
-webkit-border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 810px) {
|
||||||
|
|
||||||
|
#toppagebar
|
||||||
|
{
|
||||||
|
position:fixed;
|
||||||
|
z-index:5;
|
||||||
|
top:0px;
|
||||||
|
left:0px;
|
||||||
|
height:140px;
|
||||||
|
width:100%;
|
||||||
|
background-color:white;
|
||||||
|
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
|
||||||
|
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
|
||||||
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
#group
|
||||||
|
{
|
||||||
|
margin-top:150px;
|
||||||
|
margin-left:10px;
|
||||||
|
margin-right:10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#topbarleft
|
||||||
|
{
|
||||||
|
position:absolute;
|
||||||
|
top:70px;
|
||||||
|
left:0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#topbarright
|
||||||
|
{
|
||||||
|
position:absolute;
|
||||||
|
top:70px;
|
||||||
|
right:0px;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 811px) {
|
||||||
|
|
||||||
|
#toppagebar
|
||||||
|
{
|
||||||
|
position:fixed;
|
||||||
|
z-index:5;
|
||||||
|
top:0px;
|
||||||
|
left:0px;
|
||||||
|
height:70px;
|
||||||
|
width:100%;
|
||||||
|
background-color:white;
|
||||||
|
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
|
||||||
|
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
|
||||||
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
#group
|
||||||
|
{
|
||||||
|
margin-top:100px;
|
||||||
|
margin-left:10px;
|
||||||
|
margin-right:10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#topbarleft
|
||||||
|
{
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#topbarright
|
||||||
|
{
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#topbarcenter {
|
||||||
|
margin-left:auto;
|
||||||
|
margin-right:auto;
|
||||||
|
width:500px
|
||||||
|
}
|
||||||
|
|
||||||
|
#pagelabel {
|
||||||
|
float:left;
|
||||||
|
|
||||||
|
width:120px;
|
||||||
|
margin-top:10px;
|
||||||
|
|
||||||
|
font-weight:bold;
|
||||||
|
font-family:"Arial";
|
||||||
|
font-size:22px;
|
||||||
|
color:#CCC;
|
||||||
|
}
|
||||||
|
|
||||||
|
#pagelabeltotal {
|
||||||
|
font-size:16px;
|
||||||
|
color:#888;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbutton {
|
||||||
|
float:left;
|
||||||
|
width:52px;
|
||||||
|
height:52px;
|
||||||
|
margin: 10px 18px 10px 18px;
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
#arrowup {
|
||||||
|
background-image:url('{{rootPath}}/theme/library/arrowup.svg');
|
||||||
|
background-repeat:no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
#arrowleft {
|
||||||
|
background-image:url('{{rootPath}}/theme/library/arrowleft.svg');
|
||||||
|
background-repeat:no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
#arrowleft10 {
|
||||||
|
background-image:url('{{rootPath}}/theme/library/arrowleft10.svg');
|
||||||
|
background-repeat:no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
#arrowright {
|
||||||
|
background-image:url('{{rootPath}}/theme/library/arrowright.svg');
|
||||||
|
background-repeat:no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
#arrowright10 {
|
||||||
|
background-image:url('{{rootPath}}/theme/library/arrowright10.svg');
|
||||||
|
background-repeat:no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
#random {
|
||||||
|
background-image:url('{{rootPath}}/theme/library/random.svg');
|
||||||
|
background-repeat:no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
#search {
|
||||||
|
background-image:url('{{rootPath}}/theme/library/search.svg');
|
||||||
|
background-repeat:no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
#settings {
|
||||||
|
background-image:url('{{rootPath}}/theme/library/settings.svg');
|
||||||
|
background-repeat:no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
#banner {
|
||||||
|
position: absolute;
|
||||||
|
top:0px;
|
||||||
|
left:0px;
|
||||||
|
height: 100px;
|
||||||
|
width:100%;
|
||||||
|
|
||||||
|
background-image:url('{{rootPath}}/theme/common/banner.png');
|
||||||
|
background-color:white;
|
||||||
|
background-repeat:no-repeat;
|
||||||
|
background-position:20px center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cell {
|
||||||
|
float: left;
|
||||||
|
width: var(--cover-width);
|
||||||
|
height: calc(var(--cover-height) + 44px);
|
||||||
|
margin: 0 15px 15px 0;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cellcontainer {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumb {
|
||||||
|
width: var(--cover-width);
|
||||||
|
height: var(--cover-height);
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumb img
|
||||||
|
{
|
||||||
|
max-width: var(--cover-width);
|
||||||
|
max-height: var(--cover-height);
|
||||||
|
}
|
||||||
|
|
||||||
|
.label {
|
||||||
|
margin: 12px 0 0 0;
|
||||||
|
font-family:"Arial";
|
||||||
|
font-size:14px;
|
||||||
|
height:50px;
|
||||||
|
overflow:hidden;
|
||||||
|
font-family:"Arial";
|
||||||
|
color:#444444;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author {
|
||||||
|
color:#888;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
color:#444;
|
||||||
|
}
|
||||||
|
|
||||||
|
.numberblock{
|
||||||
|
position:relative;
|
||||||
|
float:right;
|
||||||
|
top: calc(0px - var(--cover-height) - 54px + var(--cover-height)/10);
|
||||||
|
right:-22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.number {
|
||||||
|
background: transparent url('{{rootPath}}/theme/library/sliding-right.png') no-repeat scroll top right;
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
height: 39px;
|
||||||
|
margin-right: 7px;
|
||||||
|
padding-right: 16px;
|
||||||
|
|
||||||
|
text-decoration: none;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
font-size:16px;
|
||||||
|
font-weight:bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.number span
|
||||||
|
{
|
||||||
|
background: transparent url('{{rootPath}}/theme/library/sliding-left.png') no-repeat; display: block;
|
||||||
|
height: 39px;
|
||||||
|
padding: 10px 0 5px 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#dimoverlay {
|
||||||
|
visibility:hidden;
|
||||||
|
z-index:6;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
background-image:url('{{rootPath}}/theme/library/dimoverlay.png');
|
||||||
|
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#pageselector {
|
||||||
|
display:none;
|
||||||
|
width:420px;
|
||||||
|
font-family:"Arial";
|
||||||
|
font-size:30px;
|
||||||
|
font-weight:bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
#searchbox {
|
||||||
|
display:none;
|
||||||
|
width:420px;
|
||||||
|
font-family:"Arial";
|
||||||
|
font-size:30px;
|
||||||
|
font-weight:bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
#settingsbox
|
||||||
|
{
|
||||||
|
display:none;
|
||||||
|
width:420px;
|
||||||
|
font-family:"Arial";
|
||||||
|
font-size:30px;
|
||||||
|
font-weight:bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popupmenu {
|
||||||
|
display:none;
|
||||||
|
position:fixed;
|
||||||
|
|
||||||
|
top:0px;
|
||||||
|
left:0px;
|
||||||
|
right:0px;
|
||||||
|
|
||||||
|
z-index:9;
|
||||||
|
display: inline-block;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
margin-top: 3%;
|
||||||
|
|
||||||
|
padding:10px;
|
||||||
|
background-color: white;
|
||||||
|
|
||||||
|
border: 1px solid #AAAAAA;
|
||||||
|
box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
|
||||||
|
overflow:auto;
|
||||||
|
max-height: 80%
|
||||||
|
}
|
||||||
|
|
||||||
|
.popuptitle {
|
||||||
|
clear:both;
|
||||||
|
padding-bottom:20px;
|
||||||
|
margin-top:10px;
|
||||||
|
margin-bottom:20px;
|
||||||
|
border-bottom: 1px #CCCCCC solid;
|
||||||
|
}
|
||||||
|
|
||||||
|
.categorytitle{
|
||||||
|
text-transform: capitalize;
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagenumber {
|
||||||
|
border-radius: 25px;
|
||||||
|
-webkit-border-radius: 25px;
|
||||||
|
float:left;
|
||||||
|
background-color: #777;
|
||||||
|
|
||||||
|
width: 50px;
|
||||||
|
height: 38px;
|
||||||
|
padding-top:10px;
|
||||||
|
margin:5px;
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.currentpagenumber {
|
||||||
|
color:black;
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.actionbutton {
|
||||||
|
cursor: pointer;
|
||||||
|
font-size:16px;
|
||||||
|
font-weight:bold;
|
||||||
|
background: #CCCCCC;
|
||||||
|
color: #FFF;
|
||||||
|
border-radius: 15px;
|
||||||
|
height:32px;
|
||||||
|
width:75px;
|
||||||
|
margin-left:30px;
|
||||||
|
margin-right:30px;
|
||||||
|
-webkit-border-radius: 15px;
|
||||||
|
-moz-border-radius: 15px;
|
||||||
|
padding: 1px 0px 1px 0px;
|
||||||
|
border: solid 1px #CCCCCC;
|
||||||
|
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
|
||||||
|
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
|
||||||
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.actionbutton:hover {
|
||||||
|
filter: brightness(90%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.textbox{
|
||||||
|
height:25px;
|
||||||
|
width: 200px;
|
||||||
|
border: 1px solid #B9BDC1;
|
||||||
|
color: #797979;
|
||||||
|
-moz-box-shadow: 0 2px 4px #bbb inset;
|
||||||
|
-webkit-box-shadow: 0 2px 4px #BBB inset;
|
||||||
|
box-shadow: 0 2px 4px #BBB inset;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#searchright {
|
||||||
|
border: 0;
|
||||||
|
background: url('{{rootPath}}/theme/library/arrowright.svg');
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#searchright10 {
|
||||||
|
border: 0;
|
||||||
|
background: url('{{rootPath}}/theme/library/arrowright10.svg');
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#searchleft {
|
||||||
|
border: 0;
|
||||||
|
background: url('{{rootPath}}/theme/library/arrowleft.svg');
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#searchleft10 {
|
||||||
|
border: 0;
|
||||||
|
background: url('{{rootPath}}/theme/library/arrowleft10.svg');
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.searcharrowform {
|
||||||
|
display : inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sectiontitle {
|
||||||
|
font-size:24px;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.radiolabel {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 18px;
|
||||||
|
margin: 15px 25px 5px 5px;
|
||||||
|
padding: 5px;
|
||||||
|
width: 150px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background-color:#EEEEEE;
|
||||||
|
}
|
||||||
|
|
||||||
|
#folderinfo{
|
||||||
|
font-family:"Arial";
|
||||||
|
font-size:16px;
|
||||||
|
text-align: justify;
|
||||||
|
padding:10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*****************************************/
|
||||||
|
/* BOOK DETAILS */
|
||||||
|
/*****************************************/
|
||||||
|
|
||||||
|
#bookdetails {
|
||||||
|
display:none;
|
||||||
|
width:580px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#progressbar{
|
||||||
|
position:relative;
|
||||||
|
top:131px;
|
||||||
|
border: 0;
|
||||||
|
background: url('{{rootPath}}/theme/library/progressbar.gif');
|
||||||
|
background-repeat:no-repeat;
|
||||||
|
margin:auto;
|
||||||
|
width:48px;
|
||||||
|
height:48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details {
|
||||||
|
font-family:"Arial";
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_upper_row {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_cover_progress{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_info_panel{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin: 5px 10px 5px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_button_row{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-around;
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
padding: 2px;
|
||||||
|
width: 90%;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_right_col{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
width: 100%;
|
||||||
|
padding-right: 2px;
|
||||||
|
overflow-wrap: anywhere;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_close {
|
||||||
|
position: absolute;
|
||||||
|
top:5px;
|
||||||
|
right: 5px;
|
||||||
|
width:24px;
|
||||||
|
height:24px;
|
||||||
|
background-image:url('{{rootPath}}/theme/library/close.svg');
|
||||||
|
background-repeat:no-repeat;
|
||||||
|
opacity:0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_cover {
|
||||||
|
width: var(--cover-width);
|
||||||
|
height: var(--cover-height) + 34px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_progress {
|
||||||
|
float:left;
|
||||||
|
width: var(--cover-width);
|
||||||
|
height: 34px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_cover img{
|
||||||
|
border: 1px solid #AAAAAA;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_title{
|
||||||
|
font-size:18px;
|
||||||
|
font-weight:bold;
|
||||||
|
text-align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_authors{
|
||||||
|
margin-top:0.3rem;
|
||||||
|
font-size:16px;
|
||||||
|
font-weight:bold;
|
||||||
|
text-align:left;
|
||||||
|
color:#888;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_series{
|
||||||
|
margin-top:0.3rem;
|
||||||
|
font-size:16px;
|
||||||
|
text-align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_series::before{
|
||||||
|
width: 1rem;
|
||||||
|
height: 1rem;
|
||||||
|
content:url('{{rootPath}}/theme/library/series.svg');
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 10px;
|
||||||
|
vertical-align: text-bottom;
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_tags{
|
||||||
|
margin-top: 1rem;
|
||||||
|
font-size:16px;
|
||||||
|
text-align:left;
|
||||||
|
font-style:italic
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_tags::before{
|
||||||
|
width: 1rem;
|
||||||
|
height: 1rem;
|
||||||
|
content:url('{{rootPath}}/theme/library/tag.svg');
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 10px;
|
||||||
|
vertical-align: text-bottom;
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_language{
|
||||||
|
margin-top:0.2rem;
|
||||||
|
font-size:16px;
|
||||||
|
text-align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_language::before{
|
||||||
|
width: 1rem;
|
||||||
|
height: 1rem;
|
||||||
|
content:url('{{rootPath}}/theme/library/language.svg');
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 10px;
|
||||||
|
vertical-align: text-bottom;
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_file{
|
||||||
|
margin-top:0.2rem;
|
||||||
|
font-size:16px;
|
||||||
|
text-align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_file::before{
|
||||||
|
width: 1rem;
|
||||||
|
height: 1rem;
|
||||||
|
content:url('{{rootPath}}/theme/library/file.svg');
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 10px;
|
||||||
|
vertical-align: text-bottom;
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_publication{
|
||||||
|
margin-top:0.2rem;
|
||||||
|
font-size:16px;
|
||||||
|
text-align:left;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details_rating {
|
||||||
|
float:left;
|
||||||
|
margin-top:0.2rem;
|
||||||
|
text-align:left;
|
||||||
|
font-size:22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_description {
|
||||||
|
clear: both;
|
||||||
|
text-align:left;
|
||||||
|
overflow-y:auto;
|
||||||
|
color:#444444;
|
||||||
|
padding:15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_description a {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details_button{
|
||||||
|
font-size: 12px;
|
||||||
|
align: left;
|
||||||
|
width: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_download {
|
||||||
|
width:42px;
|
||||||
|
height:42px;
|
||||||
|
background-image:url('{{rootPath}}/theme/library/download.svg');
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_read{
|
||||||
|
width:42px;
|
||||||
|
height:42px;
|
||||||
|
background-image:url('{{rootPath}}/theme/library/read.svg');
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_mark_unread {
|
||||||
|
width:42px;
|
||||||
|
height:42px;
|
||||||
|
background-image:url('{{rootPath}}/theme/library/mark-unread.svg');
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
#details_mark_finished {
|
||||||
|
width:42px;
|
||||||
|
height:42px;
|
||||||
|
background-image:url('{{rootPath}}/theme/library/mark-finished.svg');
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cover_progress_bar {
|
||||||
|
--prog_fg: #e0e0e0;
|
||||||
|
position: relative;
|
||||||
|
bottom: 1.2rem;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
width: 80%;
|
||||||
|
background-color: var(--prog_fg);
|
||||||
|
padding: 1px;
|
||||||
|
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.cover_progress_bar_fill {
|
||||||
|
--prog_bg: #A61F22;
|
||||||
|
display: block;
|
||||||
|
height: 3px;
|
||||||
|
background-color: var(--prog_bg);
|
||||||
|
width: var(--value);
|
||||||
|
}
|
||||||
|
|
||||||
|
.details_progress_bar {
|
||||||
|
--prog_fg: #e0e0e0;
|
||||||
|
width: 80%;
|
||||||
|
background-color: var(--prog_fg);
|
||||||
|
padding: 3px;
|
||||||
|
border-radius: 3px;
|
||||||
|
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
|
||||||
|
margin-left:auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details_progress_bar_fill {
|
||||||
|
--prog_bg: #A61F22;
|
||||||
|
display: block;
|
||||||
|
height: 6px;
|
||||||
|
border-radius: 3px;
|
||||||
|
background-color: var(--prog_bg);
|
||||||
|
width: var(--value);
|
||||||
|
}
|
||||||
|
|
||||||
|
.status_unread {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status_finished .cover_progress_bar {
|
||||||
|
--prog_fg: #555;
|
||||||
|
border: 1px solid #e0e0e0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status_finished .cover_progress_bar_fill {
|
||||||
|
--prog_bg: #555;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.status_finished .details_progress_bar {
|
||||||
|
--prog_fg: #555;
|
||||||
|
border: 1px solid #e0e0e0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status_finished .details_progress_bar_fill {
|
||||||
|
--prog_bg: #555;
|
||||||
|
}
|
||||||
|
|
||||||
13
library/mark-finished.svg
Normal file
13
library/mark-finished.svg
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||||
|
<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
|
||||||
|
<g transform="matrix(0.85,0,0,0.85,0.921733,2.42534)">
|
||||||
|
<path d="M19.5,10.924L19.5,16.885C19.07,16.885 18.703,17.037 18.399,17.341C18.095,17.646 17.942,18.013 17.942,18.442C17.942,18.872 18.095,19.239 18.399,19.543C18.703,19.848 19.07,20 19.5,20L19.5,21.5L7.558,21.5C6.713,21.5 5.992,21.202 5.395,20.605C4.798,20.008 4.5,19.287 4.5,18.442L4.5,5.75C4.5,4.847 4.816,4.08 5.448,3.448C6.08,2.816 6.847,2.5 7.75,2.5L11.547,2.5C11.328,2.971 11.166,3.474 11.07,4L9.692,4L9.692,15.385L18,15.385L18,11.31C18.523,11.244 19.026,11.112 19.5,10.924ZM7.558,20L16.902,20C16.757,19.773 16.644,19.532 16.563,19.278C16.483,19.023 16.442,18.745 16.442,18.442C16.442,18.156 16.48,17.882 16.556,17.619C16.631,17.356 16.747,17.112 16.902,16.885L7.558,16.885C7.112,16.885 6.74,17.037 6.444,17.341C6.148,17.646 6,18.013 6,18.442C6,18.888 6.148,19.26 6.444,19.556C6.74,19.852 7.112,20 7.558,20ZM6,15.844C6.227,15.689 6.47,15.574 6.73,15.498C6.989,15.422 7.265,15.385 7.558,15.385L8.192,15.385L8.192,4L7.75,4C7.269,4 6.857,4.171 6.514,4.514C6.171,4.857 6,5.269 6,5.75L6,15.844Z"/>
|
||||||
|
</g>
|
||||||
|
<g transform="matrix(0.492717,0,0,0.492717,10.6312,1.80135)">
|
||||||
|
<path d="M18.79,8.215C18.902,8.79 18.958,9.384 18.958,9.996C18.958,11.235 18.728,12.398 18.269,13.486C17.809,14.574 17.17,15.528 16.352,16.347C15.534,17.167 14.581,17.807 13.494,18.267C12.407,18.728 11.244,18.958 10.006,18.958C8.771,18.958 7.606,18.728 6.511,18.269C5.416,17.809 4.461,17.171 3.645,16.355C2.829,15.539 2.191,14.584 1.731,13.49C1.272,12.396 1.042,11.229 1.042,9.99C1.042,8.748 1.272,7.585 1.733,6.501C2.193,5.417 2.833,4.466 3.653,3.648C4.472,2.83 5.428,2.191 6.518,1.731C7.609,1.272 8.773,1.042 10.01,1.042C11.252,1.042 12.415,1.271 13.499,1.731C13.685,1.81 13.866,1.893 14.044,1.982L12.016,4.01C11.391,3.809 10.72,3.708 10.005,3.708C8.244,3.708 6.755,4.316 5.536,5.532C4.318,6.747 3.708,8.235 3.708,9.995C3.708,11.756 4.316,13.245 5.532,14.464C6.747,15.682 8.235,16.292 9.995,16.292C11.756,16.292 13.245,15.684 14.464,14.468C15.506,13.429 16.103,12.19 16.253,10.751L18.79,8.215Z"/>
|
||||||
|
</g>
|
||||||
|
<g transform="matrix(0.488332,0,0,0.488332,11.0999,1.58666)">
|
||||||
|
<path d="M8.229,14.896L3.854,10.5L5.729,8.625L8.229,11.125L16.688,2.695L18.534,4.552L8.229,14.896Z" style="fill-rule:nonzero;"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.7 KiB |
14
library/mark-unread.svg
Normal file
14
library/mark-unread.svg
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||||
|
<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
|
||||||
|
<g transform="matrix(0.85,0,0,0.85,0.764724,2.49651)">
|
||||||
|
<path d="M19.5,10.924L19.5,16.885C19.07,16.885 18.703,17.037 18.399,17.341C18.095,17.646 17.942,18.013 17.942,18.442C17.942,18.872 18.095,19.239 18.399,19.543C18.703,19.848 19.07,20 19.5,20L19.5,21.5L7.558,21.5C6.713,21.5 5.992,21.202 5.395,20.605C4.798,20.008 4.5,19.287 4.5,18.442L4.5,5.75C4.5,4.847 4.816,4.08 5.448,3.448C6.08,2.816 6.847,2.5 7.75,2.5L11.547,2.5C11.328,2.971 11.166,3.474 11.07,4L9.692,4L9.692,15.385L18,15.385L18,11.31C18.523,11.244 19.026,11.112 19.5,10.924ZM7.558,20L16.902,20C16.757,19.773 16.644,19.532 16.563,19.278C16.483,19.023 16.442,18.745 16.442,18.442C16.442,18.156 16.48,17.882 16.556,17.619C16.631,17.356 16.747,17.112 16.902,16.885L7.558,16.885C7.112,16.885 6.74,17.037 6.444,17.341C6.148,17.646 6,18.013 6,18.442C6,18.888 6.148,19.26 6.444,19.556C6.74,19.852 7.112,20 7.558,20ZM6,15.844C6.227,15.689 6.47,15.574 6.73,15.498C6.989,15.422 7.265,15.385 7.558,15.385L8.192,15.385L8.192,4L7.75,4C7.269,4 6.857,4.171 6.514,4.514C6.171,4.857 6,5.269 6,5.75L6,15.844Z"/>
|
||||||
|
</g>
|
||||||
|
<g transform="matrix(0.491653,0,0,0.491653,10.4731,1.89562)">
|
||||||
|
<g id="radio_button_unchecked_FILL0_wght700_GRAD200_opsz20.svg">
|
||||||
|
<g>
|
||||||
|
<path d="M10.006,18.958C8.771,18.958 7.606,18.728 6.511,18.269C5.416,17.809 4.461,17.171 3.645,16.355C2.829,15.539 2.191,14.584 1.731,13.49C1.272,12.396 1.042,11.229 1.042,9.99C1.042,8.748 1.272,7.585 1.733,6.501C2.193,5.417 2.833,4.466 3.653,3.648C4.472,2.83 5.428,2.191 6.518,1.731C7.609,1.272 8.773,1.042 10.01,1.042C11.252,1.042 12.415,1.271 13.5,1.731C14.584,2.191 15.535,2.829 16.353,3.647C17.171,4.465 17.809,5.418 18.269,6.506C18.729,7.594 18.958,8.757 18.958,9.996C18.958,11.235 18.728,12.398 18.269,13.486C17.809,14.574 17.17,15.528 16.352,16.347C15.534,17.167 14.581,17.807 13.494,18.267C12.407,18.728 11.244,18.958 10.006,18.958ZM9.995,16.292C11.756,16.292 13.245,15.684 14.464,14.468C15.682,13.253 16.292,11.765 16.292,10.005C16.292,8.244 15.684,6.755 14.468,5.536C13.253,4.318 11.765,3.708 10.005,3.708C8.244,3.708 6.755,4.316 5.536,5.532C4.318,6.747 3.708,8.235 3.708,9.995C3.708,11.756 4.316,13.245 5.532,14.464C6.747,15.682 8.235,16.292 9.995,16.292Z" style="fill-rule:nonzero;"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.7 KiB |
BIN
library/nocover.png
Normal file
BIN
library/nocover.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
23
library/page-library-category-root-dirs.html
Normal file
23
library/page-library-category-root-dirs.html
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
{{>common/inc-header.html}}
|
||||||
|
<link rel="stylesheet" type="text/css" href="{{rootPath}}/theme/library/library.css"/>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="toppagebar">
|
||||||
|
{{>library/inc-library-topbar.html}}
|
||||||
|
</div>
|
||||||
|
<div id="group">
|
||||||
|
<br/><br/><br/>
|
||||||
|
{{#rootFolders}}
|
||||||
|
<a href="{{folderUrl}}" class="rootlink">{{folderName}}</a>
|
||||||
|
<br/><br/>
|
||||||
|
{{/rootFolders}}
|
||||||
|
</div>
|
||||||
|
{{>library/inc-library-popups.html}}
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
46
library/page-library-details.html
Normal file
46
library/page-library-details.html
Normal file
@@ -0,0 +1,46 @@
|
|||||||
|
<div id="details">
|
||||||
|
<a id="details_close" href="#" onclick="togglePopup('bookdetails');location.reload();return false;"></a>
|
||||||
|
<div id="details_upper_row">
|
||||||
|
<div id="details_cover_progress">
|
||||||
|
<div id="details_cover">
|
||||||
|
<img src="{{coverUrl}}" />
|
||||||
|
</div>
|
||||||
|
<div id="details_progress_wrapper" class="{{readingStatusClass}}">
|
||||||
|
<div class="details_progress_bar">
|
||||||
|
<span class="details_progress_bar_fill" style="--value: {{progress}}%;"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="details_right_col">
|
||||||
|
<div id="details_info_panel">
|
||||||
|
<div id="details_title">{{title}}</div>
|
||||||
|
<div id="details_authors">{{writers}}</div>
|
||||||
|
{{#seriesName}}
|
||||||
|
<div id="details_series">{{seriesName}} - {{seriesIndex}}</div>
|
||||||
|
{{/seriesName}}
|
||||||
|
{{#tags}}
|
||||||
|
<div id="details_tags">{{tags}}</div>
|
||||||
|
{{/tags}}
|
||||||
|
{{#language}}
|
||||||
|
<div id="details_language">{{language}}</div>
|
||||||
|
{{/language}}
|
||||||
|
<div id="details_file">{{fileExtension}} ({{fileSize}})</div>
|
||||||
|
{{#publicationDate}}
|
||||||
|
<div id="details_publication">Published on {{publicationDate}}</div>
|
||||||
|
{{/publicationDate}}
|
||||||
|
|
||||||
|
<div class="details_rating">{{rating}}</div>
|
||||||
|
</div>
|
||||||
|
<div id="details_button_row">
|
||||||
|
<a id="details_download" class="details_button" href="{{downloadUrl}}"></a>
|
||||||
|
{{#readerUrl}}
|
||||||
|
<a id="details_read" class="details_button" href="#" onclick="openBook('{{readerUrl}}');return false;"></a>
|
||||||
|
<a id="details_mark_unread" class="details_button" href="#" onclick="markAsUnread('{{ItemId}}','{{rootPath}}');return false;"></a>
|
||||||
|
<a id="details_mark_finished" class="details_button" href="#" onclick="markAsFinished('{{ItemId}}','{{rootPath}}');return false;"></a>
|
||||||
|
{{/readerUrl}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="details_description">{{description}}</div>
|
||||||
|
</div>
|
||||||
58
library/page-library.html
Normal file
58
library/page-library.html
Normal file
@@ -0,0 +1,58 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
{{>common/inc-header.html}}
|
||||||
|
<link rel="stylesheet" type="text/css" href="{{rootPath}}/theme/library/library.css"/>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="toppagebar">
|
||||||
|
{{#isSearchResult}}
|
||||||
|
{{>library/inc-library-topbar-search.html}}
|
||||||
|
{{/isSearchResult}}
|
||||||
|
{{^isSearchResult}}
|
||||||
|
{{>library/inc-library-topbar.html}}
|
||||||
|
{{/isSearchResult}}
|
||||||
|
</div>
|
||||||
|
<div id="group">
|
||||||
|
{{folderMetadata}}
|
||||||
|
{{#items}}
|
||||||
|
<div class="cellcontainer">
|
||||||
|
{{#isFolder}}
|
||||||
|
<div class="cell">
|
||||||
|
<div class="thumb">
|
||||||
|
<a href="{{itemFolderUrl}}">
|
||||||
|
<img src="{{itemCoverUrl}}"/>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="label">{{itemTitle}}</div>
|
||||||
|
<div class="numberblock">
|
||||||
|
<div class="number">
|
||||||
|
<span>{{itemChildrenCount}}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{/isFolder}}
|
||||||
|
{{^isFolder}}
|
||||||
|
<div class="cell">
|
||||||
|
<div class="thumb">
|
||||||
|
<a href="#" onclick="togglePopup('bookdetails');loadBookDetails({{itemId}},'{{rootPath}}');return false;">
|
||||||
|
<img src="{{itemCoverUrl}}"/>
|
||||||
|
<div class="{{readingStatusClass}}">
|
||||||
|
<div class="cover_progress_bar"><span class="cover_progress_bar_fill" style="--value: {{progress}}%;"></span></div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="label">
|
||||||
|
<div class="title">{{itemTitle}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{/isFolder}}
|
||||||
|
</div>
|
||||||
|
{{/items}}
|
||||||
|
</div>
|
||||||
|
{{>library/inc-library-popups.html}}
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
BIN
library/progressbar.gif
Normal file
BIN
library/progressbar.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
1
library/random.svg
Normal file
1
library/random.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M568.078-170.001v-59.998h118.616L546.231-370.462 589-413.23l139.078 139.078v-115.847h59.998v219.998H568.078Zm-354.001-3.846L171.924-216l514.001-514.001H568.078v-59.998h219.998v219.998h-59.998v-117.847L214.077-173.847Zm154.462-374.308-196.23-196.23 41.768-41.768 196.23 196.23-41.768 41.768Z"/></svg>
|
||||||
|
After Width: | Height: | Size: 373 B |
1
library/read.svg
Normal file
1
library/read.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M557.692-570.154v-52.615q32.615-15.153 68.269-22.73T700-653.076q24.077 0 46.769 3.423 22.692 3.423 45.538 9.038v50.153q-22.461-7.846-44.653-11.385-22.193-3.538-47.654-3.538-38.385 0-74.346 9.115-35.962 9.116-67.962 26.116Zm0 219.23v-53.383q31.846-15.154 68.077-22.731Q662-434.615 700-434.615q24.077 0 46.769 3.423 22.692 3.423 45.538 9.038v50.153q-22.461-7.846-44.653-11.384-22.193-3.539-47.654-3.539-38.385 0-74.346 9.193-35.962 9.192-67.962 26.807Zm0-109.23v-53.384q32.615-15.154 68.269-22.731 35.654-7.577 74.039-7.577 24.077 0 46.769 3.423 22.692 3.423 45.538 9.039v50.153q-22.461-7.847-44.653-11.385-22.193-3.538-47.654-3.538-38.385 0-74.346 9.5-35.962 9.5-67.962 26.5ZM260-319.231q49.693 0 96.693 11.27 47 11.269 93.308 35.346v-393.231q-42.154-27.461-91.231-41.192-49.077-13.731-98.77-13.731-36 0-67.269 5.653-31.269 5.654-64.269 18.5-4.616 1.539-6.539 4.424-1.923 2.885-1.923 6.346v378.307q0 5.385 3.846 7.885 3.847 2.5 8.463.577 28.461-9.692 60.076-14.923Q224-319.231 260-319.231Zm249.999 46.616q46.308-24.077 93.308-35.346 47-11.27 96.693-11.27 36 0 67.615 5.231 31.615 5.231 60.076 14.923 4.616 1.923 8.463-.577 3.846-2.5 3.846-7.885v-378.307q0-3.461-1.923-6.154t-6.539-4.616q-33-12.846-64.269-18.5Q736-720.769 700-720.769q-49.693 0-98.77 13.731t-91.231 41.192v393.231ZM480-184.617q-48.385-35.692-104.385-55.154-56-19.461-115.615-19.461-36.615 0-71.922 8.115-35.308 8.115-68.077 23.884-21.384 9.846-40.692-3.115-19.307-12.962-19.307-36.731v-434.305q0-12.923 6.653-24.269 6.654-11.346 19.193-16.346 40.615-19.769 84.653-29.269 44.038-9.5 89.499-9.5 58.385 0 114.077 15.962Q429.769-748.845 480-717.691q50.231-31.154 105.923-47.115Q641.615-780.768 700-780.768q45.461 0 89.499 9.5t84.653 29.269q12.539 5 19.193 16.346 6.654 11.346 6.654 24.269v434.305q0 23.769-20.077 36.346-20.077 12.577-42.231 2.731-32.385-15.384-67.115-23.307-34.73-7.923-70.576-7.923-59.615 0-115.615 19.461-56 19.462-104.385 55.154ZM285-496.693Z"/></svg>
|
||||||
|
After Width: | Height: | Size: 2.0 KiB |
1
library/search.svg
Normal file
1
library/search.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M781.692-136.924 530.461-388.155q-30 24.769-69 38.769t-80.692 14q-102.55 0-173.582-71.014t-71.032-173.537q0-102.524 71.014-173.601 71.014-71.076 173.538-71.076 102.523 0 173.6 71.032T625.384-580q0 42.846-14.385 81.846-14.385 39-38.385 67.846l251.231 251.231-42.153 42.153Zm-400.923-258.46q77.308 0 130.962-53.654Q565.385-502.692 565.385-580q0-77.308-53.654-130.962-53.654-53.654-130.962-53.654-77.308 0-130.962 53.654Q196.154-657.308 196.154-580q0 77.308 53.653 130.962 53.654 53.654 130.962 53.654Z"/></svg>
|
||||||
|
After Width: | Height: | Size: 582 B |
1
library/series.svg
Normal file
1
library/series.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" ><path d="M100.001-180.001v-121.536h121.536v121.536H100.001Zm216.922 0v-121.536h543.076v121.536H316.923ZM100.001-419.232v-121.536h121.536v121.536H100.001Zm216.922 0v-121.536h543.076v121.536H316.923ZM100.001-658.463v-121.536h121.536v121.536H100.001Zm216.922 0v-121.536h543.076v121.536H316.923Z"/></svg>
|
||||||
|
After Width: | Height: | Size: 366 B |
1
library/settings.svg
Normal file
1
library/settings.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="m387.694-100.001-15.231-121.846q-16.077-5.385-32.962-15.077-16.885-9.693-30.193-20.77l-112.846 47.692L104.156-370l97.615-73.769q-1.385-8.923-1.962-17.923-.577-9-.577-17.923 0-8.539.577-17.347.577-8.808 1.962-19.269L104.156-590l92.306-159.229 112.461 47.308q14.462-11.462 30.885-20.962 16.424-9.501 32.27-15.27l15.616-121.846h184.612l15.231 122.231q18 6.538 32.578 15.269 14.577 8.731 29.423 20.578l114-47.308L855.844-590l-99.153 74.922q2.154 9.693 2.346 18.116.192 8.423.192 16.962 0 8.154-.384 16.577-.385 8.423-2.77 19.27L854.46-370l-92.307 159.998-112.615-48.077q-14.846 11.847-30.308 20.962-15.462 9.116-31.693 14.885l-15.231 122.231H387.694ZM440-160h78.615L533-267.154q30.615-8 55.961-22.731 25.346-14.73 48.885-37.884L737.231-286l39.384-68-86.769-65.385q5-15.538 6.808-30.461 1.807-14.923 1.807-30.154 0-15.615-1.807-30.154-1.808-14.538-6.808-29.692L777.385-606 738-674l-100.539 42.385q-20.076-21.462-48.115-37.923-28.039-16.462-56.731-23.308L520-800h-79.385l-13.23 106.769q-30.616 7.231-56.539 22.154-25.923 14.923-49.461 38.462L222-674l-39.385 68L269-541.615q-5 14.23-7 29.615-2 15.385-2 32.385Q260-464 262-449q2 15 6.615 29.615l-86 65.385L222-286l99-42q22.769 23.385 48.692 38.308 25.923 14.923 57.308 22.923L440-160Zm40.461-200.001q49.923 0 84.961-35.038Q600.46-430.078 600.46-480t-35.038-84.961q-35.038-35.038-84.961-35.038-50.537 0-85.268 35.038-34.73 35.039-34.73 84.961t34.73 84.961q34.731 35.038 85.268 35.038ZM480-480Z"/></svg>
|
||||||
|
After Width: | Height: | Size: 1.5 KiB |
BIN
library/sliding-left.png
Normal file
BIN
library/sliding-left.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
library/sliding-right.png
Normal file
BIN
library/sliding-right.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
1
library/tag.svg
Normal file
1
library/tag.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" ><path d="M556.153-117.847q-17.264 17.23-42.785 17.23-25.521 0-42.752-17.23l-352-352q-8.692-8.692-13.653-20.01-4.962-11.317-4.962-24.143v-286q0-24.538 17.731-42.268 17.73-17.731 42.268-17.731h286q12.384 0 23.725 4.834 11.342 4.833 19.659 13.012l352 352.616q17.615 17.615 17.807 43.037.192 25.422-17.038 42.653l-286 286ZM513.212-160l286.173-286-353.213-354H160v286l353.212 354ZM259.955-650.001q20.814 0 35.429-14.57 14.615-14.57 14.615-35.384t-14.57-35.429q-14.57-14.615-35.384-14.615t-35.429 14.57q-14.615 14.57-14.615 35.384t14.57 35.429q14.57 14.615 35.384 14.615ZM160-800Z"/></svg>
|
||||||
|
After Width: | Height: | Size: 649 B |
77
login/login.css
Normal file
77
login/login.css
Normal file
@@ -0,0 +1,77 @@
|
|||||||
|
body {
|
||||||
|
background-color: red;
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
background-color: white;
|
||||||
|
font-family: "Arial";
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #444444;
|
||||||
|
text-decoration: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a img {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
width: 120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#loginform {
|
||||||
|
color: #444444;
|
||||||
|
position: relative;
|
||||||
|
font-family: "Arial";
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#loginfield, #passwordfield {
|
||||||
|
margin-left: 15px;
|
||||||
|
height: 25px;
|
||||||
|
width: 200px;
|
||||||
|
border: 1px solid #B9BDC1;
|
||||||
|
color: #797979;
|
||||||
|
-moz-box-shadow: 0 2px 4px #bbb inset;
|
||||||
|
-webkit-box-shadow: 0 2px 4px #BBB inset;
|
||||||
|
box-shadow: 0 2px 4px #BBB inset;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#loginfield:focus, #passwordfield:focus {
|
||||||
|
border: 1px solid #777777;
|
||||||
|
}
|
||||||
|
|
||||||
|
#loginbutton {
|
||||||
|
font-size: 16px;
|
||||||
|
background: #CCCCCC;
|
||||||
|
color: #FFF;
|
||||||
|
border-radius: 15px;
|
||||||
|
height: 26px;
|
||||||
|
-webkit-border-radius: 15px;
|
||||||
|
-moz-border-radius: 15px;
|
||||||
|
padding: 1px 0px 1px 0px;
|
||||||
|
margin-left: 10px;
|
||||||
|
border: solid 1px #CCCCCC;
|
||||||
|
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
|
||||||
|
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
|
||||||
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
#banner {
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
height: 100px;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 60px;
|
||||||
|
border-bottom: 1px #CCCCCC solid;
|
||||||
|
background-image: url('{{rootPath}}/theme/common/banner.png');
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 20px;
|
||||||
|
}
|
||||||
27
login/page-login.html
Normal file
27
login/page-login.html
Normal file
@@ -0,0 +1,27 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
{{>common/inc-header.html}}
|
||||||
|
<link rel="stylesheet" type="text/css" href="{{rootPath}}/theme/login/login.css"/>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
{{loginScripts}}
|
||||||
|
|
||||||
|
<div id="banner"></div>
|
||||||
|
<form id="{{formId}}" method="POST" action="{{rootPath}}/">
|
||||||
|
Please identify yourself
|
||||||
|
<br/><br/><br/><br/>
|
||||||
|
{{hiddenInputs}}
|
||||||
|
Username
|
||||||
|
<input type="text" id="loginfield" name="{{loginFieldName}}" value=""/>
|
||||||
|
<br/><br/>
|
||||||
|
Password
|
||||||
|
<input type="password" id="{{passwordFieldId}}" value=""/>
|
||||||
|
<br/><br/>
|
||||||
|
<br/><br/>
|
||||||
|
<input type="submit" id="loginbutton" onclick="{{onLoginClick}}" value="log in"/>
|
||||||
|
</form>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
36
rawfiles.css
Normal file
36
rawfiles.css
Normal file
@@ -0,0 +1,36 @@
|
|||||||
|
body {
|
||||||
|
padding:20px;
|
||||||
|
background-color: white;
|
||||||
|
color: black;
|
||||||
|
font-family:"Arial";
|
||||||
|
font-size:16px;
|
||||||
|
line-height:140%
|
||||||
|
}
|
||||||
|
|
||||||
|
a:link {
|
||||||
|
color:#000000;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:visited {
|
||||||
|
color:#666666;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color:#CBCBCB;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:active {
|
||||||
|
color:#CBCBCB;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
table td:first-child {
|
||||||
|
text-align: left;
|
||||||
|
padding-right: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
table td {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user