Ubooquity

commit df7f5625c32b322f97548022cce0ef88e4f80948 Author: Akamaru Date: Mon Sep 15 21:30:17 2025 +0200 Original Theme diff --git a/common/android-chrome-192x192.png b/common/android-chrome-192x192.png new file mode 100644 index 0000000..effee8a Binary files /dev/null and b/common/android-chrome-192x192.png differ diff --git a/common/apple-touch-icon-120x120.png b/common/apple-touch-icon-120x120.png new file mode 100644 index 0000000..66c6126 Binary files /dev/null and b/common/apple-touch-icon-120x120.png differ diff --git a/common/apple-touch-icon-152x152.png b/common/apple-touch-icon-152x152.png new file mode 100644 index 0000000..b560ecd Binary files /dev/null and b/common/apple-touch-icon-152x152.png differ diff --git a/common/apple-touch-icon-180x180.png b/common/apple-touch-icon-180x180.png new file mode 100644 index 0000000..ef5de6a Binary files /dev/null and b/common/apple-touch-icon-180x180.png differ diff --git a/common/banner.png b/common/banner.png new file mode 100644 index 0000000..b603fa2 Binary files /dev/null and b/common/banner.png differ diff --git a/common/favicon-16x16.png b/common/favicon-16x16.png new file mode 100644 index 0000000..f87181f Binary files /dev/null and b/common/favicon-16x16.png differ diff --git a/common/favicon-32x32.png b/common/favicon-32x32.png new file mode 100644 index 0000000..c61089c Binary files /dev/null and b/common/favicon-32x32.png differ diff --git a/common/favicon-96x96.png b/common/favicon-96x96.png new file mode 100644 index 0000000..6ea069e Binary files /dev/null and b/common/favicon-96x96.png differ diff --git a/common/favicon.ico b/common/favicon.ico new file mode 100644 index 0000000..559794e Binary files /dev/null and b/common/favicon.ico differ diff --git a/common/inc-header.html b/common/inc-header.html new file mode 100644 index 0000000..be2ce7d --- /dev/null +++ b/common/inc-header.html @@ -0,0 +1,14 @@ + +Ubooquity + + + + + + + + + + + + diff --git a/common/mstile-144x144.png b/common/mstile-144x144.png new file mode 100644 index 0000000..d132124 Binary files /dev/null and b/common/mstile-144x144.png differ diff --git a/common/themeScript.js b/common/themeScript.js new file mode 100644 index 0000000..f460d22 --- /dev/null +++ b/common/themeScript.js @@ -0,0 +1 @@ +// Put any javascript needed by your theme here \ No newline at end of file diff --git a/home/books-new.png b/home/books-new.png new file mode 100644 index 0000000..ebc6efe Binary files /dev/null and b/home/books-new.png differ diff --git a/home/books.png b/home/books.png new file mode 100644 index 0000000..e20a98c Binary files /dev/null and b/home/books.png differ diff --git a/home/comics-new.png b/home/comics-new.png new file mode 100644 index 0000000..72598d9 Binary files /dev/null and b/home/comics-new.png differ diff --git a/home/comics.png b/home/comics.png new file mode 100644 index 0000000..3a73c41 Binary files /dev/null and b/home/comics.png differ diff --git a/home/documents-new.png b/home/documents-new.png new file mode 100644 index 0000000..6a117ac Binary files /dev/null and b/home/documents-new.png differ diff --git a/home/documents.png b/home/documents.png new file mode 100644 index 0000000..b090a3b Binary files /dev/null and b/home/documents.png differ diff --git a/home/file.png b/home/file.png new file mode 100644 index 0000000..565a3c6 Binary files /dev/null and b/home/file.png differ diff --git a/home/files.png b/home/files.png new file mode 100644 index 0000000..a128ff6 Binary files /dev/null and b/home/files.png differ diff --git a/home/homepage.css b/home/homepage.css new file mode 100644 index 0000000..819592a --- /dev/null +++ b/home/homepage.css @@ -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; +} \ No newline at end of file diff --git a/home/magazines-new.png b/home/magazines-new.png new file mode 100644 index 0000000..fa78eff Binary files /dev/null and b/home/magazines-new.png differ diff --git a/home/magazines.png b/home/magazines.png new file mode 100644 index 0000000..a549608 Binary files /dev/null and b/home/magazines.png differ diff --git a/home/others-new.png b/home/others-new.png new file mode 100644 index 0000000..78be9cc Binary files /dev/null and b/home/others-new.png differ diff --git a/home/others.png b/home/others.png new file mode 100644 index 0000000..fad2d5c Binary files /dev/null and b/home/others.png differ diff --git a/home/page-home.html b/home/page-home.html new file mode 100644 index 0000000..e5e1262 --- /dev/null +++ b/home/page-home.html @@ -0,0 +1,63 @@ + + + + + {{>common/inc-header.html}} + + + + + + +{{#userName}} +

