Template:PopitBox - Revision history

DokkeFyxen at 03:20, 6 September 2024

2024-09-06T03:20:13Z

← Older revision		Revision as of 03:20, 6 September 2024
Line 19:		Line 19:
	{{PopitBox}}		{{PopitBox}}

			==Template==
	Creates a Popit-styled Box.		Creates a Popit-styled Box.

			===Legend===
	~~[[Special:WhatLinksHere/Template:PopitBox\|Pages that use this template]]~~
	==~~Usage~~==
	<pre>{{PopitBox		<pre>{{PopitBox
	\| padding= Specified padding; defaults to 8px on all sides.		\| padding= Specified padding; defaults to 8px on all sides.
Line 38:		Line 37:
	\| content= Content of the main section below the header.		\| content= Content of the main section below the header.
	}}</pre>		}}</pre>

			''[[Special:WhatLinksHere/{{FULLPAGENAMEE}}\|Pages that use this template]]''

	[[Category:Content box templates]]</noinclude>		[[Category:Content box templates]]</noinclude>

DokkeFyxen at 17:02, 10 June 2024

2024-06-10T17:02:21Z

← Older revision		Revision as of 17:02, 10 June 2024
Line 39:		Line 39:
	}}</pre>		}}</pre>

	[[Category:~~Templates~~]]</noinclude>		[[Category:Content box templates]]</noinclude>

Chunky104: Forgot to do the border as well.

2024-05-28T03:30:19Z

Forgot to do the border as well.

