Template:SmallBox - Revision history

Bradley Monk at 07:21, 8 February 2018

2018-02-08T07:21:12Z

← Older revision		Revision as of 00:21, 8 February 2018
Line 18:		Line 18:
	border-radius:{{{border-radius\|6px}}};">{{{1}}}		border-radius:{{{border-radius\|6px}}};">{{{1}}}
	<div style="text-align:{{{txt-align\|left}}};		<div style="text-align:{{{txt-align\|left}}};
	padding:{{{pad\|~~4px~~}}};		padding:{{{pad\|1px}}};
	font-size:{{{txt-size\|14px}}};">{{{2\|}}}</div></div>		font-size:{{{txt-size\|14px}}};">{{{2\|}}}</div></div>
	<noinclude><br><br><br>		<noinclude><br><br><br>

Bradley Monk at 07:20, 8 February 2018

2018-02-08T07:20:44Z

← Older revision		Revision as of 00:20, 8 February 2018
Line 18:		Line 18:
	border-radius:{{{border-radius\|6px}}};">{{{1}}}		border-radius:{{{border-radius\|6px}}};">{{{1}}}
	<div style="text-align:{{{txt-align\|left}}};		<div style="text-align:{{{txt-align\|left}}};
			padding:{{{pad\|4px}}};
	font-size:{{{txt-size\|14px}}};">{{{2\|}}}</div></div>		font-size:{{{txt-size\|14px}}};">{{{2\|}}}</div></div>
	<noinclude><br><br><br>		<noinclude><br><br><br>

Bradley Monk at 09:29, 22 January 2018

2018-01-22T09:29:32Z

← Older revision		Revision as of 02:29, 22 January 2018
Line 4:		Line 4:
	overflow:{{{overflow\|hidden}}};		overflow:{{{overflow\|hidden}}};
	width:{{{width\|50%}}};		width:{{{width\|50%}}};
			height:{{{height\|auto}}};
	margin:{{{margin\|5px auto}}};		margin:{{{margin\|5px auto}}};
	padding:{{{padding\|4px}}};		padding:{{{padding\|4px}}};

Bradley Monk at 16:05, 21 January 2018

2018-01-21T16:05:51Z

← Older revision		Revision as of 09:05, 21 January 2018
Line 2:		Line 2:
	display:{{{display\|block}}};		display:{{{display\|block}}};
	float:{{{float\|none}}};		float:{{{float\|none}}};
			overflow:{{{overflow\|hidden}}};
	width:{{{width\|50%}}};		width:{{{width\|50%}}};
	margin:{{{margin\|5px auto}}};		margin:{{{margin\|5px auto}}};

Bradley Monk at 08:19, 21 January 2018

2018-01-21T08:19:13Z

← Older revision		Revision as of 01:19, 21 January 2018
Line 17:		Line 17:
	<div style="text-align:{{{txt-align\|left}}};		<div style="text-align:{{{txt-align\|left}}};
	font-size:{{{txt-size\|14px}}};">{{{2\|}}}</div></div>		font-size:{{{txt-size\|14px}}};">{{{2\|}}}</div></div>
	~~{{Clear}}~~<noinclude><br><br><br>		<noinclude><br><br><br>

	----		----

Bradley Monk at 07:41, 21 January 2018

2018-01-21T07:41:51Z

← Older revision		Revision as of 00:41, 21 January 2018
Line 17:		Line 17:
	<div style="text-align:{{{txt-align\|left}}};		<div style="text-align:{{{txt-align\|left}}};
	font-size:{{{txt-size\|14px}}};">{{{2\|}}}</div></div>		font-size:{{{txt-size\|14px}}};">{{{2\|}}}</div></div>
	{{Clear}}<noinclude>		{{Clear}}<noinclude><br><br><br>
	~~<br><br~~><br><br><br>
			----
	----		----
			<br><br>

	{{SmallBox\|This is a small box using default parameters}}		{{SmallBox\|This is a small box using default parameters}}
