Difference between revisions of "Template:RBNS"

From Dissent
Jump to navigation Jump to search
m (1 revision imported)
(Listing defaults in documentation)
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
border:1px {{{border|#3F3F3F}}} 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>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>
<noinclude>[[Category:Text Templates]]</noinclude>
+
 
 +
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__
 +
==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===
 +
<DIV style="width: 25em; text-align:center; {{RBNS}}">
 +
'''Taxation<BR/>is<BR/>Theft'''
 +
</DIV>
 +
 
 +
<TT><PRE><DIV style="width: 25em; text-align:center; {{RBNS}}">
 +
'''Taxation<BR/>is<BR/>Theft'''
 +
</DIV></PRE></TT>
 +
 
 +
===Customized===
 +
<DIV style="width: 25em; text-align:center; {{RBNS | border=#FF007F | radius=2em | webkit=4em}}">
 +
'''Taxation<BR/>is<BR/>Theft'''
 +
</DIV>
 +
 
 +
<TT><PRE><<DIV style="width: 25em; text-align:center; {{RBNS | border=#FF007F | radius=2em | webkit=4em}}">
 +
'''Taxation<BR/>is<BR/>Theft'''
 +
</DIV></PRE></TT>
 +
 
 +
[[Category:Text Templates]]</noinclude>

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>