Rounded corners on boxes 7.2.2

I've made a style with rounded corners on boxes for version7.2.2
Heres a how-to-do for those who wish to it manually:

The wrapper named 'corners' use following opening html:

HTML

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin-top: 5px">
<tr>
<td>
<b class="b1"></b>
<b class="b2"></b>
<b class="b3"></b>
<b class="b4"></b>
<b class="b4"></b>
<table width="100%" class="t_outer" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="100%" class="t_inner" cellpadding="0" cellspacing="0">

And closing html:

HTML

</table>
</td>
</tr>
</table>

<b class="b4"></b>
<b class="b4"></b>
<b class="b3"></b>
<b class="b2"></b>
<b class="b1"></b>

</td>
</tr>
</table>

Put the following css-code into 'Extra Properties' in your style:

Code

.b1, .b2, .b3, .b4 {
display:block; 
overflow:hidden;
height:1px;
}
.b1 {
background:#BFD2D7;
margin: 0 5px;
}
.b2, .b3, .b4 {
background:url('/forums/styles/images/fiber.gif');
border-style:solid;
border-color:#BFD2D7;
}
.b2 {
margin:0 3px; border-width:0 2px;
}
.b3 {
margin:0 2px; border-width:0 1px;
}
.b4 {
margin:0 1px;border-width:0 1px;
}

Upload 'fiber.gif' into [/yourdomain/forums/styles/images/] directory.

enjoy!

Attached picture fiber_canvas.JPG

Attached File

Rounded_corners_with_wrapper.txt (275 downloads)

Very nice Peter, thank you!

Total noob here, so could someone please explain in a step-by-step way how to create rounded corners for an existing stylesheet? (7.4.1)

Also, I'm unsure if the OP's attachment is an entire stylesheet which I can simply import (how is that done?) after renaming the file extension from .txt to .css and changing the "background" path and/or image to my own??

Thanks for anyone's kind help.

I was about to answer, but then I took a look at your forums and it appears you already have it working. Good job!

yah, i started him off with a little help