User:THE OWL/Sandbox: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| (29 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
{{DISPLAYTITLE:THE OWL’s Sandbox}} | {{DISPLAYTITLE:THE OWL’s Sandbox}} | ||
<center> <p>'''Sandbox Navigation'''</p> </center> | |||
<center> <p>'''Navigation'''</p> </center> | |||
<div style="display:flex; justify-content:center; gap:.5em"><!-- | <div style="display:flex; justify-content:center; gap:.5em"><!-- | ||
--> {{Link| | --> {{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> | </div> | ||
<center style="margin-top:1.3em"> <p>'''Preview | <center style="margin-top:1.3em"> <p>'''Redesign Preview'''</p> </center> | ||
<div style="display:flex; justify-content:center; gap:.5em"><!-- | <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> | </div> | ||
{{Clr}} | {{Clr}} | ||
{{Note|[[User:Cvoxalury#Documenting_VDC_Redesign_Flaws|Documenting VDC Redesign Flaws]].}} | |||
== Colors == | == Colors == | ||
<div style="display:flex; flex-wrap:wrap; gap:1em"> | <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="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 style="border-radius:50%; padding:.5em .75em; background-color:rgb(41 41 41); outline:1px solid rgb(255 255 255 / 50%)"></div> | ||
| Line 25: | Line 27: | ||
</div> | </div> | ||
<div style="display:inherit; gap:.4em"> | <div style="display:inherit; gap:.4em"> | ||
<div style="border-radius:50%; padding:.5em .75em; background-color:rgb( | <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"> ( | <div> Link <span style="opacity:.5"> (100 140 200) </span> </div> | ||
</div> | </div> | ||
<div style="display:inherit; gap:.4em"> | <div style="display:inherit; gap:.4em"> | ||
| Line 61: | Line 63: | ||
</div> | </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 == | == Iconography == | ||
| Line 77: | Line 85: | ||
It’s empty here for now. | It’s empty here for now. | ||
=== Tabs === | === 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="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="width:100%; border-bottom: 1px solid rgb(255 255 255 / 15%); position:absolute; z-index:2; bottom:0; left:0"></div> | ||
| Line 86: | Line 94: | ||
{{lorem}} | {{lorem}} | ||
__NOTOC__ | |||
Latest revision as of 09:22, 7 September 2025
Sandbox Navigation
Redesign Preview
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
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.