Difference between revisions of "Template:RBNS"
Jump to navigation
Jump to search
(changing default border to Cool Gray 11C; adding documentation) |
(Tweaking documentation) |
||
| Line 1: | Line 1: | ||
| − | border:1px {{{border|#53565A}}} solid; background:transparent; background-color:transparent; -moz-border-radius: {{{radius|1em}}}; -khtml-border-radius: {{{radius|1em}}}; -opera-border-radius: {{{radius|1em}}}; border-radius: {{{radius|1em}}}; -webkit-border-radius: {{{webkit|1em}}}<noinclude> | + | <includeonly>border:1px {{{border|#53565A}}} solid; background:transparent; background-color:transparent; -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> |
CSS styling template. Place inside a style attribute. | CSS styling template. Place inside a style attribute. | ||
| Line 7: | Line 7: | ||
*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 that only affects transitional CSS3 Webkit browsers; try setting to zero or the same as the normal radius. | ||
| + | |||
==Examples== | ==Examples== | ||
Revision as of 22:45, 8 August 2017
CSS styling template. Place inside a style attribute.
Settings
- border: border color
- 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 that only affects transitional CSS3 Webkit browsers; try setting to zero or the same as the normal radius.
Examples
Defaults
Taxation
is
Theft
<DIV style="width: 25em; text-align:center; {{RBNS}}">
'''Taxation<BR/>is<BR/>Theft'''
</DIV>
Customized
Taxation
is
Theft
<<DIV style="width: 25em; text-align:center; {{RBNS | border=#FF007F | radius=2em | webkit=4em}}">
'''Taxation<BR/>is<BR/>Theft'''
</DIV>