Dreamway’s Blog

The Sandbox is the kernel of my blog theme, and it has a beautiful inside and easy development figure. Here is the basic structure of the CSS of Sandbox. Provided by wpdesigner.

• div#wrapper [.hfeed]
  • #header
    • h1
    • div#blog-description
  • div#access
    • div.skip-link
    • sandbox_globalnav() [div#menu]
  • div#container
    • div#content
      • div#nav-above [.navigation]
        • div.nav-previous
        • div.nav-next
      • div#post-the_ID() [sandbox_post_class()]
        • h2.entry-title
        • div.entry-date
        • div.entry-content
        • div.entry-meta
          • span.author (.vcard)
          • span.cat-links
          • span.comments-link
      • div#nav-above [.navigation]
        • div.nav-previous
        • div.nav-next
  • div#primary [.sideabar]
    • ul.xoxo
      • li#pages
      • li#categories
      • li#archives
  • div#secondary [.sidebar]
    • ul.xoxo
      • li#search
      • li#rss-links
      • li#meta
  • div#footer
    • span#generator-link
    • span#theme-link

It’s useful for edit the theme in the sandbox package. Only thing to do is open the `style.css’ and edit the relative block’s content by reference the block’s name above.