Template:Box-shadow/doc - Revision history

Ned Scott at 09:22, 5 June 2013

2013-06-05T09:22:50Z

← Older revision		Revision as of 09:22, 5 June 2013
Line 20:		Line 20:

	<div style="background-color: #FFFFDD; border: 1px solid #808000; padding: 5px; {{box-shadow\|4px\|4px\|8px\|#A0A080}}">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>		<div style="background-color: #FFFFDD; border: 1px solid #808000; padding: 5px; {{box-shadow\|4px\|4px\|8px\|#A0A080}}">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

			== See also ==
			* {{tl\|radial-gradient}}
			* {{tl\|linear-gradient}}
			* {{tl\|border-radius}}

	<includeonly>		<includeonly>
	[[Category:Formatting templates]]		[[Category:Formatting templates]]
	</includeonly>		</includeonly>

Ned Scott at 02:48, 22 May 2013

2013-05-22T02:48:19Z

← Older revision		Revision as of 02:48, 22 May 2013
Line 22:		Line 22:

	<includeonly>		<includeonly>
	~~[[Category:Templates]]~~
	[[Category:Formatting templates]]		[[Category:Formatting templates]]
	</includeonly>		</includeonly>

Ned Scott at 02:30, 22 May 2013

2013-05-22T02:30:36Z

← Older revision		Revision as of 02:30, 22 May 2013
Line 23:		Line 23:
	<includeonly>		<includeonly>
	[[Category:Templates]]		[[Category:Templates]]
			[[Category:Formatting templates]]
	</includeonly>		</includeonly>

Ned Scott at 16:00, 16 March 2012

2012-03-16T16:00:24Z

@@ Line 1: / Line 1: @@
 This template is a shortcut for producing shadows. It generates the CSS for various browsers. Supported browsers are the current versions of Opera, Firefox, Safari, Chrome and Internet Explorer 9.
@@ Line 23: / Line 20: @@
 <div style="background-color: #FFFFDD; border: 1px solid #808000; padding: 5px; {{box-shadow|4px|4px|8px|#A0A080}}">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
 <includeonly>
-<!-- CATEGORIES AND INTERWIKIS HERE, THANKS -->
+[[Category:Templates]]
 </includeonly>

Ned Scott: 29 revisions

2012-03-16T15:20:27Z

29 revisions

← Older revision		Revision as of 15:20, 16 March 2012
(No difference)

>Edokter@en.wikipedia.org: /* See also */ + {{tl|radial-gradient}}

2012-02-06T15:07:03Z

>Edokter@en.wikipedia.org: dashes

2012-02-05T11:49:58Z

dashes

← Older revision		Revision as of 11:49, 5 February 2012
Line 10:		Line 10:
	<tt><nowiki>{{box-shadow \| X-offset \| Y-offset \| blur radius \| #color}}</nowiki></tt>		<tt><nowiki>{{box-shadow \| X-offset \| Y-offset \| blur radius \| #color}}</nowiki></tt>

	* <tt>X-offset</tt> and <tt>Y-offset</tt> - Specify the offset of the shadow to the right and below the element. Use negative values for a shadow to the left and above. Default is 4px.		* <tt>X-offset</tt> and <tt>Y-offset</tt> – Specify the offset of the shadow to the right and below the element. Use negative values for a shadow to the left and above. Default is 4px.
	* <tt>blur radius</tt> - Specifies the width of blurring added to the shadow border. Default is 4px.		* <tt>blur radius</tt> – Specifies the width of blurring added to the shadow border. Default is 4px.
	* <tt>color</tt> - Specifies the color of the shadow. Default is <tt>#CCC;</tt>.		* <tt>color</tt> – Specifies the color of the shadow. Default is <tt>#CCC;</tt>.

	=== Example ===		=== Example ===

>Edokter@en.wikipedia.org: /* Usage */

2012-02-05T11:45:51Z

Usage

← Older revision		Revision as of 11:45, 5 February 2012
Line 11:		Line 11:

	* <tt>X-offset</tt> and <tt>Y-offset</tt> - Specify the offset of the shadow to the right and below the element. Use negative values for a shadow to the left and above. Default is 4px.		* <tt>X-offset</tt> and <tt>Y-offset</tt> - Specify the offset of the shadow to the right and below the element. Use negative values for a shadow to the left and above. Default is 4px.
	* <tt>blur radius</tt> - Specifies ~~how much~~ blurring is added to the border ~~in addition to the offsets~~. Default is 4px.		* <tt>blur radius</tt> - Specifies the width of blurring added to the shadow border. Default is 4px.
	* <tt>color</tt> - Specifies the color of the shadow. Default is <tt>#CCC;</tt>.		* <tt>color</tt> - Specifies the color of the shadow. Default is <tt>#CCC;</tt>.

>Edokter@en.wikipedia.org: /* See also */

2012-01-11T14:32:41Z

>Edokter@en.wikipedia.org: subtle

2011-12-05T00:07:38Z

subtle

← Older revision		Revision as of 00:07, 5 December 2011
Line 20:		Line 20:
	<div style="background-color: #FFFFDD; border: 1px solid #808000; padding: 5px; {{box-shadow}}">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>		<div style="background-color: #FFFFDD; border: 1px solid #808000; padding: 5px; {{box-shadow}}">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

	* <tt><div style="background-color: #FFFFDD; border: 1px solid #808000; padding: 5px; '''<nowiki>{{box-shadow\|4px\|4px\|8px\|#~~A0A040~~}}</nowiki>'''">Lorem ipsum...</div></tt> will produce a more pronounced and colored shadow:		* <tt><div style="background-color: #FFFFDD; border: 1px solid #808000; padding: 5px; '''<nowiki>{{box-shadow\|4px\|4px\|8px\|#A0A080}}</nowiki>'''">Lorem ipsum...</div></tt> will produce a more pronounced and colored shadow:

	<div style="background-color: #FFFFDD; border: 1px solid #808000; padding: 5px; {{box-shadow\|4px\|4px\|8px\|#~~A0A040~~}}">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>		<div style="background-color: #FFFFDD; border: 1px solid #808000; padding: 5px; {{box-shadow\|4px\|4px\|8px\|#A0A080}}">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

	=== See also ===		=== See also ===

← Older revision		Revision as of 15:07, 6 February 2012
Line 28:		Line 28:
	* {{tl\|border-radius}}		* {{tl\|border-radius}}
	* {{tl\|linear-gradient}}		* {{tl\|linear-gradient}}
			* {{tl\|radial-gradient}}

	<includeonly>		<includeonly>

← Older revision		Revision as of 14:32, 11 January 2012
Line 27:		Line 27:

	* {{tl\|border-radius}}		* {{tl\|border-radius}}
	* {{tl\|gradient}}		* {{tl\|linear-gradient}}

	<includeonly>		<includeonly>