Okay, so my main problem (I have many, but this is the most pressing) is that when I put this code into the .main section (for chat) it messes up other things: the "submit" bars all get larger and the text slides into a weird position, the text boxes get larger and move to the right, etc.

Here's the code. Everything in bold is what causes the problem; the other stuff works fine.

color: #some random hex code here;

border-radius: 0px !important;

Is there a better way to accomplish the square boxes that "float" above the background, or do I just need to give up? I've seen a lot of people with the square drop-shadow text boxes, so it should be possible.

Thanks!

Okay, solved my problem on my own! That's a first. For anyone wondering, I just got rid of the width command.

Now, I am wondering what section of code changes the color of the dropdown menus under the navbar. They are currently a sickly yellow.

Also, is there any way to change the shape of the box that is -inside- the quest box (holds the quests). Currently it is rounded and I am trying to make everything square.

Try this - the changes to border-radius might also affect other website elements, you'll have to check (or accept ;-) ) that.

.dropdown-content { background-color: #...; }

.primary, .sidebarheader { border-radius: 0 !important; }

Thanks! I'll try that :)

Yes, the width and the margins are already set for you, I highly suggest leaving them as is. And border radius likes to be a pain in the ass.

Everything reacts differently within the code