View source for User:THE OWL/Sandbox/Templates/Discussion page

{{DISPLAYTITLE:User Interface Kit – Monolith (Preview of Discussion page)}}
{{HL2 topicon}}
{{LanguageBar}}
{{:User:THE OWL/Sandbox/Templates/Discussion page|archives = Hello, World! (A)}}

== Hello, World! ==
Hello, World!
<includeonly>

<onlyinclude><div style="overflow:hidden; border:1px solid rgb(255 255 255 / 5%); border-radius:8px">
	<div style="display:flex; flex-direction:column; gap:.6em; background-color:rgb(44 44 44); padding:1.25em 1.25em .5em">
		<div style="font-size:1.65em; font-weight:900; color:rgb(255 255 255 / 90%)"> Welcome to {{FULLPAGENAME}} </div> <!--
	-->	<span> {{{desc|{{{description|{{Discussion page/strings|Desc}}}}}}}} </span>
	</div>

	<div style="display:flex; gap:.25em; background-color:rgb(44 44 44); user-select:none; font-size:1.1em; color:rgb(255 255 255 / 80%); position:relative; padding:0 .5em"> <!--
	-->	<div style="width:100%; border-bottom:1px solid rgb(255 255 255 / 8%); position:absolute; z-index:2; bottom:0; left: 0"></div> <!--
	-->	<div class="{{#if:{{{archives|}}}|mw-customtoggle-DPD mw-customtoggle-DPA|}}" style="background-image:linear-gradient(0deg, rgb(38 38 38), rgb(42 42 42)); border:1px solid rgb(255 255 255 / 15%); border-bottom:0; border-radius:6px 6px 0 0; color:rgb(255 255 255 / 75%); position:relative; float:left; z-index:3; padding:.5em 1em"> Discussions </div> {{#if:{{{archives|}}}|<!--
	-->	<div class="mw-customtoggle-DPA mw-customtoggle-DPD" style="background-color:rgb(0 0 0 / 12%); border:1px solid rgb(255 255 255 / 4%); border-bottom:0; border-radius:6px 6px 0 0; z-index:1; float:left; padding:.5em 1em"> Archives </div>|}}
	</div>

	<div style="background-color:rgb(38 38 38 / 10%); overflow:hidden; position:relative">
		<div style="width:100%; background-image:linear-gradient(180deg, rgb(38 38 38), rgb(35 35 35)); border-bottom:1px solid rgb(0 0 0 / 12%)">
			<div style="{{text-dir|rtl=flex-direction:row-reverse;}} display:flex; font-size:14px; gap:.5em; padding:.5em"><!--
			-->	[[Help:Discussion|<span style="display:flex; align-items:center; user-select:none; background-image:linear-gradient(90deg, #3c4249, #36393d); border-radius:4px; color:lightgrey; padding:6px 8px">{{Discussion page/strings|Doc}}</span>]] <!--
			-->	<span class="plainlinks">[{{fullurl:{{FULLPAGENAME}}|action=edit&section=new&preload=Template:Discussion_page/preload}} <span style="display:flex; align-items:center; user-select:none; padding:6px 8px; border-radius:4px; background-image:linear-gradient(90deg, #384e65, #2b4259); color:lightgrey">{{Discussion page/strings|AddTopic}}</span>]</span>
			</div>
		</div>
		<div style="width:100%; box-sizing: border-box; padding:.5em 1em 1em 1em"> {{#if:{{{archives|}}}|<!--
		-->	<div id="mw-customcollapsible-DPA" class="mw-collapsible mw-collapsed" style="display:none">
{{{archives|}}}
			</div>|}} <!--

		-->	<div {{#if:{{{archives|}}}|id="mw-customcollapsible-DPD" class="mw-collapsible"|}} style="flex:auto">
				<div> <!--
				-->	{{#if:{{{answer|}}}
					| <div class="plainlinks" style="{{text-dir|rtl=flex-direction:row-reverse;}} display:flex; gap:4px; align-items:center; background-color:hsl(220 100% 50% / 4%); border:2px solid hsl(220 100% 60%); border-radius:4px; padding:6px 8px">{{Discussion page/strings|NewAnswer}}[[{{{answer}}}|<font style="color:#FFF">{{{answer}}}</font>]]</div>
					|}}</onlyinclude>

</includeonly>