Theming with minimal CSS and Zen
How to use the zen theme / subtheme system and use a minimal amount of CSS. We will demonstrate how to leverage CSS to make your life easier.
Agenda
What is the Zen theme and how to create amazing website designs with little effort.
A better understanding of CSS
Why you should only start with Zen and step on it just the right way ;D
CSS, Specificity, Tips & Tricks
Goals
Globally declare rules at all times
body, caption, th, td, input, textarea, select, option, legend, fieldset
{font-family: Helvetica, Arial, "Bitstream Vera Sans", sans-serif;}
Be specific with efficiency
Override vs Re-write
– subtheme.css
– work with inheritance
Try to only use global #IDs
(#main, #page vs #views_slideshow_main_1)