View source for User:THE OWL/Sandbox/Pages/Entity page

{{DISPLAYTITLE:User Interface Kit – Monolith (Preview of Entity page)}}
<div class="infobox" style="max-width:280px; width:100%; box-shadow:0 0 2px rgba(0 0 0 / 60%); background-color:rgb(50 50 50); border:0px solid rgb(255 195 85 / 5%); border-radius:4px; overflow:hidden; clear:both; position:relative; float:right; margin:0 0 1em 1em">
	<div style="background-image:linear-gradient(45deg, rgb(250 195 110), rgb(250 195 110)); text-align:center; font-family:monospace; font-size:1.85em; font-weight:900; color:rgb(0 0 0 / 90%); padding:.5em"> Fade </div>

	<div style="display:flex; flex-wrap:wrap; justify-content:center; align-items:center; background-color:rgb(0 0 0 / 40%); padding:1em"> [[File:env_fade.png|64px|The env_fade icon is used in all Source engine games.]] </div>

	<div style="text-align:center; padding:.2em .4em"> The '''env_fade''' icon is used in all [[Source]] engine games. </div>

	<div style="padding:0 .5em .5em .5em"> <div style="display:flex; flex-direction:column; gap:.2em; border-radius:2px; overflow:hidden">
		<div style="display:flex">
			<div style="width:90px; background-color:rgb(255 255 255 / 10%); color:rgb(255 255 255 / 80%); padding:.2em .5em">Type</div>
			<div style="width:100%; background-color:rgb(255 255 255 / 5%); padding:.2em .5em">[[Point entity|Point entity]]</div>
		</div>

		<div style="display:flex">
			<div style="width:90px; background-color:rgb(255 255 255 / 10%); color:rgb(255 255 255 / 80%); padding:.2em .5em">Category</div>
			<div style="width:100%; background-color:rgb(255 255 255 / 5%); padding:.2em .5em">[[Main Page|Environment entities]]</div>
		</div>

		<div style="display:flex">
			<div style="width:90px; background-color:rgb(255 255 255 / 10%); color:rgb(255 255 255 / 80%); padding:.2em .5em">Engine</div>
			<div style="width:100%; background-color:rgb(255 255 255 / 5%); padding:.2em .5em">{{Source|4}}</div>
		</div>

		<div style="display:flex">
			<div style="width:90px; background-color:rgb(255 255 255 / 10%); color:rgb(255 255 255 / 80%); padding:.2em .5em">Availability</div>
			<div style="width:100%; background-color:rgb(255 255 255 / 5%); padding:.2em .5em">In all games</div>
		</div>
	</div> </div>
</div>

{{Code|env_fade}} is a [[point entity]] available in all {{Source|4}} games. It controls screen fades to or from a solid color. Add Duration and Hold Time together for the total time this entity will be in effect.

{{toc|style=display:inline-flex; box-shadow:0 0 80px rgb(0 0 0 / 40%); border-radius:.4em; pointer-events:all; overflow:hidden; position:relative|background style = background-image:linear-gradient(135deg, transparent, rgba(0, 0, 0, 0.25)); border-radius:inherit; border:1px solid #686868; box-shadow:inset 0 0 3px rgb(0 0 0 / 80%);}}

== Keyvalues ==

== Inputs ==
{{:User:THE OWL/Sandbox/Templates/OIF

| target = Inputs

| item 1 = Fade
| item 1 desc =	Start the screen fade.

| item 2 = FadeReverse
| item 2 desc = Begin doing the reverse of the current fade.

| item 3 = Alpha
| item 3 desc = Changes '''Fade Alpha'''.

| item 4 = OnMapTransition
| item 4 desc = Changes '''Fade Color'''.

}}

== Outputs ==
{{:User:THE OWL/Sandbox/Templates/OIF

| target = Outputs

| item 1 = OnBeginFade
| item 1 desc =	Fired when the fade has begun.

}}

== Flags ==

== ConCommands ==