MyBB Community Forums

Full Version: how to make a lower rounder corner
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Im wondering how to make a lower round corner

[Image: cornerc.jpg]


Quote:body {
background: url(images/bg.png) repeat;
color: #000;
font-family: Tahoma;
font-size: 13px;
text-align: left; /* IE 5 fix */
line-height: 1.4;
}

a:link {
color: #026CB1;
text-decoration: none;
}

a:visited {
color: #026CB1;
text-decoration: none;
}

a:hover, a:active {
color: #000;
text-decoration: underline;
}

#container {
background: #fff;
width: 80%;
color: #000000;
border: 0px solid #e4e4e4;
margin: auto auto;
padding: 20px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;

}

#content {
/* FIX: Make internet explorer wrap correctly */
width: auto !important;
}

.menu ul {
color: #000000;
font-weight: bold;
text-align: left;
padding: 4px;
}

.menu ul a:link {
color: #000000;
text-decoration: none;
}

.menu ul a:visited {
color: #000000;
text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
color: #4874a3;
text-decoration: none;
}
.menu1 ul {
color: #000000;
font-weight: bold;
text-align: left;
padding: 4px;
}

.menu1 ul a:link {
color: #000000;
text-decoration: none;
}

.menu1 ul a:visited {
color: #000000;
text-decoration: none;
}

.menu1 ul a:hover, .menu ul a:active {
color: #4874a3;
text-decoration: none;
}

#panel {
background: #efefef;
color: #000000;
font-size: 11px;
border: 1px solid #D4D4D4;
padding: 8px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;

}

#panel .remember_me input {
vertical-align: middle;
margin-top: -1px;
}

table {
color: #000000;
font-family: Tahoma;
font-size: 13px;
}


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

.thead {
background: #026CB1 url(images/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;
border-top-right-radius: 6px;
border-top-left-radius: 6px;


}

.thead a:link {
color: #ffffff;
text-decoration: none;
}

.thead a:visited {
color: #ffffff;
text-decoration: none;
}

.thead a:hover, .thead a:active {
color: #ffffff;
text-decoration: underline;
}

.tcat {
background: #ADCBE7 url(images/sleek/tcat_bg.gif) top left repeat;
color: #000000;
font-size: 12px;
}

.tcat a:link {
color: #000000;
}

.tcat a:visited {
color: #000000;
}

.tcat a:hover, .tcat a:active {
color: #000000;
}

.trow1 {
background: #f5f5f5;
}

.trow2 {
background: #EFEFEF;
}

.trow_shaded {
background: #ffdde0;
}

.trow_selected td {
background: #FFFBD9;
}

.trow_sep {
background: #e5e5e5;
color: #000;
font-size: 12px;
font-weight: bold;
}

.tfoot {
background: #026CB1 url(images/thead_bg.gif) top left repeat-x;
color: #ffffff;
}

.tfoot a:link {
color: #ffffff;
text-decoration: none;
}

.tfoot a:visited {
color: #ffffff;
text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
color: #ffffff;
text-decoration: underline;
}

.bottommenu {

text-align: right;
background: #dfdfdf;
color: #000000;
border: 1px solid #ccc;
padding: 10px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
}

.navigation {
color: #000000;
font-size: 13px;
font-weight: bold;
Please explain, where do you want this 'lower round corner' to be?
If anyone can make it in round corner the square box all of it