Making the web version of just poor readable on the web.
freedomain.com - Readable Novels by opsaaaaa
Details
Authoropsaaaaa
LicenseNo License
Categoryreadable
Created
Updated
Size1.5 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name freedomain.com - Readable Novels
@version 20220530.00.28
@namespace userstyles.world/user/opsaaaaa
@description Making the web version of just poor readable on the web.
@author opsaaaaa
@license No License
==/UserStyle== */
@-moz-document domain("freedomain.com") {
/* Making Just Poor Novel Look better on web */
/* These changes should make it easier to read */
/* Hyphenize word-breaks */
article {
word-break: break-word;
hyphens: auto;
line-height: 1.5em
}
/* hike up font size on larger screens */
@media only screen and (min-width: 40rem) {
article {
font-size: 1.2em;
}
}
@media only screen and (min-width: 80rem) {
article {
font-size: 1.6em;
}
}
/* nice paragraphs */
p {
color: #fff;
text-align: justify;
text-indent: 2em;
margin-top: .6em;
margin-bottom: .6em;
}
/* headings */
article h1, article h2, article h3, article h4, article h5 {
max-width: 25rem;
margin-left: auto;
margin-right: auto;
margin-top: 4em;
}
article h1 + *, article h2 + * {
margin-top: 5rem;
}
article h1 + h2 {
margin-top: 2rem;
}
/* This 2nd because of the first empty h1 */
/* If the empty h1 is removed then this should be first instead */
article h1:nth-of-type(2) {
margin-top: 1em;
}
/* Because the mpty h1 looks bad */
article h1:first-of-type {
height: 0;
margin-top: 0;
}
article h1:first-of-type + * {
margin-top: 0;
}
}