Fix the forum style / CSS!

Sy

Well-Known Member
Nov 16, 2018
363
719
93
sya.li
#1
UPDATE: I corrected this myself:
https://forums.em8er.com/threads/fix-the-forum-style-css.1571/post-66342

See also:
Improving the downloads list❗:
https://forums.em8er.com/threads/improving-the-downloads-list❗.2276/

I can't be the only one who can't stand the forum style.

I can't see when I select text. Fix

Code:
::selection
::-moz-selection
I can't see links in posts. Fix

Code:
.bbWrapper a
.bbWrapper a:link
.bbWrapper a:visited

The font is also awful, but I suppose that's personal preference.

I've done these things for myself in Stylish, but the font and these nuances drove me away from using the forum when it was first styled. It will look terrible for others.

Furthermore, remove references to Google fonts entirely; that's a basic privacy problem.
 
Last edited:

Sy

Well-Known Member
Nov 16, 2018
363
719
93
sya.li
#2
I redid this myself using Stylus:

https://add0n.com/stylus.html


CSS:
/* ==UserStyle==
@name           7/7/2022, 9:35:02 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("forums.em8er.com"), regexp("^https?://web.archive\.org/web/.*\/https?://forums.em8er.com/.*") {
    html {
        font-family: sans-serif !important;
    }
    a:link {
        text-decoration: underline !important;
    }
    a {
        color: #94c3ff !important;
        /* background-color:#000 !important; */
        background: rgba(0, 0, 0, 0.8);
    }
    a:visited {
        color: #c689ff !important;
    }
    /*
    .bbWrapper a:link{text-decoration:underline}
    .bbWrapper a{color:#0000EE;}
    .bbWrapper a:visited{color:#551A8B;}
    */
    ::selection {
        color: black !important;
        background-color: darkgrey;
    }

    ::-moz-selection {
        color: black !important;
        background-color: darkgrey;
    }
    b, strong,
    i, em {
        color: #ffce71 !important;
    }
    b, strong {
        font-weight: bold;
    }
    i, em { 
        font-style: italic;
        /* font-weight: lighter; */
    }
}

CSS:
/* ==UserStyle==
@name           7/7/2022, 9:35:02 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("forums.em8er.com") {
    html {
        font-family: sans-serif !important;
    }
    a:link {
        text-decoration: underline !important;
    }
    a {
        color: #94c3ff !important;
        /* background-color:#000 !important; */
        background: rgba(0, 0, 0, 0.8);
    }
    a:visited {
        color: #c689ff !important;
    }
    /*
.bbWrapper a:link{text-decoration:underline}
.bbWrapper a{color:#0000EE;}
.bbWrapper a:visited{color:#551A8B;}
*/
    ::selection {
        color: black !important;
        background-color: darkgrey;
    }

    ::-moz-selection {
        color: black !important;
        background-color: darkgrey;
    }
}
 
Last edited:

ChAzZ_NuT

Kaiju Slayer
Kaiju Slayer
Jan 22, 2017
94
198
33
#7
I agree! I can't see text that I try selecting, and I'm pretty sure the BOLD thing doesn't work?