In Awe

[mpoer]

I'm making a theme for my WordPress [2.0.1] blog. Whenever I'm making a CSS file, I have to go in and make sure I have room to define every indivdual piece of the page. My Blog is big, and it produced a really big CSS file.It just struck me how efficient CSS is when I looked at some of the pyramids I've created in this file.Long Live CSS!

/*  Theme Name: BasicTheme URI: http://thinktank.ichyware.net:81Description: basic theme with minimal colours or images. good for text browsers and mobiles.Version: 0.1Author: Matthew PoerAuthor URI: http://thinktank.ichyware.net:81*//* this one is blank. have fun */body{}/* header */#header {}#header h1 {}#header h1 a {}#header.description {}/* sidebar: search, pages, archieves, categories, and meta (on the left side of the page) */#left {}#left ul {}#left ul li {}#left ul li h2 {}#left ul li h2 div.searchdiv {}#left ul li ul {}#left ul li ul li {}#left ul li ul li a {}#left ul li ul li a:hover {}/* content (in the middle, duh) */#middle {}#middle .blog-head {}#middle .blog-head .title {}#middle .blog-head .title h2 {}#middle .blog-head .title h2 a {}#middle .blog-head .title h2 a:hover {}#middle .blog-head .info {}#middle .blog-head .info a {}#middle .blog-head .info a:hover {}#middle .blog-end {}#middle .blog-end .link {}#middle .blog-end .link a {}#middle .blog-end .link a:hover {}#middle .blog-end .info {}#middle .blog-end .info a {}#middle .blog-end .info a:hover {}#middle .blog-end .edit {}#middle .blog-end .edit a {}#middle .blog-end .edit a:hover {}/* these are for the posts. be sure to define every element that an author may use */#middle .blog-content {}#middle .blog-content p {}#middle .blog-content blockquote {}#middle .blog-content a {}#middle .blog-content a:hover {}#middle .blog-content ul {}#middle .blog-content ul li {}#middle .blog-content ol {}#middle .blog-content ol li {}#middle .blog-content img {}/* links (on the right side) */#right {}#right ul {}#right ul li {}#right ul li h2 {}#right ul li h2 ul {}#right ul li h2 ul li {}#right ul li h2 ul li a {}#right ul li h2 ul li a:hover {}/* footer */#footer p {}#footer p a {}#footer p a:hover {}

[Jonas]

Yeah, css i great. All hail Håkon Lie!!

[Guest FirefoxRocks]

CSS is great. It allows you to use 1 file to control the appearance of infinite number of pages (well, as long as you have the disk space and bandwidth...)