Skip to content

Instantly share code, notes, and snippets.

@xianmin
Forked from GokhanPolat/eBookViewer-Theme.css
Created January 30, 2023 02:42
Show Gist options
  • Save xianmin/41aecfb524c01d4327a0352394024c39 to your computer and use it in GitHub Desktop.
Save xianmin/41aecfb524c01d4327a0352394024c39 to your computer and use it in GitHub Desktop.
eBook viewer theme for best readability on Calibre.
body {
/* background: #FFFAFD; */
background-color: rgb(245, 245, 245) !important;
font-size: 100% !important;
line-height: 1.5 !important;
font-family: 'Merriweather', Georgia, 'Times New Roman', Times, serif;
margin: 35px !important;
}
header {
width:100% !important;
margin: auto !important;
text-align:center !important;
}
section {
max-width:36em !important;
margin:auto !important;
padding:0 1em !important;
}
h1, h2{
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
color: #27272E !important;
}
h1 span {
font-family: 'Merriweather', Georgia, 'Times New Roman', Times, serif;
font-style:italic !important;
background-color: none !important;
}
h1 {
/* font-size: 2.747em; */
font-size: 2em !important;
padding: 25px 15px 9px !important;
margin: 0px 0px 0px -15px !important;
line-height:1.1 !important;
text-transform: uppercase !important;
}
h1 span:nth-of-type(1) {
font-size:0.63em !important;
display:block !important;
margin: 1em auto 0 auto !important;
text-transform: none !important;
}
h2 {
text-transform: uppercase !important;
font-size: 1.4em !important;
text-align: left !important;
line-height:1 !important;
padding: 15px !important;
background-color: rgb(228, 228, 228) !important;
}
h2 span {
position:relative !important;
top:-.45em !important;
padding: 0 5% !important;
margin-top:-1em !important;
}
h3 {
font-style: italic !important;
font-weight:700 !important;
font-size:1.229em !important;
margin:1em 0 .25em 0 !important;
}
p {
font-size: 1em !important;
margin-bottom: 1em !important;
}
pre, pre.programlisting {
font-size: 1em !important;
color: rgb(0, 34, 168) !important;
}
code.literal {
color: blue !important;
font-size: 1em !important;
}
@media screen and (max-width: 25em) {
body {
font-size: 90% !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment