v50 Steam/Premium information for editors
- v50 information can now be added to pages in the main namespace. v0.47 information can still be found in the DF2014 namespace. See here for more details on the new versioning policy.
- Use this page to report any issues related to the migration.
This notice may be cached—the current version can be found here.
Difference between revisions of "Template:Rounded info box"
Jump to navigation
Jump to search
(copy from sandbox) |
|||
| (3 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<div style="text-align:center;"> <!-- EDITORS: THE HEADER COMES SECOND, NOT FIRST! Make sure you edit the correct part! --> | <div style="text-align:center;"> <!-- EDITORS: THE HEADER COMES SECOND, NOT FIRST! Make sure you edit the correct part! --> | ||
| − | <div style="overflow:auto; color: {{{color|black}}}; background-color: {{{bgcolor|#eef5ff}}}; border: 1px solid {{{bordercolor|#0088CC}}}; font-size: 90%; margin: 1em 0em 0em | + | <div class="{{#if:{{{collapsible|{{{collapse|}}}}}}|mw-collapsible {{#if:{{{collapsed|}}}|mw-collapsed}}}}" style="position: relative; overflow:auto; color: {{{color|black}}}; background-color: {{{bgcolor|#eef5ff}}}; border: 1px solid {{{bordercolor|#0088CC}}}; font-size: 90%; margin: 1em 0em 0em; text-align: {{{align|center}}}; width: auto; {{border radius|4px}} {{{style|}}}"> |
| − | <div style="color: {{{hcolor|black}}}; border: 1px solid {{{bordercolor|#0088CC}}}; font-weight:bold; background-color: {{{hbgcolor|#8ce}}}; padding-left: 1em; padding-right: 1em; text-align: {{{halign|center}}}; box-shadow: | + | <div style="color: {{{hcolor|black}}}; border-bottom: 1px solid {{{bordercolor|#0088CC}}}; font-weight:bold; background-color: {{{hbgcolor|#8ce}}}; padding-left: 1em; padding-right: 1em; padding-top: 1px; text-align: {{{halign|center}}}; box-shadow: 2px 2px 12px 0px {{{hshadowcolor|{{{hbgcolor|#8ce}}}}}}; {{{hstyle|}}}"> '''{{{1| }}}'''</div> |
| + | <div class="{{#if:{{{collapsible|{{{collapse|}}}}}}|mw-collapsible-content}}" style="padding: 2px;"> | ||
{{{2| }}} | {{{2| }}} | ||
| + | </div> | ||
</div></div><noinclude> | </div></div><noinclude> | ||
<!-- Please do not add in includeonly tags; they are left out so the empty template can serve as a preview for editors. --> | <!-- Please do not add in includeonly tags; they are left out so the empty template can serve as a preview for editors. --> | ||
Latest revision as of 18:35, 24 June 2014
(view - edit - history - purge) Documentation
This template is used on the Main page. Be careful when editing (test on your user page first!)
Examples
{{Rounded info box|Header|Text}}
Header
Text
Existing shortcuts
See Category:Rounded info box templates for a list of existing templates.
{{Red rounded info box|Header|Text}}
Header
Text
{{Grey rounded info box|Header|Text}}
Header
Text
{{Orange rounded info box|Header|Text}}
Header
Text
{{Green rounded info box|Header|Text}}
Header
Text
Custom colors
{{Rounded info box|Header|Text|bordercolor=red|hbgcolor=yellow|hcolor=#090}}
Header
Text
{{Rounded info box|Header|Text|hcolor=purple|hbgcolor=red|bgcolor=lime|color=rgb(255,150,10)|bordercolor=hsl(0, 100%, 0%)}}
Header
Text
Parameters (optional)
Colors
- color: The text color of the body
- hcolor: The text color of the header
- bordercolor: Border color of the infobox
- bgcolor: Background color of the body
- hbgcolor: Background color of the header
Multiple formats are acceptable.
| Format | Red | Light blue [1] |
|---|---|---|
| Hexadecimal | #f00 or #ff0000 | #e0f0ff |
| Text | red | None [2] |
| RGB | rgb(255,0,0) | rgb(224,240,255) |
| HSL | hsl(0, 100%, 50%) | hsl(209, 100%, 94%) |
[1] This is only an example - many other colors would also work.
[2] Some browsers may support a name for this color (like skyBlue) but it might not be consistent.
Layout
- align: The alignment of the body (defaults to "center")
- halign: The alignment of the header (defaults to "center")