LifeFuel User Style (CSS) To Fix Prefix Icons For Classic Themes

[incelerated]

It makes prefixes look like this:

Instead of this:

I've been using this for a while and I thought others might also want it, even tho my groundbreaking script for fixing commenting issues on classic themes didn't get much appreciation.

What you need to do is (on Desktop):
1- Install Stylus extension for your browser
2- Click on the icon
3- Click "manage"
4- Click "write new style" on the left
5- Click "import"
6- Copy/Paste this code
7- Click "Overwrite style"
8- Give it a name
9- Click "save"

@-moz-document domain("incels.is") {
.label {
    font-size: 75%;
    font-weight: 500 !important;
    letter-spacing: .1px;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 5px;
    padding-top: 1px;
    padding-right: .30em;
    padding-bottom: 1px;
    padding-left: .30em;
    display: inline-block;
    line-height: 1.26;
    box-shadow: none;
}
.label::before {
    font-family: 'font awesome 5 pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 300;
    text-rendering: auto;
    content: "\f27a";
    padding-right: 5px;
    vertical-align: middle;
    position: relative;
    top: 1px;
    float: left;
}

.label--custom-ragefuel {
    color: #fff !important;
    background: #d63031;
    border-color: #d63031;
}
.label--custom-ragefuel::before {
    content: '\f556';
    font-weight: 900;
}

.label--custom-serious {
    color: #fff;
    background: #0984e3;
    border-color: #0984e3;
}
.label--custom-serious::before {
    content: '\f0a1';
    font-weight: 900;
}

.label--custom-discussion {
    color: #fff;
    background: #6c5ce7;
    border-color: #6c5ce7;
}
.label--custom-discussion::before {
    content: '\f4b6';
    font-weight: 900;
}

.label--custom-lifefuel {
    color: #fff;
    background: #00cec9;
    border-color: #00cec9;
}
.label--custom-lifefuel::before {
    content: '\f0eb';
    font-weight: 900;
}

.label--custom-venting {
    color: #fff;
    background: #512da8;
    border-color: #512da8;
}
.label--custom-venting::before {
    content: '\f5f0';
    font-weight: 900;
}

.label--custom-nsfw {
    color: #fff !important;
    background: #d63031;
    border-color: #d63031;
}
.label--custom-nsfw::before {
    content: '\f06a';
    font-weight: 900;
}

.label--custom-jfl {
    color: #fff;
    background: #e84393;
    border-color: #e84393;
}
.label--custom-jfl::before {
    content: '\f59b';
    font-weight: 900;
}

.label--custom-itsover {
    color: #fff;
    background: #000;
    border-color: #000;
}
.label--custom-itsover::before {
    content: '\f8c8';
    font-weight: 900;
}

.label--custom-media {
    color: #fff !important;
    background: #0984e3;
    border-color: #0984e3;
}
.label--custom-media::before {
    content: '\f87c';
    font-weight: 900;
}

.label--custom-experiment {
    color: #fff !important;
    background: #e17055;
    border-color: #e17055;
}
.label--custom-experiment::before {
    content: '\f0c3';
    font-weight: 900;
}

.label--custom-gaming {
    color: #fff;
    background: #00cec9;
    border-color: #00cec9;
}
.label--custom-gaming::before {
    content: '\f8bc';
    font-weight: 900;
}

.label--custom-story {
    color: #fff !important;
    background: #00b894;
    border-color: #00b894;
}
.label--custom-story::before {
    content: '\f02d';
    font-weight: 900;
}

.label--custom-blackpill {
    color: #fff;
    background: #000;
    border-color: #000;
}
.label--custom-blackpill::before {
    content: '\f46b';
    font-weight: 900;
}

.label--custom-news {
    color: #fff;
    background: #27ae60;
    border-color: #27ae60;
}
.label--custom-news::before {
    content: '\f1ea';
    font-weight: 900;
}

.label--custom-hypocrisy {
    color: #fff;
    background: #00b894;
    border-color: #00b894;
}
.label--custom-hypocrisy::before {
    content: '\f364';
    font-weight: 900;
}

.label--custom-ldar {
    color: #fff;
    background: #6c5ce7;
    border-color: #6c5ce7;
}
.label--custom-ldar::before {
    content: '\f236';
    font-weight: 900;
}

.label--custom-meme {
    color: #fff !important;
    background: #27ae60;
    border-color: #27ae60;
}
.label--custom-meme::before {
    content: '\f3e0';
    font-weight: 900;
}

.label--custom-teehee {
    color: #fff;
    background: #e84393;
    border-color: #e84393;
}
.label--custom-teehee::before {
    content: '\f182';
    font-weight: 900;
}

.label--custom-soy {
    color: #fff !important;
    background: #fdcb6e;
    border-color: #fdcb6e;
}
.label--custom-soy::before {
    content: '\f5c2';
    font-weight: 900;
}

.label--custom-cope {
    color: #fff !important;
    background: #e17055;
    border-color: #e17055;
}
.label--custom-cope::before {
    content: '\f05e';
    font-weight: 900;
}

.label--custom-toxicfemininity {
    color: #fff !important;
    background: #e84393;
    border-color: #e84393;
}
.label--custom-toxicfemininity::before {
    content: '\f221';
    font-weight: 900;
}

.label--custom-theory {
    color: #fff !important;
    background: #e17055;
    border-color: #e17055;
}
.label--custom-theory::before {
    content: '\f70e';
    font-weight: 900;
}

.label--custom-brutal {
    color: #fff;
    background: #d63031;
    border-color: #d63031;
}
.label--custom-brutal::before {
    content: '\f481';
    font-weight: 900;
}

.label--custom-based {
    color: #fff;
    background: #0984e3;
    border-color: #0984e3;
}
.label--custom-based::before {
    content: '\f14a';
    font-weight: 900;
}

.label--custom-suicidefuel {
    color: #fff;
    background: #6c5ce7;
    border-color: #6c5ce7;
}
.label--custom-suicidefuel::before {
    content: '\f6b7';
    font-weight: 900;
}
}

