CSS First Time Making CSS Script

[SirLordQuentinTrembleyIII]

Hello, this is my first time making a CSS script. I've used Stylus before to change a few websites, but nothing beyond that. However, the website SpaceBattles is currently undergoing a UI change that is... not for the best (you can see the thread discussing it here). I wish to create a style that addresses many of the issues people have with the new style, starting with the lack of borders around posts. Someone has already made a "quick-and-dirty" mockup of how it would look, which I am trying to replicate generally (found here, code here). However, my code hasn't been able to do that. So far this is the code I have made to change the .message class. There's probably an obvious error here, but I'm too inexperienced to see it.

.message {
    border-color: #415C87;
    border-style: solid;
    border-width: 2px;
}

My primary goals with this project are, in order of expected difficulty: return borders around posts (with if statements to change it based on selected theme), change the background of the light mode to be more palatable, change much of the text color of the Classic Dark background back to the green of the old site, and fix the spacing so the site doesn't have so much wasted space. Is this all possible with CSS, and do you have any recommendations on where to start?

 

[Antero360]

Hello, this is my first time making a CSS script. I've used Stylus before to change a few websites, but nothing beyond that. However, the website SpaceBattles is currently undergoing a UI change that is... not for the best (you can see the thread discussing it here). I wish to create a style that addresses many of the issues people have with the new style, starting with the lack of borders around posts. Someone has already made a "quick-and-dirty" mockup of how it would look, which I am trying to replicate generally (found here, code here). However, my code hasn't been able to do that. So far this is the code I have made to change the .message class. There's probably an obvious error here, but I'm too inexperienced to see it.

.message {
    border-color: #415C87;
    border-style: solid;
    border-width: 2px;
}

My primary goals with this project are, in order of expected difficulty: return borders around posts (with if statements to change it based on selected theme), change the background of the light mode to be more palatable, change much of the text color of the Classic Dark background back to the green of the old site, and fix the spacing so the site doesn't have so much wasted space. Is this all possible with CSS, and do you have any recommendations on where to start?

Hi there,
If I may ask a question: do you have access to the files on the backend of the site? If so, then it wouldn't be too difficult. Otherwise, you may have to either create a browser extension that changes it just for you and/or users with the extension.

 

[tomliv]

If you are using Stylus or Stylebot and this isn’t working, my first guess is the selector is wrong. I’m on my phone so I cannot check right now.