CSS Base

A collection of CSS files.

The Problem

I like to have web pages to accompany the things I do and I like to play around with the way those pages look. At a certain point I ended up wanting to re-use one look or another which lead to CSS files being copy/pasted all over the place.

Of course this would not do...

The solution

It dawned on me I might as well just put all the CSS files I tend to recycle together in a single location. This would also improve re-usability. As some revision control is always nice, a git repo seemed as good a place as any.

As Github is graceful enough to offer us free webhosting, having the files online makes it even easier to include and re-use them.

So here we are...

The Collection

The following CSS files are available:

base.css

This is just a basic styling I tend to use to make short pages and documentation look presentable (and hopefully slightly elegant). It is used for this document to.

code.css

When you use code examples on a page, this will add some niceties to the code blocks, like a description (based on the "rel" attribute) and a counter (using H2 tags as chapters).

keyboard.css

When you use the KBD tag on a page, this will add make it display as an actual keyboard button (distinctly different from form buttons, mind you). Includes hover state for fun and confusion.

ribbon.css

Would you like a ribon on a page, like the one on this page? How about one that is 100% CSS. No images involved! Based on the excellent work by Terrence Ryan, this is the one for you!

---