Template:RBX: Difference between revisions

From LPedia
Jump to navigation Jump to search
(tinkering)
(Made shadow configurable and less pronounced by default)
 
(8 intermediate revisions by 2 users not shown)
Line 1: Line 1:
border:1px {{{border|#3F3F3F}}} solid;  
<includeonly>border:1px {{{border|#3F3F3F}}} solid; background:{{{legacy|#EFEFEF}}}; background-color:{{{legacy|#EFEFEF}}}; background:-moz-linear-gradient(top,{{{topcolor|#DFDFDF}}} 6%, {{{botcolor|#FFFFFF}}} 88%); background:-webkit-gradient(linear,left top,left bottom,color-stop(6%,{{{topcolor|#DFDFDF}}}), color-stop(88%,{{{botcolor|#FFFFFF}}})); background: -webkit-linear-gradient(top, {{{topcolor|#DFDFDF}}} 6%, {{{botcolor|#FFFFFF}}} 88%); background:-o-linear-gradient(top, {{{topcolor|#DFDFDF}}} 6%, {{{botcolor|#FFFFFF}}} 88%); background:-ms-linear-gradient(top, {{{topcolor|#DFDFDF}}} 6%, {{{botcolor|#FFFFFF}}} 88%); background:linear-gradient(top, {{{topcolor|#DFDFDF}}} 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}}}; -webkit-box-shadow:{{{shadow1|0.25em}}} {{{shadow1|0.25em}}} {{{shadow2|0.5em}}} #000000; -moz-box-shadow: {{{shadow1|0.25em}}} {{{shadow1|0.25em}}} {{{shadow2|0.5em}}} #000000; box-shadow: {{{shadow1|0.25em}}} {{{shadow1|0.25em}}} {{{shadow2|0.5em}}} #000000; </includeonly><noinclude>
background:{{{legacy|#EFEFEF}}};  
 
background-color:{{{legacy|#EFEFEF}}};  
CSS styling template.  Place inside a style attribute.
background: -moz-linear-gradient(top, {{{topcolor|#DFDFDF}}} 6%, {{{botcolor|#FFFFFF}}}  
__NOTOC__
88%);  
==Settings==
background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,{{{topcolor|#DFDFDF}}}), color-stop(88%,{{{botcolor|#FFFFFF}}}));
*border: border color
background: -webkit-linear-gradient(top, {{{topcolor|#DFDFDF}}} 6%, {{{botcolor|#FFFFFF}}} 88%);
*legacy: background color for non-CSS3 browsers
background: -o-linear-gradient(top, {{{topcolor|#DFDFDF}}} 6%, {{{botcolor|#FFFFFF}}} 88%);  
*topcolor: color at the top of the background gradient
background: linear-gradient(top, {{{topcolor|#DFDFDF}}} 6%, {{{botcolor|#FFFFFF}}} 88%);  
*botcolor: color at the bottom of the background gradient
-moz-border-radius: {{{radius|1em}}};  
*radius: radius of corners
-khtml-border-radius: {{{radius|1em}}};  
*webkit: radius of corners for browsers that respond to -webkit-border-radius.  Deprecated
-opera-border-radius: {{{radius|1em}}};  
*shadow1: shadow offset
border-radius: {{{radius|1em}}};  
*shadow2: shadow blur
-webkit-border-radius: {{{radius|1em}}};  
 
-webkit-box-shadow: 0.5em 0.5em 1em #000000;  
==Examples==
-moz-box-shadow: 0.5em 0.5em 1em #000000;  
===Defaults===
box-shadow: 0.5em 0.5em 1em #000000;  
<DIV style="width: 25em; text-align:center; {{RBX}}">
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr= '#EFEFEF', GradientType=0)";
'''Taxation<BR/>is<BR/>Theft'''
<noinclude>[[Category:Text Templates]]</noinclude>
</DIV>
 
<TT><PRE><DIV style="width: 25em; text-align:center; {{RBX}}">
'''Taxation<BR/>is<BR/>Theft'''
</DIV></PRE></TT>
 
===Customized===
<DIV style="width: 25em; text-align:center; {{RBX | border=#FF007F | legacy=#DFDFDF | topcolor=#BF7F17 | botcolor=#177FBF | radius=2em | webkit=4em | shadow1=2em | shadow2=0.5em }}">
'''Taxation<BR/>is<BR/>Theft'''
</DIV>
 
<TT><PRE><DIV style="width: 25em; text-align:center; {{RBX | border=#FF007F | legacy=#DFDFDF | topcolor=#BF7F17 | botcolor=#177FBF | radius=2em | webkit=4em | shadow1=2em | shadow2=0.5em }}">
'''Taxation<BR/>is<BR/>Theft'''
</DIV></PRE></TT>
 
[[Category:Text Templates]]</noinclude>

Latest revision as of 15:33, 6 November 2020


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. Deprecated
  • shadow1: shadow offset
  • shadow2: shadow blur

Examples

Defaults

Taxation
is
Theft 

<DIV style="width: 25em; text-align:center; {{RBX}}">
'''Taxation<BR/>is<BR/>Theft'''
</DIV>

Customized

Taxation
is
Theft 

<DIV style="width: 25em; text-align:center; {{RBX | border=#FF007F | legacy=#DFDFDF | topcolor=#BF7F17 | botcolor=#177FBF | radius=2em | webkit=4em | shadow1=2em | shadow2=0.5em }}">
'''Taxation<BR/>is<BR/>Theft'''
</DIV>
Retrieved from "https://lpedia.mywikis.net/w/index.php?title=Template:RBX&oldid=1544558"