Simplified forum - v2 - update for the new forum - 2020 - remove game icons,avatars,footer,change backgrounds,etc.

  • We have updated our Community Code of Conduct. Please read through the new rules for the forum that are an integral part of Paradox Interactive’s User Agreement.

StefanFan

Field Marshal
18 Badges
Apr 11, 2016
2.883
542
  • Crusader Kings II: Horse Lords
Simplified forum - version 2.
Updated for the latest forum version from April, 2020. Removes avatars, cluttered items, sidebars, game icons, changes backgrounds, colors, staff excepted from that, and improved with background colors.

I will probably update it again in the near future if changes or bugs require me to do that.

You need:
1. A tool like User JavaScript and CSS for Google Chrome, I use that. Stylebot was not updated for a long time, and as of 10th of May, both the Chrome plugin and the website gave a NOD32 alert, so I dropped it.
2. My css, you just copy paste it for the paradox forum in the browser plugin you use.

Looks like this:

NEW CSS
CSS:
.avatar {
    display: none;
}

.block--messages .message, .js-quickReply .message, .block--messages .block-row, .js-quickReply .block-row {
    margin-bottom: 2px;
    padding-bottom: 0px;
}

.block-minorHeader.uix_threadListSeparator {
    background: #b3ffb3;
    color: #000000;
    font-weight: 1000;
}

.block-tabHeader.tabs.hScroller {
    display: none;
}

.icon-menu-paradox {
    display: none;
}

.icon-search {
    display: none;
}

.message .message-footer {
    padding-top: 4px;
}

.message .reactionsBar {
    margin-top: 4px;
}

.message-cell message-cell--user {
    background: #0d0d0d;
}

.message-cell.message-cell--main {
    background: #0d0d0d;
    border-left: 1px solid #4d4d4d;
}

.message-inner {
    border: 1px solid #4d4d4d;
}

.p-body-content {
    max-width: 100%;
    width: 100%;
}

.p-body-header {
    padding-top: 0px;
}

.p-body-header .p-title-value {
    font-size: 15px;
}

.p-body-header .uix_headerInner {
    margin: 0px;
}

.p-body-inner {
    margin-top: 0px;
    padding-top: 0px;
}

.p-body-sidebar {
    display: none;
}

.p-footer {
    display: none;
}

.p-nav {
    height: 30px;
}

.p-nav .p-navgroup-link--thNnnNavigate {
    display: none;
}

.p-nav-inner {
    height: 30px;
}

.pairs {
    line-height: 1.1;
}

.pd-logo-icon {
    display: none;
}

.pd-menu--open .pd_nav {
    margin-top: -32px;
}

.pd_gameIcons {
    display: none;
}

.pd_menuTrigger {
    height: 30px;
}

.structItem {
    border-bottom: none;
}

.structItem-cell {
    padding: 6px 6px;
}

.structItem-cell.structItem-cell--icon {
    display: none;
}

.structItem-cell.structItem-cell--main {
    padding-left: 15px;
}

.structItem-title {
    color: #d8d8d8;
    font-size: 14px;
    font-weight: 400;
}

.structItem.is-unread {
    margin-bottom: 2px;
    margin-top: 2px;
}

.structItem.is-unread .structItem-title {
    color: #d8d8d8;
    font-size: 14px;
    font-weight: 700;
}

.structItemContainer .structItemContainer-group--sticky .structItem--thread {
    background: #0d0d0d;
}

.structItemContainer-group.js-threadList {
    background: #0d0d0d;
    border: 0px solid #b3ffb3;
}

.thThreads__userExtra--toggle {
    margin-top: 0;
}

.uix_activeNavTitle {
    font-size: 12px;
}

.uix_headerContainer {
    height: 120px;
}

.uix_logo--text {
    font-size: 12px;
}

.uix_pageWrapper--fixed {
    background: #0d0d0d;
}

.uix_searchBar {
    height: 20px;
}

.uix_searchBarInner {
    height: 20px;
}

.uix_searchForm {
    height: 20px;
}

