Putting the 'role' back in role-playing games since 2002.
Good Old Games
Donate to Codex
News Content Gallery About Donate Discord Contact
  • Welcome to rpgcodex.net, a site dedicated to discussing computer based role-playing games in a free and open fashion. We're less strict than other forums, but please refer to the rules.

    "This message is awaiting moderator approval": All new users must pass through our moderation queue before they will be able to post normally. Until your account has "passed" your posts will only be visible to yourself (and moderators) until they are approved. Give us a week to get around to approving / deleting / ignoring your mundane opinion on crap before hassling us about it. Once you have passed the moderation period (think of it as a test), you will be able to post normally, just like all the other retards.

Custom CSS user improvements for nu-Dex

racofer

Thread Incliner
Joined
Apr 5, 2008
Messages
23,346
Location
Your ignore list.
Or remove the footer entirely:

Code:
.p-footer {
    display: none;
}
True, but you need it to be able to change the base page page layout, so I prefer to leave it there.
Thanks racofer for the baby troll hack. Looks much better now. Is there any way to hide the "last profile post" section? As far as I can tell, there are no dedicated css classes for it, so you cannot just hide it without massive splash damage.
Yes, you can block it explicitly with the path to the div element, like this:
CSS:
.p-body-sidebar .block:nth-child(5) {
    display: none;
}

If at some point the ordering changes in the sidebar, then you have to fix it for the new ordering.
 

racofer

Thread Incliner
Joined
Apr 5, 2008
Messages
23,346
Location
Your ignore list.
Wider alerts menu.
CSS:
/* Wider alerts menu */
.menu.menu--structural.menu--right {
    width: 30%;
}

vq7RUhJ.png
 

ropulos

Retired gamer
Patron
Joined
Sep 21, 2015
Messages
1,977
Location
Atlantis
For the ones that prefer left-aligned user info/avatar like in the old forum:

CSS:
/* username and title on the left */

.message-name {
    text-align: left;
}

.message-userTitle {
    text-align: left;
}

/* avatars on the left */
.message-avatar {
    text-align: left;
}


Screenshot from 2022-06-22 00-05-38.png
Screenshot from 2022-06-22 00-04-54.png
 

Twiglard

Poland Stronk
Patron
Sad Loser
Joined
Aug 6, 2014
Messages
5,534
Location
Poland
Strap Yourselves In
I don't know how to use this I even installed several javascript injector add-ons and it does nothing
Just add a handler to the hover event doing $(".actionBar .sv-rating-type__text").click().
Wider alerts menu.
CSS:
/* Wider alerts menu */
.menu.menu--structural.menu--right {
    width: 30%;
}
Real nice. I enabled this globally for the desktop/landscape layout.
 
Last edited:

ropulos

Retired gamer
Patron
Joined
Sep 21, 2015
Messages
1,977
Location
Atlantis
Just add a handler to the hover event doing $(".actionBar .sv-rating-type__text").click().
This is really erratic, the hover works 1/10 of the time, and for some reason it brofisted every message on the page I was testing it without me clicking on anything.
 

Twiglard

Poland Stronk
Patron
Sad Loser
Joined
Aug 6, 2014
Messages
5,534
Location
Poland
Strap Yourselves In
Just add a handler to the hover event doing $(".actionBar .sv-rating-type__text").click().
This is really erratic, the hover works 1/10 of the time, and for some reason it brofisted every message on the page I was testing it without me clicking on anything.
JavaScript:
for (const x of $(".sv-rate-menu--type-tooltip")) {
    $(x).on("mouseenter", function() {
        if (x.innerText == "Brofist")
            $(".actionBar-action--sv-rate", x).click();
})}

The only problem is that it's instant, but let's leave that as an exercise to the reader.
 

ropulos

Retired gamer
Patron
Joined
Sep 21, 2015
Messages
1,977
Location
Atlantis
Only thing missing is to make the box auto-disappear in case you move the pointer away from the box without rating, right now it stays permanently unless you click outside or press ESC. But I'm a shitter with zero knowledge of programming so this is the best I can aspire to in this moment :despair:

Thanks for the help nonetheless.

EDIT: also hovering twice = auto-brofist. I'm leaving this disabled because it's gonna cause trouble.
 

spekkio

Arcane
Joined
Sep 16, 2009
Messages
7,901
Is there any way to hide the "last profile post" section? As far as I can tell, there are no dedicated css classes for it, so you cannot just hide it without massive splash damage.
Yes, you can block it explicitly with the path to the div element, like this:
CSS:
.p-body-sidebar .block:nth-child(5) {
    display: none;
}

If at some point the ordering changes in the sidebar, then you have to fix it for the new ordering.

For Ublock users, adding these filters:

Code:
! https://rpgcodex.net
rpgcodex.net###siropuChat
rpgcodex.net##.p-body-sidebar .block:nth-child(4)
rpgcodex.net##.p-body-sidebar .block:nth-child(6)

Nukes shitbox, latest posts & latest profile posts. Add less / more children if necessary.

Screenshot zoomed-out AF:

4ITljXs.png


Thanks for this, racofer!
 

spekkio

Arcane
Joined
Sep 16, 2009
Messages
7,901
Try this instead.
CSS:
div.block[data-widget-key="forum_overview_new_profile_posts"] {
    display: none;
}
This. Using racofer's / mine solution either via Stylus or Ublock is actually a bad idea, since "children's" numbers change depending on how many of them are visible. So, if "staff online" is visible, other children below get #3, 4, 5, etc. But when no gestapho is online, they get higher numbers (#2, 3, 4, etc).

:rage:

So, if you want to nuke "New posts" and "New profile posts" to avoid random guro showing up on the main page, use this style in Stylus:

Code:
div.block[data-widget-key="forum_overview_new_profile_posts"] {
    display: none;
}

div.block[data-widget-key="forum_overview_new_posts"] {
    display: none;
}

Props go to Twiglard
 

Twiglard

Poland Stronk
Patron
Sad Loser
Joined
Aug 6, 2014
Messages
5,534
Location
Poland
Strap Yourselves In
Why not something this, but forced for everyone:
CSS:
div.block[data-widget-key="forum_overview_new_profile_posts"] .contentRow-main .contentRow-faderContainer img {
    display: none;
}

Post a profile image and see whether it matches anything.
 
Top Bottom