Rounded Corners

[Felix2]

Add to css_additional.css

/* Start rounded corners */
.canvas-widget.default-widget, .search-widget, .blogsidebar-widget {
-moz-border-radius-topleft:10px !important;
-moz-border-radius-topright:10px !important;
-webkit-border-top-left-radius:10px !important;
-webkit-border-top-right-radius:10px !important;
border-top-left-radius:10px !important;
border-top-right-radius:10px !important;
-moz-border-radius-bottomleft:10px !important;
-moz-border-radius-bottomright:10px !important;
-webkit-border-bottom-left-radius:10px !important;
-webkit-border-bottom-right-radius:10px !important;
border-bottom-left-radius:10px !important;
border-bottom-right-radius:10px !important;
}
.widget-header.h-clearfix {
-moz-border-radius-topleft:10px !important;
-moz-border-radius-topright:10px !important;
-webkit-border-top-left-radius:10px !important;
-webkit-border-top-right-radius:10px !important;
border-top-left-radius:10px !important;
border-top-right-radius:10px !important;
}
/* End rounded corners */

Tired of those same old square corners?
This code will round them for you

[glennrocksvb]

You don't need vendor prefixes for border-radius these days. And actually, the modules have rounded corners by default, they are just using 3px so it's not that obvious. You also don't need !important.

Your code can be simplified as:

.canvas-layout-container .canvas-widget {
    border-radius:10px;
}
.canvas-layout-container .widget-header {
    border-radius: 10px 10px 0 0;
}

[Felix2]

You don't need vendor prefixes for border-radius these days.

That assumes everyone is using the most recent browsers. Tracking on my site shows that 22% of users are using Firefox 32 or earlier and 8% are using IE6 or earlier.
That is nearly 1/3 of the users with browsers that are out dated.
Yes, I agree, the extra code is not needed by new browsers, but if you want to maintain downward compatibility, it helps.

I found that by not using !important on slow connections the visual formatting often screws up and the forum looks strange.
Another not "needed" thing as you say, but there for slow connections. 15% of the areas users are still on dialup here as broadband only came to the area at the end of 2015 and it is a farming community with little interest in technologies. It is amazing how so few website developers consider the dialup user these days.

[glennrocksvb]

moz-border radius is only needed for Firefox 3.6 and below. That's too old and vB5 as a whole may not work properly in those old browsers. You may have covered old browsers by adding -moz but users using FF 3.6 and below may have bigger problems than square corners.

[glennrocksvb]

Same with IE6 and below. vB5 officially supports IE9 and up. vB5 previously supported IE8 until they upgraded jQuery to 2.x. So there's no sense in supporting old browsers in CSS if the software itself does not support them.

[Felix2]

Okay. Good to know

[Menderley]

Both codes workin nice. Thank you. Now my board looks more smooth <3