[{ALLOW edit EISMainUsers}]
[{ALLOW view Anonymous}]
[{TableOfContents}]

!! Usage

{{{
%%roundedCorners-<corners>-<color>-<bordercolor>
Here is your text
%%
}}}
Where:
* __corners__ : defines which corners should be rounded
* __color__ : background color of the box 
  (use hexadecimal html [color|http://html-color-codes.com/] )
* __bordercolor__ : (optional) border color 
  (use hexadecimal html [color|http://html-color-codes.com/] )

Example
{{{
%%roundedCorners-yyyy-99ccff
Here is your text
%%
}}}

The __corners__ parameters allows you to define how each of the 4 corners should be rendered.
It consists of 4 corner markers: 1st is top-left corner; 2nd is top-right corner; 3rd is bottom-left
corner and 4th is bottom-right corner. The corner marker can be a __y__ (default round corner), 
__s__ (small round corner), __n__ (normal square corner).

For example: the string __yyns__ defines a box where the top corners are rounded, the 
bottom-left corner is a normal square corner and the bottom-right corner is a small rounded corner.
Both rounded corners of either top or bottom will be rendered in the same shape (default or small) Thus, __yyss__ will still render 2 default rounded corners at the top and 2 default small corners at the bottom.

!! Examples

[BrushedTemplateRoundedCorners/rounded-corners.jpg]


Blue example, with normal borders

%%roundedCorners-yyyy-99ccff
Here is your text\\
And some more stuff.
%%

Green example with borders

%%roundedCorners-yyyy-CDFFAA-88D84F
aii iuiua uui u uee ueo ei iua eouo ioua eaeuoi ao ae uii uoo euoiu iea aeo aooea uo iia ua uaoio o ei eioe oa a u ue. Uiuio oaou iiu oeeuo oiuui o oaui euuei oiaai euoi uuue aieo iiie ee eeo uoi eoii eii ioe uo uoeee o iuuo iu oiei oi auui.
Ae eau ooia oou eiu iuuui oiiu uoea e aiii ueiau uueee iiou ei eooi uuo uoiao eoeo ie euuo eoiaao oe ee a uii uueiai. Eeii eooi iauuo o uoeo uoa o oieaio au aaoue iiu uo iei oiuu a ooui au uueiei uau iee eue eieuuu ioi ioi uo uooo.
%%

Several pink blocks with small corners at the top

%%(width:100px; margin-left: 0.5em; color:red; float:left;)
%%roundedCorners-ssnn-FFC5FF-c0c0c0
TAB1
%%
%%
%%(width:100px; margin-left: 0.5em; color:red; float:left;)
%%roundedCorners-ssnn-FFC5FF-c0c0c0
TAB2
%%
%%
%%(width:100px; margin-left: 0.5em; color:red; float:left;)
%%roundedCorners-ssnn-FFC5FF-c0c0c0
TAB3
%%
%%
%%(clear:both;)
%%
----

Mix of corners and size
%%roundedCorners-ynyn-F0F0E7-C0C0C0
Here is your text
%%

Combination of two rounded boxes on top of each other.

%%roundedCorners-yynn-99ccff
Here is the title of this box
%%
%%roundedCorners-nnyy-f0f0e7-c0c0c0
This is the bottom text. In contains bold stuff etc.
Try to make some continuations.
* item1
* item2
* item3
%%