Sandbox logo PNG

A sandbox logo PNG with an alpha channel. Originally for my footer I created it by copying the b/w shape into the alpha channel of a solid color rectangle. Means: You can change the color and preserve the alpha just by flooding it with another color (At least, I can. With GraphicConverter).

geexplosion

I’m so proud of my CSS code, I’m asking people to look at it. Spooky.

What happened to the design?

To know more about why styles are disabled on this website visit the Annual CSS Naked Day website for more information.

Over now

Δfoxtrot’s CSS

It’s a roaring development for my blog. Not only does the update to WordPress 2.5 impress me. I was quite lucky to have my redesign coincide with it. It’s all plain CSS crafted as a replacement stylesheet for WordPress.com’s Sandbox theme.

Grab the current CSS file here

Notable «Features» of my CSS Skin include:

1. The starting configuration was heavily inspired by Yahoo UI stylesheets, allowing me to bypass a lot of browser glitches
2. The width accommodates Videos (unlike prologue which I would use, if it could)
3. Particular Attention to lists (inspired by Prologue)
   • Also to nested lists
4. Custom design for downloads, warnings and announcements, based on commonly used class names
   1. These can be nested, e.g. a warning inside a download
5. Silk Icons by FamFamFam (CC license: BY 2.5)
6. A custom admin bar
7. My favourite: You get 1, 2 or 3 columns, depending on your screen size. On a 1600 pixel wide display you see three columns wasting no screen width. On a 800 pixel wide screen you get, tumbleloglike, one column.
8. Released under the GPL

To Do

• Admin Bar menus
• Image alignment
• Do something to preserve readability of headings and meta against light backgrounds (semi opaque png?)
• Unordered lists in ordered lists (and the other way round)
• Nested Blockquote
• First Paragraph styling
• Private posts
• Image Galleries
• Headings (partly)
• Some parts in the comments section
• Textboxes and butto
• Archive views
• Author archive
• Whatever you tell me to

And when it shines on Webkit and Gecko browsers I’ll try to support IE

CSS wizardry

Extensive Redesign in the making. Hence the poor look. Please ignore any funky stuff happening here over the weekend.

This paragraph is meant to be .important or an announcement. check out my new Stylesheet.

For developers: A .download box.

As an example you can download my custom stylesheet.

This is an .alert or warning. You’re downloading at your own risk ;-)

This is what a blockquote looks like with the current styling

Nested Blockquote

• My List
• is listed
  • to be
• styled by
• Cascading Style Sheets

1. My List
2. is listed
   1. to be
3. styled by
4. Cascading Style Sheets