NunoSempere/calibre-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Code cosmetics css

Browse Source 
Code cosmetics js
Fixes for links with remote_login
This commit is contained in:
Ozzieisaacs 2020-12-13 09:53:18 +01:00
parent d5ed5cd665
commit fd8b642d64
9 changed files with 144 additions and 178 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
cps.py
View File

@ -41,6 +41,7 @@ from cps.shelf import shelf
from cps.admin import admi from cps.admin import admi
from cps.gdrive import gdrive from cps.gdrive import gdrive
from cps.editbooks import editbook from cps.editbooks import editbook
from cps.remotelogin import remotelogin
from cps.error_handler import init_errorhandler from cps.error_handler import init_errorhandler
try: try:
@ -68,6 +69,7 @@ def main():
app.register_blueprint(about) app.register_blueprint(about)
app.register_blueprint(shelf) app.register_blueprint(shelf)
app.register_blueprint(admi) app.register_blueprint(admi)
app.register_blueprint(remotelogin)
# if config.config_use_google_drive: # if config.config_use_google_drive:
app.register_blueprint(gdrive) app.register_blueprint(gdrive)
app.register_blueprint(editbook) app.register_blueprint(editbook)

3
cps/remotelogin.py
View File

@ -26,6 +26,7 @@ from datetime import datetime
from flask import Blueprint, request, make_response, abort, url_for, flash, redirect from flask import Blueprint, request, make_response, abort, url_for, flash, redirect
from flask_login import login_required, current_user, login_user from flask_login import login_required, current_user, login_user
from flask_babel import gettext as _ from flask_babel import gettext as _
from sqlalchemy.sql.expression import true
from . import config, logger, ub from . import config, logger, ub
from .render_template import render_title_template from .render_template import render_title_template
@ -60,7 +61,7 @@ def remote_login():
ub.session.add(auth_token) ub.session.add(auth_token)
ub.session.commit() ub.session.commit()
verify_url = url_for('web.verify_token', token=auth_token.auth_token, _external=true) verify_url = url_for('remotelogin.verify_token', token=auth_token.auth_token, _external=true)
log.debug(u"Remot Login request with token: %s", auth_token.auth_token) log.debug(u"Remot Login request with token: %s", auth_token.auth_token)
return render_title_template('remote_login.html', title=_(u"login"), token=auth_token.auth_token, return render_title_template('remote_login.html', title=_(u"login"), token=auth_token.auth_token,
verify_url=verify_url, page="remotelogin") verify_url=verify_url, page="remotelogin")

192
cps/static/css/caliBlur.css
View File