Line 29:		Line 30:
	{{SmallBox\|This is a small box using default parameters}}		{{SmallBox\|This is a small box using default parameters}}
	</pre>		</pre>


	~~<big>Default Parameters:</big>~~

	<pre><nowiki>		<pre><nowiki>
			default parameters:
	{{SmallBox\|display=block		{{SmallBox\|display=block
	\|float=none		\|float=none
Line 51:		Line 49:
	}}		}}
	</nowiki></pre>		</nowiki></pre>


	<br>		<br>
	----		----
	<br>		----
			<br><br>

	{{SmallBox\|display=block		{{SmallBox\|display=block
Line 80:		Line 80:
	}}		}}

	~~<br>~~
	~~----~~
	~~<br>~~

	<pre~~><nowiki~~>		<pre>
	{{SmallBox\|display=block		{{SmallBox\|display=block
	\|float=none		\|float=none
Line 108:		Line 105:
	Which is perfectly sufficient for creating message boxes with a title header.		Which is perfectly sufficient for creating message boxes with a title header.
	}}		}}
	</pre~~></nowiki~~>		</pre>

Bradley Monk at 07:35, 21 January 2018

2018-01-21T07:35:21Z

← Older revision		Revision as of 00:35, 21 January 2018
Line 4:		Line 4:
	width:{{{width\|50%}}};		width:{{{width\|50%}}};
	margin:{{{margin\|5px auto}}};		margin:{{{margin\|5px auto}}};
	padding:{{{padding\|~~5px auto~~}}};		padding:{{{padding\|4px}}};
	clear:{{{clear\|both}}};		clear:{{{clear\|both}}};
	background-color:{{{bg-color\|#FFF}}};		background-color:{{{bg-color\|#FFF}}};
Line 51:		Line 51:
	}}		}}
	</nowiki></pre>		</nowiki></pre>



	<br>		<br>
	----		----
	<br>		<br>


	{{SmallBox\|display=block		{{SmallBox\|display=block
Line 64:		Line 61:
	\|width=80%		\|width=80%
	\|margin=5px auto		\|margin=5px auto
	\|padding=~~25px auto~~		\|padding=8px
	\|bg-color=#efa94c		\|bg-color=#efa94c
	\|font=Arial		\|font=Arial
Line 73:		Line 70:
	\|border-color=#4bedca		\|border-color=#4bedca
	\|border-radius=6px		\|border-radius=6px
	\|~~NOTE~~ THIS TITLE ~~HAS~~ ITS OWN DIV CONTAINER		\|NOTICE: THIS TITLE TEXT IS INSIDE ITS OWN DIV CONTAINER
	\|txt-align=left		\|txt-align=left
	\|txt-size=~~12px~~		\|txt-size=14px
	\|This paragraph text ~~is inside its own~~ div container~~, with just~~ two properties:		\|This paragraph text has a separate div container.
			This container only has two properties:
	* txt-align		* txt-align
	* txt-size		* txt-size
	~~This~~ is sufficient ~~to make small~~ message boxes with a title header.		Which is perfectly sufficient for creating message boxes with a title header.
	}}		}}

			<br>
			----
			<br>

			<pre><nowiki>
			{{SmallBox\|display=block
			\|float=none
			\|clear=both
			\|width=80%
			\|margin=5px auto
			\|padding=8px
			\|bg-color=#efa94c
			\|font=Arial
			\|font-size=18px
			\|text-align=center
			\|border-style=groove double inset ridge
			\|border-width=6px
			\|border-color=#4bedca
			\|border-radius=6px
			\|NOTICE: THIS TITLE TEXT IS INSIDE ITS OWN DIV CONTAINER
			\|txt-align=left
			\|txt-size=14px
			\|This paragraph text has a separate div container.
			This container only has two properties:
			* txt-align
			* txt-size
			Which is perfectly sufficient for creating message boxes with a title header.
			}}
			</pre></nowiki>

