calibre/manual/resources/custom.css
Kovid Goyal a5a26bbe7a
Keep top-bar visible
Fixes #1905191 [[Enhancement] Always keep the controls visible in the User Manual](https://bugs.launchpad.net/calibre/+bug/1905191)
2020-11-24 13:41:35 +05:30

63 lines
1.7 KiB
CSS

/*
* custom.css
* Copyright (C) 2017 Kovid Goyal
*
* Distributed under terms of the GPLv3 license.
*/
@media screen and (max-width: 875px) {
body {
padding-top: 0;
padding-bottom: 0;
}
div.related { display: none; }
ul { margin-left: 0.75em; } /* fix bullets being displayed outside container */
}
@media screen and (min-width: 876px) {
div.related {
height: 3.5ex;
display: flex;
align-items: center;
box-sizing: border-box;
position: fixed; top: 0
}
div.related > ul { flex-grow: 10; }
div.sphinxsidebar { overflow-y: auto; max-height: calc(100vh - 25px) }
div.document { margin-top: 3.5ex; }
}
div.document, div.footer {
width: auto; /* fix horizontal scrollbar if screen is less that 940px */
}
pre, code {
white-space: pre-wrap;
}
div.body p, div.body dd, div.body li, div.body blockquote {
text-align: justify;
}
.float-left-img { float: left; margin-right: 1em; margin-bottom: 1em }
.float-right-img { float: right; margin-left: 1em; margin-bottom: 1em }
.half-with-img { max-width: 50% }
.fit-img { max-width: 95% }
a, input[type="submit"] { cursor: pointer; }
a { color: #006B8B; } /* increase contrast for links */
#calibre-homepage-logo img { width: 64px; height: 64px }
div.sphinxsidebar { user-select: none }
div.sphinxsidebar a, a.reference { border-bottom: none }
div.sphinxsidebar a:hover, a.reference:hover { color: red; border-bottom: none }
div.related { background-color: #39322b; color: white; font-family: sans-serif; padding: 0.5ex 0; }
div.related a { text-decoration: none; color: white; }
div.related a:hover { text-decoration: none; color: red; }
a.toc-backref { text-decoration: none; }