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

Code cosmetics

Browse Source
This commit is contained in:
Ozzie Isaacs 2021-03-14 16:57:33 +01:00
parent 8c751eb532
commit 42707a19bd
6 changed files with 230 additions and 237 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
cps/static/css/listen.css
View File

@ -66,19 +66,12 @@ body {
right: 40px; right: 40px;
} }
xmp,
pre,
plaintext {
display: block;
font-family: -moz-fixed;
white-space: pre;
margin: 1em 0;
}
pre { pre {
display: block;
margin: 1em 0;
white-space: pre-wrap; white-space: pre-wrap;
word-wrap: break-word; word-wrap: break-word;
font-family: -moz-fixed; font-family: -moz-fixed, sans-serif;
column-count: 2; column-count: 2;
-webkit-columns: 2; -webkit-columns: 2;
-moz-columns: 2; -moz-columns: 2;

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

@ -72,6 +72,16 @@ body {
padding: 3px; padding: 3px;
} }
#panels a {
visibility: hidden;
width: 18px;
height: 20px;
overflow: hidden;
display: inline-block;
color: #ccc;
margin-left: 6px;
}
#titlebar a:active { #titlebar a:active {
opacity: 1; opacity: 1;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
@ -189,19 +199,24 @@ body {
#title-controls { float: right; } #title-controls { float: right; }
#panels a {
visibility: hidden;
width: 18px;
height: 20px;
overflow: hidden;
display: inline-block;
color: #ccc;
margin-left: 6px;
}
#panels a::before { visibility: visible; } #panels a::before { visibility: visible; }
#panels a:hover { color: #aaa; } #panels a:hover { color: #aaa; }
.list_item.currentChapter > a,
.list_item a:hover {
color: #f1f1f1;
}
.list_item a {
color: #aaa;
text-decoration: none;
}
#searchResults a {
color: #aaa;
text-decoration: none;
}
#panels a:active { #panels a:active {
color: #aaa; color: #aaa;
margin: 1px 0 -1px 6px; margin: 1px 0 -1px 6px;
@ -274,6 +289,17 @@ input:-moz-placeholder { color: #454545; }
display: block; display: block;
} }
.list_item ul {
padding-left: 10px;
margin-top: 8px;
display: none;
}
.list_item.currentChapter > ul,
.list_item.openChapter > ul {
display: block;
}
#tocView > ul, #tocView > ul,
#bookmarksView > ul { #bookmarksView > ul {
margin-top: 15px; margin-top: 15px;
@ -291,14 +317,34 @@ input:-moz-placeholder { color: #454545; }
text-transform: capitalize; text-transform: capitalize;
} }
#tocView li:active, .md-content > div ul li {
#tocView li.currentChapter { padding: 5px 0;
}
#settingsPanel li {
font-size: 1em;
color: #f1f1f1;
}
#searchResults li {
margin-bottom: 10px;
width: 225px;
font-family: Georgia, "Times New Roman", Times, serif;
list-style: none; list-style: none;
} }
.list_item a { #notes li {
color: #aaa; color: #eee;
text-decoration: none; font-size: 12px;
width: 240px;
border-top: 1px #fff solid;
padding-top: 6px;
margin-bottom: 6px;
}
#tocView li:active,
#tocView li.currentChapter {
list-style: none;
} }
.list_item a.chapter { .list_item a.chapter {
@ -309,27 +355,11 @@ input:-moz-placeholder { color: #454545; }
font-size: 0.8em; font-size: 0.8em;
} }
.list_item.currentChapter > a,
.list_item a:hover {
color: #f1f1f1;
}
/* #tocView li.openChapter > a, */ /* #tocView li.openChapter > a, */
.list_item a:hover { .list_item a:hover {
color: #e2e2e2; color: #e2e2e2;
} }
.list_item ul {
padding-left: 10px;
margin-top: 8px;
display: none;
}
.list_item.currentChapter > ul,
.list_item.openChapter > ul {
display: block;
}
#tocView.hidden { #tocView.hidden {
display: none; display: none;
} }
@ -344,14 +374,14 @@ input:-moz-placeholder { color: #454545; }
user-select: none; user-select: none;
} }
.toc_toggle:before { .toc_toggle::before {
content: '▸'; content: '▸';
color: #fff; color: #fff;
margin-right: -4px; margin-right: -4px;
} }
.currentChapter > .toc_toggle:before, .currentChapter > .toc_toggle::before,
.openChapter > .toc_toggle:before { .openChapter > .toc_toggle::before {
content: '▾'; content: '▾';
} }
@ -369,18 +399,6 @@ input:-moz-placeholder { color: #454545; }
display: block; display: block;
} }
#searchResults li {
margin-bottom: 10px;
width: 225px;
font-family: Georgia, "Times New Roman", Times, serif;
list-style: none;
}
#searchResults a {
color: #aaa;
text-decoration: none;
}
#searchResults p { #searchResults p {
text-decoration: none; text-decoration: none;
font-size: 12px; font-size: 12px;
@ -392,10 +410,21 @@ input:-moz-placeholder { color: #454545; }
color: #000; color: #000;
} }
.md-content > div p {
margin: 0;
padding: 10px 0;
}
#searchResults li > p { #searchResults li > p {
color: #aaa; color: #aaa;
} }
#notes li a {
color: #fff;
display: inline-block;
margin-left: 6px;
}
#searchResults li a:hover { #searchResults li a:hover {
color: #e2e2e2; color: #e2e2e2;
} }
@ -409,21 +438,6 @@ input:-moz-placeholder { color: #454545; }
padding: 0 0 0 34px; padding: 0 0 0 34px;
} }
#notes li {
color: #eee;
font-size: 12px;
width: 240px;
border-top: 1px #fff solid;
padding-top: 6px;
margin-bottom: 6px;
}
#notes li a {
color: #fff;
display: inline-block;
margin-left: 6px;
}
#notes li a:hover { #notes li a:hover {
text-decoration: underline; text-decoration: underline;
} }
@ -442,7 +456,7 @@ input:-moz-placeholder { color: #454545; }
} }
#note-text[disabled], #note-text[disabled],
#note-text[disabled="disabled"]{ #note-text[disabled="disabled"] {
opacity: 0.5; opacity: 0.5;
} }
@ -455,6 +469,22 @@ input:-moz-placeholder { color: #454545; }
display: none; display: none;
} }
.md-content h3 {
margin: 0;
padding: 6px;
text-align: center;
font-size: 22px;
font-weight: 300;
opacity: 0.8;
background: rgba(0, 0, 0, 0.1);
border-radius: 3px 3px 0 0;
}
.md-content > div ul {
margin: 0;
padding: 0 0 30px 20px;
}
#settingsPanel h3 { #settingsPanel h3 {
color: #f1f1f1; color: #f1f1f1;
font-family: Georgia, "Times New Roman", Times, serif; font-family: Georgia, "Times New Roman", Times, serif;
@ -466,11 +496,6 @@ input:-moz-placeholder { color: #454545; }
list-style-type: none; list-style-type: none;
} }
#settingsPanel li {
font-size: 1em;
color: #f1f1f1;
}
#settingsPanel .xsmall { font-size: x-small; } #settingsPanel .xsmall { font-size: x-small; }
#settingsPanel .small { font-size: small; } #settingsPanel .small { font-size: small; }
#settingsPanel .medium { font-size: medium; } #settingsPanel .medium { font-size: medium; }
@ -525,17 +550,6 @@ input:-moz-placeholder { color: #454545; }
height: 320px; height: 320px;
} }
.md-content h3 {
margin: 0;
padding: 6px;
text-align: center;
font-size: 22px;
font-weight: 300;
opacity: 0.8;
background: rgba(0, 0, 0, 0.1);
border-radius: 3px 3px 0 0;
}
.md-content > div { .md-content > div {
padding: 15px 40px 30px; padding: 15px 40px 30px;
margin: 0; margin: 0;
@ -543,20 +557,6 @@ input:-moz-placeholder { color: #454545; }
font-size: 14px; font-size: 14px;
} }
.md-content > div p {
margin: 0;
padding: 10px 0;
}
.md-content > div ul {
margin: 0;
padding: 0 0 30px 20px;
}
.md-content > div ul li {
padding: 5px 0;
}
.md-content button { .md-content button {
display: block; display: block;
margin: 0 auto; margin: 0 auto;
@ -619,7 +619,7 @@ input:-moz-placeholder { color: #454545; }
} }
@media only screen and (max-width: 550px) { @media only screen and (max-width: 550px) {
#viewer{ #viewer {
width: 80%; width: 80%;
margin-left: 10%; margin-left: 10%;
} }
@ -654,11 +654,6 @@ input:-moz-placeholder { color: #454545; }
-ms-transform: translate(260px, 0); -ms-transform: translate(260px, 0);
} }
#titlebar {
/* font-size: 16px; */
/* margin: 0 50px 0 50px; */
}
#metainfo { #metainfo {
font-size: 10px; font-size: 10px;
} }
@ -685,21 +680,22 @@ input:-moz-placeholder { color: #454545; }
} }
@media only screen @media only screen
and (min-device-width : 768px) and (min-device-width: 768px)
and (max-device-width : 1024px) and (max-device-width: 1024px)
and (orientation : landscape) and (orientation: landscape)
/*and (-webkit-min-device-pixel-ratio: 2)*/ { /* and (-webkit-min-device-pixel-ratio: 2)*/ {
#viewer { #viewer {
width: 80%; width: 80%;
margin-left: 10%; margin-left: 10%;
} }
#divider, #divider,
#divider.show { #divider.show {
display: none; display: none;
} }
} }
/*For iPad landscape layouts only */ /* For iPad landscape layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) { @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
#viewer iframe { #viewer iframe {
width: 960px; width: 960px;
@ -708,11 +704,12 @@ and (orientation : landscape)
} }
/* For iPhone 6\6s portrait layouts only */ /* For iPhone 6\6s portrait layouts only */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation: portrait) { @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
#viewer { #viewer {
width: 300px; width: 300px;
height: 480px; height: 480px;
} }
#viewer iframe { #viewer iframe {
width: 300px; width: 300px;
height: 480px; height: 480px;
@ -720,11 +717,12 @@ and (orientation : landscape)
} }
/* For iPhone 6\6s landscape layouts only */ /* For iPhone 6\6s landscape layouts only */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation: landscape) { @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
#viewer { #viewer {
width: 450px; width: 450px;
height: 300px; height: 300px;
} }
#viewer iframe { #viewer iframe {
width: 450px; width: 450px;
height: 300px; height: 300px;
@ -737,6 +735,7 @@ and (orientation : landscape)
width: 256px; width: 256px;
height: 432px; height: 432px;
} }
#viewer iframe { #viewer iframe {
width: 256px; width: 256px;
height: 432px; height: 432px;
@ -751,7 +750,8 @@ and (orientation : landscape)
} }
} }
[class^="icon-"]:before, [class*=" icon-"]:before { [class^="icon-"]::before,
[class*=" icon-"]::before {
font-family: "fontello", serif; font-family: "fontello", serif;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
@ -761,32 +761,34 @@ and (orientation : landscape)
width: 1em; width: 1em;
margin-right: 0.2em; margin-right: 0.2em;
text-align: center; text-align: center;
/* For safety - reset parent styles, that can break glyph codes*/
/* For safety - reset parent styles, that can break glyph codes */
font-variant: normal; font-variant: normal;
text-transform: none; text-transform: none;
/* you can be more comfortable with increased icons size */ /* you can be more comfortable with increased icons size */
font-size: 112%; font-size: 112%;
} }
.icon-search:before { content: '\e807'; } /* '' */ .icon-search::before { content: '\e807'; } /* '' */
.icon-resize-full-1:before { content: '\e804'; } /* '' */ .icon-resize-full-1::before { content: '\e804'; } /* '' */
.icon-cancel-circled2:before { content: '\e80f'; } /* '' */ .icon-cancel-circled2::before { content: '\e80f'; } /* '' */
.icon-link:before { content: '\e80d'; } /* '' */ .icon-link::before { content: '\e80d'; } /* '' */
.icon-bookmark:before { content: '\e805'; } /* '' */ .icon-bookmark::before { content: '\e805'; } /* '' */
.icon-bookmark-empty:before { content: '\e806'; } /* '' */ .icon-bookmark-empty::before { content: '\e806'; } /* '' */
.icon-download-cloud:before { content: '\e811'; } /* '' */ .icon-download-cloud::before { content: '\e811'; } /* '' */
.icon-edit:before { content: '\e814'; } /* '' */ .icon-edit::before { content: '\e814'; } /* '' */
.icon-menu:before { content: '\e802'; } /* '' */ .icon-menu::before { content: '\e802'; } /* '' */
.icon-cog:before { content: '\e813'; } /* '' */ .icon-cog::before { content: '\e813'; } /* '' */
.icon-resize-full:before { content: '\e812'; } /* '' */ .icon-resize-full::before { content: '\e812'; } /* '' */
.icon-cancel-circled:before { content: '\e80e'; } /* '' */ .icon-cancel-circled::before { content: '\e80e'; } /* '' */
.icon-up-dir:before { content: '\e80c'; } /* '' */ .icon-up-dir::before { content: '\e80c'; } /* '' */
.icon-right-dir:before { content: '\e80b'; } /* '' */ .icon-right-dir::before { content: '\e80b'; } /* '' */
.icon-angle-right:before { content: '\e809'; } /* '' */ .icon-angle-right::before { content: '\e809'; } /* '' */
.icon-angle-down:before { content: '\e80a'; } /* '' */ .icon-angle-down::before { content: '\e80a'; } /* '' */
.icon-right:before { content: '\e815'; } /* '' */ .icon-right::before { content: '\e815'; } /* '' */
.icon-list-1:before { content: '\e803'; } /* '' */ .icon-list-1::before { content: '\e803'; } /* '' */
.icon-list-numbered:before { content: '\e801'; } /* '' */ .icon-list-numbered::before { content: '\e801'; } /* '' */
.icon-columns:before { content: '\e810'; } /* '' */ .icon-columns::before { content: '\e810'; } /* '' */
.icon-list:before { content: '\e800'; } /* '' */ .icon-list::before { content: '\e800'; } /* '' */
.icon-resize-small:before { content: '\e808'; } /* '' */ .icon-resize-small::before { content: '\e808'; } /* '' */

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

