Difference between revisions of "User:Thickbrick Sleaford/ColorBox"
Jump to navigation
Jump to search
m |
|||
| (7 intermediate revisions by the same user not shown) | |||
| Line 8: | Line 8: | ||
# Content | # Content | ||
# Background color (optional) | # Background color (optional) | ||
# Border color (optional) | # Border color (optional) | ||
# Title shadow color (optional) | # Title shadow color (optional) | ||
| Line 15: | Line 13: | ||
< | <!-- gradient style (doesn't quite work) --> | ||
<!-- | |||
background: {{{3|#EBFDFF}}} linear-gradient(left top, {{{4|#EFFCFC}}}, {{{5|#C7F3F7}}}); | background: {{{3|#EBFDFF}}} linear-gradient(left top, {{{4|#EFFCFC}}}, {{{5|#C7F3F7}}}); | ||
background: {{{3|#EBFDFF}}} -moz-linear-gradient(top, {{{4|#EFFCFC}}}, {{{5|#C7F3F7}}}); | background: {{{3|#EBFDFF}}} -moz-linear-gradient(top, {{{4|#EFFCFC}}}, {{{5|#C7F3F7}}}); | ||
background: {{{3|#EBFDFF}}} -webkit-gradient(linear, top, bottom, from({{{4|#EFFCFC}}}), to({{{5|#CAEDF0}}})); | background: {{{3|#EBFDFF}}} -webkit-gradient(linear, top, bottom, from({{{4|#EFFCFC}}}), to({{{5|#CAEDF0}}})); | ||
background: {{{3|#C7F3F7}}} filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='{{{4|#EFFCFC}}}', endColorstr='{{{5|#C7F3F7}}}'); | background: {{{3|#C7F3F7}}} filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='{{{4|#EFFCFC}}}', endColorstr='{{{5|#C7F3F7}}}'); | ||
border: 2px solid {{{ | --> | ||
</div> | |||
</noinclude><div style="display: inline-block; padding: 6px 30px 8px 20px; margin: 4px 0px 12px 0px; background: {{{3|#EBFDFF}}}; border: 2px solid {{{4|#87A5CC}}}; -webkit-border-radius: {{{6|6px}}}; -moz-border-radius: {{{6|6px}}}; border-radius: {{{6|6px}}};"><span style="text-shadow: {{{5|#AAF}}} 1px 2px 2px;">'''{{{1|Title here:}}}'''</span> {{{2|Content here. More content.}}} | |||
</div><br /> | |||
Latest revision as of 15:36, 28 July 2010
Rounded Color Box Template
Use this template by putting this in your page:
{{User:Thickbrick_Sleaford/ColorBox|Title|Conent}}
Parameters:
- Title
- Content
- Background color (optional)
- Border color (optional)
- Title shadow color (optional)
- Corner Radius (optional)
Title here: Content here. More content.