Bradley Monk at 07:28, 21 January 2018

2018-01-21T07:28:18Z

← Older revision		Revision as of 00:28, 21 January 2018
Line 1:		Line 1:
	<div style="		<div style="
	display:{{{display\|block}}};		display:{{{display\|block}}};
	float:{{{float\|~~left~~}}};		float:{{{float\|none}}};
	width:{{{width\|50%}}};		width:{{{width\|50%}}};
	margin:{{{margin\|0 auto}}};		margin:{{{margin\|5px auto}}};
	padding:{{{padding\|5px auto}}};		padding:{{{padding\|5px auto}}};
			clear:{{{clear\|both}}};
	background-color:{{{bg-color\|#FFF}}};		background-color:{{{bg-color\|#FFF}}};
	font-family:{{{font\|Arial}}};		font-family:{{{font\|Arial}}};
Line 13:		Line 14:
	border-width:{{{border-width\|2px}}};		border-width:{{{border-width\|2px}}};
	border-color:{{{border-color\|#8c9091}}};		border-color:{{{border-color\|#8c9091}}};
	border-radius:{{{border-radius\|6px}}};">{{{1}}}</div>{{Clear}}<noinclude>		border-radius:{{{border-radius\|6px}}};">{{{1}}}
			<div style="text-align:{{{txt-align\|left}}};
			font-size:{{{txt-size\|14px}}};">{{{2\|}}}</div></div>
			{{Clear}}<noinclude>
	<br><br><br><br><br>		<br><br><br><br><br>
	----		----
Line 27:		Line 31:


	<br>		<big>Default Parameters:</big>
	~~----~~
	<br>

	~~Parameters and their defaults...~~


	<pre><nowiki>		<pre><nowiki>
	~~<div class="toccolours" style="~~		{{SmallBox\|display=block
	~~display:{~~{{display\|block~~}}};~~		\|float=none
	~~float:{{{~~float\|~~left}}};~~		\|clear=both
	width~~:{{{width\|~~50%~~}}};~~		\|width=50%
	~~margin:{{{~~margin\|~~0 0 0 25%}}};~~		\|margin=5px auto
	padding~~:{{{padding\|12px~~ 5px ~~1px 20px}}};~~		\|padding=5px auto
	~~background-color:{{{~~bg-color\|#FFF~~}}};~~		\|bg-color=#FFF
	font~~-family:{{{font\|~~Arial~~}}};~~		\|font=Arial
	font-size~~:{{{font-size\|~~18px~~}}};~~		\|font-size=18px
	~~word-wrap:break-word;~~		\|text-align=center
	text-align~~:{{{text-align\|~~center~~}}}~~		\|border-style=groove
	border-style~~:{{{border-style\|~~groove~~}}};~~		\|border-width=2px
	border-width~~:{{{border-width\|~~2px~~}}};~~		\|border-color=#8c9091
	border-color~~:{{{border-color\|~~#8c9091~~}}};~~		\|border-radius=6px
	~~border-radius:{{{~~border-radius\|~~6px}}}; ">~~		\|This is a small box showing all parameters
	~~{{{1~~}}}		}}
	~~</div>~~
	</nowiki></pre>		</nowiki></pre>

Line 61:		Line 59:


			{{SmallBox\|display=block
			\|float=none
			\|clear=both
			\|width=80%
			\|margin=5px auto
			\|padding=25px auto
			\|bg-color=#efa94c
			\|font=Arial
	{{SmallBox\|display=block~~\|width=50%\|font-title=papyrus~~\|float=~~left~~		\|font-size=18px
	\|~~border-style~~=~~groove~~\|~~border-~~width=~~2px~~\|~~border-color~~=~~#8c9091\|border-radius=6px~~		\|text-align=center
	\|padding=~~12px 5px 1px 20px~~\|color=#~~f7f7f7~~\|~~margin~~=~~0 0 0 1%\|Title of Expand Box}}~~		\|border-style=groove double inset ridge
			\|border-width=6px
	~~<br>~~		\|border-color=#4bedca
			\|border-radius=6px
	~~<pre>~~		\|NOTE THIS TITLE HAS ITS OWN DIV CONTAINER
	~~{{SmallBox\|display=block\|width=50%~~\|font-~~title~~=~~papyrus~~\|~~float~~=~~left~~		\|txt-align=left
	\|border-style=groove\|border-width=~~2px~~\|border-color=#~~8c9091~~\|border-radius=6px		\|txt-size=12px
	\|~~padding=12px 5px 1px 20px~~\|~~color~~=~~#f7f7f7~~\|~~margin=0 0 0 1%\|mh=100%\|sz~~=12px		\|This paragraph text is inside its own div container, with just two properties:
	\|~~font=Arial\|pad=6px 8px 10px 4px\|opener=▼\|closer=▲\|Title of Expand Box\|TEXT}}~~		* txt-align
	~~</pre>~~		* txt-size
			This is sufficient to make small message boxes with a title header.
	~~<br><br><br><br>~~
	-~~---~~

	~~{{SmallBox\|display=block\|width=50%\|margin=0 0 0 25%~~
	~~\|font-title=papyrus\|opener=open~~-~~sesame\|Say the magic word\|~~
	~~You discover the chest contained 10 BitCoins (BTC) and 100 Ethereum (ETH).~~
	~~What would you like~~ to ~~do?~~

	~~# [https://bitcoin~~.~~org '''Exchange BTC for USD''']~~
	~~# [https://www.ethereum.org '''Exchange ETH for USD''']~~
	~~# [https://coinbase.com '''Loot chest, 'natch''']~~
	}}		}}

	~~<br>~~

	~~<pre>~~
	~~{{SmallBox\|display=block\|width=50%\|margin=0 0 0 25%~~
	~~\|font-title=papyrus\|opener=open-sesame\|Say the magic word\|~~
	~~You discover the chest contained 10 BitCoins (BTC) and 100 Ethereum (ETH).~~
	~~What would you like to do?~~

	~~# [https://bitcoin.org '''Exchange BTC for USD''']~~
	~~# [https://www.ethereum.org '''Exchange ETH for USD''']~~
	~~# [https://coinbase.com '''Loot chest, 'natch''']~~
	}}
	~~</pre>~~

Bradley Monk at 06:50, 21 January 2018

2018-01-21T06:50:24Z

@@ Line 1: / Line 1: @@
-<div class="toccolours" style="display:{{{display|block}}}; width:{{{width|50%}}}; font-family:{{{font|Arial}}}; float:{{{float|left}}}; font-size:{{{font-size|18px}}}; border-style:{{{border-style|groove}}}; border-width:{{{border-width|2px}}}; border-color:{{{border-color|#8c9091}}}; border-radius:{{{border-radius|6px}}}; padding:{{{padding|12px 5px 1px 20px}}}; background-color:{{{bg-color|#FFF}}}; margin:{{{margin|0 0 0 25%}}}; word-wrap:break-word; text-align:center">
+<div style="
-{{{1}}}
+display:{{{display|block}}};
-</div>{{Clear}}<noinclude>
+float:{{{float|left}}};
 <br><br><br><br><br>
 ----
@@ Line 19: / Line 30: @@
 ----
 <br>

Bradley Monk at 16:53, 20 January 2018

2018-01-20T16:53:35Z

← Older revision		Revision as of 09:53, 20 January 2018
Line 1:		Line 1:
	<div class="toccolours" style="display:{{{display\|block}}}; width:{{{width\|50%}}}; font-family:{{{font\|~~Helvetica~~}}}; float:{{{float\|left}}}; font-size:{{{font-size\|18px}}}; border-style:{{{border-style\|groove}}}; border-width:{{{border-width\|2px}}}; border-color:{{{border-color\|#~~f7f7f7~~}}}; border-radius:{{{border-radius\|6px}}}; padding:{{{padding\|12px 5px 1px 20px}}}; background-color:{{{bg-color\|#FFF}}}; margin:{{{margin\|0 0 0 1%}}}; word-wrap:break-word; text-align:center">		<div class="toccolours" style="display:{{{display\|block}}}; width:{{{width\|50%}}}; font-family:{{{font\|Arial}}}; float:{{{float\|left}}}; font-size:{{{font-size\|18px}}}; border-style:{{{border-style\|groove}}}; border-width:{{{border-width\|2px}}}; border-color:{{{border-color\|#8c9091}}}; border-radius:{{{border-radius\|6px}}}; padding:{{{padding\|12px 5px 1px 20px}}}; background-color:{{{bg-color\|#FFF}}}; margin:{{{margin\|0 0 0 25%}}}; word-wrap:break-word; text-align:center">
	{{{1}}}		{{{1}}}
	</div>{{Clear}}<noinclude>		</div>{{Clear}}<noinclude>
Line 9:		Line 9:
	{{SmallBox\|This is a small box using default parameters}}		{{SmallBox\|This is a small box using default parameters}}

			<br>

			<pre>
			{{SmallBox\|This is a small box using default parameters}}
			</pre>


			<br>
			----
			<br>


	{{SmallBox\|display=block\|width=50%\|font-title=papyrus\|float=left		{{SmallBox\|display=block\|width=50%\|font-title=papyrus\|float=left
	\|border-style=groove\|border-width=2px\|border-color=#8c9091\|border-radius=6px		\|border-style=groove\|border-width=2px\|border-color=#8c9091\|border-radius=6px
	\|padding=12px 5px 1px 20px\|color=#f7f7f7\|margin=0 0 0 1%~~\|mh=100%\|sz=12px~~		\|padding=12px 5px 1px 20px\|color=#f7f7f7\|margin=0 0 0 1%\|Title of Expand Box}}
	~~\|font=Arial\|pad=6px 8px 10px 4px\|opener=▼\|closer=▲~~\|Title of Expand Box~~\|TEXT~~}}

	<br>		<br>

← Older revision		Revision as of 00:21, 8 February 2018
Line 18:		Line 18:
	border-radius:{{{border-radius\|6px}}};">{{{1}}}		border-radius:{{{border-radius\|6px}}};">{{{1}}}
	<div style="text-align:{{{txt-align\|left}}};		<div style="text-align:{{{txt-align\|left}}};
	padding:{{{pad\|~~4px~~}}};		padding:{{{pad\|1px}}};
	font-size:{{{txt-size\|14px}}};">{{{2\|}}}</div></div>		font-size:{{{txt-size\|14px}}};">{{{2\|}}}</div></div>
	<noinclude><br><br><br>		<noinclude><br><br><br>

← Older revision		Revision as of 00:20, 8 February 2018
Line 18:		Line 18:
	border-radius:{{{border-radius\|6px}}};">{{{1}}}		border-radius:{{{border-radius\|6px}}};">{{{1}}}
	<div style="text-align:{{{txt-align\|left}}};		<div style="text-align:{{{txt-align\|left}}};
			padding:{{{pad\|4px}}};
	font-size:{{{txt-size\|14px}}};">{{{2\|}}}</div></div>		font-size:{{{txt-size\|14px}}};">{{{2\|}}}</div></div>
	<noinclude><br><br><br>		<noinclude><br><br><br>

← Older revision		Revision as of 02:29, 22 January 2018
Line 4:		Line 4:
	overflow:{{{overflow\|hidden}}};		overflow:{{{overflow\|hidden}}};
	width:{{{width\|50%}}};		width:{{{width\|50%}}};
			height:{{{height\|auto}}};
	margin:{{{margin\|5px auto}}};		margin:{{{margin\|5px auto}}};
	padding:{{{padding\|4px}}};		padding:{{{padding\|4px}}};