.uix_stickyContainerOuter.is-active {
    background: #0d0d0d;
    border: 0px solid #b3ffb3;
    margin-bottom: 10px;
}

[data-author="Alfray Stryke"] {
    background-color: #2E8B57;
    color: #d8d8d8;
}

[data-author="Alfray Stryke"] a:link,a:visited,a:hover,a:active {
    color: #d8d8d8;
    font-weight: 700;
    text-decoration: underline;
}

[data-author="AndrewT"] {
    background-color: #2E8B57;
    color: #d8d8d8;
}

[data-author="AndrewT"] a:link,a:visited,a:hover,a:active {
    color: #d8d8d8;
    font-weight: 700;
    text-decoration: underline;
}

[data-author="BjornB"] {
    background-color: #2E8B57;
    color: #d8d8d8;
}

[data-author="BjornB"] a:link,a:visited,a:hover,a:active {
    color: #d8d8d8;
    font-weight: 700;
    text-decoration: underline;
}

[data-author="Duplo"] {
    background-color: #2E8B57;
    color: #d8d8d8;
}

[data-author="Duplo"] a:link,a:visited,a:hover,a:active {
    color: #d8d8d8;
    font-weight: 700;
    text-decoration: underline;
}

[data-author="Groogy"] {
    background-color: #2E8B57;
    color: #d8d8d8;
}

[data-author="Groogy"] a:link,a:visited,a:hover,a:active {
    color: #d8d8d8;
    font-weight: 700;
    text-decoration: underline;
}

[data-author="Had a dad"] {
    background-color: #2E8B57;
    color: #d8d8d8;
}

[data-author="Had a dad"] a:link,a:visited,a:hover,a:active {
    color: #d8d8d8;
    font-weight: 700;
    text-decoration: underline;
}

[data-author="HottestRod"] {
    background-color: #2E8B57;
    color: #d8d8d8;
}

[data-author="HottestRod"] a:link,a:visited,a:hover,a:active {
    color: #d8d8d8;
    font-weight: 700;
    text-decoration: underline;
}

[data-author="Johan"] {
    background-color: #2E8B57;
    color: #d8d8d8;
}

[data-author="Johan"] a:link,a:visited,a:hover,a:active {
    color: #d8d8d8;
    font-weight: 700;
    text-decoration: underline;
}

[data-author="KaiserJohan"] {
    background-color: #2E8B57;
    color: #d8d8d8;
}

[data-author="KaiserJohan"] a:link,a:visited,a:hover,a:active {
    color: #d8d8d8;
    font-weight: 700;
    text-decoration: underline;
}

[data-author="Kallocain"] {
    background-color: #2E8B57;
    color: #d8d8d8;
}

[data-author="Kallocain"] a:link,a:visited,a:hover,a:active {
    color: #d8d8d8;
    font-weight: 700;
    text-decoration: underline;
}

[data-author="MatRopert"] {
    background-color: #2E8B57;
    color: #d8d8d8;
}

[data-author="MatRopert"] a:link,a:visited,a:hover,a:active {
    color: #d8d8d8;
    font-weight: 700;
    text-decoration: underline;
}

[data-author="Meneth"] {
    background-color: #2E8B57;
    color: #d8d8d8;
}

[data-author="Meneth"] a:link,a:visited,a:hover,a:active {
    color: #d8d8d8;
    font-weight: 700;
    text-decoration: underline;
}

[data-author="Mr. Capiatlist"] {
    background-color: #2E8B57;
    color: #d8d8d8;
}

[data-author="Mr. Capiatlist"] a:link,a:visited,a:hover,a:active {
    color: #d8d8d8;
    font-weight: 700;
    text-decoration: underline;
}

[data-author="RELee"] {
    background-color: #2E8B57;
    color: #d8d8d8;
}

[data-author="RELee"] a:link,a:visited,a:hover,a:active {
    color: #d8d8d8;
    font-weight: 700;
    text-decoration: underline;
}

[data-author="SaintDaveUK"] {
    background-color: #2E8B57;
    color: #d8d8d8;
}

