Rounded Plurks

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;

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

One thought on “Rounded Plurks

Leave a Reply