It's mostly the main font and the background, but also the color of some links, textfields, borders, and buttons. Currently each style has its own style sheet. However, it would be worthwhile to have a master stylesheet of the CSS that doesn't change, and individual stylesheets for the custom aspects. If we did that, it would be one big step in the direction of something you are talking about. insomniasexx is working on a CSS project, which will be done soon. After that, I think we should implement that kind of CSS organization. If we had a handful of customizable aspects, it wouldn't be too difficult to allow for individual customization which would be pretty lightweight.
Yeah after I finish this brilliance I think I'm going to redo it and clean it up quite a bit. Maybe even add some comments (SAY WHAAA?!) This will be especially helpful for setting master fonts, deciding which elements are for look and feel and which are necessary for layout, etc. I'm currently about to start building a new, fully responsive website for my company and so I am finally taking the time to implement perfect, documented, and concise CSS that someone will be able to understand in the future. I hope I can bring all the things I learn during this project to help Hubski's css. The coolest trick I just learned about is rems. Basically you set html to a font size of 62.5%. Then you define each element as 14px (for ie) and then 1.4rem after it for modern browsers. When you want to up the fonts a bit for mobile, all you have to do is change the single HTML % and the entire font base will increase or decrease! Nifty huh?!
Well, technically the browser is the one doing the rendering so it'll be about the same. :P
Alright. I did it. Proof. How to: 1. Install stylebot extension 2. Click the extension icon and then click "styles" on the left hand side. 3. Click "add new style" 4. Type "hubski.com" in the top box (no quotes) 5. Type in the next box.
7. Refresh Hubski.
6. Click save. body {
font-family: "Papyrus";
}