old.reddit.com for mobile by Eribetra

/* ==UserStyle==
@name         old.reddit.com for mobile
@version      20230628.11.16
@namespace    userstyles.world/user/Eribetra
@description  An attempt at making old.reddit.com more mobile-friendly. WIP; tested in developer mode in the phone preview tool.
@author       Eribetra
@license      No License
==/UserStyle== */

@-moz-document domain("old.reddit.com") {
body {
    font-family: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.link.promotedlink.promoted,
.link.promotedlink.external > .entry > .top-matter > p.title > a {
    font-style: oblique;
}

.link .title,
.title:visited {
    font-size: 2em;
}

.tagline,
.search-result-meta {
    font-size: 1.2em;
}

.entry {
    margin-left: 20%;
}

a.thumbnail.invisible-when-pinned.may-blank.loggedin.outbound > img {
    width: auto;
    height: auto;
}

/* no new reddit! */
.mobile-web-redirect-bar {
    display: none;
}

.link.promotedlink.promoted,
.link.promotedlink.external {
    background-color: #ddd;
}

.entry .buttons li {
    line-height: 3em;
}

.entry .buttons li a {
    font-size: 3em;
}
a.bylink.comments.may-blank {
    font-size: 4em;
}

ul.flat-list.buttons {
    padding-top: 2em;
    position: relative;
    margin-left: -0.3em;
}

.thing {
    margin-top: 2em;
    margin-bottom: 2em;
}

.comment,
.content .details {
    border-left: 1px solid darkslategray;
    padding-left: 0.6%;
}

.entry {
    margin-left: 12.5%;
}

.comment > .entry {
    margin-left: 2.5%;
}

.comment .midcol {
    width: 3em;
    margin-right: 0px;
    margin-left: 0px;
}

.side {
    margin: 0 0 0 1.8em;
    width: 30%;
}

.titlebox {
    font-size: 2.5em;
}

li.reply-button > a {
    font-size: 3em;
}

#header-img.default-header {
    background: url("https://www.redditinc.com/assets/images/site/logo.svg");
    background-repeat: no-repeat!important;
    height: 5em;
    width: 14em;
    margin-left: 1em;
    margin-right: 1em;
}

.pagename {
    line-height: 4em;
    font-size: 1.000001em;
}

.entry > ul.flat-list.buttons {
    padding-top: 1em;
}

button.save, button.cancel {
    min-width: 16%;
    min-height: 2.5em;
    font-size: xx-large;
}
}