Difference between revisions of "Template:RBXNS"
Jump to navigation
Jump to search
m (2 revisions imported) |
(Changed default border to Cool Gray 11C and gray end of gradient to Cool Gray 1C) |
||
| Line 1: | Line 1: | ||
| − | <includeonly>border:1px {{{border|# | + | <includeonly>border:1px {{{border|#53565A}}} solid; background-color:{{{legacy|#D9D9D6}}}; background:{{{legacy|#D9D9D6}}}; background:-moz-linear-gradient(top,{{{topcolor|#D9D9D6}}} 6%, {{{botcolor|#FFFFFF}}} 88%); background:-webkit-gradient(linear,left top,left bottom,color-stop(6%,{{{topcolor|#D9D9D6}}}), color-stop(88%,{{{botcolor|#FFFFFF}}})); background: -webkit-linear-gradient(top, {{{topcolor|##D9D9D6}}} 6%, {{{botcolor|#FFFFFF}}} 88%); background:-o-linear-gradient(top, {{{topcolor|#DFDFDF}}} 6%, {{{botcolor|#FFFFFF}}} 88%); background:-ms-linear-gradient(top, {{{topcolor|#D9D9D6}}} 6%, {{{botcolor|#FFFFFF}}} 88%); background:linear-gradient(top, {{{topcolor|#D9D9D6}}} 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}}}; |
</includeonly><noinclude> | </includeonly><noinclude> | ||
| Line 11: | Line 11: | ||
*radius: radius of corners | *radius: radius of corners | ||
*webkit: radius of corners for browsers that respond to -webkit-border-radius | *webkit: radius of corners for browsers that respond to -webkit-border-radius | ||
| + | |||
| + | Separate Webkit control is a bugfix for an early gradient and rounded corner bug; try setting to zero or the same as the normal radius. | ||
==Examples== | ==Examples== | ||
Revision as of 22:42, 8 August 2017
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
Separate Webkit control is a bugfix for an early gradient and rounded corner bug; try setting to zero or the same as the normal radius.
Examples
Defaults
Taxation
is
Theft
<DIV style="width: 25em; text-align:center; {{RBXNS}}">
'''Taxation<BR/>is<BR/>Theft'''
</DIV>
Customized
Taxation
is
Theft
<DIV style="width: 25em; text-align:center; {{RBXNS | border=#FF007F | legacy=#DFDFDF | topcolor=#BF7F17 | botcolor=#177FBF | radius=2em | webkit=4em}}">
'''Taxation<BR/>is<BR/>Theft'''
</DIV>