Coming up next: A script that lets you assign custom tags for users, like this:

I've already been using this for myself for a while but it needs some features to make it more user friendly. Currently I have to edit the source to add/edit the tags.


That's all.
Have a good day, and death to postmaxxers.

 

[incelerated]

I can't believe I got the brutal noreply pill on this.

 

[incelerated]

These are fucking based

I am infinitely grateful for saving me from this brutal noreply pill after all the effort I put into this post and the screenshots and whatnot.

 

[TheNEET]

gigakek

 

[kanyepilled]

thought the nigga diocel did this at first

 

[ThoughtfulCel]

Can you make a script that fixes the fucking constant redirection to the old incels.co url on every single page load. It's getting annoying

 

[incelerated]

For which themes does this work exactly?
I'll add it if it works fine

I just tested and it works on all of them.
Just one thing, in the first line change font size to 12px instead of 75% because it will look too small on some themes with 75%.

Can you make a script that fixes the fucking constant redirection to the old incels.co url on every single page load. It's getting annoying

I've never got that.
Clear your browser's cache and see if it fixes it. Redirects can be nasty.

 

[Deleted member 35476]

Didn't know that mental_out was a twitter queer

 

[incelerated]

thought the nigga diocel did this at first

I'm afraid Serge might also have thought the same. These was up for a while and he notices just after I change avi. The forum halo pill is the most brutal of them all.

Didn't know that mental_out was a twitter queer

It's a joke.

 

[Deleted member 35476]

It's a joke.

He should still be demoted

 

[incelerated]

All of them being the 2017 and 2019 themes, yes?

No like all of them, even the new ones.
Ideally you would add this only for the themes that are missing the prefixes if you have that option. But even if you add it to all of them it still works.
And needless to say if you add this and change the prefixes later, you will also have to edit this to mirror those changes.

 

[incelerated]

All 2017 and 2019 themes have your fix applied!
They look great Thanks.