RLCustomDesigns CSS

CSS theme for r/RLCustomDesigns.

Features • Getting Started • Known Limitations • Contributing • References • Acknowledgements

Features

Based on Naut (see r/Naut for more details).

• Dark mode.
• Subreddit link in the logo.
• Rocket League quick chat upvote animation.
• Button icons.
• Read more for rules in the sidebar on hover.
• Formatted wiki FAQ page with images and separators inserted in the body using CSS.

_{^{Back to top}}

Getting Started

Installing

You must be a moderator to be able to edit CSS.

1. Go to reddit.com/r/RLCustomDesigns/about/stylesheet.
2. Upload all the images in the Images to Upload folder. Make sure the names are unchanged.
3. Copy the contents of style.css into the space there.
4. Save.

Setting up Flairs

1. Go to reddit.com/r/RLCustomDesigns/about/flair.
2. Add the user you want to grant a flair to and give them a CSS class.
3. Add the following snippet to the CSS in the addons section:

.flair.flair-<name> {
    background: #1f1f1f;
    border: #1f1f1f;
    color: #<colour>;
}

Where <name> is the name you gave your class in step 2, and <colour> is the colour of the text you want. Example:

_{^{Back to top}}

Known Limitations

• For a logged-out user, the login form on the sidebar doesn't work since the margin makes it overlap with the "Submissions restricted" text above it. If this margin is increased to prevent the overlap, the form looks awkward on other logged-out pages.

_{^{Back to top}}

Contributing

Pull requests are welcome! If you've got ideas or feature requests, please feel free to create an issue on this repo.

_{^{Back to top}}

References

• r/Naut
• Dead Pixel

_{^{Back to top}}

Acknowledgements

• u/GetSchwiftyClub for help with testing.
• u/DBaum1 for help with testing.
• r/RocketLeague for the upvote quick chat animation CSS.
• r/Tautulli for the slanted button style.

_{^{Back to top}}

Last Updated: 22 November 2019