[data-author="SaintDaveUK"] a:link,a:visited,a:hover,a:active {
    color: #d8d8d8;
    font-weight: 700;
    text-decoration: underline;
}

[data-author="Wiz"] {
    background-color: #2E8B57;
    color: #d8d8d8;
}

[data-author="Wiz"] a:link,a:visited,a:hover,a:active {
    color: #d8d8d8;
    font-weight: 700;
    text-decoration: underline;
}

[data-author="blackninja9939"] {
    background-color: #2E8B57;
    color: #d8d8d8;
}

[data-author="blackninja9939"] a:link,a:visited,a:hover,a:active {
    color: #d8d8d8;
    font-weight: 700;
    text-decoration: underline;
}

[data-author="gigau"] {
    background-color: #2E8B57;
    color: #d8d8d8;
}

[data-author="gigau"] a:link,a:visited,a:hover,a:active {
    color: #d8d8d8;
    font-weight: 700;
    text-decoration: underline;
}

[data-author="konbendith"] {
    background-color: #2E8B57;
    color: #d8d8d8;
}

[data-author="konbendith"] a:link,a:visited,a:hover,a:active {
    color: #d8d8d8;
    font-weight: 700;
    text-decoration: underline;
}

[data-author="neondt"] {
    background-color: #2E8B57;
    color: #d8d8d8;
}

[data-author="neondt"] a:link,a:visited,a:hover,a:active {
    color: #d8d8d8;
    font-weight: 700;
    text-decoration: underline;
}

[data-author="pdx-sanke"] {
    background-color: #2E8B57;
    color: #d8d8d8;
}

[data-author="pdx-sanke"] a:link,a:visited,a:hover,a:active {
    color: #d8d8d8;
    font-weight: 700;
    text-decoration: underline;
}

[data-author="pdxfreddy"] {
    background-color: #2E8B57;
    color: #d8d8d8;
}

[data-author="pdxfreddy"] a:link,a:visited,a:hover,a:active {
    color: #d8d8d8;
    font-weight: 700;
    text-decoration: underline;
}

[data-user-id="1086471"] {
    /*My avatar, you can replace it with your code from the source if you want your posts to be easier to identify*/
    display: block;
    text-align: center;
}

[data-user-id="511620"],[data-user-id="148072"],[data-user-id="87299"],[data-user-id="866227"],[data-user-id="471407"],[data-user-id="1499615"],[data-user-id="795679"],[data-user-id="1281976"],[data-user-id="1366859"],[data-user-id="1324992"],[data-user-id="1250737"],[data-user-id="1500396"],[data-user-id="265499"],[data-user-id="4645"],[data-user-id="16568"],[data-user-id="352223"],[data-user-id="162573"],[data-user-id="2"],[data-user-id="1325925"],[data-user-id="113504"],[data-user-id="43919"],[data-user-id="23062"] {
    display: block;
    text-align: center;
}

.notices.notices--scrolling {display:none;}
Enjoy.


Description of the tool

If you work 6-12 hours a day on a computer, or you spend time playing on it your eyes will get tired at a point. All the clutter the default Paradox forums have inbuilt are not compatible with my overused eyes, so I decided to make me a custom theme.

What does this do? It removes user avatars (not admin/moderator), game icons, some margins and padding, the forum headers, changes background color for posts, increasing the contrast between text and background, posts delimiters, sidebar, etc., etc.

Bottom line, it simplifies the forum into a dark high contrast theme, without the information I deem to be useful, like the sidebar or the adverts.

Good luck. If you want other customization for the forum, drop me a line and if I am feeling Santish I will help. Most probably I will be too busy/lazy to do it tho.

Changelog
1. Changed everything to reflect the new forum theme from May 2020.
2. Minor script updates related to some banners.

Cheers
 
Last edited:
pfff your css removes my fancy flag and doesn't show all my hard earned medals... burn the heritic

other than that, good job :)
 
I'd miss the avatars and icons when browsing on my computer... but that would be great on mobile device. Is there a way to use it on such a device ?
 
