User:THE OWL/Sandbox: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
(Created page with "== Inline user template == Just an idea. * I'm <span style="background-color:rgba(50, 84, 188,.7); border-radius:2px; padding:2px 3px 1px 3px">'''User:THE OWL|<span style="c...")
 
No edit summary
 
(172 intermediate revisions by 5 users not shown)
Line 1: Line 1:
== Inline user template ==
{{DISPLAYTITLE:THE OWL’s Sandbox}}
Just an idea.
<center> <p>'''Sandbox Navigation'''</p> </center>
* I'm <span style="background-color:rgba(50, 84, 188,.7); border-radius:2px; padding:2px 3px 1px 3px">'''[[User:THE OWL|<span style="color:#DFE7FF">@THE OWL</span>]]'''</span>. Who are you?


* I'm <span style="background-color:rgba(50, 84, 188,.7); border-radius:2px; padding:2px 4px 1px 4px">'''[[User:THE OWL|<span style="color:#DFE7FF">THE OWL</span>]]'''</span>. Who are you?
<div style="display:flex; justify-content:center; gap:.5em"><!--
--> {{Link|plain|developer.valvesoftware.com/wiki/Special:PrefixIndex/User:THE_OWL/Sandbox/Templates|Templates}} <span style="opacity:.5">•</span> {{Link|plain|developer.valvesoftware.com/wiki/Special:PrefixIndex/User:THE_OWL/Sandbox/Pages|Pages}}
</div>


* Hi, this is <span style="background-color:rgba(225, 75, 75,.5); border-radius:2px; padding:2px 3px 1px 3px">'''[[User:Gabe Newell|<span style="color:#DFE7FF">@Gabe Newell</span>]]'''</span>. I work at Valve.
<center style="margin-top:1.3em"> <p>'''Redesign Preview'''</p> </center>


* Hi, this is <span style="background-color:rgba(225, 75, 75,.5); border-radius:2px; padding:2px 4px 1px 4px">'''[[User:Gabe Newell|<span style="color:#DFE7FF">Gabe Newell</span>]]'''</span>. I work at Valve.
<div style="display:flex; justify-content:center; gap:.5em"><!--
--> [[/Pages/Main_Page|Main Page]] <span style="opacity:.5">•</span> [[/Pages/Software_docs|Software docs]]
</div>
 
{{Clr}}
 
{{Note|[[User:Cvoxalury#Documenting_VDC_Redesign_Flaws|Documenting VDC Redesign Flaws]].}}
 
== Colors ==
<div style="display:flex; flex-wrap:wrap; gap:1em">
<div style="display:inherit; gap:.4em">
<div style="border-radius:50%; padding:.5em .75em; background-color:rgb(38 38 38); outline:1px solid rgb(255 255 255 / 50%)"></div>
<div> Article Background <span style="opacity:.5"> (38 38 38) (#262626) </span> </div>
</div>
<div style="display:inherit; gap:.4em">
<div style="border-radius:50%; padding:.5em .75em; background-color:rgb(41 41 41); outline:1px solid rgb(255 255 255 / 50%)"></div>
<div> Island <span style="opacity:.5"> (41 41 41) </span> </div>
</div>
<div style="display:inherit; gap:.4em">
<div style="border-radius:50%; padding:.5em .75em; background-color:rgb(100 140 200); outline:1px solid rgb(255 255 255 / 50%)"></div>
<div> Link <span style="opacity:.5"> (100 140 200) </span> </div>
</div>
<div style="display:inherit; gap:.4em">
<div style="border-radius:50%; padding:.5em .75em; background-color:rgb(150 165 145); outline:1px solid rgb(255 255 255 / 50%)"></div>
<div> Code <span style="opacity:.5"> (150 165 145) </span> </div>
</div>
</div>
 
== Typography ==
=== Typeface ===
sans-serif <span style="opacity:.5">(general)</span>
 
<div style="display:flex; gap:1em; margin-bottom:.5em">
<div style="border-radius:6px; padding:1em 3em 2em 1em; background-color:rgb(0 0 0 / 50%)">
<div style="font-size:1.5em; font-weight:400; color:rgb(255 255 255 / 85%)"> Aa </div>
<div> Regular <span style="opacity:.5">(400)</span> </div>
</div>
<div style="border-radius:6px; padding:1em 3em 2em 1em; background-color:rgb(0 0 0 / 50%)">
<div style="font-size:1.5em; font-weight:700; color:rgb(255 255 255 / 85%)"> Aa </div>
<div> Bold <span style="opacity:.5">(700)</span> </div>
</div>
<div style="border-radius:6px; padding:1em 3em 2em 1em; background-color:rgb(0 0 0 / 50%)">
<div style="font-size:1.5em; font-weight:900; color:rgb(255 255 255 / 85%)"> Aa </div>
<div> Black <span style="opacity:.5">(900)</span> </div>
</div>
</div>
 
monospace <span style="opacity:.5">(for code)</span>
 
<div style="display:flex; gap:1em; margin-bottom:.5em">
<div style="border-radius:6px; padding:1em 3em 2em 1em; background-color:rgb(0 0 0 / 50%)">
<div style="font-family:monospace; font-size:2.2em; font-weight:400; color:rgb(255 255 255 / 85%)"> Aa </div>
<div> Regular <span style="opacity:.5">(400)</span> </div>
</div>
</div>
 
=== Inline Code ([[Template:Code|T]]) ===
<code style="border-radius:3px; background-color:rgba(0 0 0 / 35%); padding:2px 3px; user-select:unset"> $basetexture </code>
 
=== Keyboard Key ([[Template:Key|T]])===
<span style="display:inline-block; box-shadow:0 2px 0 #505050; border:1px solid #505050; border-radius:3px; background-color:#303030; margin:0 0.2em; padding:0 3.5pt"> Ctrl </span>
 
== Iconography ==
=== Navigation ===
It’s empty here for now.
 
== Buttons ==
It’s empty here for now.
 
 
== Selectors & Elements ==
=== Checkbox ===
It’s empty here for now.
 
=== Toggle button ===
It’s empty here for now.
 
=== Tabs ([[Template:Tabs|T]]) ===
<div style="box-sizing:border-box; width:100%; background-color:rgb(0 0 0 / 9%); border:1px solid rgb(255 255 255 / 3%); border-bottom:0; border-radius:4px 4px 0 0; overflow:hidden; overflow-x:auto; position:relative; padding:.5em .5em 0 .5em; float:left; margin-bottom:8px">
<div style="width:100%; border-bottom: 1px solid rgb(255 255 255 / 15%); position:absolute; z-index:2; bottom:0; left:0"></div>
<div style="background-color:rgb(36 36 36); border:1px solid rgb(255 255 255 / 1%); border-bottom:0; border-radius:6px 6px 0 0; z-index:1; float:left; padding:.5em 1em; margin-right:.25em"> [[User:THE OWL|GoldSrc]] </div>
<div 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; margin-right:.25em"> [[{{FULLPAGENAME}}|Source Engine]] </div>
<div style="background-color:rgb(36 36 36); border:1px solid rgb(255 255 255 / 1%); border-bottom:0; border-radius:6px 6px 0 0; z-index:1; float:left; padding:.5em 1em; margin-right:.25em"> [[User:THE OWL|Source 2]] </div>
</div>
 
{{lorem}}
__NOTOC__

Latest revision as of 09:22, 7 September 2025

Sandbox Navigation

Templates • Pages

Redesign Preview

Main Page • Software docs
Note.pngNote:Documenting VDC Redesign Flaws.

Colors

Article Background (38 38 38) (#262626)
Island (41 41 41)
Link (100 140 200)
Code (150 165 145)

Typography

Typeface

sans-serif (general)

Aa
Regular (400)
Aa
Bold (700)
Aa
Black (900)

monospace (for code)

Aa
Regular (400)

Inline Code (T)

$basetexture

Keyboard Key (T)

Ctrl

Iconography

Navigation

It’s empty here for now.

Buttons

It’s empty here for now.


Selectors & Elements

Checkbox

It’s empty here for now.

Toggle button

It’s empty here for now.

Tabs (T)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Retrieved from "https://developer.valvesoftware.com/w/index.php?title=User:THE_OWL/Sandbox&oldid=488286"