Difference between revisions of "Template:RBX"
(updating; replacing sample text; a better choice probably exists; hope this fixes it) |
(Tinkering) |
||
| (3 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | <includeonly>border:1px {{{border|#3F3F3F}}} solid; background:{{{legacy|#EFEFEF}}}; background-color:{{{legacy|#EFEFEF}}}; background:-moz-linear-gradient(top,{{{topcolor|#DFDFDF}}} 6%, {{{botcolor|#FFFFFF}}} 88%); background:-webkit-gradient(linear,left top,left bottom,color-stop(6%,{{{topcolor|#DFDFDF}}}), color-stop(88%,{{{botcolor|#FFFFFF}}})); background: -webkit-linear-gradient(top, {{{topcolor|#DFDFDF}}} 6%, {{{botcolor|#FFFFFF}}} 88%); background:-o-linear-gradient(top, {{{topcolor|#DFDFDF}}} 6%, {{{botcolor|#FFFFFF}}} 88%); background:-ms-linear-gradient(top, {{{topcolor|#DFDFDF}}} 6%, {{{botcolor|#FFFFFF}}} 88%); background:linear-gradient( | + | <includeonly>border:1px {{{border|#3F3F3F}}} solid; background:{{{legacy|#EFEFEF}}}; background-color:{{{legacy|#EFEFEF}}}; background:-moz-linear-gradient(top,{{{topcolor|#DFDFDF}}} 6%, {{{botcolor|#FFFFFF}}} 88%); background:-webkit-gradient(linear,left top,left bottom,color-stop(6%,{{{topcolor|#DFDFDF}}}), color-stop(88%,{{{botcolor|#FFFFFF}}})); background: -webkit-linear-gradient(top, {{{topcolor|#DFDFDF}}} 6%, {{{botcolor|#FFFFFF}}} 88%); background:-o-linear-gradient(top, {{{topcolor|#DFDFDF}}} 6%, {{{botcolor|#FFFFFF}}} 88%); background:-ms-linear-gradient(top, {{{topcolor|#DFDFDF}}} 6%, {{{botcolor|#FFFFFF}}} 88%); background:linear-gradient({{{topcolor|#DFDFDF}}} 6%, {{{botcolor|#FFFFFF}}} 88%); -moz-border-radius:{{{radius|1em}}}; -khtml-border-radius:{{{radius|1em}}}; -opera-border-radius:{{{radius|1em}}}; border-radius:{{{radius|1em}}}; -webkit-border-radius: {{{webkit|1em}}}; -webkit-box-shadow:0.5em 0.5em 1em #000000; -moz-box-shadow: 0.5em 0.5em 1em #000000; box-shadow: 0.5em 0.5em 1em #000000; </includeonly><noinclude> |
CSS styling template. Place inside a style attribute. | CSS styling template. Place inside a style attribute. | ||
| Line 22: | Line 22: | ||
===Customized=== | ===Customized=== | ||
| − | <DIV style="width: 25em; text-align:center; {{ | + | <DIV style="width: 25em; text-align:center; {{RBX | border=#FF007F | legacy=#DFDFDF | topcolor=#BF7F17 | botcolor=#177FBF | radius=2em | webkit=4em}}"> |
'''L5<BR/>in<BR/>'95''' | '''L5<BR/>in<BR/>'95''' | ||
</DIV> | </DIV> | ||
| − | <TT><PRE><DIV style="width: 25em; text-align:center; {{ | + | <TT><PRE><DIV style="width: 25em; text-align:center; {{RBX | border=#FF007F | legacy=#DFDFDF | topcolor=#BF7F17 | botcolor=#177FBF | radius=2em | webkit=0}}"> |
'''L5<BR/>in<BR/>'95''' | '''L5<BR/>in<BR/>'95''' | ||
</DIV></PRE></TT> | </DIV></PRE></TT> | ||
[[Category:Text Templates]]</noinclude> | [[Category:Text Templates]]</noinclude> | ||
Latest revision as of 13:33, 25 April 2019
CSS styling template. Place inside a style attribute.
Settings
- border: border color
- legacy: background color for non-CSS3 browsers
- topcolor: color at the top of the background gradient
- botcolor: color at the bottom of the background gradient
- radius: radius of corners
- webkit: radius of corners for browsers that respond to -webkit-border-radius
Examples
Defaults
L5
in
'95
<DIV style="width: 25em; text-align:center; {{RBX}}">
'''L5<BR/>in<BR/>'95'''
</DIV>
Customized
L5
in
'95
<DIV style="width: 25em; text-align:center; {{RBX | border=#FF007F | legacy=#DFDFDF | topcolor=#BF7F17 | botcolor=#177FBF | radius=2em | webkit=0}}">
'''L5<BR/>in<BR/>'95'''
</DIV>