I'd miss the avatars and icons when browsing on my computer... but that would be great on mobile device. Is there a way to use it on such a device ?
Sadly as far as I know plugins don't work on mobile browsers, not for Chrome at least. For the PC version I can make a version with all avatars and icons, it's not hard, I just have to comment some lines. Do you want something specific for PC?

EDIT: I think mobile browsers don't have plugins, not only Chrome, but Opera, Firefox, etc.
 
Well, you can keep those if you want, no part of the css style is mandatory :p And thank you.
Actually, along those lines, are the staff and moderator banners removed? Might want to at least keep those for the good of members (and maybe nestle the avatar removal so that if you have a mod banner, you keep your lovely avatar :p).
 
Sadly there is no special class for administrators, the only special class used by the forum is ".paradox_developer_message_test", which gives a different background to developer messages. So I can't disable avatars based on roles with css.

The moderators are still tagged: http://prntscr.com/lo81ts - you can see the titles, and also developer posts have a special color, but avatars is either on or off.


If you have access to the forum developers, just ask them to add an empty class to the developer avatars and then it would be easy peasy to hide only user avatars. Each item that you want to style separately needs a different class too, so if you want to keep the game icons for admins/devs, the admin signatures, you need a new class for that too. Adding an empty class is a matter of seconds/minutes, and does not affect anything. As you can see, the test class above probably was first added as a test, and then who added it was too lazy to remove test and make a final one :D

O shut up :D I think I did it, I can make it happen :p I can exclude avatars from hiding, upon request of course. I just have to arrange them a bit. MrCapiatlist looks like this, I just need to add some margins paddings. The key is Av93fjifnaknm, that's specific to each user.
.messageUserBlock div.avatarHolder .avatar.Av23062m {
display: block !important;
}
Looks like this, will take care of how it looks a little bit later. http://prntscr.com/lo86q8 I suppose gigau wants it too. Each avatar exception costs 149.99 euros :D

EDIT: Where can I find a list of moderators and admins so I can add them to exception list? Thanks
 
Last edited:
Sadly as far as I know plugins don't work on mobile browsers, not for Chrome at least. For the PC version I can make a version with all avatars and icons, it's not hard, I just have to comment some lines. Do you want something specific for PC?

EDIT: I think mobile browsers don't have plugins, not only Chrome, but Opera, Firefox, etc.
I see, that's a shame... would have loved to have it on mobile.

On my computer, i like having the avatars and icons... unless you can make it so it removes the avatar solely for the lucky ones having a custom avatar like the one i lost ! :p

Might consider it for my laptop, with smaller screen, though.
 
I see, that's a shame... would have loved to have it on mobile.

On my computer, i like having the avatars and icons... unless you can make it so it removes the avatar solely for the lucky ones having a custom avatar like the one i lost ! :p

Might consider it for my laptop, with smaller screen, though.
I can make avatar exceptions for all moderators and admins: http://prntscr.com/lo8lt8 - show your icon by default if you want. It would be easier for people to recognize you since you make the law around here. Mr Capiatlist was by guinea pig but now I know how to do it and it works.

EDIT: Added my first 3 exceptions, gigau, Had a dad and Miss Capiatlist, their avatars are always visible. http://prntscr.com/lo8o1l http://prntscr.com/lo8o6r
"13. Added avatar exceptions. I will try and add admin and moderator avatars in the list so those can be seen by default. Probably it will take 3 years or so."
 
Now if somebody gives me a list of moderators and admins, I will do that for all staff.

I was joking, though if you think it'll help here's a list so incomplete and out of date it is functionally useless: https://forum.paradoxplaza.com/forum/index.php?members/&type=staff
Thanks. ETA: 3 years, 16 months and 12 days.

EDIT: To make it quicker, I will do that upon request :D Too many names there and I am too old for this.
EDIT2: Added RELee, neondt, Groogy, RodDel, Meneth.
EDIT3: Fixed the signature avatar, now it's displayed properly. I accidentally hid it since I was not aware of it until now.
EDIT4: I added my avatar in the exception list so I can easily identify my posts, it's just after developer avatars so you can easily remove it replace it with yours.
 
Last edited: