Panthar's Lair » Plurk http://panthar.org Adventures of a Professional Computer Tamer Thu, 26 Jan 2012 08:51:28 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Rounded Plurks http://panthar.org/2008/08/14/rounded_plurk/ http://panthar.org/2008/08/14/rounded_plurk/#comments Thu, 14 Aug 2008 18:08:38 +0000 Robert http://panthar.org/?p=191 Continue reading →]]> 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;
}
]]> http://panthar.org/2008/08/14/rounded_plurk/feed/ 1