If you would like to have rounded borders* for your boxes, please
examine the following code from styles_template.css : The code
/** BOX STYLES **/ .BoxFrame{background-color:{/literal}{#ColorBoxFrame#}{literal};}
Needs to be replaced with :
/** BOX STYLES **/ .BoxFrame{background-color:{/literal}{#ColorBoxFrame#}{literal};
border-width:0px; padding: 1px 1px
1px 1px; border-style: outset
inset inset outset; border-color:
{/literal}{#ColorBoxFrame#}{literal};
-moz-border-radius: 12px 12px 12px 12px;
Like wise: .BoxContent{
font-family:{/literal}{#FontBoxTextFamily#}{literal};
font-size:{/literal}{#FontBoxTextSize#}{literal};
font-style:{/literal}{#FontBoxTextStyle#}{literal};
font-weight:{/literal}{#FontBoxTextWeight#}{literal};
padding-left:5px;padding-right:5px;padding-top:3px;padding-bottom:3px;
background-color:{/literal}{#ColorBoxBackground#}{literal};
color:{/literal}{#ColorBoxText#}{literal};
Needs to be replaced with:
.BoxContent{
font-family:{/literal}{#FontBoxTextFamily#}{literal};
font-size:{/literal}{#FontBoxTextSize#}{literal};
font-style:{/literal}{#FontBoxTextStyle#}{literal};
font-weight:{/literal}{#FontBoxTextWeight#}{literal};
padding-left:5px;padding-right:5px;padding-top:3px;padding-bottom:3px;
background-color:{/literal}{#ColorBoxBackground#}{literal};
color:{/literal}{#ColorBoxText#}{literal};
-moz-border-radius: 12px 12px 12px 12px;
*Please note that this code only works for Fire Fox. All other browsers
will see a regular box frame.
|