Difference between revisions of "Template:RBXNS"

From Dissent
Jump to navigation Jump to search
(Changed default border to Cool Gray 11C and gray end of gradient to Cool Gray 1C)
Line 12: Line 12:
 
*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.
+
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:48, 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 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; {{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>