ChatGTP can be pretty useful for this.

Codecademy can be good if you are just starting out like the first time trying CSS. Probably would wanna do the lessons on html and then CSS but ya. I took already computer science course in school (only intro course yet bc is summer now) and there can teach more stuff, but before then i already did some lessons on codecademy and it helped to have context for the beginning parts of the class.

Come on folks, where’s that MySpace/Xanga/Geocities spirit‽ Maybe younger folks here weren’t active online at that time. Sad we’ve lost that a bit online. Lots of people learned lots of stuff to make their pages look cool.

I know some CSS. But that just makes me think very hard whether I really want to know more CSS.

Oh no, that doesn’t exist here yet. I was referring to the option in old reddit

Some mods are literally just there to moderate. Others were there for CSS stuff and bot functionality. I imagine more of the latter will come over when it becomes unwieldy to do those things on the platform, and hopefully kbin will be more accepting to that functionality in the future.

I imagine there will be a big influx on the 1st once the apps they use to mod stop working.

Edit: Added a comment and updated the option bar to match the navbar.
Sure, here you go! I’ve never done anything like this before so it’s probably a formatting disaster, but I’ve done my best to clean it a bit and add some comments about what does what here. This is what I’ve come up with after a few hours of just poking around with the inspect element feature and reading some tutorials:

/* Navbar */
#header {
background: linear-gradient(to top right, rgba(229, 0, 32, .8) , rgba(242, 151, 57, .8));
box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.5);
backdrop-filter: blur(10px);
position: relative; z-index: 4001
}

/* Page background image */
#middle {
background: url(https://toaru-project.com/railgun_t/core_sys/images/main/common/logo_t.svg) no-repeat center center fixed;
background-size: contain;
}

/* Post box transparency */
.section {
opacity: 0.96;
}

/* kbin footer background */
#footer {
background: linear-gradient(to top right, rgba(229, 0, 32, 1) , rgba(242, 151, 57, 1));
}

/* The little arrow button in the bottom right that takes you back to the top of the page */
#scroll-top {
background: linear-gradient(to top right, rgba(229, 0, 32, .8) , rgba(242, 151, 57, .8));
box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.5);
backdrop-filter: blur(10px);
}

/* Options bar */
#options {
background: linear-gradient(to top right, rgba(229, 0, 32, .8) , rgba(242, 151, 57, .8));
box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.25);
backdrop-filter: blur(10px);
position: relative
}

/* upvote color */
.vote .active.vote__up button {
color: rgba(242, 151, 57);
}

/* Media viewer background blur */
.goverlay {
background: rgba(0,0,0,.5);
backdrop-filter: blur(15px);
}