Rounded Corners for PunBB CSS

Hey,
does anyone have a CSS Code that works to round corners? In an ideal world, it would be like this forum, where the headers of categories and rounded, and the below categories are connected to it. The portal widgets are rounded too.

The rounded corner code I have on my forum now doesn't seem to work for Safari users, which is why I'm asking.

^

Hello...
I'm not used to punBB forums, but try to put this in your CSS :

.pun, #pun-navlinks ul, .main-box ul, .pun .main, .pun .main-category {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

Hi,
It worked for tables/widgets on my portal, but on the actual forum its still square. Do you know how to fix this?

http://frogzard.omgforum.net/forum.htm

Hum... Add this :

.main, .main-head, .page-title { -moz-border-radius-topleft: 10px; -webkit-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-radius-topright: 10px; }

Hey,
should I add that to the previous code you gave me or put it in a different line? I added it to my previous code and it didn't seem to of worked.

Code:

.pun, #pun-navlinks ul, .main-box ul, .pun .main, .pun .main-category, main, .main-head, .page-title { -moz-border-radius-topleft: 10px; -webkit-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-radius-topright: 10px; } {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}


If you give them the same properties, you can, but not like this :

.pun, #pun-navlinks ul, .main-box ul, .pun .main, .pun .main-category, main, .main-head, .page-title { -moz-border-radius-topleft: 10px; -webkit-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-radius-topright: 10px; } {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

You must do like this :

.name1, .name2 {properties of .name1 and .name2}
.name3, .name4, .name5 {properties of .name3 and .name4 and .name5}

For exemple :

.pun, #pun-navlinks ul, .main-box ul, .pun .main, .pun
.main-category, main, .main-head, .page-title {
-moz-border-radius-topleft: 10px; -webkit-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px; -webkit-border-radius-topright:
10px; }

Alright, I tried this code. Still nothing?

.pun, #pun-navlinks ul, .main-box ul, .pun .main, .pun .main-category {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
.main, .main-head, .page-title { -moz-border-radius-topleft: 20px; -webkit-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-radius-topright: 20px; }
}

Hello...
There's a little mistake here :

.pun, #pun-navlinks ul, .main-box ul, .pun .main, .pun .main-category {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
.main,
.main-head, .page-title { -moz-border-radius-topleft: 20px;
-webkit-border-radius-topleft: 20px; -moz-border-radius-topright: 20px;
-webkit-border-radius-topright: 20px; }
}

The "}" must be here :

.pun, #pun-navlinks ul, .main-box ul, .pun .main, .pun .main-category {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;}
.main, .main-head, .page-title { -moz-border-radius-topleft: 20px;
-webkit-border-radius-topleft: 20px; -moz-border-radius-topright: 20px;
-webkit-border-radius-topright: 20px; }

Hm, still doesn't seem to be working.

Maybe there needs to be a seperate code for the forum tables?

This code does'nt work with Internet Explorer or Opera...

Theres a lot of area we can modify... Try this :

div, table {
-moz-border-radius:20px;
-webkit-border-radius:20px;}

Interesting... The code seems to be rounding the forum tables but the corners are still staying round.

http://frogzard.omgforum.net/forum.htm

Hmm yeah...
I don't know what are the other css classes with punBB...