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

  • Crusader Kings III Available Now!

    The realm rejoices as Paradox Interactive announces the launch of Crusader Kings III, the latest entry in the publisher’s grand strategy role-playing game franchise. Advisors may now jockey for positions of influence and adversaries should save their schemes for another day, because on this day Crusader Kings III can be purchased on Steam, the Paradox Store, and other major online retailers.


    Real Strategy Requires Cunning

StefanFan

Field Marshal
17 Badges
Apr 11, 2016
2.740
351
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:

Had a dad

V g H
Moderator
205 Badges
Sep 5, 2008
24.975
2.603
  • 500k Club
  • Crusader Kings II: Way of Life
  • Crusader Kings II: Conclave
  • Crusader Kings II: Limited Collectors Edition
  • Diplomacy
  • Cities: Skylines
  • Europa Universalis: Rome
  • Surviving Mars: Digital Deluxe Edition
  • Prison Architect
  • Stellaris: Humanoids Species Pack
  • Imperator: Rome Deluxe Edition
  • Europa Universalis IV: Golden Century
  • Surviving Mars: First Colony Edition
  • Shadowrun Returns
  • Cities: Skylines - Parklife
  • BATTLETECH - Digital Deluxe Edition
  • Steel Division: Normandy 44 -  Back to Hell
  • BATTLETECH: Heavy Metal
  • VtM - Bloodlines 2
  • Imperator: Rome Sign Up
  • Age of Wonders: Planetfall
  • Age of Wonders: Planetfall Deluxe edition
  • Age of Wonders: Planetfall Premium edition
  • Age of Wonders: Planetfall Season pass
  • Age of Wonders: Planetfall Sign Up
  • Crusader Kings III Referal
  • PDXCon 2019 "Baron"
  • Stellaris: Lithoids
  • Stellaris: Digital Anniversary Edition
  • Crusader Kings III: Royal Edition
  • Elven Legacy Collection
  • Magicka: Wizard Wars Founder Wizard
  • Victoria 2 Beta
  • Mount & Blade: With Fire and Sword
  • Hearts of Iron IV: Cadet
  • Hearts of Iron IV: Colonel
  • Hearts of Iron IV: Field Marshal
  • Elven Legacy
  • Crusader Kings II: Reapers Due
  • Cities: Skylines - Green Cities
  • Stellaris: Leviathans Story Pack
  • Cities: Skylines - Natural Disasters
  • Cities: Skylines - Mass Transit
  • Europa Universalis IV: Mandate of Heaven
  • Steel Division: Normandy 44 Deluxe Edition
  • PDXCON 2017 Standard Ticket holder
  • Crusader Kings Complete
  • BATTLETECH
  • Hearts of Iron IV: Death or Dishonor
pfff your css removes my fancy flag and doesn't show all my hard earned medals... burn the heritic

other than that, good job :)
 

gigau

Imperare Orbis Universi
Demi Moderator
206 Badges
May 4, 2005
41.978
5.717
45
www.twitch.tv
  • Deus Vult
  • Europa Universalis III
  • Europa Universalis III: Collection
  • Europa Universalis III Complete
  • Europa Universalis III: Chronicles
  • Victoria: Revolutions
  • Imperator: Rome Deluxe Edition
  • Crusader Kings II: Holy Knight (pre-order)
  • Crusader Kings III
  • For The Glory
  • Europa Universalis IV: Call to arms event
  • Europa Universalis IV: Pre-order
  • Europa Universalis IV: El Dorado
  • Europa Universalis IV: Rights of Man
  • Europa Universalis IV: Mare Nostrum
  • Europa Universalis IV: Cossacks
  • Europa Universalis IV: Dharma
  • Europa Universalis IV: Mandate of Heaven
  • Europa Universalis IV: Common Sense
  • Europa Universalis IV: Rule Britannia
  • Europa Universalis IV: Third Rome
  • Europa Universalis IV: Dharma Pre-order
  • Europa Universalis IV: Golden Century
  • Europa Universalis IV: Wealth of Nations
  • Europa Universalis IV: Conquest of Paradise
  • Europa Universalis IV: Art of War
  • Victoria 2
  • Hearts of Iron III Collection
  • Hearts of Iron IV: Colonel
  • Stellaris: Galaxy Edition
  • Diplomacy
  • Mount & Blade: Warband
  • Magicka
  • Cities: Skylines Deluxe Edition
  • Surviving Mars: Digital Deluxe Edition
  • BATTLETECH - Digital Deluxe Edition
  • 500k Club
  • 200k Club
  • Paradox Order
  • PDXCON 2017 Gold Ticket holder
  • PDXCON 2018 "The Emperor"
  • PDXCon 2019 "King"
  • PDXCon 2017 Awards Winner
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 ?
 

StefanFan

Field Marshal
17 Badges
Apr 11, 2016
2.740
351
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.
 

Mr. Capiatlist

The Constantinople of the Great Lakes
Moderator
85 Badges
Dec 4, 2003
19.662
2.381
nhkendall.com
  • Crusader Kings II: Holy Knight (pre-order)
  • 500k Club
  • Rome Gold
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).
 

StefanFan

Field Marshal
17 Badges
Apr 11, 2016
2.740
351
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:

gigau

Imperare Orbis Universi
Demi Moderator
206 Badges
May 4, 2005
41.978
5.717
45
www.twitch.tv
  • Deus Vult
  • Europa Universalis III
  • Europa Universalis III: Collection
  • Europa Universalis III Complete
  • Europa Universalis III: Chronicles
  • Victoria: Revolutions
  • Imperator: Rome Deluxe Edition
  • Crusader Kings II: Holy Knight (pre-order)
  • Crusader Kings III
  • For The Glory
  • Europa Universalis IV: Call to arms event
  • Europa Universalis IV: Pre-order
  • Europa Universalis IV: El Dorado
  • Europa Universalis IV: Rights of Man
  • Europa Universalis IV: Mare Nostrum
  • Europa Universalis IV: Cossacks
  • Europa Universalis IV: Dharma
  • Europa Universalis IV: Mandate of Heaven
  • Europa Universalis IV: Common Sense
  • Europa Universalis IV: Rule Britannia
  • Europa Universalis IV: Third Rome
  • Europa Universalis IV: Dharma Pre-order
  • Europa Universalis IV: Golden Century
  • Europa Universalis IV: Wealth of Nations
  • Europa Universalis IV: Conquest of Paradise
  • Europa Universalis IV: Art of War
  • Victoria 2
  • Hearts of Iron III Collection
  • Hearts of Iron IV: Colonel
  • Stellaris: Galaxy Edition
  • Diplomacy
  • Mount & Blade: Warband
  • Magicka
  • Cities: Skylines Deluxe Edition
  • Surviving Mars: Digital Deluxe Edition
  • BATTLETECH - Digital Deluxe Edition
  • 500k Club
  • 200k Club
  • Paradox Order
  • PDXCON 2017 Gold Ticket holder
  • PDXCON 2018 "The Emperor"
  • PDXCon 2019 "King"
  • PDXCon 2017 Awards Winner
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.
 

StefanFan

Field Marshal
17 Badges
Apr 11, 2016
2.740
351
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."
 

Mr. Capiatlist

The Constantinople of the Great Lakes
Moderator
85 Badges
Dec 4, 2003
19.662
2.381
nhkendall.com
  • Crusader Kings II: Holy Knight (pre-order)
  • 500k Club
  • Rome Gold

StefanFan

Field Marshal
17 Badges
Apr 11, 2016
2.740
351
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: