Template:RBX: Difference between revisions
Jump to navigation
Jump to search
(Test: removing MSIE 6 support to see if it suddenly works again) |
(Made shadow configurable and less pronounced by default) |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
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(top, {{{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. | <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(top, {{{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:{{{shadow1|0.25em}}} {{{shadow1|0.25em}}} {{{shadow2|0.5em}}} #000000; -moz-box-shadow: {{{shadow1|0.25em}}} {{{shadow1|0.25em}}} {{{shadow2|0.5em}}} #000000; box-shadow: {{{shadow1|0.25em}}} {{{shadow1|0.25em}}} {{{shadow2|0.5em}}} #000000; </includeonly><noinclude> | ||
< | |||
CSS styling template. Place inside a style attribute. | |||
__NOTOC__ | |||
==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. Deprecated | |||
*shadow1: shadow offset | |||
*shadow2: shadow blur | |||
==Examples== | |||
===Defaults=== | |||
<DIV style="width: 25em; text-align:center; {{RBX}}"> | |||
'''Taxation<BR/>is<BR/>Theft''' | |||
</DIV> | |||
<TT><PRE><DIV style="width: 25em; text-align:center; {{RBX}}"> | |||
'''Taxation<BR/>is<BR/>Theft''' | |||
</DIV></PRE></TT> | |||
===Customized=== | |||
<DIV style="width: 25em; text-align:center; {{RBX | border=#FF007F | legacy=#DFDFDF | topcolor=#BF7F17 | botcolor=#177FBF | radius=2em | webkit=4em | shadow1=2em | shadow2=0.5em }}"> | |||
'''Taxation<BR/>is<BR/>Theft''' | |||
</DIV> | |||
<TT><PRE><DIV style="width: 25em; text-align:center; {{RBX | border=#FF007F | legacy=#DFDFDF | topcolor=#BF7F17 | botcolor=#177FBF | radius=2em | webkit=4em | shadow1=2em | shadow2=0.5em }}"> | |||
'''Taxation<BR/>is<BR/>Theft''' | |||
</DIV></PRE></TT> | |||
[[Category:Text Templates]]</noinclude> | |||
Latest revision as of 15:33, 6 November 2020
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. Deprecated
- shadow1: shadow offset
- shadow2: shadow blur
Examples
Defaults
Taxation
is
Theft
<DIV style="width: 25em; text-align:center; {{RBX}}">
'''Taxation<BR/>is<BR/>Theft'''
</DIV>
Customized
Taxation
is
Theft
<DIV style="width: 25em; text-align:center; {{RBX | border=#FF007F | legacy=#DFDFDF | topcolor=#BF7F17 | botcolor=#177FBF | radius=2em | webkit=4em | shadow1=2em | shadow2=0.5em }}">
'''Taxation<BR/>is<BR/>Theft'''
</DIV>