Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Style Cheat-Sheet

edited August 2005 in Vanilla 1.0 Help
I was wondering if someone could be so kind enough as to create a Vanilla Style Cheat-Sheet. If your not sure what i mean by this check out the cheat-sheet for Wordpress: Im trying to create a style and this is the best way to learn personally, it would also help other users to learn how to create a style easily too.


  • I can't garantee anything, but I will certainly give it a try when I get a little free time.
  • lechlech Chicagoland
    /me tips his hat GOOD LUCK!
  • sounds good, i'm holding off on finishing my style until i get some more pointers on how to go about it. a checklist or similar would be great.
  • I can't wait. Hope he goes around doing it.
  • The pressure is on. Guys, I am going to have to wait until next Wednesday, then I will give it a shot.
  • want an easy solution to start with?

    make a blank global.css,

    paste this
    *{ border: 1px dotted silver; margin: 0.5em; padding: 0.5em; } body, html{ border: none; margin: 0; padding: 0; } body{ font:62.5% verdana, arial, sans; } #MenuForum:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html #MenuForum {height: 1%;} /* End hide from IE-mac */ /* - end clearing - */ #MenuForum li{ float: left; } #Body{ margin-left: 23em; } #Panel{ float: left; width: 20em; } .PageList li{ display: inline; } .MetaItem, .MetaItemLabel{ display: inline; line-height: 3em; } .DataItemLabel{ float: left; }

    gives you this:


    combine that with the firefox web dev tool bar's "Display ID and Class Details" functionality and you should have a good start.
  • MarkMark Vanilla Staff
    I'm going to say it one more time: Andy is the bomb.
  • MarkMark Vanilla Staff
    Added to the wiki
  • andyandy New
    edited August 2005
    rock, thanks mark.

    the rules there only really cover the discussion list page, and the header.

    using the universal selector to apply padding, margin, and border will still give you a clear idea of page elements on other pages. they just won't look as pretty.

    * is your friend.
  • lechlech Chicagoland
    well damn, that's something I wouldn't have thought of. Rock on andy! /me bookmarks this thread for safe keeping.
  • Andy, i would kiss you but that would be wrong.
This discussion has been closed.