Rounded Plurks

14 Aug 2008

I am working on getting the Plurk boxes rounded to look a little nicer.  I have some early CSS written up that almost works, but I am having a hard time making the right hand border line up when a plurk is expanded. I think it has to do with that width being dynamically hard-coded. Yes, that sounds a bit odd, but it's basically on page load, the plurk code sets a static width on the expanded box.

So, I am looking into fun tricks like negative margins and/or padding, but not having too much luck so far.  For anyone that wants to use what I have so far, here is the CSS ( it also includes a piece to round your dashboard):

#plurk-dashboard  {

color: #ffffff; margin: 0 5px; padding: 10px; border: 2px solid #ffffff; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

.plurk_cnt  { border: 1px solid #000000; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

form_holder

{ border-right: 1px solid #000000; border-left: 1px solid #000000; }