@ -240,7 +240,7 @@ body.blur .row-fluid .col-sm-10 {
.col-sm-10 .book-meta > div.btn-toolbar:after { .col-sm-10 .book-meta > div.btn-toolbar:after {
content: ''; content: '';
direction: block; direction: ltr;
position: fixed; position: fixed;
top: 120px; top: 120px;
right: 0; right: 0;
@ -398,20 +398,17 @@ body.blur .row-fluid .col-sm-10 {
.shelforder #sortTrue > div:hover { .shelforder #sortTrue > div:hover {
background-color: hsla(0, 0%, 100%, .06) !important; background-color: hsla(0, 0%, 100%, .06) !important;
cursor: move;
cursor: grab; cursor: grab;
cursor: -webkit-grab;
color: #eee color: #eee
} }
.shelforder #sortTrue > div:active { .shelforder #sortTrue > div:active {
cursor: grabbing; cursor: grabbing;
cursor: -webkit-grabbing
} }
.shelforder #sortTrue > div:before { .shelforder #sortTrue > div:before {
content: "\EA53"; content: "\EA53";
font-family: plex-icons-new; font-family: plex-icons-new, serif;
margin-right: 30px; margin-right: 30px;
margin-left: 15px; margin-left: 15px;
vertical-align: bottom; vertical-align: bottom;
@ -446,7 +443,7 @@ body.blur .row-fluid .col-sm-10 {
body.shelforder > div.container-fluid > div.row-fluid > div.col-sm-10:before { body.shelforder > div.container-fluid > div.row-fluid > div.col-sm-10:before {
content: "\e155"; content: "\e155";
font-family: 'Glyphicons Halflings'; font-family: 'Glyphicons Halflings', serif;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: 1; line-height: 1;
@ -494,7 +491,7 @@ body.shelforder > div.container-fluid > div.row-fluid > div.col-sm-10:before {
} }
#have_read_cb + label:before, #have_read_cb:checked + label:before { #have_read_cb + label:before, #have_read_cb:checked + label:before {
font-family: 'Glyphicons Halflings'; font-family: 'Glyphicons Halflings', serif;
font-size: 16px; font-size: 16px;
height: 40px; height: 40px;
width: 60px; width: 60px;
@ -550,13 +547,12 @@ body.shelforder > div.container-fluid > div.row-fluid > div.col-sm-10:before {
height: 60px; height: 60px;
width: 50px; width: 50px;
cursor: pointer; cursor: pointer;
margin: 0;
display: inline-block; display: inline-block;
margin-top: -4px; margin: -4px 0 0;
} }
#archived_cb + label:before, #archived_cb:checked + label:before { #archived_cb + label:before, #archived_cb:checked + label:before {
font-family: 'Glyphicons Halflings'; font-family: 'Glyphicons Halflings', serif;
font-size: 16px; font-size: 16px;
height: 40px; height: 40px;
width: 60px; width: 60px;
@ -618,7 +614,7 @@ div[aria-label="Edit/Delete book"] > .btn > span {
div[aria-label="Edit/Delete book"] > .btn > span:before { div[aria-label="Edit/Delete book"] > .btn > span:before {
content: "\EA5d"; content: "\EA5d";
font-family: plex-icons; font-family: plex-icons, serif;
font-size: 20px; font-size: 20px;
padding: 16px 15px; padding: 16px 15px;
display: inline-block; display: inline-block;
@ -760,7 +756,7 @@ body > div.navbar.navbar-default.navbar-static-top > div > div.navbar-header > a
.home-btn { .home-btn {
color: hsla(0, 0%, 100%, .7); color: hsla(0, 0%, 100%, .7);
line-height: 34.29px; line-height: 34px;
margin: 0; margin: 0;
padding: 0; padding: 0;
position: absolute; position: absolute;
@ -770,7 +766,7 @@ body > div.navbar.navbar-default.navbar-static-top > div > div.navbar-header > a
.home-btn > a { .home-btn > a {
color: rgba(255, 255, 255, .7); color: rgba(255, 255, 255, .7);
font-family: plex-icons-new; font-family: plex-icons-new, serif;
line-height: 60px; line-height: 60px;
position: relative; position: relative;
text-align: center; text-align: center;
@ -800,7 +796,7 @@ body > div.navbar.navbar-default.navbar-static-top > div > div.home-btn > a:hove
.glyphicon-search:before { .glyphicon-search:before {
content: "\EA4F"; content: "\EA4F";
font-family: plex-icons font-family: plex-icons, serif
} }
#nav_about:after, .profileDrop > span:after, .profileDrop > span:before { #nav_about:after, .profileDrop > span:after, .profileDrop > span:before {
@ -817,7 +813,6 @@ body > div.navbar.navbar-default.navbar-static-top > div > div.home-btn > a:hove
} }
body:not(.read-frame) { body:not(.read-frame) {
background-image: url(images/caliblur/blur-noise.png), url(images/caliblur/blur-light.png) !important;
background-repeat: repeat, no-repeat !important; background-repeat: repeat, no-repeat !important;
background-attachment: fixed, fixed !important; background-attachment: fixed, fixed !important;
background-position: center center, center center !important; background-position: center center, center center !important;
@ -826,7 +821,6 @@ body:not(.read-frame) {
-moz-background-size: auto, cover !important; -moz-background-size: auto, cover !important;
-o-background-size: auto, cover !important; -o-background-size: auto, cover !important;
line-height: 1.71428571; line-height: 1.71428571;
background: url(images/caliblur/blur-noise.png), var(--color-background);
color: hsla(0, 0%, 100%, .45); color: hsla(0, 0%, 100%, .45);
font-family: Open Sans Semibold, Helvetica Neue, Helvetica, Arial, sans-serif; font-family: Open Sans Semibold, Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 400; font-weight: 400;
@ -966,7 +960,7 @@ body > div.navbar.navbar-default.navbar-static-top > div > form.search-focus > d
#form-upload .form-group .btn:before { #form-upload .form-group .btn:before {
content: "\e043"; content: "\e043";
font-family: 'Glyphicons Halflings'; font-family: 'Glyphicons Halflings', serif;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: 1; line-height: 1;
@ -991,7 +985,7 @@ body > div.navbar.navbar-default.navbar-static-top > div > form.search-focus > d
#form-upload .form-group .btn:after { #form-upload .form-group .btn:after {
content: "\EA13"; content: "\EA13";
position: absolute; position: absolute;
font-family: plex-icons-new; font-family: plex-icons-new, serif;
font-size: 8px; font-size: 8px;
background: #3c444a; background: #3c444a;
color: hsla(0, 0%, 100%, .7); color: hsla(0, 0%, 100%, .7);
@ -1019,7 +1013,7 @@ body > div.navbar.navbar-default.navbar-static-top > div > form.search-focus > d
text-transform: none; text-transform: none;
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
font-family: plex-icons-new; font-family: plex-icons-new, serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
line-height: 1; line-height: 1;
@ -1075,7 +1069,7 @@ body > div.navbar.navbar-default.navbar-static-top > div > form.search-focus > d
body > div.navbar.navbar-default.navbar-static-top > div > form > div > span > button:before { body > div.navbar.navbar-default.navbar-static-top > div > form > div > span > button:before {
content: "\EA32"; content: "\EA32";
font-family: plex-icons-new; font-family: plex-icons-new, serif;
color: #eee; color: #eee;
background: #555; background: #555;
font-size: 10px; font-size: 10px;
@ -1097,7 +1091,7 @@ body > div.navbar.navbar-default.navbar-static-top > div > form > div > span > b
body > div.navbar.navbar-default.navbar-static-top > div > form:before { body > div.navbar.navbar-default.navbar-static-top > div > form:before {
content: "\EA4F"; content: "\EA4F";
display: block; display: block;
font-family: plex-icons; font-family: plex-icons, serif;
position: absolute; position: absolute;
color: #eee; color: #eee;
font-weight: 400; font-weight: 400;
@ -1120,7 +1114,7 @@ body > div.navbar.navbar-default.navbar-static-top > div > form:before {
body > div.navbar.navbar-default.navbar-static-top > div > form.search-focus > div > span.input-group-btn:before { body > div.navbar.navbar-default.navbar-static-top > div > form.search-focus > div > span.input-group-btn:before {
content: "\EA4F"; content: "\EA4F";
display: block; display: block;
font-family: plex-icons; font-family: plex-icons, serif;
position: absolute; position: absolute;
left: -298px; left: -298px;
top: 8px; top: 8px;
@ -1193,7 +1187,7 @@ body > div.navbar.navbar-default.navbar-static-top > div > div.navbar-collapse.c
body > div.navbar.navbar-default.navbar-static-top > div > div.navbar-collapse.collapse > ul > li > #top_admin > .glyphicon-dashboard::before { body > div.navbar.navbar-default.navbar-static-top > div > div.navbar-collapse.collapse > ul > li > #top_admin > .glyphicon-dashboard::before {
content: "\EA31"; content: "\EA31";
font-family: plex-icons-new; font-family: plex-icons-new, serif;
font-size: 20px font-size: 20px
} }
@ -1272,7 +1266,7 @@ body > div.container-fluid > div > div.col-sm-10 > div > form > a:hover {
user-select: none user-select: none
} }
.navigation li, .navigation li:not(ul>li) { .navigation li, .navigation li:not(ul > li) {
border-radius: 0 4px 4px 0 border-radius: 0 4px 4px 0
} }
@ -1352,32 +1346,32 @@ body > div.container-fluid > div > div.col-sm-10 > div > form > a:hover {
#nav_hot .glyphicon-fire::before { #nav_hot .glyphicon-fire::before {
content: "\1F525"; content: "\1F525";
font-family: glyphicons regular font-family: glyphicons regular, serif
} }
.glyphicon-star:before { .glyphicon-star:before {
content: "\EA10"; content: "\EA10";
font-family: plex-icons-new font-family: plex-icons-new, serif
} }
#nav_rand .glyphicon-random::before { #nav_rand .glyphicon-random::before {
content: "\EA44"; content: "\EA44";
font-family: plex-icons-new font-family: plex-icons-new, serif
} }
.glyphicon-list::before { .glyphicon-list::before {
content: "\EA4D"; content: "\EA4D";
font-family: plex-icons-new font-family: plex-icons-new, serif
} }
#nav_about .glyphicon-info-sign::before { #nav_about .glyphicon-info-sign::before {
content: "\EA26"; content: "\EA26";
font-family: plex-icons-new font-family: plex-icons-new, serif
} }
#nav_cat .glyphicon-inbox::before, .glyphicon-tags::before { #nav_cat .glyphicon-inbox::before, .glyphicon-tags::before {
content: "\E067"; content: "\E067";
font-family: Glyphicons Regular; font-family: Glyphicons Regular, serif;
margin-left: 2px margin-left: 2px
} }
@ -1423,7 +1417,7 @@ body > div.container-fluid > div > div.col-sm-10 > div > form > a:hover {
.navigation .create-shelf a:before { .navigation .create-shelf a:before {
content: "\EA13"; content: "\EA13";
font-family: plex-icons-new; font-family: plex-icons-new, serif;
font-size: 100%; font-size: 100%;
padding-right: 10px; padding-right: 10px;
vertical-align: middle vertical-align: middle
@ -1473,7 +1467,7 @@ body > div.container-fluid > div > div.col-sm-10 > div > form > a:hover {
#books > .cover > a:before, #books_rand > .cover > a:before, .book.isotope-item > .cover > a:before, body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > form > div.col-sm-12 > div.col-sm-12 > div.col-sm-2 > a:before { #books > .cover > a:before, #books_rand > .cover > a:before, .book.isotope-item > .cover > a:before, body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > form > div.col-sm-12 > div.col-sm-12 > div.col-sm-2 > a:before {
content: "\e352"; content: "\e352";
font-family: Glyphicons Regular; font-family: Glyphicons Regular, serif;
background: var(--color-secondary); background: var(--color-secondary);
border-radius: 50%; border-radius: 50%;
font-weight: 400; font-weight: 400;
@ -1521,8 +1515,8 @@ body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > form
top: 0; top: 0;
left: 0; left: 0;
opacity: 0; opacity: 0;
background: -webkit-radial-gradient(50% 50%, farthest-corner, rgba(50, 50, 50, .5) 50%, #323232 100%); background: -webkit-radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%);
background: -o-radial-gradient(50% 50%, farthest-corner, rgba(50, 50, 50, .5) 50%, #323232 100%); background: -o-radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%);
background: radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%); background: radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%);
z-index: -9 z-index: -9
} }
@ -1562,8 +1556,8 @@ body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > form
top: 0; top: 0;
left: 0; left: 0;
opacity: 0; opacity: 0;
background: -webkit-radial-gradient(50% 50%, farthest-corner, rgba(50, 50, 50, .5) 50%, #323232 100%); background: -webkit-radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%);
background: -o-radial-gradient(50% 50%, farthest-corner, rgba(50, 50, 50, .5) 50%, #323232 100%); background: -o-radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%);
background: radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%) background: radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%)
} }
@ -1739,7 +1733,7 @@ body > div.container-fluid > div.row-fluid > div.col-sm-10 {
body.me > div.container-fluid > div.row-fluid > div.col-sm-10:before { body.me > div.container-fluid > div.row-fluid > div.col-sm-10:before {
content: ''; content: '';
font-family: 'Glyphicons Halflings'; font-family: 'Glyphicons Halflings', serif;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-size: 6vw; font-size: 6vw;
@ -1947,7 +1941,7 @@ body > div.container-fluid > div > div.col-sm-10 > div.pagination .page-next > a
body > div.container-fluid > div > div.col-sm-10 > div.pagination .page-previous > a body > div.container-fluid > div > div.col-sm-10 > div.pagination .page-previous > a
{ {
top: 0; top: 0;
font-family: plex-icons-new; font-family: plex-icons-new, serif;
font-weight: 100; font-weight: 100;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
line-height: 60px; line-height: 60px;
@ -2026,7 +2020,7 @@ body.authorlist > div.container-fluid > div > div.col-sm-10 > div.container > di
body.serieslist > div.container-fluid > div > div.col-sm-10:before { body.serieslist > div.container-fluid > div > div.col-sm-10:before {
content: "\e044"; content: "\e044";
font-family: 'Glyphicons Halflings'; font-family: 'Glyphicons Halflings', serif;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: 1; line-height: 1;
@ -2131,7 +2125,7 @@ body > div.container-fluid > div > div.col-sm-10 > div.discover > div.container
body.catlist > div.container-fluid > div.row-fluid > div.col-sm-10:before { body.catlist > div.container-fluid > div.row-fluid > div.col-sm-10:before {
content: "\E067"; content: "\E067";
font-family: Glyphicons Regular; font-family: Glyphicons Regular, serif;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: 1; line-height: 1;
@ -2151,7 +2145,7 @@ body.catlist > div.container-fluid > div.row-fluid > div.col-sm-10:before {
body.authorlist > div.container-fluid > div.row-fluid > div.col-sm-10:before, body.langlist > div.container-fluid > div > div.col-sm-10:before { body.authorlist > div.container-fluid > div.row-fluid > div.col-sm-10:before, body.langlist > div.container-fluid > div > div.col-sm-10:before {
font-family: 'Glyphicons Halflings'; font-family: 'Glyphicons Halflings', serif;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: 1; line-height: 1;
@ -2492,7 +2486,6 @@ body > div.container-fluid > div > div.col-sm-10 > div.col-sm-8 > form > .btn.bt
} }
textarea { textarea {
resize: none;
resize: vertical resize: vertical
} }
@ -2838,7 +2831,7 @@ body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-8 > form
body.advanced_search > div.container-fluid > div > div.col-sm-10 > div.col-sm-8:before { body.advanced_search > div.container-fluid > div > div.col-sm-10 > div.col-sm-8:before {
content: "\EA4F"; content: "\EA4F";
font-family: plex-icons; font-family: plex-icons, serif;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: 1; line-height: 1;
@ -3195,7 +3188,7 @@ div.btn-group[role=group][aria-label="Download, send to Kindle, reading"] > div.
#add-to-shelf > span.glyphicon.glyphicon-list:before { #add-to-shelf > span.glyphicon.glyphicon-list:before {
content: "\EA59"; content: "\EA59";
font-family: plex-icons; font-family: plex-icons, serif;
font-size: 18px font-size: 18px
} }
@ -3207,7 +3200,7 @@ div.btn-group[role=group][aria-label="Download, send to Kindle, reading"] > div.
#read-in-browser > span.glyphicon-eye-open:before, .btn-toolbar > .btn-group > .btn-group > #btnGroupDrop2 > span.glyphicon-eye-open:before { #read-in-browser > span.glyphicon-eye-open:before, .btn-toolbar > .btn-group > .btn-group > #btnGroupDrop2 > span.glyphicon-eye-open:before {
content: "\e352"; content: "\e352";
font-family: Glyphicons Regular; font-family: Glyphicons Regular, serif;
font-size: 18px; font-size: 18px;
padding-right: 5px padding-right: 5px
} }
@ -3219,7 +3212,7 @@ div.btn-group[role=group][aria-label="Download, send to Kindle, reading"] > div.
#btnGroupDrop1 > span.glyphicon-download:before { #btnGroupDrop1 > span.glyphicon-download:before {
font-size: 20px; font-size: 20px;
content: "\ea66"; content: "\ea66";
font-family: plex-icons font-family: plex-icons, serif
} }
.col-sm-10 .book-meta > div.btn-toolbar { .col-sm-10 .book-meta > div.btn-toolbar {
@ -3323,7 +3316,6 @@ div.btn-group[role=group][aria-label="Download, send to Kindle, reading"] .dropd
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .35); -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .35);
box-shadow: 0 4px 10px rgba(0, 0, 0, .35); box-shadow: 0 4px 10px rgba(0, 0, 0, .35);
-o-transition: opacity .15s ease-out, transform .15s cubic-bezier(.6, .4, .2, 1.4); -o-transition: opacity .15s ease-out, transform .15s cubic-bezier(.6, .4, .2, 1.4);
transition: opacity .15s ease-out, transform .15s cubic-bezier(.6, .4, .2, 1.4);
transition: opacity .15s ease-out, transform .15s cubic-bezier(.6, .4, .2, 1.4), -webkit-transform .15s cubic-bezier(.6, .4, .2, 1.4); transition: opacity .15s ease-out, transform .15s cubic-bezier(.6, .4, .2, 1.4), -webkit-transform .15s cubic-bezier(.6, .4, .2, 1.4);
-webkit-transform-origin: center top; -webkit-transform-origin: center top;
-ms-transform-origin: center top; -ms-transform-origin: center top;
@ -3441,7 +3433,7 @@ body > div.container-fluid > div > div.col-sm-10 > div.discover > .btn-primary:l
.book-meta > div.more-stuff > .btn-toolbar > .btn-group[aria-label="Remove from shelves"] > a > .glyphicon-remove:before { .book-meta > div.more-stuff > .btn-toolbar > .btn-group[aria-label="Remove from shelves"] > a > .glyphicon-remove:before {
content: "\ea64"; content: "\ea64";
font-family: plex-icons font-family: plex-icons, serif
} }
body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > form > .col-sm-6 { body > div.container-fluid > div.row-fluid > div.col-sm-10 > div.discover > form > .col-sm-6 {
@ -3555,7 +3547,7 @@ body.shelf > div.container-fluid > div > div.col-sm-10 > div.discover > .shelf-b
body.shelf > div.container-fluid > div > div.col-sm-10 > div.discover > .shelf-btn-group > [data-target="#DeleteShelfDialog"]:before { body.shelf > div.container-fluid > div > div.col-sm-10 > div.discover > .shelf-btn-group > [data-target="#DeleteShelfDialog"]:before {
content: "\EA6D"; content: "\EA6D";
font-family: plex-icons-new; font-family: plex-icons-new, serif;
position: absolute; position: absolute;
color: hsla(0, 0%, 100%, .7); color: hsla(0, 0%, 100%, .7);
font-size: 20px; font-size: 20px;
@ -3585,7 +3577,7 @@ body.shelf > div.container-fluid > div > div.col-sm-10 > div.discover > .shelf-b
body.shelf > div.container-fluid > div > div.col-sm-10 > div.discover > .shelf-btn-group > [href*=edit]:before { body.shelf > div.container-fluid > div > div.col-sm-10 > div.discover > .shelf-btn-group > [href*=edit]:before {
content: "\EA5d"; content: "\EA5d";
font-family: plex-icons; font-family: plex-icons, serif;
position: absolute; position: absolute;
color: hsla(0, 0%, 100%, .7); color: hsla(0, 0%, 100%, .7);
font-size: 20px; font-size: 20px;
@ -3615,7 +3607,7 @@ body.shelf > div.container-fluid > div > div.col-sm-10 > div.discover > .shelf-b
body.shelf > div.container-fluid > div > div.col-sm-10 > div.discover > .shelf-btn-group > [href*=order]:before { body.shelf > div.container-fluid > div > div.col-sm-10 > div.discover > .shelf-btn-group > [href*=order]:before {
content: "\E409"; content: "\E409";
font-family: Glyphicons Regular; font-family: Glyphicons Regular, serif;
position: absolute; position: absolute;
color: hsla(0, 0%, 100%, .7); color: hsla(0, 0%, 100%, .7);
font-size: 20px; font-size: 20px;
@ -3752,7 +3744,7 @@ body > div.navbar.navbar-default.navbar-static-top > div > div.navbar-header > a
.plexBack > a { .plexBack > a {
color: rgba(255, 255, 255, .7); color: rgba(255, 255, 255, .7);
font-family: plex-icons-new; font-family: plex-icons-new, serif;
-webkit-font-variant-ligatures: normal; -webkit-font-variant-ligatures: normal;
font-variant-ligatures: normal; font-variant-ligatures: normal;
line-height: 60px; line-height: 60px;
@ -3864,11 +3856,9 @@ body.login > div.container-fluid > div.row-fluid > div.col-sm-10::before, body.l
-webkit-transform: translateY(-50%); -webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%); -ms-transform: translateY(-50%);
transform: translateY(-50%); transform: translateY(-50%);
border-style: solid;
vertical-align: middle; vertical-align: middle;
-webkit-transition: border .2s, -webkit-transform .4s; -webkit-transition: border .2s, -webkit-transform .4s;
-o-transition: border .2s, transform .4s; -o-transition: border .2s, transform .4s;
transition: border .2s, transform .4s;
transition: border .2s, transform .4s, -webkit-transform .4s; transition: border .2s, transform .4s, -webkit-transform .4s;
margin: 9px 6px margin: 9px 6px
} }
@ -3887,11 +3877,9 @@ body.login > div.container-fluid > div.row-fluid > div.col-sm-10::before, body.l
-webkit-transform: translateY(-50%); -webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%); -ms-transform: translateY(-50%);
transform: translateY(-50%); transform: translateY(-50%);
border-style: solid;
vertical-align: middle; vertical-align: middle;
-webkit-transition: border .2s, -webkit-transform .4s; -webkit-transition: border .2s, -webkit-transform .4s;
-o-transition: border .2s, transform .4s; -o-transition: border .2s, transform .4s;
transition: border .2s, transform .4s;
transition: border .2s, transform .4s, -webkit-transform .4s; transition: border .2s, transform .4s, -webkit-transform .4s;
margin: 12px 6px margin: 12px 6px
} }
@ -3971,7 +3959,7 @@ body.author img.bg-blur[src=undefined] {
body.author:not(.authorlist) .undefined-img:before { body.author:not(.authorlist) .undefined-img:before {
content: "\e008"; content: "\e008";
font-family: 'Glyphicons Halflings'; font-family: 'Glyphicons Halflings', serif;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: 1; line-height: 1;
@ -4120,7 +4108,7 @@ body.shelf.modal-open > .container-fluid {
font-size: 18px; font-size: 18px;
color: #999; color: #999;
display: inline-block; display: inline-block;
font-family: Glyphicons Regular; font-family: Glyphicons Regular, serif;
font-style: normal; font-style: normal;
font-weight: 400 font-weight: 400
} }
@ -4221,7 +4209,7 @@ body.shelf.modal-open > .container-fluid {
#remove-from-shelves > .btn > span:before { #remove-from-shelves > .btn > span:before {
content: "\EA52"; content: "\EA52";
font-family: plex-icons-new; font-family: plex-icons-new, serif;
color: transparent; color: transparent;
padding-left: 5px padding-left: 5px
} }
@ -4233,7 +4221,7 @@ body.shelf.modal-open > .container-fluid {
#remove-from-shelves > a:first-of-type:before { #remove-from-shelves > a:first-of-type:before {
content: "\EA4D"; content: "\EA4D";
font-family: plex-icons-new; font-family: plex-icons-new, serif;
position: absolute; position: absolute;
color: hsla(0, 0%, 100%, .45); color: hsla(0, 0%, 100%, .45);
font-style: normal; font-style: normal;
@ -4273,7 +4261,7 @@ body.shelf.modal-open > .container-fluid {
content: "\E208"; content: "\E208";
padding-right: 10px; padding-right: 10px;
display: block; display: block;
font-family: Glyphicons Regular; font-family: Glyphicons Regular, serif;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
position: absolute; position: absolute;
@ -4284,7 +4272,6 @@ body.shelf.modal-open > .container-fluid {
opacity: .5; opacity: .5;
-webkit-transition: -webkit-transform .3s ease-out; -webkit-transition: -webkit-transform .3s ease-out;
-o-transition: transform .3s ease-out; -o-transition: transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-webkit-transform: translate(0, -60px); -webkit-transform: translate(0, -60px);
-ms-transform: translate(0, -60px); -ms-transform: translate(0, -60px);
@ -4344,7 +4331,7 @@ body.advanced_search > div.container-fluid > div > div.col-sm-10 > div.col-sm-8
.glyphicon-remove:before { .glyphicon-remove:before {
content: "\EA52"; content: "\EA52";
font-family: plex-icons-new; font-family: plex-icons-new, serif;
font-weight: 400 font-weight: 400
} }
@ -4430,7 +4417,7 @@ body.advanced_search > div.container-fluid > div.row-fluid > div.col-sm-10 > div
body:not(.blur) #nav_new:before { body:not(.blur) #nav_new:before {
content: "\EA4F"; content: "\EA4F";
font-family: plex-icons; font-family: plex-icons, serif;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: 1; line-height: 1;
@ -4456,7 +4443,7 @@ body.advanced_search > div.container-fluid > div.row-fluid > div.col-sm-10 > div
color: hsla(0, 0%, 100%, .7); color: hsla(0, 0%, 100%, .7);
cursor: pointer; cursor: pointer;
display: block; display: block;
font-family: plex-icons-new; font-family: plex-icons-new, serif;
font-size: 20px; font-size: 20px;
font-stretch: 100%; font-stretch: 100%;
font-style: normal; font-style: normal;
@ -4552,12 +4539,12 @@ body.admin > div.container-fluid > div > div.col-sm-10 > div.container-fluid > d
} }
body.admin > div.container-fluid > div > div.col-sm-10 > div.container-fluid > div.row > div.col .table > tbody > tr > td, body.admin > div.container-fluid > div > div.col-sm-10 > div.container-fluid > div.row > div.col .table > tbody > tr > th, body.admin > div.container-fluid > div > div.col-sm-10 > div.discover > .table > tbody > tr > td, body.admin > div.container-fluid > div > div.col-sm-10 > div.discover > .table > tbody > tr > th { body.admin > div.container-fluid > div > div.col-sm-10 > div.container-fluid > div.row > div.col .table > tbody > tr > td, body.admin > div.container-fluid > div > div.col-sm-10 > div.container-fluid > div.row > div.col .table > tbody > tr > th, body.admin > div.container-fluid > div > div.col-sm-10 > div.discover > .table > tbody > tr > td, body.admin > div.container-fluid > div > div.col-sm-10 > div.discover > .table > tbody > tr > th {
border: collapse border: collapse;
} }
body.edituser.admin > div.container-fluid > div.row-fluid > div.col-sm-10::before, body.newuser.admin > div.container-fluid > div.row-fluid > div.col-sm-10::before { body.edituser.admin > div.container-fluid > div.row-fluid > div.col-sm-10::before, body.newuser.admin > div.container-fluid > div.row-fluid > div.col-sm-10::before {
content: ''; content: '';
font-family: 'Glyphicons Halflings'; font-family: 'Glyphicons Halflings', serif;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-size: 6vw; font-size: 6vw;
@ -4661,7 +4648,7 @@ body.edituser.admin > div.container-fluid > div.row-fluid > div.col-sm-10 > div.
content: "\e352"; content: "\e352";
display: inline-block; display: inline-block;
position: absolute; position: absolute;
font-family: Glyphicons Regular; font-family: Glyphicons Regular, serif;
background: var(--color-secondary); background: var(--color-secondary);
color: #fff; color: #fff;
border-radius: 50%; border-radius: 50%;
@ -4699,8 +4686,8 @@ body.edituser.admin > div.container-fluid > div.row-fluid > div.col-sm-10 > div.
top: 0; top: 0;
left: 0; left: 0;
opacity: 0; opacity: 0;
background: -webkit-radial-gradient(50% 50%, farthest-corner, rgba(50, 50, 50, .5) 50%, #323232 100%); background: -webkit-radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%);
background: -o-radial-gradient(50% 50%, farthest-corner, rgba(50, 50, 50, .5) 50%, #323232 100%); background: -o-radial-gradient(farthest-corner 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%);
background: radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%) background: radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%)
} }
@ -4752,7 +4739,7 @@ body.admin td > a:hover {
.glyphicon-ok::before { .glyphicon-ok::before {
content: "\EA55"; content: "\EA55";
font-family: plex-icons-new; font-family: plex-icons-new, serif;
font-weight: 400 font-weight: 400
} }
@ -4821,7 +4808,7 @@ body:not(.blur):not(.login):not(.me):not(.author):not(.editbook):not(.upload):no
background-position: center center, center center, center center !important; background-position: center center, center center, center center !important;
background-size: auto, auto, cover !important; background-size: auto, auto, cover !important;
-webkit-background-size: auto, auto, cover !important; -webkit-background-size: auto, auto, cover !important;
-moz-background-size: autom, auto, cover !important; -moz-background-size: auto, auto, cover !important;
-o-background-size: auto, auto, cover !important; -o-background-size: auto, auto, cover !important;
width: 100%; width: 100%;
height: 60px; height: 60px;
@ -4887,7 +4874,6 @@ body.read:not(.blur) a[href*=readbooks] {
.tooltip.in { .tooltip.in {
opacity: 1; opacity: 1;
-o-transition: opacity .15s ease-out, transform .15s cubic-bezier(.6, .4, .2, 1.4); -o-transition: opacity .15s ease-out, transform .15s cubic-bezier(.6, .4, .2, 1.4);
transition: opacity .15s ease-out, transform .15s cubic-bezier(.6, .4, .2, 1.4);
transition: opacity .15s ease-out, transform .15s cubic-bezier(.6, .4, .2, 1.4), -webkit-transform .15s cubic-bezier(.6, .4, .2, 1.4); transition: opacity .15s ease-out, transform .15s cubic-bezier(.6, .4, .2, 1.4), -webkit-transform .15s cubic-bezier(.6, .4, .2, 1.4);
-webkit-transform: translate(0) scale(1); -webkit-transform: translate(0) scale(1);
-ms-transform: translate(0) scale(1); -ms-transform: translate(0) scale(1);
@ -4987,7 +4973,7 @@ body.editbook > div.container-fluid > div.row-fluid > div.col-sm-10 > form > div
body.editbook > div.container-fluid > div.row-fluid > div.col-sm-10 > form > div.col-sm-3 > div.text-center > #delete:before, body.upload > div.container-fluid > div.row-fluid > div.col-sm-10 > form > div.col-sm-3 > div.text-center > #delete:before { body.editbook > div.container-fluid > div.row-fluid > div.col-sm-10 > form > div.col-sm-3 > div.text-center > #delete:before, body.upload > div.container-fluid > div.row-fluid > div.col-sm-10 > form > div.col-sm-3 > div.text-center > #delete:before {
content: "\EA6D"; content: "\EA6D";
font-family: plex-icons-new; font-family: plex-icons-new, serif;
font-size: 18px; font-size: 18px;
color: hsla(0, 0%, 100%, .7) color: hsla(0, 0%, 100%, .7)
} }
@ -5072,7 +5058,7 @@ body.tasks > div.container-fluid > div > div.col-sm-10 > div.discover > div.boot
body.tasks > div.container-fluid > div > div.col-sm-10 > div.discover > div.bootstrap-table > div.fixed-table-container > div.fixed-table-body > #table > thead > tr > th > .th-inner.asc:after { body.tasks > div.container-fluid > div > div.col-sm-10 > div.discover > div.bootstrap-table > div.fixed-table-container > div.fixed-table-body > #table > thead > tr > th > .th-inner.asc:after {
content: "\EA58"; content: "\EA58";
font-family: plex-icons-new; font-family: plex-icons-new, serif;
font-weight: 400; font-weight: 400;
right: 20px; right: 20px;
position: absolute position: absolute
@ -5080,7 +5066,7 @@ body.tasks > div.container-fluid > div > div.col-sm-10 > div.discover > div.boot
body.tasks > div.container-fluid > div > div.col-sm-10 > div.discover > div.bootstrap-table > div.fixed-table-container > div.fixed-table-body > #table > thead > tr > th > .th-inner.desc:after { body.tasks > div.container-fluid > div > div.col-sm-10 > div.discover > div.bootstrap-table > div.fixed-table-container > div.fixed-table-body > #table > thead > tr > th > .th-inner.desc:after {
content: "\EA57"; content: "\EA57";
font-family: plex-icons-new; font-family: plex-icons-new, serif;
font-weight: 400; font-weight: 400;
right: 20px; right: 20px;
position: absolute position: absolute
@ -5143,7 +5129,7 @@ body.tasks > div.container-fluid > div > div.col-sm-10 > div.discover > div.boot
.epub-back:before { .epub-back:before {
content: "\EA1C"; content: "\EA1C";
font-family: plex-icons-new; font-family: plex-icons-new, serif;
font-weight: 400; font-weight: 400;
color: #4f4f4f; color: #4f4f4f;
position: absolute; position: absolute;
@ -5306,7 +5292,7 @@ body.editbook > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm
body.editbook > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-3 > div.text-center > #delete:before, body.upload > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-3 > div.text-center > #delete:before { body.editbook > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-3 > div.text-center > #delete:before, body.upload > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm-3 > div.text-center > #delete:before {
content: "\EA6D"; content: "\EA6D";
font-family: plex-icons-new; font-family: plex-icons-new, serif;
font-size: 18px; font-size: 18px;
color: hsla(0, 0%, 100%, .7); color: hsla(0, 0%, 100%, .7);
vertical-align: super vertical-align: super
@ -5466,7 +5452,7 @@ body.editbook > div.container-fluid > div.row-fluid > div.col-sm-10 > div.col-sm
#main-nav + #scnd-nav .create-shelf a:before { #main-nav + #scnd-nav .create-shelf a:before {
content: "\EA13"; content: "\EA13";
font-family: plex-icons-new; font-family: plex-icons-new, serif;
font-size: 100%; font-size: 100%;
padding-right: 10px; padding-right: 10px;
vertical-align: middle vertical-align: middle
@ -5511,7 +5497,7 @@ body.admin.modal-open .navbar {
content: "\E208"; content: "\E208";
padding-right: 10px; padding-right: 10px;
display: block; display: block;
font-family: Glyphicons Regular; font-family: Glyphicons Regular, serif;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
position: absolute; position: absolute;
@ -5522,7 +5508,6 @@ body.admin.modal-open .navbar {
opacity: .5; opacity: .5;
-webkit-transition: -webkit-transform .3s ease-out; -webkit-transition: -webkit-transform .3s ease-out;
-o-transition: transform .3s ease-out; -o-transition: transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-webkit-transform: translate(0, -60px); -webkit-transform: translate(0, -60px);
-ms-transform: translate(0, -60px); -ms-transform: translate(0, -60px);
@ -5576,22 +5561,22 @@ body.admin.modal-open .navbar {
#RestartDialog > .modal-dialog > .modal-content > .modal-header:before { #RestartDialog > .modal-dialog > .modal-content > .modal-header:before {
content: "\EA4F"; content: "\EA4F";
font-family: plex-icons-new font-family: plex-icons-new, serif
} }
#ShutdownDialog > .modal-dialog > .modal-content > .modal-header:before { #ShutdownDialog > .modal-dialog > .modal-content > .modal-header:before {
content: "\E064"; content: "\E064";
font-family: glyphicons regular font-family: glyphicons regular, serif
} }
#StatusDialog > .modal-dialog > .modal-content > .modal-header:before { #StatusDialog > .modal-dialog > .modal-content > .modal-header:before {
content: "\EA15"; content: "\EA15";
font-family: plex-icons-new font-family: plex-icons-new, serif
} }
#deleteModal > .modal-dialog > .modal-content > .modal-header:before { #deleteModal > .modal-dialog > .modal-content > .modal-header:before {
content: "\EA6D"; content: "\EA6D";
font-family: plex-icons-new font-family: plex-icons-new, serif
} }
#RestartDialog > .modal-dialog > .modal-content > .modal-header:after { #RestartDialog > .modal-dialog > .modal-content > .modal-header:after {
@ -6073,7 +6058,7 @@ body.edituser.admin > div.container-fluid > div.row-fluid > div.col-sm-10 > div.
body > div.navbar.navbar-default.navbar-static-top > div > form.search-focus > div > span.input-group-btn:before { body > div.navbar.navbar-default.navbar-static-top > div > form.search-focus > div > span.input-group-btn:before {
content: "\EA33"; content: "\EA33";
display: block; display: block;
font-family: plex-icons-new; font-family: plex-icons-new, serif;
position: fixed; position: fixed;
left: 0; left: 0;
top: 0; top: 0;
@ -6225,7 +6210,7 @@ body.edituser.admin > div.container-fluid > div.row-fluid > div.col-sm-10 > div.
#form-upload .form-group .btn:before { #form-upload .form-group .btn:before {
content: "\e043"; content: "\e043";
font-family: 'Glyphicons Halflings'; font-family: 'Glyphicons Halflings', serif;
line-height: 1; line-height: 1;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
color: #fff; color: #fff;
@ -6243,7 +6228,7 @@ body.edituser.admin > div.container-fluid > div.row-fluid > div.col-sm-10 > div.
#form-upload .form-group .btn:after { #form-upload .form-group .btn:after {
content: "\EA13"; content: "\EA13";
position: absolute; position: absolute;
font-family: plex-icons-new; font-family: plex-icons-new, serif;
font-size: 8px; font-size: 8px;
background: #3c444a; background: #3c444a;
color: #fff; color: #fff;
@ -6305,7 +6290,7 @@ body.edituser.admin > div.container-fluid > div.row-fluid > div.col-sm-10 > div.
#top_admin > .glyphicon, #top_tasks > .glyphicon-tasks { #top_admin > .glyphicon, #top_tasks > .glyphicon-tasks {
position: relative; position: relative;
top: 0; top: 0;
font-family: 'Glyphicons Halflings'; font-family: 'Glyphicons Halflings', serif;
line-height: 1; line-height: 1;
border-radius: 0; border-radius: 0;
background: 0 0; background: 0 0;
@ -6324,7 +6309,7 @@ body.edituser.admin > div.container-fluid > div.row-fluid > div.col-sm-10 > div.
#top_tasks > .glyphicon-tasks::before, body > div.navbar.navbar-default.navbar-static-top > div > div.navbar-collapse.collapse > ul > li > #top_admin > .glyphicon-dashboard::before { #top_tasks > .glyphicon-tasks::before, body > div.navbar.navbar-default.navbar-static-top > div > div.navbar-collapse.collapse > ul > li > #top_admin > .glyphicon-dashboard::before {
text-transform: none; text-transform: none;
font-family: plex-icons-new; font-family: plex-icons-new, serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
@ -6649,7 +6634,7 @@ body.edituser.admin > div.container-fluid > div.row-fluid > div.col-sm-10 > div.
.author > .container-fluid > .row-fluid > .col-sm-10 > h2:after { .author > .container-fluid > .row-fluid > .col-sm-10 > h2:after {
content: "\e008"; content: "\e008";
font-family: 'Glyphicons Halflings'; font-family: 'Glyphicons Halflings', serif;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: 1; line-height: 1;
@ -6854,7 +6839,7 @@ body.edituser.admin > div.container-fluid > div.row-fluid > div.col-sm-10 > div.
color: hsla(0, 0%, 100%, .7); color: hsla(0, 0%, 100%, .7);
cursor: pointer; cursor: pointer;
display: block; display: block;
font-family: plex-icons-new; font-family: plex-icons-new, serif;
font-size: 20px; font-size: 20px;
font-stretch: 100%; font-stretch: 100%;
font-style: normal; font-style: normal;
@ -7025,11 +7010,9 @@ body.edituser.admin > div.container-fluid > div.row-fluid > div.col-sm-10 > div.
-webkit-transform: translateY(-50%); -webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%); -ms-transform: translateY(-50%);
transform: translateY(-50%); transform: translateY(-50%);
border-style: solid;
vertical-align: middle; vertical-align: middle;
-webkit-transition: border .2s, -webkit-transform .4s; -webkit-transition: border .2s, -webkit-transform .4s;
-o-transition: border .2s, transform .4s; -o-transition: border .2s, transform .4s;
transition: border .2s, transform .4s;
transition: border .2s, transform .4s, -webkit-transform .4s; transition: border .2s, transform .4s, -webkit-transform .4s;
margin: 12px 6px margin: 12px 6px
} }
@ -7048,18 +7031,16 @@ body.edituser.admin > div.container-fluid > div.row-fluid > div.col-sm-10 > div.
-webkit-transform: translateY(-50%); -webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%); -ms-transform: translateY(-50%);
transform: translateY(-50%); transform: translateY(-50%);
border-style: solid;
vertical-align: middle; vertical-align: middle;
-webkit-transition: border .2s, -webkit-transform .4s; -webkit-transition: border .2s, -webkit-transform .4s;
-o-transition: border .2s, transform .4s; -o-transition: border .2s, transform .4s;
transition: border .2s, transform .4s;
transition: border .2s, transform .4s, -webkit-transform .4s; transition: border .2s, transform .4s, -webkit-transform .4s;
margin: 9px 6px margin: 9px 6px
} }
body.author:not(.authorlist) .blur-wrapper:before, body.author > .container-fluid > .row-fluid > .col-sm-10 > h2:after { body.author:not(.authorlist) .blur-wrapper:before, body.author > .container-fluid > .row-fluid > .col-sm-10 > h2:after {
content: "\e008"; content: "\e008";
font-family: 'Glyphicons Halflings'; font-family: 'Glyphicons Halflings', serif;
font-weight: 400; font-weight: 400;
z-index: 9; z-index: 9;
line-height: 1; line-height: 1;
@ -7390,7 +7371,6 @@ body.edituser.admin > div.container-fluid > div.row-fluid > div.col-sm-10 > div.
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform .5s; -webkit-transition: -webkit-transform .5s;
-o-transition: transform .5s; -o-transition: transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s; transition: transform .5s, -webkit-transform .5s;
z-index: 99 z-index: 99
} }
@ -7405,7 +7385,6 @@ body.edituser.admin > div.container-fluid > div.row-fluid > div.col-sm-10 > div.
transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0);
-webkit-transition: -webkit-transform .5s; -webkit-transition: -webkit-transform .5s;
-o-transition: transform .5s; -o-transition: transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s; transition: transform .5s, -webkit-transform .5s;
top: 0; top: 0;
margin: 0; margin: 0;
@ -7444,7 +7423,7 @@ body.edituser.admin > div.container-fluid > div.row-fluid > div.col-sm-10 > div.
text-align: center; text-align: center;
min-width: 40px; min-width: 40px;
pointer-events: none; pointer-events: none;
color: # // color: #
} }
.col-xs-12 > .row > .col-xs-10 { .col-xs-12 > .row > .col-xs-10 {
@ -7555,7 +7534,7 @@ body.edituser.admin > div.container-fluid > div.row-fluid > div.col-sm-10 > div.
body.publisherlist > div.container-fluid > div > div.col-sm-10:before { body.publisherlist > div.container-fluid > div > div.col-sm-10:before {
content: "\e241"; content: "\e241";
font-family: 'Glyphicons Halflings'; font-family: 'Glyphicons Halflings', serif;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: 1; line-height: 1;
@ -7575,7 +7554,7 @@ body.publisherlist > div.container-fluid > div > div.col-sm-10:before {
body.ratingslist > div.container-fluid > div > div.col-sm-10:before { body.ratingslist > div.container-fluid > div > div.col-sm-10:before {
content: "\e007"; content: "\e007";
font-family: 'Glyphicons Halflings'; font-family: 'Glyphicons Halflings', serif;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: 1; line-height: 1;
@ -7601,7 +7580,7 @@ body.ratingslist > div.container-fluid > div > div.col-sm-10:before {
body.formatslist > div.container-fluid > div > div.col-sm-10:before { body.formatslist > div.container-fluid > div > div.col-sm-10:before {
content: "\e022"; content: "\e022";
font-family: 'Glyphicons Halflings'; font-family: 'Glyphicons Halflings', serif;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: 1; line-height: 1;
@ -7776,7 +7755,7 @@ body.mailset > div.container-fluid > div > div.col-sm-10 > div.discover .editabl
body.mailset > div.container-fluid > div > div.col-sm-10 > div.discover .glyphicon-trash:before { body.mailset > div.container-fluid > div > div.col-sm-10 > div.discover .glyphicon-trash:before {
content: "\EA6D"; content: "\EA6D";
font-family: plex-icons-new font-family: plex-icons-new, serif
} }
#DeleteDomain { #DeleteDomain {
@ -7799,7 +7778,7 @@ body.mailset > div.container-fluid > div > div.col-sm-10 > div.discover .glyphic
content: "\E208"; content: "\E208";
padding-right: 10px; padding-right: 10px;
display: block; display: block;
font-family: Glyphicons Regular; font-family: Glyphicons Regular, serif;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
position: absolute; position: absolute;
@ -7810,7 +7789,6 @@ body.mailset > div.container-fluid > div > div.col-sm-10 > div.discover .glyphic
opacity: .5; opacity: .5;
-webkit-transition: -webkit-transform .3s ease-out; -webkit-transition: -webkit-transform .3s ease-out;
-o-transition: transform .3s ease-out; -o-transition: transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-webkit-transform: translate(0, -60px); -webkit-transform: translate(0, -60px);
-ms-transform: translate(0, -60px); -ms-transform: translate(0, -60px);
@ -7849,7 +7827,7 @@ body.mailset > div.container-fluid > div > div.col-sm-10 > div.discover .glyphic
#DeleteDomain > .modal-dialog > .modal-content > .modal-header:before { #DeleteDomain > .modal-dialog > .modal-content > .modal-header:before {
content: "\EA6D"; content: "\EA6D";
font-family: plex-icons-new; font-family: plex-icons-new, serif;
padding-right: 10px; padding-right: 10px;
font-size: 18px; font-size: 18px;
color: #999; color: #999;

34
cps/static/css/main.css
View File

@ -25,10 +25,9 @@ body {
overflow: hidden; overflow: hidden;
-webkit-transition: -webkit-transform 0.4s, width 0.2s; -webkit-transition: -webkit-transform 0.4s, width 0.2s;
-moz-transition: -webkit-transform 0.4s, width 0.2s; -moz-transition: -webkit-transform 0.4s, width 0.2s;
-ms-transition: -webkit-transform 0.4s, width 0.2s; transition: -webkit-transform 0.4s, width 0.2s;
-moz-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.1);
-ms-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.1);
} }
@ -45,7 +44,7 @@ body {
text-align: center; text-align: center;
-webkit-transition: opacity 0.5s; -webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s; -moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s; transition: opacity 0.5s;
z-index: 10; z-index: 10;
} }
@ -79,7 +78,6 @@ body {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
-moz-box-shadow: inset 0 0 6px rgba(155, 155, 155, 0.8); -moz-box-shadow: inset 0 0 6px rgba(155, 155, 155, 0.8);
-webkit-box-shadow: inset 0 0 6px rgba(155, 155, 155, 0.8); -webkit-box-shadow: inset 0 0 6px rgba(155, 155, 155, 0.8);
-ms-box-shadow: inset 0 0 6px rgba(155, 155, 155, 0.8);
box-shadow: inset 0 0 6px rgba(155, 155, 155, 0.8); box-shadow: inset 0 0 6px rgba(155, 155, 155, 0.8);
} }
@ -121,7 +119,6 @@ body {
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
-webkit-user-select: none; -webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
@ -147,7 +144,7 @@ body {
height: 100%; height: 100%;
-webkit-transition: -webkit-transform 0.5s; -webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s; -moz-transition: -moz-transform 0.5s;
-ms-transition: -moz-transform 0.5s; transition: -moz-transform 0.5s;
overflow: hidden; overflow: hidden;
} }
@ -183,7 +180,6 @@ body {
height: 14px; height: 14px;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
} }
@ -232,7 +228,6 @@ body {
input::-webkit-input-placeholder { color: #454545; } input::-webkit-input-placeholder { color: #454545; }
input:-moz-placeholder { color: #454545; } input:-moz-placeholder { color: #454545; }
input:-ms-placeholder { color: #454545; }
#divider { #divider {
position: absolute; position: absolute;
@ -268,18 +263,18 @@ input:-ms-placeholder { color: #454545; }
width: 25%; width: 25%;
height: 100%; height: 100%;
visibility: hidden; visibility: hidden;
-webkit-transition: visibility 0 ease 0.5s; -webkit-transition: visibility 0s ease 0.5s;
-moz-transition: visibility 0 ease 0.5s; -moz-transition: visibility 0s ease 0.5s;
-ms-transition: visibility 0 ease 0.5s; transition: visibility 0s ease 0.5s;
} }
#sidebar.open #tocView, #sidebar.open #tocView,
#sidebar.open #bookmarksView { #sidebar.open #bookmarksView {
overflow-y: auto; overflow-y: auto;
visibility: visible; visibility: visible;
-webkit-transition: visibility 0 ease 0; -webkit-transition: visibility 0s ease 0s;
-moz-transition: visibility 0 ease 0; -moz-transition: visibility 0s ease 0s;
-ms-transition: visibility 0 ease 0; transition: visibility 0s ease 0s;
} }
#sidebar.open #tocView { #sidebar.open #tocView {
@ -495,9 +490,8 @@ input:-ms-placeholder { color: #454545; }
position: fixed; position: fixed;
top: 50%; top: 50%;
left: 50%; left: 50%;
width: 50%; // width: 50%;
width: 630px; width: 630px;
height: auto; height: auto;
z-index: 2000; z-index: 2000;
visibility: hidden; visibility: hidden;
@ -518,7 +512,6 @@ input:-ms-placeholder { color: #454545; }
background: rgba(255, 255, 255, 0.8); background: rgba(255, 255, 255, 0.8);
-webkit-transition: all 0.3s; -webkit-transition: all 0.3s;
-moz-transition: all 0.3s; -moz-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s; transition: all 0.3s;
} }
@ -588,7 +581,6 @@ input:-ms-placeholder { color: #454545; }
opacity: 0; opacity: 0;
-webkit-transition: all 0.3s; -webkit-transition: all 0.3s;
-moz-transition: all 0.3s; -moz-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s; transition: all 0.3s;
} }
@ -601,7 +593,7 @@ input:-ms-placeholder { color: #454545; }
} }
.md-content > .closer { .md-content > .closer {
font-size: 18px; //font-size: 18px;
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
@ -663,7 +655,7 @@ input:-ms-placeholder { color: #454545; }
-ms-transform: translate(0, 0); -ms-transform: translate(0, 0);
-webkit-transition: -webkit-transform .3s; -webkit-transition: -webkit-transform .3s;
-moz-transition: -moz-transform .3s; -moz-transition: -moz-transform .3s;
-ms-transition: -moz-transform .3s; transition: -moz-transform .3s;
} }
#main.closed { #main.closed {
@ -778,7 +770,7 @@ and (orientation : landscape)
} }
[class^="icon-"]:before, [class*=" icon-"]:before { [class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello"; font-family: "fontello", serif;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
speak: none; speak: none;

8
cps/static/css/style.css
View File

@ -241,7 +241,7 @@ span.glyphicon.glyphicon-tags {
.button-link {color: #fff; } .button-link {color: #fff; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{ background-color: #1C5484; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{ background-color: #1C5484; }
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #89B9E2; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #89B9E2; }
.btn-toolbar>.btn+.btn, .btn-toolbar>.btn-group+.btn, .btn-toolbar>.btn+.btn-group, .btn-toolbar>.btn-group+.btn-group { margin-left: 0px; } .btn-toolbar>.btn+.btn, .btn-toolbar>.btn-group+.btn, .btn-toolbar>.btn+.btn-group, .btn-toolbar>.btn-group+.btn-group { margin-left: 0; }
.panel-body {background-color: #f5f5f5; } .panel-body {background-color: #f5f5f5; }
.spinner {margin: 0 41%; } .spinner {margin: 0 41%; }
.spinner2 {margin: 0 41%; } .spinner2 {margin: 0 41%; }
@ -311,11 +311,11 @@ input.pill:not(:checked) + label .glyphicon { display: none; }
.editable-input { display:inline-block; } .editable-input { display:inline-block; }
.editable-cancel { .editable-cancel {
margin-bottom: 0px !important; margin-bottom: 0 !important;
margin-left: 7px !important; margin-left: 7px !important;
} }
.editable-submit { margin-bottom: 0px !important; } .editable-submit { margin-bottom: 0 !important; }
.filterheader { margin-bottom: 20px; } .filterheader { margin-bottom: 20px; }
.errorlink { margin-top: 20px; } .errorlink { margin-top: 20px; }
.emailconfig { margin-top: 10px; } .emailconfig { margin-top: 10px; }
@ -326,7 +326,7 @@ input.pill:not(:checked) + label .glyphicon { display: none; }
} }
div.log { div.log {
font-family: Courier New; font-family: Courier New, serif;
font-size: 12px; font-size: 12px;
box-sizing: border-box; box-sizing: border-box;
height: 700px; height: 700px;

11
cps/static/js/filter_list.js
View File

@ -19,16 +19,9 @@ var direction = 0; // Descending order
var sort = 0; // Show sorted entries var sort = 0; // Show sorted entries
$("#sort_name").click(function() { $("#sort_name").click(function() {
var class_name = $("h1").attr('Class') + "_sort_name"; var className = $("h1").attr("Class") + "_sort_name";
var obj = {}; var obj = {};
obj[class_name] = sort; obj[className] = sort;
/*$.ajax({
method:"post",
contentType: "application/json; charset=utf-8",
dataType: "json",
url: window.location.pathname + "/../../ajax/view",
data: JSON.stringify({obj}),
});*/
var count = 0; var count = 0;
var index = 0; var index = 0;

60
cps/static/js/table.js
View File

@ -45,14 +45,13 @@ $(function() {
if (selections.length < 1) { if (selections.length < 1) {
$("#delete_selection").addClass("disabled"); $("#delete_selection").addClass("disabled");
$("#delete_selection").attr("aria-disabled", true); $("#delete_selection").attr("aria-disabled", true);
} } else {
else{
$("#delete_selection").removeClass("disabled"); $("#delete_selection").removeClass("disabled");
$("#delete_selection").attr("aria-disabled", false); $("#delete_selection").attr("aria-disabled", false);
} }
}); });
$("#delete_selection").click(function() { $("#delete_selection").click(function() {
$("#books-table").bootstrapTable('uncheckAll'); $("#books-table").bootstrapTable("uncheckAll");
}); });
$("#merge_confirm").click(function() { $("#merge_confirm").click(function() {
@ -63,8 +62,8 @@ $(function() {
url: window.location.pathname + "/../../ajax/mergebooks", url: window.location.pathname + "/../../ajax/mergebooks",
data: JSON.stringify({"Merge_books":selections}), data: JSON.stringify({"Merge_books":selections}),
success: function success() { success: function success() {
$('#books-table').bootstrapTable('refresh'); $("#books-table").bootstrapTable("refresh");
$("#books-table").bootstrapTable('uncheckAll'); $("#books-table").bootstrapTable("uncheckAll");
} }
}); });
}); });
@ -76,11 +75,11 @@ $(function() {
dataType: "json", dataType: "json",
url: window.location.pathname + "/../../ajax/simulatemerge", url: window.location.pathname + "/../../ajax/simulatemerge",
data: JSON.stringify({"Merge_books":selections}), data: JSON.stringify({"Merge_books":selections}),
success: function success(book_titles) { success: function success(booTitles) {
$.each(book_titles.from, function(i, item) { $.each(booTitles.from, function(i, item) {
$("<span>- " + item + "</span>").appendTo("#merge_from"); $("<span>- " + item + "</span>").appendTo("#merge_from");
}); });
$('#merge_to').text("- " + book_titles.to); $("#merge_to").text("- " + booTitles.to);
} }
}); });
@ -126,34 +125,35 @@ $(function() {
formatNoMatches: function () { formatNoMatches: function () {
return ""; return "";
}, },
// eslint-disable-next-line no-unused-vars
onEditableSave: function (field, row, oldvalue, $el) { onEditableSave: function (field, row, oldvalue, $el) {
if (field === 'title' || field === 'authors') { if (field === "title" || field === "authors") {
$.ajax({ $.ajax({
method:"get", method:"get",
dataType: "json", dataType: "json",
url: window.location.pathname + "/../../ajax/sort_value/" + field + '/' + row.id, url: window.location.pathname + "/../../ajax/sort_value/" + field + "/" + row.id,
success: function success(data) { success: function success(data) {
var key = Object.keys(data)[0] var key = Object.keys(data)[0];
$("#books-table").bootstrapTable('updateCellByUniqueId', { $("#books-table").bootstrapTable("updateCellByUniqueId", {
id: row.id, id: row.id,
field: key, field: key,
value: data[key] value: data[key]
}); });
console.log(data); // console.log(data);
} }
}); });
} }
}, },
// eslint-disable-next-line no-unused-vars
onColumnSwitch: function (field, checked) { onColumnSwitch: function (field, checked) {
var visible = $("#books-table").bootstrapTable('getVisibleColumns'); var visible = $("#books-table").bootstrapTable("getVisibleColumns");
var hidden = $("#books-table").bootstrapTable('getHiddenColumns'); var hidden = $("#books-table").bootstrapTable("getHiddenColumns");
var visibility =[] var st = "";
var st = ""
visible.forEach(function(item) { visible.forEach(function(item) {
st += "\""+ item.field + "\":\"" +"true"+ "\"," st += "\"" + item.field + "\":\"" + "true" + "\",";
}); });
hidden.forEach(function(item) { hidden.forEach(function(item) {
st += "\""+ item.field + "\":\"" +"false"+ "\"," st += "\"" + item.field + "\":\"" + "false" + "\",";
}); });
st = st.slice(0, -1); st = st.slice(0, -1);
$.ajax({ $.ajax({

2
cps/templates/login.html
View File

@ -22,7 +22,7 @@
<button type="submit" name="forgot" value="forgot" class="btn btn-default">{{_('Forgot Password?')}}</button> <button type="submit" name="forgot" value="forgot" class="btn btn-default">{{_('Forgot Password?')}}</button>
{% endif %} {% endif %}
{% if config.config_remote_login %} {% if config.config_remote_login %}
<a href="{{url_for('web.remote_login')}}" class="pull-right">{{_('Log in with Magic Link')}}</a> <a href="{{url_for('remotelogin.remote_login')}}" id="remote_login" class="pull-right">{{_('Log in with Magic Link')}}</a>
{% endif %} {% endif %}
{% if config.config_login_type == 2 %} {% if config.config_login_type == 2 %}
{% if 1 in oauth_check %} {% if 1 in oauth_check %}

4
cps/templates/remote_login.html
View File

@ -4,7 +4,7 @@
<h2 style="margin-top: 0">{{_('Magic Link - Authorise New Device')}}</h2> <h2 style="margin-top: 0">{{_('Magic Link - Authorise New Device')}}</h2>
<p> <p>
{{_('On another device, login and visit:')}} {{_('On another device, login and visit:')}}
<h4><a href="{{verify_url}}">{{verify_url}}</a></b> <h4><a id="verify_url" href="{{verify_url}}">{{verify_url}}</a></b>
</h4> </h4>
<p> <p>
{{_('Once verified, you will automatically be logged in on this device.')}} {{_('Once verified, you will automatically be logged in on this device.')}}
@ -20,7 +20,7 @@
(function () { (function () {
// Poll the server to check if the user has authenticated // Poll the server to check if the user has authenticated
var t = setInterval(function () { var t = setInterval(function () {
$.post('{{url_for("web.token_verified")}}', { token: '{{token}}' }) $.post('{{url_for("remotelogin.token_verified")}}', { token: '{{token}}' })
.done(function(response) { .done(function(response) {
if (response.status === 'success') { if (response.status === 'success') {
// Wait a tick so cookies are updated // Wait a tick so cookies are updated