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:41:36 +01:00
parent cd973868fc
commit f29f94f45f
2 changed files with 73 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -72,11 +72,6 @@ body {
padding: 3px; padding: 3px;
} }
.list_item.currentChapter > a,
.list_item a:hover {
color: #f1f1f1;
}
#panels a { #panels a {
visibility: hidden; visibility: hidden;
width: 18px; width: 18px;
@ -212,6 +207,11 @@ body {
text-decoration: none; text-decoration: none;
} }
.list_item.currentChapter > a,
.list_item a:hover {
color: #f1f1f1;
}
#panels a:active { #panels a:active {
color: #aaa; color: #aaa;
margin: 1px 0 -1px 6px; margin: 1px 0 -1px 6px;
@ -301,6 +301,15 @@ input:-moz-placeholder { color: #454545; }
text-transform: capitalize; text-transform: capitalize;
} }
.md-content > div ul li {
padding: 5px 0;
}
#settingsPanel li {
font-size: 1em;
color: #f1f1f1;
}
#tocView li:active, #tocView li:active,
#tocView li.currentChapter { #tocView li.currentChapter {
list-style: none; list-style: none;
@ -392,6 +401,11 @@ 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;
} }
@ -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,22 +469,33 @@ 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;
}
#settingsPanel h3 { #settingsPanel h3 {
color: #f1f1f1; color: #f1f1f1;
font-family: Georgia, "Times New Roman", Times, serif; font-family: Georgia, "Times New Roman", Times, serif;
margin-bottom: 10px; margin-bottom: 10px;
} }
.md-content > div ul {
margin: 0;
padding: 0 0 30px 20px;
}
#settingsPanel ul { #settingsPanel ul {
margin-top: 60px; margin-top: 60px;
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;
@ -680,10 +680,10 @@ 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%;
@ -695,7 +695,7 @@ and (orientation : landscape)
} }
} }
/*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;
@ -750,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;
@ -760,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'; } /* '' */

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

@ -95,7 +95,6 @@ a.editable-click:hover { border-bottom: None; }
.book-meta .tags a { display: inline; } .book-meta .tags a { display: inline; }
.book-meta .identifiers a { display: inline; } .book-meta .identifiers a { display: inline; }
.navigation .create-shelf a { .navigation .create-shelf a {
color: #fff; color: #fff;
background: #45b29d; background: #45b29d;
@ -155,6 +154,7 @@ a.editable-click:hover { border-bottom: None; }
height: 100%; height: 100%;
position: absolute; position: absolute;
} }
.author-bio img { margin: 0 1em 1em 0; }
.container-fluid .single .cover img { .container-fluid .single .cover img {
border: 1px solid #fff; border: 1px solid #fff;
@ -229,7 +229,6 @@ span.glyphicon.glyphicon-tags {
.book-meta { padding-bottom: 20px; } .book-meta { padding-bottom: 20px; }
table .bg-primary a { color: #fff; } table .bg-primary a { color: #fff; }
table .bg-dark-danger a { color: #fff; } table .bg-dark-danger a { color: #fff; }
.author-bio img { margin: 0 1em 1em 0; }
.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; }
@ -418,4 +417,3 @@ div.log {
white-space: nowrap; white-space: nowrap;
padding: 0.5em; padding: 0.5em;
} }