Difference between revisions of "Template:RBNS"
Jump to navigation
Jump to search
(changing default border to Cool Gray 11C; adding documentation) |
(Listing defaults in documentation) |
||
| (2 intermediate revisions by the same user not shown) | |||
| 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. | ||
| + | |||
| + | Draws a rounded box with a 1px border. Does not include a shadow, gradient, or even a background color. | ||
__NOTOC__ | __NOTOC__ | ||
==Settings== | ==Settings== | ||
| − | *border: border color | + | *border: border color (Default: Cool Gray 11C) |
| − | *radius: radius of corners | + | *radius: radius of corners (Default: 1 em) |
| − | *webkit: radius of corners for browsers that respond to -webkit-border-radius | + | *webkit: radius of corners for browsers that respond to -webkit-border-radius (Default: 1 em) |
| + | |||
| + | 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. This may be necessary for consistent corners when combining this with other templates. | ||
| + | |||
==Examples== | ==Examples== | ||
Latest revision as of 23:08, 8 August 2017
CSS styling template. Place inside a style attribute.
Draws a rounded box with a 1px border. Does not include a shadow, gradient, or even a background color.
Settings
- border: border color (Default: Cool Gray 11C)
- radius: radius of corners (Default: 1 em)
- webkit: radius of corners for browsers that respond to -webkit-border-radius (Default: 1 em)
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. This may be necessary for consistent corners when combining this with other templates.
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>