Template:Box - Revision history

Starkjs at 19:50, 27 August 2010

2010-08-27T19:50:25Z

← Older revision		Revision as of 19:50, 27 August 2010
Line 140:		Line 140:
	\| color=ldstech		\| color=ldstech
	\| float=right		\| float=right
	\| width=~~240px~~		\| width=250px
	\| title=LDSTech Colors		\| title=LDSTech Colors
	\| content=This box uses the default colors		\| content=This box uses the default colors
Line 149:		Line 149:
	\| color=ldstech		\| color=ldstech
	\| float=right		\| float=right
	\| width=~~240px~~		\| width=250px
	\| title=LDSTech Colors		\| title=LDSTech Colors
	\| content=This box uses the default colors		\| content=This box uses the default colors

Aebrown: One more LDSTech adjustment

2009-08-25T17:44:15Z

One more LDSTech adjustment

← Older revision		Revision as of 17:44, 25 August 2009
Line 36:		Line 36:
	\| blue=cedff2		\| blue=cedff2
	\| purple=ddcef2		\| purple=ddcef2
	\| ldstech=~~f2f3e5~~		\| ldstech=e5e3cf
	\| #default=dddddd		\| #default=dddddd
	}}; font-size:120%; font-weight:bold; border:1px solid #{{ #switch: {{{color}}}		}}; font-size:120%; font-weight:bold; border:1px solid #{{ #switch: {{{color}}}
Line 45:		Line 45:
	\| blue=a3b0bf		\| blue=a3b0bf
	\| purple=afa3bf		\| purple=afa3bf
	\| ldstech=~~808080~~		\| ldstech=999999
	\| #default=aaaaaa		\| #default=aaaaaa
	}}; text-align:left; color:#000; padding:0.2em 0.4em;">{{{title}}}</p>		}}; text-align:left; color:#000; padding:0.2em 0.4em;">{{{title}}}</p>

Aebrown: Adjust ldstech colors

2009-08-25T17:41:38Z

Adjust ldstech colors

← Older revision		Revision as of 17:41, 25 August 2009
Line 36:		Line 36:
	\| blue=cedff2		\| blue=cedff2
	\| purple=ddcef2		\| purple=ddcef2
			\| ldstech=f2f3e5
	\| #default=dddddd		\| #default=dddddd
	}}; font-size:120%; font-weight:bold; border:1px solid #{{ #switch: {{{color}}}		}}; font-size:120%; font-weight:bold; border:1px solid #{{ #switch: {{{color}}}
Line 44:		Line 45:
	\| blue=a3b0bf		\| blue=a3b0bf
	\| purple=afa3bf		\| purple=afa3bf
			\| ldstech=808080
	\| #default=aaaaaa		\| #default=aaaaaa
	}}; text-align:left; color:#000; padding:0.2em 0.4em;">{{{title}}}</p>		}}; text-align:left; color:#000; padding:0.2em 0.4em;">{{{title}}}</p>

Aebrown: Add ldstech color scheme

2009-08-25T17:31:20Z

Add ldstech color scheme

← Older revision		Revision as of 17:31, 25 August 2009
Line 7:		Line 7:
	\| blue=cedff2		\| blue=cedff2
	\| purple=ddcef2		\| purple=ddcef2
			\| ldstech=aaaaaa
	\| #default=dddddd		\| #default=dddddd
	}}; background:#{{ #switch: {{{color}}}		}}; background:#{{ #switch: {{{color}}}
Line 15:		Line 16:
	\| blue=f5faff		\| blue=f5faff
	\| purple=faf5ff		\| purple=faf5ff
			\| ldstech=e5e3cf
	\| #default=ffffff		\| #default=ffffff
	}}; vertical-align:top;"\|		}}; vertical-align:top;"\|
Line 24:		Line 26:
	\| blue=f5faff		\| blue=f5faff
	\| purple=faf5ff		\| purple=faf5ff
			\| ldstech=f2f3e5
	\| #default=ffffff		\| #default=ffffff
	}};"		}};"