+ Connected as {{userName}} - Log out +

+{{/userName}} + +

+ + {{#categories}} +

+ {{categoryName}} + + +

+ +

+ {{/categories}} + + {{#displayRawFiles}} +

+ Raw files +

+ +

+ {{/displayRawFiles}} + + {{#displayNoFileMessage}} +

+ No file to display. +

+ If you just installed Ubooquity, you need to configure it by choosing the folders you want to include in your + collection. +
+ If user access management is activated, check that you configured authorizations for each folder included in + your collection. +

+ {{/displayNoFileMessage}} + +

+
+
+Powered by Ubooquity + + + \ No newline at end of file diff --git a/library/arrowleft.svg b/library/arrowleft.svg new file mode 100644 index 0000000..7720d4f --- /dev/null +++ b/library/arrowleft.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/library/arrowleft10.svg b/library/arrowleft10.svg new file mode 100644 index 0000000..0e94b76 --- /dev/null +++ b/library/arrowleft10.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/library/arrowright.svg b/library/arrowright.svg new file mode 100644 index 0000000..67b0230 --- /dev/null +++ b/library/arrowright.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/library/arrowright10.svg b/library/arrowright10.svg new file mode 100644 index 0000000..b57577a --- /dev/null +++ b/library/arrowright10.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/library/arrowup.svg b/library/arrowup.svg new file mode 100644 index 0000000..2310630 --- /dev/null +++ b/library/arrowup.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/library/close.svg b/library/close.svg new file mode 100644 index 0000000..43090ed --- /dev/null +++ b/library/close.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/library/dimoverlay.png b/library/dimoverlay.png new file mode 100644 index 0000000..a2b60ab Binary files /dev/null and b/library/dimoverlay.png differ diff --git a/library/download.svg b/library/download.svg new file mode 100644 index 0000000..b5b6a4b --- /dev/null +++ b/library/download.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/library/file.svg b/library/file.svg new file mode 100644 index 0000000..2402c62 --- /dev/null +++ b/library/file.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/library/folder.png b/library/folder.png new file mode 100644 index 0000000..e6db7a8 Binary files /dev/null and b/library/folder.png differ diff --git a/library/inc-library-popups.html b/library/inc-library-popups.html new file mode 100644 index 0000000..faba283 --- /dev/null +++ b/library/inc-library-popups.html @@ -0,0 +1,51 @@ +

Go to page

+ {{pageSelectorLinks}} +

+ +

{{category}} display settings

+ +
+

\ No newline at end of file diff --git a/library/inc-library-topbar-search.html b/library/inc-library-topbar-search.html new file mode 100644 index 0000000..1abd692 --- /dev/null +++ b/library/inc-library-topbar-search.html @@ -0,0 +1,27 @@ +

+ + +

Search results

+ + +

diff --git a/library/inc-library-topbar.html b/library/inc-library-topbar.html new file mode 100644 index 0000000..71768c8 --- /dev/null +++ b/library/inc-library-topbar.html @@ -0,0 +1,23 @@ +

+ + +

+ {{#displayPageSelector}} + Page {{pageNumber}}
+ of {{totalPages}} + {{/displayPageSelector}} + {{^displayPageSelector}} + {{pageLabel}} + {{/displayPageSelector}} +

+ + +

\ No newline at end of file diff --git a/library/language.svg b/library/language.svg new file mode 100644 index 0000000..4f92e52 --- /dev/null +++ b/library/language.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/library/library.css b/library/library.css new file mode 100644 index 0000000..21f2b0a --- /dev/null +++ b/library/library.css @@ -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; +} + diff --git a/library/mark-finished.svg b/library/mark-finished.svg new file mode 100644 index 0000000..6489772 --- /dev/null +++ b/library/mark-finished.svg @@ -0,0 +1,13 @@ + + + diff --git a/library/mark-unread.svg b/library/mark-unread.svg new file mode 100644 index 0000000..378b19f --- /dev/null +++ b/library/mark-unread.svg @@ -0,0 +1,14 @@ + + + diff --git a/library/nocover.png b/library/nocover.png new file mode 100644 index 0000000..684b4ac Binary files /dev/null and b/library/nocover.png differ diff --git a/library/page-library-category-root-dirs.html b/library/page-library-category-root-dirs.html new file mode 100644 index 0000000..fc17861 --- /dev/null +++ b/library/page-library-category-root-dirs.html @@ -0,0 +1,23 @@ + + + + + {{>common/inc-header.html}} + + + + +

+ {{>library/inc-library-topbar.html}} +

+

+ {{#rootFolders}} + {{folderName}} +

+ {{/rootFolders}} +

+ {{>library/inc-library-popups.html}} + + + diff --git a/library/page-library-details.html b/library/page-library-details.html new file mode 100644 index 0000000..d8c7624 --- /dev/null +++ b/library/page-library-details.html @@ -0,0 +1,46 @@ +

+ +

+ {{#seriesName}} +

{{seriesName}} - {{seriesIndex}}

+ {{/seriesName}} + {{#tags}} +

+ {{/tags}} + {{#language}} +

+ {{/language}} +

{{fileExtension}} ({{fileSize}})

+ {{#publicationDate}} +

Published on {{publicationDate}}

+ {{/publicationDate}} + +

+ + {{#readerUrl}} + + + + {{/readerUrl}} +

+ \ No newline at end of file diff --git a/library/page-library.html b/library/page-library.html new file mode 100644 index 0000000..8eb5b47 --- /dev/null +++ b/library/page-library.html @@ -0,0 +1,58 @@ + + + + + {{>common/inc-header.html}} + + + + +

+ {{#isSearchResult}} + {{>library/inc-library-topbar-search.html}} + {{/isSearchResult}} + {{^isSearchResult}} + {{>library/inc-library-topbar.html}} + {{/isSearchResult}} +

+ {{folderMetadata}} + {{#items}} +

+ {{#isFolder}} +

+ +

+ {{itemChildrenCount}} +

+ {{/isFolder}} + {{^isFolder}} +

+ +

+ {{/isFolder}} +

+ {{/items}} +

+ {{>library/inc-library-popups.html}} + + + \ No newline at end of file diff --git a/library/progressbar.gif b/library/progressbar.gif new file mode 100644 index 0000000..3288d10 Binary files /dev/null and b/library/progressbar.gif differ diff --git a/library/random.svg b/library/random.svg new file mode 100644 index 0000000..ab67100 --- /dev/null +++ b/library/random.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/library/read.svg b/library/read.svg new file mode 100644 index 0000000..a0d8920 --- /dev/null +++ b/library/read.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/library/search.svg b/library/search.svg new file mode 100644 index 0000000..95aa321 --- /dev/null +++ b/library/search.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/library/series.svg b/library/series.svg new file mode 100644 index 0000000..0969f1b --- /dev/null +++ b/library/series.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/library/settings.svg b/library/settings.svg new file mode 100644 index 0000000..0f97e44 --- /dev/null +++ b/library/settings.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/library/sliding-left.png b/library/sliding-left.png new file mode 100644 index 0000000..41611f2 Binary files /dev/null and b/library/sliding-left.png differ diff --git a/library/sliding-right.png b/library/sliding-right.png new file mode 100644 index 0000000..613c095 Binary files /dev/null and b/library/sliding-right.png differ diff --git a/library/tag.svg b/library/tag.svg new file mode 100644 index 0000000..bef4dbc --- /dev/null +++ b/library/tag.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/login/login.css b/login/login.css new file mode 100644 index 0000000..315504d --- /dev/null +++ b/login/login.css @@ -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; +} diff --git a/login/page-login.html b/login/page-login.html new file mode 100644 index 0000000..f27fcec --- /dev/null +++ b/login/page-login.html @@ -0,0 +1,27 @@ + + + + + {{>common/inc-header.html}} + + + +{{loginScripts}} + + + + + + diff --git a/rawfiles.css b/rawfiles.css new file mode 100644 index 0000000..2127a1f --- /dev/null +++ b/rawfiles.css @@ -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; +} \ No newline at end of file