Fix the forum style / CSS!

[Sy]

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/

Spoiler: original commentary

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

I can't see when I select text. Fix

::selection
::-moz-selection

I can't see links in posts. Fix

.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.

 

[Sy]

I redid this myself using Stylus:

https://add0n.com/stylus.html

Spoiler: version two

/* ==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; */
    }
}

Spoiler: version one

/* ==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;
    }
}

 

[Sy]

bumping for zingo

edited for clarity / style

 

[Pandagnome]

bumping for zingo

edited for clarity / style

Its a good game

 

[farias]

I redid this myself using Stylus:
https://add0n.com/stylus.html

Thanks for the tip Sy. Now that I'm using the forums more often, this addon really helps a lot.
For now I preferred to correct only the color of the selection, because that's what bothers me the most.
Thanks

 

[Sy]

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

 

[ChAzZ_NuT]

I agree! I can't see text that I try selecting, and I'm pretty sure the BOLD thing doesn't work?

 

[Sy]

I agree! I can't see text that I try selecting, and I'm pretty sure the BOLD thing doesn't work?

What "BOLD thing"? And why is that capitalized?

 

[ChAzZ_NuT]

Hello Hello Hello

In the above example, I've made the "Hello" on the left and right Bold text. The middle one is normal. In other words, the words are not turning Bold.

 

[Sy]

Hello Hello Hello

In the above example, I've made the "Hello" on the left and right Bold text. The middle one is normal. In other words, the words are not turning Bold.

Aah yes, I wondered about that. I never investigated fixing that. I think italics / emphasis aren't very good either. I'd prefer to change it's color.

 

[Pandagnome]

Aah yes, I wondered about that. I never investigated fixing that. I think italics / emphasis aren't very good either. I'd prefer to change it's color.

 

[Sy]

I corrected bold/italics. It seems pleasant to me.

https://forums.em8er.com/threads/fix-the-forum-style-css.1571/post-66342

 

[Pandagnome]

- not bold
- its bold
- italic bold

Italics works great for me, i am still unable to see bold though.