Line 55:		Line 58:
	!Field Name !! Usage !! Description		!Field Name !! Usage !! Description
	\|-		\|-
	\| color \|\| optional \|\| Valid options: <tt>pink</tt>, <tt>orange</tt>, <tt>yellow</tt>, <tt>green</tt>, <tt>blue</tt> and <tt>purple</tt>.<br />Default: Gray box title, white background for body, shades of gray for borders.		\| color \|\| optional \|\| Valid options: <tt>ldstech</tt>, <tt>pink</tt>, <tt>orange</tt>, <tt>yellow</tt>, <tt>green</tt>, <tt>blue</tt> and <tt>purple</tt>.<br />Default: Gray box title, white background for body, shades of gray for borders.
	\|-		\|-
	\| float \|\| optional \|\| Valid options: <tt>left</tt> or <tt>right</tt>.<br />Default: left.		\| float \|\| optional \|\| Valid options: <tt>left</tt> or <tt>right</tt>.<br />Default: left.
Line 129:		Line 132:
	nonummy nibh euismod tincidunt ut laoreet		nonummy nibh euismod tincidunt ut laoreet
	dolore magna aliquam erat volutpat.		dolore magna aliquam erat volutpat.
			}}
			</pre>
			\|-
			\|{{Box
			\| color=ldstech
			\| float=right
			\| width=240px
			\| title=LDSTech Colors
			\| content=This box uses the default colors
			for the LDSTech skin of the wiki.
			}}
			\|<pre>
			{{Box
			\| color=ldstech
			\| float=right
			\| width=240px
			\| title=LDSTech Colors
			\| content=This box uses the default colors
			for the LDSTech skin of the wiki.
	}}		}}
	</pre>		</pre>

Aebrown: Document new "top" parameter

2009-03-25T22:31:06Z

Document new "top" parameter

← Older revision		Revision as of 22:31, 25 March 2009
Line 58:		Line 58:
	\|-		\|-
	\| float \|\| optional \|\| Valid options: <tt>left</tt> or <tt>right</tt>.<br />Default: left.		\| float \|\| optional \|\| Valid options: <tt>left</tt> or <tt>right</tt>.<br />Default: left.
			\|-
			\| top \|\| optional \|\| If present, positions the box relatively using the specified offset. For example, "top=-60px" moves the box up 60 pixels.
	\|-		\|-
	\| width \|\| optional \|\| Values can be expressed in either % or px.<br />Default: adjusts to width of content.		\| width \|\| optional \|\| Values can be expressed in either % or px.<br />Default: adjusts to width of content.