← Older revision		Revision as of 03:30, 28 May 2024
Line 4:		Line 4:
	padding: {{{padding\|10px}}}; min-height:{{{min-height\|300px}}}; {{#if:{{{height\|}}}\|height:{{{height\|500px}}};\|}} {{#if:{{{width\|}}}\|width:{{{width\|100%}}};\|}}		padding: {{{padding\|10px}}}; min-height:{{{min-height\|300px}}}; {{#if:{{{height\|}}}\|height:{{{height\|500px}}};\|}} {{#if:{{{width\|}}}\|width:{{{width\|100%}}};\|}}
	-moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px;		-moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px;
	border-style: solid; border-color: #{{{border-color\|628db8}}}; border-width: 3px;		border-style: solid; border-color: {{{border-color\|#628db8}}}; border-width: 3px;
	-moz-box-shadow:0px 0px 5px #{{{border-color\|628db8}}}d0; -webkit-box-shadow:0px 0px 5px #{{{border-color\|628db8}}}d0; box-shadow:0px 0px 5px #{{{border-color\|628db8}}}d0;">		-moz-box-shadow:0px 0px 5px {{{border-color\|#628db8}}}d0; -webkit-box-shadow:0px 0px 5px {{{border-color\|#628db8}}}d0; box-shadow:0px 0px 5px {{{border-color\|#628db8}}}d0;">
	<table style="background-color:rgba(255, 255, 255, 0);" width=100%>		<table style="background-color:rgba(255, 255, 255, 0);" width=100%>
	{{#if:{{{no-head\|}}}\|<tr><td colspan="2"> \|		{{#if:{{{no-head\|}}}\|<tr><td colspan="2"> \|

Chunky104: Minor tweaks to the colour code that could potentially have huge knock-on effects; PLEASE let me know if something breaks!

2024-05-28T03:26:52Z

Minor tweaks to the colour code that could potentially have huge knock-on effects; PLEASE let me know if something breaks!

← Older revision		Revision as of 03:26, 28 May 2024
Line 1:		Line 1:
	<includeonly>		<includeonly><div style="
	<div style="		background-image: -webkit-linear-gradient({{{main-color\|#416482}}}d0 20%, {{{main-color\|#416482}}}40 100%);
	background-image: -webkit-linear-gradient(#{{{main-color\|416482}}}d0 20%, #{{{main-color\|416482}}}40 100%);		background-image: linear-gradient({{{main-color\|#416482}}}d0 20%, {{{main-color\|#416482}}}40 100%);
	background-image: linear-gradient(#{{{main-color\|416482}}}d0 20%, #{{{main-color\|416482}}}40 100%);
	padding: {{{padding\|10px}}}; min-height:{{{min-height\|300px}}}; {{#if:{{{height\|}}}\|height:{{{height\|500px}}};\|}} {{#if:{{{width\|}}}\|width:{{{width\|100%}}};\|}}		padding: {{{padding\|10px}}}; min-height:{{{min-height\|300px}}}; {{#if:{{{height\|}}}\|height:{{{height\|500px}}};\|}} {{#if:{{{width\|}}}\|width:{{{width\|100%}}};\|}}
	-moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px;		-moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px;
Line 18:		Line 17:
	{{{content\|Hello, this is the bubble content section.}}}		{{{content\|Hello, this is the bubble content section.}}}
	</td></tr></table></div></includeonly><noinclude>		</td></tr></table></div></includeonly><noinclude>

	{{PopitBox}}		{{PopitBox}}

DokkeFyxen at 03:08, 28 May 2024

2024-05-28T03:08:30Z

← Older revision		Revision as of 03:08, 28 May 2024
Line 31:		Line 31:
	\| height= Specified height.		\| height= Specified height.
	\| min-height= Minimum height; used to set a minimum height for the box.		\| min-height= Minimum height; used to set a minimum height for the box.
	\| ~~drop~~-color= Color for background gradient.		\| main-color= Color for background gradient.
	\| ~~bord~~-color= Color for border + bloom.		\| border-color= Color for border + bloom.
	\| no-head= if set to true, will remove the Header from the PopitBox.		\| no-head= if set to true, will remove the Header from the PopitBox.
	\| image-float= left or right; if set to left, the image sits on the left side, and if set to right it sits on the right side. Defaults to left.		\| image-float= left or right; if set to left, the image sits on the left side, and if set to right it sits on the right side. Defaults to left.

DokkeFyxen at 15:53, 12 February 2024

2024-02-12T15:53:53Z

← Older revision		Revision as of 15:53, 12 February 2024
Line 22:		Line 22:

	Creates a Popit-styled Box.		Creates a Popit-styled Box.


			[[Special:WhatLinksHere/Template:PopitBox\|Pages that use this template]]
	==Usage==		==Usage==
	<pre>{{PopitBox		<pre>{{PopitBox

DokkeFyxen at 18:39, 28 January 2024

2024-01-28T18:39:43Z

← Older revision		Revision as of 18:39, 28 January 2024
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div style="~~overflow-x: scroll;~~		<div style="
	background-image: -webkit-linear-gradient(#{{{main-color\|416482}}}d0 20%, #{{{main-color\|416482}}}40 100%);		background-image: -webkit-linear-gradient(#{{{main-color\|416482}}}d0 20%, #{{{main-color\|416482}}}40 100%);
	background-image: linear-gradient(#{{{main-color\|416482}}}d0 20%, #{{{main-color\|416482}}}40 100%);		background-image: linear-gradient(#{{{main-color\|416482}}}d0 20%, #{{{main-color\|416482}}}40 100%);

DokkeFyxen at 03:27, 26 January 2024

2024-01-26T03:27:02Z

← Older revision		Revision as of 03:27, 26 January 2024
Line 1:		Line 1:
	<includeonly><div style="overflow-x: scroll;		<includeonly>
			<div style="overflow-x: scroll;
	background-image: -webkit-linear-gradient(#{{{main-color\|416482}}}d0 20%, #{{{main-color\|416482}}}40 100%);		background-image: -webkit-linear-gradient(#{{{main-color\|416482}}}d0 20%, #{{{main-color\|416482}}}40 100%);
	background-image: linear-gradient(#{{{main-color\|416482}}}d0 20%, #{{{main-color\|416482}}}40 100%);		background-image: linear-gradient(#{{{main-color\|416482}}}d0 20%, #{{{main-color\|416482}}}40 100%);
Line 7:		Line 8:
	-moz-box-shadow:0px 0px 5px #{{{border-color\|628db8}}}d0; -webkit-box-shadow:0px 0px 5px #{{{border-color\|628db8}}}d0; box-shadow:0px 0px 5px #{{{border-color\|628db8}}}d0;">		-moz-box-shadow:0px 0px 5px #{{{border-color\|628db8}}}d0; -webkit-box-shadow:0px 0px 5px #{{{border-color\|628db8}}}d0; box-shadow:0px 0px 5px #{{{border-color\|628db8}}}d0;">
	<table style="background-color:rgba(255, 255, 255, 0);" width=100%>		<table style="background-color:rgba(255, 255, 255, 0);" width=100%>
	{{#if:{{{no-head\|}}}\|\|<tr>{{#ifeq:{{{image-float\|left}}}\|left\|<td width=110px height=110px>{{{header-image\|[[File:SackboyControllerRender.png\|80px\|left]]}}}</td>\|}}		{{#if:{{{no-head\|}}}\|<tr><td colspan="2"> \|
	<td><font face="Omnes SemiBold" size="+3" color="#fff">'''{{{header-title\|Title}}}'''</font>		<tr>{{#ifeq:{{{image-float\|left}}}\|left\|<td width=110px height=110px>{{{header-image\|[[File:SackboyControllerRender.png\|80px\|left]]}}}</td>\|}}
			<td><font face="Omnes SemiBold" size="+3" color="#fff">'''{{{header-title\|Title}}}'''</font>
	<font face="Omnes Regular" color="#fff">{{{header-desc\|Header description.}}}</font>		<font face="Omnes Regular" color="#fff">{{{header-desc\|Header description.}}}</font>
	{{#ifeq:{{{image-float\|}}}\|right\|<td width=110px height=110px>{{{header-image\|[[File:SackboyControllerRender.png\|80px\|left]]}}}</td>\|}}		{{#ifeq:{{{image-float\|}}}\|right\|<td width=110px height=110px>{{{header-image\|[[File:SackboyControllerRender.png\|80px\|left]]}}}</td>\|}}
	</td></tr><tr><td colspan="2">		</td></tr>
			<tr><td colspan="2">
	<div class="prizelist-line" style="height:32px"></div>}}		<div class="prizelist-line" style="height:32px"></div>}}
	{{{content\|Hello, this is the bubble content section.}}}		{{{content\|Hello, this is the bubble content section.}}}
Line 17:		Line 20:

	{{PopitBox}}		{{PopitBox}}


	Creates a Popit-styled Box.		Creates a Popit-styled Box.

DokkeFyxen at 03:05, 26 January 2024

2024-01-26T03:05:30Z

← Older revision		Revision as of 03:05, 26 January 2024
Line 1:		Line 1:
	<includeonly><div style="		<includeonly><div style="overflow-x: scroll;
	background-image: -webkit-linear-gradient(#{{{main-color\|416482}}}d0 20%, #{{{main-color\|416482}}}40 100%);		background-image: -webkit-linear-gradient(#{{{main-color\|416482}}}d0 20%, #{{{main-color\|416482}}}40 100%);
	background-image: linear-gradient(#{{{main-color\|416482}}}d0 20%, #{{{main-color\|416482}}}40 100%);		background-image: linear-gradient(#{{{main-color\|416482}}}d0 20%, #{{{main-color\|416482}}}40 100%);

DokkeFyxen at 02:02, 3 January 2024

2024-01-03T02:02:04Z

← Older revision		Revision as of 02:02, 3 January 2024
Line 3:		Line 3:
	background-image: linear-gradient(#{{{main-color\|416482}}}d0 20%, #{{{main-color\|416482}}}40 100%);		background-image: linear-gradient(#{{{main-color\|416482}}}d0 20%, #{{{main-color\|416482}}}40 100%);
	padding: {{{padding\|10px}}}; min-height:{{{min-height\|300px}}}; {{#if:{{{height\|}}}\|height:{{{height\|500px}}};\|}} {{#if:{{{width\|}}}\|width:{{{width\|100%}}};\|}}		padding: {{{padding\|10px}}}; min-height:{{{min-height\|300px}}}; {{#if:{{{height\|}}}\|height:{{{height\|500px}}};\|}} {{#if:{{{width\|}}}\|width:{{{width\|100%}}};\|}}
	border-radius:16px; -~~moz~~-border-radius:16px; ~~-webkit-~~border-radius:16px;		-moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px;
	border-style: solid; border-color: #{{{border-color\|628db8}}}; border-width: 3px;		border-style: solid; border-color: #{{{border-color\|628db8}}}; border-width: 3px;
	box-shadow:0px 0px 5px #{{{border-color\|628db8}}}d0; -~~moz~~-box-shadow:0px 0px 5px #{{{border-color\|628db8}}}d0; ~~-webkit-~~box-shadow:0px 0px 5px #{{{border-color\|628db8}}}d0;">		-moz-box-shadow:0px 0px 5px #{{{border-color\|628db8}}}d0; -webkit-box-shadow:0px 0px 5px #{{{border-color\|628db8}}}d0; box-shadow:0px 0px 5px #{{{border-color\|628db8}}}d0;">
	<table style="background-color:rgba(255, 255, 255, 0);" width=100%>		<table style="background-color:rgba(255, 255, 255, 0);" width=100%>
	{{#if:{{{no-head\|}}}\|\|<tr>{{#ifeq:{{{image-float\|left}}}\|left\|<td width=110px height=110px>{{{header-image\|[[File:SackboyControllerRender.png\|80px\|left]]}}}</td>\|}}		{{#if:{{{no-head\|}}}\|\|<tr>{{#ifeq:{{{image-float\|left}}}\|left\|<td width=110px height=110px>{{{header-image\|[[File:SackboyControllerRender.png\|80px\|left]]}}}</td>\|}}

← Older revision		Revision as of 02:02, 3 January 2024
Line 3:		Line 3:
	background-image: linear-gradient(#{{{main-color\|416482}}}d0 20%, #{{{main-color\|416482}}}40 100%);		background-image: linear-gradient(#{{{main-color\|416482}}}d0 20%, #{{{main-color\|416482}}}40 100%);
	padding: {{{padding\|10px}}}; min-height:{{{min-height\|300px}}}; {{#if:{{{height\|}}}\|height:{{{height\|500px}}};\|}} {{#if:{{{width\|}}}\|width:{{{width\|100%}}};\|}}		padding: {{{padding\|10px}}}; min-height:{{{min-height\|300px}}}; {{#if:{{{height\|}}}\|height:{{{height\|500px}}};\|}} {{#if:{{{width\|}}}\|width:{{{width\|100%}}};\|}}
	border-radius:16px; -~~moz~~-border-radius:16px; ~~-webkit-~~border-radius:16px;		-moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px;
	border-style: solid; border-color: #{{{border-color\|628db8}}}; border-width: 3px;		border-style: solid; border-color: #{{{border-color\|628db8}}}; border-width: 3px;
	box-shadow:0px 0px 5px #{{{border-color\|628db8}}}d0; -~~moz~~-box-shadow:0px 0px 5px #{{{border-color\|628db8}}}d0; ~~-webkit-~~box-shadow:0px 0px 5px #{{{border-color\|628db8}}}d0;">		-moz-box-shadow:0px 0px 5px #{{{border-color\|628db8}}}d0; -webkit-box-shadow:0px 0px 5px #{{{border-color\|628db8}}}d0; box-shadow:0px 0px 5px #{{{border-color\|628db8}}}d0;">
	<table style="background-color:rgba(255, 255, 255, 0);" width=100%>		<table style="background-color:rgba(255, 255, 255, 0);" width=100%>
	{{#if:{{{no-head\|}}}\|\|<tr>{{#ifeq:{{{image-float\|left}}}\|left\|<td width=110px height=110px>{{{header-image\|[[File:SackboyControllerRender.png\|80px\|left]]}}}</td>\|}}		{{#if:{{{no-head\|}}}\|\|<tr>{{#ifeq:{{{image-float\|left}}}\|left\|<td width=110px height=110px>{{{header-image\|[[File:SackboyControllerRender.png\|80px\|left]]}}}</td>\|}}