Skip to content

Tales of MU: readability by passcod

Screenshot of Tales of MU: readability

Details

Authorpasscod

LicenseCC-BY-4.0

Categorytalesofmu

Created

Updated

Size786 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Improves readability of Tales of MU

Notes

Good old Tales of MU! Show of hands of who remembers Alexandra Erin as the author of this wonderful serial, rather than the political commentator powerhouse she has become? No one else? Ah well. Mostly standing abandoned since 2017 (no hard feelings), this is still an incredible work. Among other things, it's a work that awakened my own sexuality and sense of gender. But enough of that.

The one issue with Tales of MU is the reading experience. This humble offering doesn't do much. But, on top of a better font and some background tweaks to increase contrast, it does address one particular issue that plagued me back before 2017: the comments just spill at the bottom of the work, and when there's hundreds of them, they become longer than the work. Much, much longer. This style sticks them in their own fixed-size box at the bottom, and lets them scroll inside there, so the chapter remains a consistent size.

If you're new to Tales of MU via this style... whoa. Pick a good seat, it's gonna be a wild ride.

Source code

/* ==UserStyle==
@name         Tales of MU: readability
@version      20210905.00.52
@namespace    userstyles.world/user/passcod
@description  Improves readability of Tales of MU
@author       passcod
@license      CC-BY-4.0
==/UserStyle== */

@-moz-document domain("talesofmu.com") {
#container {
    border-radius: 3px;
    box-shadow: 0 0 3px 5px hsl(47.143, 46%, 82%);
}
#content {
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 0 2px grey;
    padding: 3px !important;
    transform: translate(-3px, 0);
}
.post {
    font-family: "Noto Serif", "Liberation Serif", "Georgia", serif;
    font-size: 0.8em;
}
.post p {
    color: black;
    font-size: 0.9em;
}
.commentlist {
    height: 800px;
    overflow: scroll;
}
#sidebar {
    opacity: 0.5;
    border: none;
}
}

Reviews

No reviews yet.