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.

CSS help needed for new style

edited July 2006 in Vanilla 1.0 Help
I have been working on this beast of a style ever since the vanilla dev forum was created.

It is almost to the point where I can package it together and put it on the add-ons, but there is one really annoying factor remaining: IE. Notably, the content pane extends to the right of the browser window.

Any CSS gurus are welcome to take a wack at it: http://edacio.us/vanilla.css

If you want to see it in action, place http://edacio.us/ in your custom style URL field under the change stylesheet option of your account tab.

Comments

  • Nice looking, WallPhone. I've been working on a style which put the tabs on the left as well. Although my css skills aren't quite that fantastic, so I ran into troubles with the content-width as well, but for all browsers (as opposed to just IE). I'm guessing you'd need a css hack, so it's only picked up by IE, and do something with the margins/paddings of the content div.
  • Not a bad style dude. Whilst not to my preference I like what you've done with the layout :)
  • edited July 2006
    I haven't invested much in terms of a color scheme yet, but will break the colors out so they are easily changed.

    Tabling the discussion grid and categories was such a pain in the neck that I about resorted to making a theme instead!

    Hey look! threaded search results (at least in FF with my style)
  • It's certainly interesting. What are the search results doing though? I've never understood threaded stuff.
  • edited July 2006
    Not really threaded, just a float error caused by a long category

    Image Hosted by ImageShack.us
  • haha, that's quite amusing.
  • I found my fix... as an actual IE feature!right: 0 !important; /* solid right positioning for modern browsers */ width: expression(document.body.clientWidth-258); /* relative right positioning for IE6 */Now to squash these other errors... and add some images.
  • The way to fix that is to clear:left on the comments.
  • I fixed it by giving more room for the category--but its a good idea to do that also.

    Fixes aren't on my server just yet, will be in another two hours or so.
This discussion has been closed.