MyBB Community Forums - Remove rounded edges

I've recently created a forum and finally managed to find a suitable theme.
But there is something which I dislike about it, the rounded edges.
I would be very much grateful to you if you could tell me how to remove it.

The screenshot would convey what I'm talking about:
[Image: JPitshootingKBO.png]

Go to: ACP > Themes > Your theme > Edit > global.css > Edit in Advanced Mode > and find;

#container {
	background: #ffffff;
	width: 95%;
	color: #000000;
	border: 0px solid #e4e4e4;
	margin: auto auto;
	padding: 20px;
	text-align: left;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
}

and remove the following code from it;

	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;

Smilarly, you've to remove this in the following styles too;

.tborder {
	background: #000000;
	width: 100%;
	margin: auto auto;
	border: 1px solid #0099CC;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}

.thead {
	background: #00CCFF url(images/PureBeauty/thead_bg.gif) top left repeat-x;
	color: #ffffff;
-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}

(2011-05-13, 10:42 AM)Yaldaram Wrote: [ -> ]and remove the following code from it;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;

Don't forget also to remove the "border-radius" itself.

(2011-05-13, 10:44 AM)Aries-Belgium Wrote: [ -> ]
(2011-05-13, 10:42 AM)Yaldaram Wrote: [ -> ]and remove the following code from it;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
Don't forget also to remove the "border-radius" itself.

I think you forgot to read the whole post. :s

(2011-05-13, 10:46 AM)Yaldaram Wrote: [ -> ]
(2011-05-13, 10:44 AM)Aries-Belgium Wrote: [ -> ]
(2011-05-13, 10:42 AM)Yaldaram Wrote: [ -> ]and remove the following code from it;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
Don't forget also to remove the "border-radius" itself.
I think you forgot to read the whole post. :s

I didn't. If you have these attributes for an element:

-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;

And only delete the border-radius attributes which are prefixed, leaving border-radius itself in there, you will still have rounded borders in some browsers.

Fixed the post above.

Thanks a lot Yaldaram, your answer solved my problem; you too Aries-Belgium.
Thanks a lot guys, More power to you!

Thanks Xodiac =)

(2011-05-13, 10:59 AM)Xodiac Wrote: [ -> ]Thanks a lot Yaldaram, your answer solved my problem; you too Aries-Belgium.
Thanks a lot guys, More power to you!

We are here to help Wink