@ -28,6 +28,11 @@ html.http-error {
height: 100%; height: 100%;
} }
body {
background: #f2f2f2;
margin-bottom: 40px;
}
.http-error body { .http-error body {
margin: 0; margin: 0;
height: 100%; height: 100%;
@ -41,11 +46,6 @@ html.http-error {
text-align: center; text-align: center;
} }
body {
background: #f2f2f2;
margin-bottom: 40px;
}
body h2 { body h2 {
font-weight: normal; font-weight: normal;
color: #444; color: #444;
@ -56,10 +56,16 @@ a,
.book-remove, .book-remove,
.editable-empty, .editable-empty,
.editable-empty:hover { color: #45b29d; } .editable-empty:hover { color: #45b29d; }
.user-remove:hover { color: #23527c; }
.book-remove:hover { color: #23527c; }
.btn-default a { color: #444; } .btn-default a { color: #444; }
.panel-title > a { text-decoration: none; }
.navigation li a {
color: #444;
text-decoration: none;
display: block;
padding: 10px;
}
.btn-default a:hover { .btn-default a:hover {
color: #45b29d; color: #45b29d;
@ -85,11 +91,17 @@ a.editable-click:hover { border-bottom: None; }
padding-top: 20px; padding-top: 20px;
} }
.navigation li a { .book-meta .tags a { display: inline; }
color: #444; table .bg-primary a { color: #fff; }
table .bg-dark-danger a { color: #fff; }
.book-meta .identifiers a { display: inline; }
.navigation .create-shelf a {
color: #fff;
background: #45b29d;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none; text-decoration: none;
display: block;
padding: 10px;
} }
.navigation li a:hover { .navigation li a:hover {
@ -105,14 +117,6 @@ a.editable-click:hover { border-bottom: None; }
text-align: center; text-align: center;
} }
.navigation .create-shelf a {
color: #fff;
background: #45b29d;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
}
.row.display-flex { .row.display-flex {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -134,17 +138,32 @@ a.editable-click:hover { border-bottom: None; }
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.cover { margin-bottom: 10px; }
.container-fluid .book .cover { .container-fluid .book .cover {
height: 225px; height: 225px;
position: relative; position: relative;
} }
.author-link img {
display: block;
height: 100%;
}
.container-fluid .book .cover span.img { .container-fluid .book .cover span.img {
bottom: 0; bottom: 0;
height: 100%; height: 100%;
position: absolute; position: absolute;
} }
.author-bio img { margin: 0 1em 1em 0; }
.container-fluid .single .cover img {
border: 1px solid #fff;
box-sizing: border-box;
-webkit-box-shadow: 0 5px 8px -6px #777;
-moz-box-shadow: 0 5px 8px -6px #777;
box-shadow: 0 5px 8px -6px #777;
}
.container-fluid .book .cover span img { .container-fluid .book .cover span img {
position: relative; position: relative;
@ -159,6 +178,7 @@ a.editable-click:hover { border-bottom: None; }
} }
.container-fluid .book .meta { margin-top: 10px; } .container-fluid .book .meta { margin-top: 10px; }
.media-body p { text-align: justify; }
.container-fluid .book .meta p { margin: 0; } .container-fluid .book .meta p { margin: 0; }
.container-fluid .book .meta .title { .container-fluid .book .meta .title {
@ -208,20 +228,9 @@ span.glyphicon.glyphicon-tags {
} }
.book-meta { padding-bottom: 20px; } .book-meta { padding-bottom: 20px; }
.book-meta .tags a { display: inline; }
.book-meta .identifiers a { display: inline; }
.container-fluid .single .cover img {
border: 1px solid #fff;
box-sizing: border-box;
-webkit-box-shadow: 0 5px 8px -6px #777;
-moz-box-shadow: 0 5px 8px -6px #777;
box-shadow: 0 5px 8px -6px #777;
}
.navbar-default .navbar-toggle .icon-bar { background-color: #000; } .navbar-default .navbar-toggle .icon-bar { background-color: #000; }
.navbar-default .navbar-toggle { border-color: #000; } .navbar-default .navbar-toggle { border-color: #000; }
.cover { margin-bottom: 10px; }
.cover .badge { .cover .badge {
position: absolute; position: absolute;
@ -308,10 +317,8 @@ table .bg-dark-danger {
background-color: #d9534f; background-color: #d9534f;
color: #fff; color: #fff;
} }
table .bg-dark-danger a { color: #fff; }
table .bg-dark-danger:hover { background-color: #c9302c; } table .bg-dark-danger:hover { background-color: #c9302c; }
table .bg-primary:hover { background-color: #1c5484; } table .bg-primary:hover { background-color: #1c5484; }
table .bg-primary a { color: #fff; }
.block-label { display: block; } .block-label { display: block; }
.fake-input { .fake-input {
@ -345,19 +352,12 @@ input.pill:checked + label {
input.pill:not(:checked) + label .glyphicon { display: none; } input.pill:not(:checked) + label .glyphicon { display: none; }
.author-bio img { margin: 0 1em 1em 0; }
.author-link { .author-link {
display: inline-block; display: inline-block;
margin-top: 10px; margin-top: 10px;
width: 100px; width: 100px;
} }
.author-link img {
display: block;
height: 100%;
}
#remove-from-shelves .btn, #remove-from-shelves .btn,
#shelf-action-errors { margin-left: 5px; } #shelf-action-errors { margin-left: 5px; }
@ -371,7 +371,6 @@ input.pill:not(:checked) + label .glyphicon { display: none; }
} }
.media-list { padding-right: 15px; } .media-list { padding-right: 15px; }
.media-body p { text-align: justify; }
#meta-info img { #meta-info img {
max-height: 150px; max-height: 150px;
@ -384,7 +383,7 @@ input.pill:not(:checked) + label .glyphicon { display: none; }
#btn-upload-format { display: none; } #btn-upload-format { display: none; }
.upload-cover-input-text { display: initial; } .upload-cover-input-text { display: initial; }
#btn-upload-cover { display: none; } #btn-upload-cover { display: none; }
.panel-title > a { text-decoration: none; }
.editable-buttons { .editable-buttons {
display: inline-block; display: inline-block;
margin-left: 7px; margin-left: 7px;
@ -417,4 +416,3 @@ div.log {
white-space: nowrap; white-space: nowrap;
padding: 0.5em; padding: 0.5em;
} }

2
cps/static/js/edit_books.js
View File

@ -265,7 +265,7 @@ $("#search").on("change input.typeahead:selected", function(event) {
} }
}); });
$("#include_tag option:selected").each(function () { $("#include_tag option:selected").each(function () {
$("#exclude_tag").find("[value="+$(this).val() + "]").prop("disabled", true); $("#exclude_tag").find("[value=" + $(this).val() + "]").prop("disabled", true);
}); });
$("#include_tag").selectpicker("refresh"); $("#include_tag").selectpicker("refresh");
$("#exclude_tag").selectpicker("refresh"); $("#exclude_tag").selectpicker("refresh");

2
cps/static/js/filter_grid.js
View File

@ -64,7 +64,7 @@ $("#all").click(function() {
$(".char").click(function() { $(".char").click(function() {
var character = this.innerText; var character = this.innerText;
$list.isotope({ filter: function() { $list.isotope({ filter: function() {
return this.attributes["data-id"].value.charAt(0).toUpperCase() == character; return this.attributes["data-id"].value.charAt(0).toUpperCase() === character;
} }
}); });
}); });

2
cps/static/js/main.js
View File

@ -55,7 +55,7 @@ $(document).on("change", "select[data-control]", function() {
$(document).on("change", "select[data-controlall]", function() { $(document).on("change", "select[data-controlall]", function() {
var $this = $(this); var $this = $(this);
var name = $this.data("controlall"); var name = $this.data("controlall");
var showOrHide = parseInt($this.val()); var showOrHide = parseInt($this.val(), 10);
if (showOrHide) { if (showOrHide) {
$("[data-related=" + name + "]").show(); $("[data-related=" + name + "]").show();
} else { } else {