Page History

{deck:id=contentm}
{card:label=lozenge}
This macro creates a professional lozenge effect that's ideal for creating professional looking buttons or simply highlighting important information.
h3.The Code :
With an icon:
{code}
{lozenge:icon=!bell.png!|title=Announcement}Some important news here...{lozenge}
{code}
Without an icon and with a custom color:
{code}
{lozenge:title=Announcement|color=red}Some important news here...{lozenge}
{code}
h3. What you will get :
With an icon :

{lozenge:icon=!bell.png!|title=Announcement}Some important news here...{lozenge}

Without an icon and with a custom color:

{lozenge:title=Announcement|color=red}Some important news here...{lozenge}


h3. Parameters
||*Name*|*Required?*|*Default*|*Description*||
|link|(x)| | if specified, clicking the lozenge will go to the specified link.|
|color|(x)| silver| The color of the left portion of the lozenge. |
|arrow|(x)| none or blue| Defines which arrow to use on the left portion of the lozenge:
* none (default if no "link" specified) - the arrow will not be displayed
* blue (default if a link is specified) - a blue arrow will be displayed
* green - a green arrow will be displayed.|
|title|(x)| |The title to show at the top of the main panel.|
|icon|(x)| |Attach an image (see above) or some text to the left of the lozenge.|
|width|(x)|347px|The width of the entire lozenge in pixels or as a percentage. Specify auto  to make the lozenge automatically stretch to fit it's contents.|

Sets the background color for a section of content. You can specify a background color using color names or hexadecimal color codes.
h3. The Code :
Color names:
{code}
{bgcolor:red}red{bgcolor}
{bgcolor:yellow}yellow{bgcolor}
{bgcolor:green}green (default){bgcolor}
{bgcolor:cyan}cyan{bgcolor}
{bgcolor:blue}blue{bgcolor}
{bgcolor:purple}purple{bgcolor}
{code}
Hexadecimal:
{code}
{bgcolor:#E47833}mandarin orange{bgcolor}
{bgcolor:#802A2A}brown{bgcolor}
{bgcolor:#F08080}light coral{bgcolor}
{bgcolor:#800000}maroon{bgcolor}
{bgcolor:#D44942}chili{bgcolor}
{bgcolor:#CDB7B5}misty rose{bgcolor}
{code}
h3. What you will get :
Color names:
{bgcolor:red}red{bgcolor}
{bgcolor:yellow}yellow{bgcolor}
{bgcolor:green}green{bgcolor}
{bgcolor:cyan}cyan{bgcolor}
{bgcolor:blue}blue{bgcolor}
{bgcolor:purple}purple{bgcolor}
Hexadecimal:
{bgcolor:#E47833}mandarin orange{bgcolor}
{bgcolor:#802A2A}brown{bgcolor}
{bgcolor:#F08080}light coral{bgcolor}
{bgcolor:#800000}maroon{bgcolor}
{bgcolor:#D44942}chili{bgcolor}
{bgcolor:#CDB7B5}misty rose{bgcolor}
h3.Parameters
{code}
{bgcolor:myColor}your content{bgcolor}
{code}
||*Name*|*Required?*|*Default*|*Description*||
|default|(/)|green|The "myColor" default parameter defines the background colour for the content contained within the macro and can be either a common colour name (supported by most browsers) or a hexadecimal colour code (supported by all browsers).|

Allows you to highlight a portion of content. You can specify a color using color names or hexadecimal color codes.
h3. The Code :
{code}
{highlight:red}red{highlight}
{highlight:yellow}yellow (default){highlight}
{highlight:green}green{highlight}
{highlight:cyan}cyan{highlight}
{highlight:blue}blue{highlight}
{highlight:purple}purple{highlight}
{code}
h3. What you will get :
{highlight:red}red{highlight}
{highlight:yellow}yellow{highlight}
{highlight:green}green{highlight}
{highlight:cyan}cyan{highlight}
{highlight:blue}blue{highlight}
{highlight:purple}purple{highlight}
h3.Parameters
{code}
{bgcolor:myColor}your content{bgcolor}
{code}
||*Name*|*Required?*|*Default*|*Description*||
|default|(/)|yellow|The "myColor" default parameter defines the background colour for the content contained within the macro and can be either a common colour name (supported by most browsers) or a hexadecimal colour code (supported by all browsers).|

Add a trademark, a service mark, copyright, or registered trademark
h3. The Code :
Trademark:
{code}
{tm}Like a Rock{tm}
{code}
Service Mark:
{code}
{sm}My Service{sm}
{code}
Copyright:
{code}
{copyright}2010 Massachusetts Institute of Technology{copyright}
{code}
Registered Trademark:
{code}
{reg-tm}Registered Trademark{reg-tm}
{code}
h3. What you will get :
Trademark:
{tm}Like a Rock{tm}
Service Mark:
{sm}My Service{sm}
Copyright:
{copyright}2010 Massachusetts Institute of Technology{copyright}
Registered Trademark:
{reg-tm}Registered Trademark{reg-tm}

Use this macro to center a portion of content.
h3. The Code :
{code}
{center}Some centered content.{center}
{code}
h3. What you will get :
{center}Some centered content.{center}

This macro is designed to allow a single page to have custom styles applied to it. The style sheet can optionally be restricted to specific media types and you can optionally import an external style sheet from a URL.
h3. The Code :
This style sheet will make citation text look pretty:
{code}
{style}
/* citation */
cite:before {
 content: "\"";
}
cite:after {
 content: "\"";
}
cite, cite:before, cite:after {
 font-family: Georgia, "Times New Roman", serif;
 font-style: italic;
}
{style}
{code}
This will add this HTML to your page:
{code]
<style type="text/css">
/* citation */
cite:before {
 content: "\"";
}
cite:after {
 content: "\"";
}
cite, cite:before, cite:after {
 font-family: Georgia, "Times New Roman", serif;
 font-style: italic;
}
</style>
{code}
Now enter some citation text:
{code}
??Some citation text??
{code}
h3. What you will get :
??Some citation text??

h3.Parameters