Line 114:		Line 116:
	\|{{Box		\|{{Box
	\| color=green		\| color=green
	~~\| top=-60px~~
	\| width=240px		\| width=240px
	\| title=Green Box		\| title=Green Box

Aebrown: Adjust new "top" parameter

2009-03-25T22:26:22Z

Adjust new "top" parameter

← Older revision		Revision as of 22:26, 25 March 2009
Line 1:		Line 1:
	<includeonly>{\| width="{{{width}}}" style="float:{{{float}}};top:{{{top}}};"		<includeonly>{\| width="{{{width}}}" style="float:{{{float}}}; {{#if: {{{top}}} \| position:relative; top:{{{top}}};}}"
	\| class="MainPageBG" style="width:100%; border:1px solid #{{ #switch: {{{color}}}		\| class="MainPageBG" style="width:100%; border:1px solid #{{ #switch: {{{color}}}
	\| pink=f2cedf		\| pink=f2cedf
Line 114:		Line 114:
	\|{{Box		\|{{Box
	\| color=green		\| color=green
			\| top=-60px
	\| width=240px		\| width=240px
	\| title=Green Box		\| title=Green Box

Aebrown: Add

2009-03-25T22:13:07Z

Add

← Older revision		Revision as of 22:13, 25 March 2009
Line 1:		Line 1:
	<includeonly>{\| width="{{{width}}}" style="float:{{{float}}};"		<includeonly>{\| width="{{{width}}}" style="float:{{{float}}};top:{{{top}}};"
	\| class="MainPageBG" style="width:100%; border:1px solid #{{ #switch: {{{color}}}		\| class="MainPageBG" style="width:100%; border:1px solid #{{ #switch: {{{color}}}
	\| pink=f2cedf		\| pink=f2cedf

Aebrown: Adjust formatting of examples

2009-03-25T22:01:24Z

Adjust formatting of examples

← Older revision		Revision as of 22:01, 25 March 2009
Line 55:		Line 55:
	!Field Name !! Usage !! Description		!Field Name !! Usage !! Description
	\|-		\|-
	\| color \|\| optional \|\| Valid options: pink, orange, yellow, green, blue and purple.<br />Default: Gray box title, white background for body, shades of gray for borders.		\| color \|\| optional \|\| Valid options: <tt>pink</tt>, <tt>orange</tt>, <tt>yellow</tt>, <tt>green</tt>, <tt>blue</tt> and <tt>purple</tt>.<br />Default: Gray box title, white background for body, shades of gray for borders.
	\|-		\|-
	\| float \|\| optional \|\| Valid options: left or right.<br />Default: left.		\| float \|\| optional \|\| Valid options: <tt>left</tt> or <tt>right</tt>.<br />Default: left.
	\|-		\|-
	\| width \|\| optional \|\| Values can be expressed in either % or px.<br />Default: adjusts to width of content.		\| width \|\| optional \|\| Values can be expressed in either % or px.<br />Default: adjusts to width of content.
Line 68:		Line 68:

	== Examples ==		== Examples ==
	{\| width="100%"		{\| width=100%
	\|width="50%"\|		\|-
	{{Box		\|width=50%\|{{Box
	\| title=Default Box		\| title=Default Box
	\| content=This box has all default settings.		\| content=This box has all default settings.
	}}		}}
	\|width="50%"\|		\|width=50%\|<pre>
	<pre>
	{{Box		{{Box
	\| title=Default Box		\| title=Default Box
Line 81:		Line 80:
	}}		}}
	</pre>		</pre>
	\|}		\|-
	{\| ~~width="100%"~~		\|{{Box
	~~\|width="50%"\|~~
	{{Box
	\| color=blue		\| color=blue
	\| float=right		\| float=right
	\| width=75%		\| width=75%
	\| title=Blue Box		\| title=Blue Box
	\| content=This is ~~a test A~~		\| content=This is some text.
	}}		}}
	\|~~width="50%"\|~~		\|<pre>
	<pre>
	{{Box		{{Box
	\| color=blue		\| color=blue
Line 98:		Line 94:
	\| width=75%		\| width=75%
	\| title=Blue Box		\| title=Blue Box
	\| content=This is ~~a test A~~		\| content=This is some text.
	}}		}}
	</pre>		</pre>
	\|}		\|-
	{\| ~~width="100%"~~		\|{{Box
	~~\|width="50%"\|~~
	{{Box
	\| color=purple		\| color=purple
	\| title=Purple Box		\| title=Purple Box
	\| content=Link to [[MLS]]<br><small>follow the link above</small>		\| content=Link to [[MLS]]<br><small>follow the link above</small>
	}}		}}
	\|~~width="50%"\|~~		\|<pre>
	<pre>
	{{Box		{{Box
	\| color=purple		\| color=purple
	\| title=Purple Box		\| title=Purple Box
	\| content=Link to [[MLS]]<br><small>follow the link</small>		\| content=Link to [[MLS]]<br>
			<small>follow the link</small>
	}}		}}
	</pre>		</pre>
	\|}		\|-
	{\| ~~width="100%"~~		\|{{Box
	~~\|width="50%"\|~~
	{{Box
	\| color=green		\| color=green
	\| width=~~500px~~		\| width=240px
	\| title=Green Box		\| title=Green Box
	\| content=Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.		\| content=Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
	}}		}}
	\|~~width="50%"\|~~		\|<pre>
	<pre>
	{{Box		{{Box
	\| color=green		\| color=green
	\| width=~~500px~~		\| width=240px
	\| title=Green Box		\| title=Green Box
	\| content=Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.		\| content=Lorem ipsum dolor sit amet,
			consectetuer adipiscing elit, sed diam
			nonummy nibh euismod tincidunt ut laoreet
			dolore magna aliquam erat volutpat.
	}}		}}
	</pre>		</pre>

Aebrown: Change example

2009-03-25T19:34:33Z

Change example

← Older revision		Revision as of 19:34, 25 March 2009
Line 107:		Line 107:
	\| color=purple		\| color=purple
	\| title=Purple Box		\| title=Purple Box
	\| content=Link to [[~~LDSClerks~~]]<br><small>follow the link above</small>		\| content=Link to [[MLS]]<br><small>follow the link above</small>
	}}		}}
	\|width="50%"\|		\|width="50%"\|
Line 114:		Line 114:
	\| color=purple		\| color=purple
	\| title=Purple Box		\| title=Purple Box
	\| content=Link to [[~~LDSClerks~~]]<br><small>follow the link</small>		\| content=Link to [[MLS]]<br><small>follow the link</small>
	}}		}}
	</pre>		</pre>

Aebrown: Copy content from LDSClerks

2009-03-25T19:27:15Z

Copy content from LDSClerks

New page

<includeonly>{| width="{{{width}}}" style="float:{{{float}}};"
| class="MainPageBG" style="width:100%; border:1px solid #{{ #switch: {{{color}}}
| pink=f2cedf
| orange=f2dfce
| yellow=f2f2ce
| green=cef2e0
| blue=cedff2
| purple=ddcef2
| #default=dddddd
}}; background:#{{ #switch: {{{color}}}
| pink=fff5fa
| orange=fffaf5
| yellow=fffff5
| green=f5fffa
| blue=f5faff
| purple=faf5ff
| #default=ffffff
}}; vertical-align:top;"|
{| width="100%" cellpadding="2" cellspacing="5" style="vertical-align:top; background:#{{ #switch: {{{color}}}
| pink=fff5fa
| orange=fffaf5
| yellow=fffff5
| green=f5fffa
| blue=f5faff
| purple=faf5ff
| #default=ffffff
}};"
! <p style="margin:0; background:#{{ #switch: {{{color}}}
| pink=f2cedf
| orange=f2dfce
| yellow=f2f2ce
| green=cef2e0
| blue=cedff2
| purple=ddcef2
| #default=dddddd
}}; font-size:120%; font-weight:bold; border:1px solid #{{ #switch: {{{color}}}
| pink=bfa3b0
| orange=bfb0a3
| yellow=bfbfa3
| green=a3bfb1
| blue=a3b0bf
| purple=afa3bf
| #default=aaaaaa
}}; text-align:left; color:#000; padding:0.2em 0.4em;">{{{title}}}
|-
|style="color:#000;"| {{{content}}}
|}
|}</includeonly><noinclude>
__NOTOC__ __NOEDITSECTION__
== Purpose ==
To easily produce boxes with matching colored titles and borders.

