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 15:18:45 +01:00
parent 22c93e2389
commit 3c35f02cac
2 changed files with 85 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -72,6 +72,21 @@ body {
padding: 3px;
}
.list_item.currentChapter > a,
.list_item a:hover {
color: #f1f1f1;
}
#panels a {
visibility: hidden;
width: 18px;
height: 20px;
overflow: hidden;
display: inline-block;
color: #ccc;
margin-left: 6px;
}
#titlebar a:active {
opacity: 1;
color: rgba(0, 0, 0, 0.6);
@ -189,19 +204,14 @@ body {
#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:hover { color: #aaa; }
.list_item a {
color: #aaa;
text-decoration: none;
}
#panels a:active {
color: #aaa;
margin: 1px 0 -1px 6px;
@ -296,11 +306,6 @@ input:-moz-placeholder { color: #454545; }
list-style: none;
}
.list_item a {
color: #aaa;
text-decoration: none;
}
.list_item a.chapter {
font-size: 1em;
}
@ -309,11 +314,6 @@ input:-moz-placeholder { color: #454545; }
font-size: 0.8em;
}
.list_item.currentChapter > a,
.list_item a:hover {
color: #f1f1f1;
}
/* #tocView li.openChapter > a, */
.list_item a:hover {
color: #e2e2e2;
@ -350,8 +350,8 @@ input:-moz-placeholder { color: #454545; }
margin-right: -4px;
}
.currentChapter > .toc_toggle:before,
.openChapter > .toc_toggle:before {
.currentChapter > .toc_toggle::before,
.openChapter > .toc_toggle::before {
content: '▾';
}
@ -619,7 +619,7 @@ input:-moz-placeholder { color: #454545; }
}
@media only screen and (max-width: 550px) {
#viewer{
#viewer {
width: 80%;
margin-left: 10%;
}
@ -654,11 +654,6 @@ input:-moz-placeholder { color: #454545; }
-ms-transform: translate(260px, 0);
}
#titlebar {
/* font-size: 16px; */
/* margin: 0 50px 0 50px; */
}
#metainfo {
font-size: 10px;
}
@ -678,21 +673,22 @@ input:-moz-placeholder { color: #454545; }
/* For iPad portrait layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
#viewer iframe {
width: 460px;
height: 740px;
}
#viewer iframe {
width: 460px;
height: 740px;
}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation : landscape)
/*and (-webkit-min-device-pixel-ratio: 2)*/ {
#viewer {
width: 80%;
margin-left: 10%;
}
#divider,
#divider.show {
display: none;
@ -701,71 +697,74 @@ and (orientation : landscape)
/*For iPad landscape layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
#viewer iframe {
width: 960px;
height: 515px;
}
#viewer iframe {
width: 960px;
height: 515px;
}
}
/* For iPhone 6\6s portrait layouts only */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation: portrait) {
#viewer {
width: 300px;
height: 480px;
}
#viewer iframe {
width: 300px;
height: 480px;
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
#viewer {
width: 300px;
height: 480px;
}
#viewer iframe {
width: 300px;
height: 480px;
}
}
/* For iPhone 6\6s landscape layouts only */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation: landscape) {
#viewer {
width: 450px;
height: 300px;
}
#viewer iframe {
width: 450px;
height: 300px;
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
#viewer {
width: 450px;
height: 300px;
}
#viewer iframe {
width: 450px;
height: 300px;
}
}
/* For iPhone portrait layouts only */
@media only screen and (max-device-width: 374px) and (orientation: portrait) {
#viewer {
width: 256px;
height: 432px;
}
#viewer iframe {
width: 256px;
height: 432px;
}
#viewer {
width: 256px;
height: 432px;
}
#viewer iframe {
width: 256px;
height: 432px;
}
}
/* For iPhone landscape layouts only */
@media only screen and (max-device-width: 374px) and (orientation: landscape) {
#viewer iframe {
width: 256px;
height: 124px;
}
#viewer iframe {
width: 256px;
height: 124px;
}
}
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello", serif;
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* you can be more comfortable with increased icons size */
font-size: 112%;
[class^="icon-"]::before, [class*=" icon-"]:before {
font-family: "fontello", serif;
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* you can be more comfortable with increased icons size */
font-size: 112%;
}
.icon-search:before { content: '\e807'; } /* '' */

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

@ -56,15 +56,15 @@ $("#asc").click(function() {
$("#all").click(function() {
// go through all elements and make them visible
$list.isotope({ filter: function() {
return true;
}
return true;
}
});
});
$(".char").click(function() {
var character = this.innerText;
$list.isotope({ filter: function() {
return this.attributes["data-id"].value.charAt(0).toUpperCase() == character;
return this.attributes["data-id"].value.charAt(0).toUpperCase() == character;
}
});
});