== Usage==
{| border="1"
!Field Name !! Usage !! Description
|-
| color || optional || Valid options: pink, orange, yellow, green, blue and purple. Default: Gray box title, white background for body, shades of gray for borders.
|-
| float || optional || Valid options: left or right. Default: left.
|-
| width || optional || Values can be expressed in either % or px. Default: adjusts to width of content.
|-
| title || mandatory || The title of the box.
|-
| content || mandatory || The content to be displayed in the box.
|-
|}

== Examples ==
{| width="100%"
|width="50%"|
{{Box
| title=Default Box
| content=This box has all default settings.
}}
|width="50%"|
<pre>
{{Box
| title=Default Box
| content=This box has all default settings.
}}
</pre>
|}
{| width="100%"
|width="50%"|
{{Box
| color=blue
| float=right
| width=75%
| title=Blue Box
| content=This is a test A
}}
|width="50%"|
<pre>
{{Box
| color=blue
| float=right
| width=75%
| title=Blue Box
| content=This is a test A
}}
</pre>
|}
{| width="100%"
|width="50%"|
{{Box
| color=purple
| title=Purple Box
| content=Link to [[LDSClerks]] follow the link above
}}
|width="50%"|
<pre>
{{Box
| color=purple
| title=Purple Box
| content=Link to [[LDSClerks]] follow the link
}}
</pre>
|}
{| width="100%"
|width="50%"|
{{Box
| color=green
| width=500px
| title=Green Box
| content=Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
}}
|width="50%"|
<pre>
{{Box
| color=green
| width=500px
| title=Green Box
| content=Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
}}
</pre>
|}

[[Category:Templates|Box]]</noinclude>