User:N0one/Sandbox: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
(making button and other not transparent)
(MAIN PAGE TEST)
Tag: Replaced
Line 1: Line 1:
New idea for Main Page
''Sandbux''.
-----
 
{{Background
| file = Wireframe gradient.jpg
| opacity = 0.13
| gradient-height = 250px
}}
 
__NOTOC__
<center> <!-- using steam color for radial-gradient + optional -->
<div style="min-height:5em; width:35%; background-image:radial-gradient(ellipse at center, rgba(51 73 111 / 70%), transparent 70%); overflow:hidden; position:relative; padding:.5em .8em">
<div style="display:flex; flex-direction:column; gap:.8em; align-items:center"><span style="color:rgb(255 255 255 / 30%); font-weight:400; font-size:1.2em"> Welcome to the </span><span style="color:rgb(255 255 255 / 80%); font-weight:900; font-size:2em"> {{SITENAME}} </span>
</div>
</div>
</center>
 
{{:Main Page/strings|Welcome}}
 
<div> [[Special:UserLogin|<span style="background-image:linear-gradient(135deg, rgba(94 137 219 / 17%), rgba(255 255 255 / 2%)); border:1px solid rgba(255, 255, 255, 0.1); border-radius: .8em; padding:.3em .6em">Sign up to become part of the community!</span>]] </div>
 
 
<div style="display:grid; grid-template-columns:repeat(auto-fill,minmax(clamp((100%/2) - 1rem, 25rem, 100%),1fr)); column-gap:1.5em">
 
<div>
 
<div style="display:flex; flex-direction:column; gap:.8em;">
<div style="min-height:50px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background:#262626; background-image:radial-gradient(ellipse at left top, rgba(122 55 47 / 20%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
[[Half-Life SDK|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]
<span style="color:rgb(255 255 255 / 80%); font-weight:900">[[File:Icon-GoldSrc.png|16px|link=Half-Life SDK|{{:Main Page/strings|HLSDK Docs}}]] {{:Main Page/strings|HLSDK}}</span>
<div style="opacity:.15; user-select:none; rotate:335deg; position:absolute; right:-.5em; bottom:-.5em">[[File:Icon-GoldSrc.png|50px|link=]]</div>
<div>If you want to create a Mod for Half-Life or looking for more GoldSrc documentation, visit the page by clicking on the button.</div>
</div>
 
<div style="min-height:50px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background:#262626; background-image:radial-gradient(ellipse at left top, rgba(74 104 33 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
[[SDK Docs|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]
<span style="color:rgb(255 255 255 / 80%); font-weight:900">[[File:Icon-Source.png|16px|link=SDK Docs|{{:Main Page/strings|SDK Docs}}]] {{:Main Page/strings|SDK}}</span>
<div style="opacity:.15; user-select:none; rotate:335deg; position:absolute; right:-.5em; bottom:-.5em">[[File:Icon-Source.png|50px|link=]]</div>
<div>Our knowledge base of technical information about using the engine and all of the related tools is posted on a community-driven web site called a wiki.</div>
</div>
 
<div style="min-height:50px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background:#262626; background-image:radial-gradient(ellipse at left top, rgba(101 104 33 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
[[Source_2/Docs|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]
<span style="color:rgb(255 255 255 / 80%); font-weight:900">[[File:Icon-Source_2.png|16px|link=Source_2/Docs|{{:Main Page/strings|S2SDK Docs}}]] {{:Main Page/strings|S2SDK}}</span>
<div style="opacity:.15; user-select:none; rotate:335deg; position:absolute; right:-.5em; bottom:-.5em">[[File:Icon-Source_2.png|50px|link=]]</div>
<div>If you want to port Source content to Source 2 or looking for more Source 2 documentation, visit the page by clicking on the button.<br>Otherwise, you can check out the following Source 2 games with its Workshop Tools below:</div>
</div>
 
<div style="min-height:50px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background:#262626; background-image:radial-gradient(ellipse at left top, rgba(75 42 46 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
[[Dota 2 Workshop Tools|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]
<span style="color:rgb(255 255 255 / 80%); font-weight:900">[[File:Dota workshop.png|16px|link=Dota 2 Workshop Tools|{{:Main Page/strings|Dota 2 Tools Docs}}]] {{Dictionary/software|dota2_tools}}</span>
<div style="opacity:.15; user-select:none; rotate:335deg; position:absolute; right:-.5em; bottom:-.5em">[[File:Dota workshop.png|50px|link=]]</div>
<div>The Dota 2 Workshop Tools allows you to create items for inclusion in the Dota store and the Steam Workshop and your own custom game modes.</div>
</div>
 
<div style="min-height:50px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background:#262626; background-image:radial-gradient(ellipse at left top, rgba(51 73 111 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
[[SteamVR/Environments|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]
<span style="color:rgb(255 255 255 / 80%); font-weight:900">[[File:Steamtours workshop.png|16px|link=SteamVR/Environments|{{:Main Page/strings|SVR Tools Docs}}]] {{Dictionary/software|svrh_tools}}</span>
<div style="opacity:.15; user-select:none; rotate:335deg; position:absolute; right:-.5em; bottom:-.5em">[[File:Steamtours workshop.png|50px|link=]]</div>
<div>SteamVR Workshop Tools lets you create and share different environments for SteamVR Home.</div>
</div>
 
<div style="min-height:50px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background:#262626; background-image:radial-gradient(ellipse at left top, rgba(41 65 87 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
[[Half-Life: Alyx Workshop Tools|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]
<span style="color:rgb(255 255 255 / 80%); font-weight:900">[[File:hlvr workshop.png|16px|link=Half-Life: Alyx Workshop Tools|{{:Main Page/strings|HLA Tools Docs}}]] {{Dictionary/software|hlvr_tools}}</span>
<div style="opacity:.15; user-select:none; rotate:335deg; position:absolute; right:-.5em; bottom:-.5em">[[File:hlvr workshop.png|50px|link=]]</div>
<div>The Half-Life: Alyx Workshop Tools allows you to create items for inclusion in the Steam Workshop and your own custom game addons, such as new maps.</div>
</div>
 
<div style="min-height:50px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background:#262626; background-image:radial-gradient(ellipse at left top, rgba(158 98 25 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
[[Counter-Strike 2 Workshop Tools|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]
<span style="color:rgb(255 255 255 / 80%); font-weight:900">[[File:Cs2 workshop.png|16px|link=Counter-Strike 2 Workshop Tools|{{:Main Page/strings|CS2 Tools Docs}}]] {{Dictionary/software|cs2_tools}}</span>
<div style="opacity:.15; user-select:none; rotate:335deg; position:absolute; right:-.5em; bottom:-.5em">[[File:Cs2 workshop.png|50px|link=]]</div>
<div>The Counter-Strike 2 Workshop Tools allows you to create items for inclusion in the Steam Workshop and your own custom game addons, such as new maps.</div>
</div>
 
</div>
 
</div>
 
<div style="display:flex; flex-direction:column; gap:.8em;">
 
<div style="box-shadow:0 4px 6px rgba(0 0 0 / 10%), 0 15px 36px rgba(0 0 0 / 20%); background:#262626; background-image:linear-gradient(135deg, rgba(255 255 255 / 13%), rgba(255 255 255 / 3%)); color:#d0d0d0; border:1px solid rgb(255 255 255 / 10%); border-radius:.35em; overflow:clip">
<div style="display:flex; align-items:center; padding:.5em 1.2em; gap:1em">
<div style="padding:1em; user-select:none">[[File:Source-logo.png|128px|link=Source]]</div>
<div>{{ValveTechnologyEditable/strings|SourceEngine}}</div>
</div>
<hr style="background-color:rgba(255 255 255 / 3%); margin:0 25px">
<div style="display:flex; align-items:center; padding:.5em 1.2em; gap:1em">
<div style="padding:1em; user-select:none">[[File:SteamLogo.png|128px|link=Steam]]</div>
<div>{{ValveTechnologyEditable/strings|Steam}}</div>
</div>
<div style="background-color:#3D69AE78; border-top:1px solid rgba(255 255 255 / 4%); text-align:center; font-weight:bold; padding:6px 0">
<div>[[Valve Technology|<font style=color:#FFF>{{ValveTechnologyEditable/strings|RAVT}}</font>]]&ensp;[[File:Doublearrow white.png|link=Valve Technology|16px]]</div>
</div>
</div>
 
<div style="min-height:100px;box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background:#262626; background-image:radial-gradient(ellipse at left top, rgba(100 100 100 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
<span style="color:rgb(255 255 255 / 80%); font-weight:900">{{:Main Page/strings|FMT}}</span>
<div style="opacity:.15; user-select:none; rotate:335deg; position:absolute; right:-.5em; bottom:-.5em">[[File:icon-gnome-terminal.png|50px|link=]]</div>
<div>
* {{:Main Page/strings|FMT Line 1}}
* {{:Main Page/strings|FMT Line 2}}
* {{:Main Page/strings|FMT Line 3}}
* {{:Main Page/strings|FMT Line 4}}
* {{:Main Page/strings|FMT Line 5}}
* {{:Main Page/strings|FMT Line 6}}
</div>
</div>
 
<div style="box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background:#262626; background-image:radial-gradient(ellipse at left top, rgba(100 100 100 / 30%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em">
<span style="color:rgb(255 255 255 / 80%); font-weight:900">{{:Main Page/strings|New Wiki}}</span>
<div style="opacity:.15; user-select:none; rotate:335deg; position:absolute; right:-.5em; bottom:-.5em">[[File:icon-essay.png|50px|link=]]</div>
<div>''{{:Main Page/strings|For Help}}''</div>
</div>
 
</div>
 
</div>
 
</div>
 
 
<div style="box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background:#262626; background-image:linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; padding:.5em">
<div style="font-weight:600; color:rgb(255 255 255 / 80%); margin-bottom:.5em"> Statistics </div>
<div style="display:flex; flex-wrap:wrap; gap:1em 2em">
<div style="min-width:100px; display:flex; gap:.8em">
<div style="background-color: rgb(255 255 255 / 10%); border-radius:.3em; user-select:none; pointer-event:none; padding:.4em"> [[File:edit-copy.png|30px|link=]] </div>
<div style="display:flex; flex-direction:column; justify-content:center"> <span style="font-size:1em; font-weight:900; color:rgb(255 255 255 / 80%)"> {{NUMBEROFARTICLES}} </span>  <span style="color:rgb(255 255 255 / 30%)"> Articles </span> </div>
</div>
<div style="min-width:100px; display:flex; gap:.8em">
<div style="background-color: rgb(255 255 255 / 10%); border-radius:.3em; user-select:none; pointer-event:none; padding:.4em"> [[File:icon-Gnome-document-properties.png|30px|link=]] </div>
<div style="display:flex; flex-direction:column; justify-content:center"> <span style="font-size:1em; font-weight:900; color:rgb(255 255 255 / 80%)"> {{NUMBEROFEDITS}} </span>  <span style="color:rgb(255 255 255 / 30%)"> Edits </span> </div>
</div>
<div style="min-width:100px; display:flex; gap:.8em">
<div style="background-color: rgb(255 255 255 / 10%); border-radius:.3em; user-select:none; pointer-event:none; padding:.4em"> [[File:Gnome-document-open.png|30px|link=]] </div>
<div style="display:flex; flex-direction:column; justify-content:center"> <span style="font-size:1em; font-weight:900; color:rgb(255 255 255 / 80%)"> {{NUMBEROFFILES}} </span>  <span style="color:rgb(255 255 255 / 30%)"> Files </span> </div>
</div>
<div style="min-width:100px; display:flex; gap:.8em">
<div style="background-color: rgb(255 255 255 / 10%); border-radius:.3em; user-select:none; pointer-event:none; padding:.4em"> [[File:icon-gnome-systemusers.png|30px|link=]] </div>
<div style="display:flex; flex-direction:column; justify-content:center"> <span style="font-size:1em; font-weight:900; color:rgb(255 255 255 / 80%)"> {{NUMBEROFUSERS}} </span>  <span style="color:rgb(255 255 255 / 30%)"> Users </span> </div>
</div>
<div style="min-width:100px; display:flex; gap:.8em">
<div style="background-color: rgb(255 255 255 / 10%); border-radius:.3em; user-select:none; pointer-event:none; padding:.4em"> [[File:icon-gnome-systemusers.png|30px|link=]] </div>
<div style="display:flex; flex-direction:column; justify-content:center"> <span style="font-size:1em; font-weight:900; color:rgb(255 255 255 / 80%)"> {{NUMBEROFACTIVEUSERS}} </span>  <span style="color:rgb(255 255 255 / 30%)"> Active Users </span> </div>
</div>
<div style="min-width:100px; display:flex; gap:.8em">
<div style="background-color: rgb(255 255 255 / 10%); border-radius:.3em; user-select:none; pointer-event:none; padding:.4em"> [[File:icon-gnome-systemusers.png|30px|link=]] </div>
<div style="display:flex; flex-direction:column; justify-content:center"> <span style="font-size:1em; font-weight:900; color:rgb(255 255 255 / 80%)"> {{NUMBEROFADMINS}} </span>  <span style="color:rgb(255 255 255 / 30%)"> Administrators </span> </div>
</div>
</div>
<div style="display:flex; flex-direction:column; background-color:rgba(0, 0, 0, 0.25); border-radius:.3em; position:relative; padding:.3em .6em; margin-top:1em">
<span style="color:rgb(255 255 255 / 60%)"> {{CURRENTVERSION}} </span>
<span style="color:rgb(255 255 255 / 30%)"> Current MediaWiki version </span>
</div>
</div>
</div>
 
{{VDC-navbox}}
 
<div class="plainlinks" style="background:#282828; box-shadow:rgba(0, 0, 0, .05) 0 0 25px; border-bottom:none; border-radius:.35em; padding:.5em; margin-top:1em; text-align:center; gap:.8em">
© 2005–{{CURRENTYEAR}} {{:Main Page/strings|Copyright}}
 
{{:Main Page/strings|Legal}}
</div>
 
 
 
-----
Originally Planned
-----
 
 
<div style="display:flex; flex-direction:column; gap:.8em; align-items:center"> <!--
--> <span style="color:rgb(255 255 255 / 30%); font-weight:400; font-size:1.2em"> Welcome to the </span> <!--
--> <span style="color:rgb(255 255 255 / 80%); font-weight:900; font-size:2em"> {{SITENAME}} </span>
</div>
<br>
<div style="display:flex; gap:3em">
<div style="width:100%; display:flex; flex-direction:column; gap:.5em"> <!--
 
--> <span style="font-weight:600; font-size:1.1em"> Introduction </span>
<div> {{:Main Page/strings|Welcome}} </div> <div> [[Special:UserLogin|<span style="background-image:linear-gradient(135deg, rgba(94 137 219 / 17%), rgba(255 255 255 / 2%)); border:1px solid rgba(255, 255, 255, 0.1); border-radius: .8em; padding:.3em .6em">Sign up to become part of the community!</span>]] </div> <!--
 
--> <span style="font-weight:600; font-size:1.1em; margin-top:1em"> Your choice today </span>
<div style="display:flex; gap:.8em">
<div style="width:100%; display:flex; flex-direction:column; gap:.8em">
<div style="min-height:230px; box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background-image:radial-gradient(ellipse at left top, rgba(255 155 255 / 10%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em"><!--
 
--> [[Development Docs|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]<!--
 
--> <div style="opacity:.15; user-select:none; rotate:335deg; position:absolute; right:-.5em; bottom:-.5em">[[File:icon-gnome-terminal.png|100px|link=]]</div><!--
 
--> <span style="color:rgb(255 255 255 / 80%); font-weight:900"> Development </span>
<div> Everything about game development, level design and much more using Valve Technology. </div>
</div>
<div style="height:100%; box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background-image:linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; padding:.5em .8em"> <!--
--> <span style="color:rgb(255 255 255 / 80%); font-weight:900"> Recommendations </span> <!--
--> <div style="display:flex; flex-wrap: wrap; gap:.3em; user-select:none; margin-top:.2em"><!--
--><span style="display:inline-flex; background-color:rgb(255 255 255 / 10%); border-radius:.3em; padding:.25em .3em .32em.3em"> [[File:gldsrc icon.png|20px|link=Half-Life SDK|Half-Life SDK Documentation]] </span> <!--
--><span style="display:inline-flex; background-color:rgb(255 255 255 / 10%); border-radius:.3em; padding:.25em .3em .32em.3em"> [[File:icon-Source.png|20px|link=SDK Docs|Source SDK Documentation]] </span><!--
--><span style="display:inline-flex; background-color:rgb(255 255 255 / 10%); border-radius:.3em; padding:.25em .3em .32em.3em"> [[File:icon-Source 2.png|20px|link=Source 2/Docs|Source 2 Documentation]] </span><!--
--><span style="display:inline-flex; background-color:rgb(255 255 255 / 10%); border-radius:.3em; padding:.25em .3em .32em.3em"> [[File:dota workshop.png|20px|link=Dota 2 Workshop Tools|Dota 2 Workshop Tools Documentation]] </span><!--
--><span style="display:inline-flex; background-color:rgb(255 255 255 / 10%); border-radius:.3em; padding:.25em .3em .32em.3em"> [[File:steamtours workshop.png|16px|link=SteamVR/Environments|SteamVR Workshop Tools Documentation]] </span><!--
--><span style="display:inline-flex; background-color:rgb(255 255 255 / 10%); border-radius:.3em; padding:.25em .3em .32em.3em"> [[File:hlvr workshop.png|20px|link=Half-Life Alyx Workshop Tools|Half-Life: Alyx Workshop Tools Documentation]] </span><!--
--><span style="display:inline-flex; background-color:rgb(255 255 255 / 10%); border-radius:.3em; padding:.25em .3em .32em.3em"> [[File:cs2 workshop.png|20px|link=Counter-Strike 2 Workshop Tools|Counter-Strike 2 Workshop Tools Documentation]] </span>
</div>
</div>
</div>
<div style="width:100%; display:flex; flex-direction:column; gap:.8em">
<div style="min-height:230px; box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background-image:radial-gradient(ellipse at left top, rgba(255 155 155 / 10%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em"><!--
 
--> [[Help:Contents|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]<!--
 
--> <div style="opacity:.15; user-select:none; rotate:335deg; position:absolute; right:-.5em; bottom:-.5em">[[File:icon-essay.png|80px|link=]]</div><!--
 
--> <span style="color:rgb(255 255 255 / 80%); font-weight:900"> Wiki Editing </span>
<div> Everything about editing articles, templates and much more related to this wiki. </div>
</div>
<div style="height:100%; box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background-image:linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; padding:.5em .8em"> <!--
--> <span style="color:rgb(255 255 255 / 80%); font-weight:900"> Recommendations </span> <!--
--> <div style="display:flex; flex-wrap: wrap; gap:.3em; user-select:none; margin-top:.2em"><!--
--><span style="display:inline-flex; background-color:rgb(255 255 255 / 10%); border-radius:.3em; padding:.25em .3em .32em.3em"> [[File:icon-task alt.png|20px|link=Valve Developer Community:Tasks|Unfinished tasks for wiki editors]] </span>
</div>
</div>
</div>
</div>
 
</div>
 
<div style="width:100%">
<div class="plainlinks" style="box-shadow:0 4px 6px rgba(0 0 0 / 10%), 0 15px 36px rgba(0 0 0 / 20%); background-image:linear-gradient(135deg, rgba(255 255 255 / 13%), rgba(255 255 255 / 3%)); color:#d0d0d0; border:1px solid rgb(255 255 255 / 10%); border-radius:.35em; margin-bottom:1em; overflow:clip">
<div style="display:flex; align-items:center; padding:.5em 1.2em; gap:1em">
<div style="padding:1em; user-select:none">[[File:Source-logo.png|128px|link=Source]]</div>
<div>{{ValveTechnologyEditable/strings|SourceEngine}}</div>
</div>
<hr style="background-color:rgba(255 255 255 / 3%); margin:0 25px">
<div style="display:flex; align-items:center; padding:.5em 1.2em; gap:1em">
<div style="padding:1em; user-select:none">[[File:SteamLogo.png|128px|link=Steam]]</div>
<div>{{ValveTechnologyEditable/strings|Steam}}</div>
</div>
<div style="background-color:#3D69AE78; border-top:1px solid rgba(255 255 255 / 4%); text-align:center; font-weight:bold; padding:6px 0">
<div> [[Valve Technology|<font style=color:#FFF>{{ValveTechnologyEditable/strings|RAVT}}</font>]]&ensp;[[File:Doublearrow white.png|link=Valve Technology|16px]] </div>
</div>
</div>
 
<div style="box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background-image:linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; padding:.5em">
<div style="font-weight:600; color:rgb(255 255 255 / 80%); margin-bottom:.5em"> Statistics </div>
<div style="display:flex; flex-wrap:wrap; gap:1em 2em">
<div style="min-width:144px; display:flex; gap:.8em">
<div style="background-color: rgb(255 255 255 / 10%); border-radius:.3em; user-select:none; pointer-event:none; padding:.4em"> [[File:edit-copy.png|36px|link=]] </div> <!--
--> <div style="display:flex; flex-direction:column; justify-content:center"> <span style="font-size:1.4em; font-weight:900; color:rgb(255 255 255 / 80%)"> 13,970 </span>  <span style="color:rgb(255 255 255 / 30%)"> Articles </span> </div>
</div>
<div style="min-width:144px; display:flex; gap:.8em">
<div style="background-color: rgb(255 255 255 / 10%); border-radius:.3em; user-select:none; pointer-event:none; padding:.4em"> [[File:icon-Gnome-document-properties.png|36px|link=]] </div> <!--
--> <div style="display:flex; flex-direction:column; justify-content:center"> <span style="font-size:1.4em; font-weight:900; color:rgb(255 255 255 / 80%)"> 410,864 </span>  <span style="color:rgb(255 255 255 / 30%)"> Edits </span> </div>
</div>
<div style="min-width:144px; display:flex; gap:.8em">
<div style="background-color: rgb(255 255 255 / 10%); border-radius:.3em; user-select:none; pointer-event:none; padding:.4em"> [[File:Gnome-document-open.png|36px|link=]] </div> <!--
--> <div style="display:flex; flex-direction:column; justify-content:center"> <span style="font-size:1.4em; font-weight:900; color:rgb(255 255 255 / 80%)"> 15,223 </span>  <span style="color:rgb(255 255 255 / 30%)"> Files </span> </div>
</div>
<div style="min-width:144px; display:flex; gap:.8em">
<div style="background-color: rgb(255 255 255 / 10%); border-radius:.3em; user-select:none; pointer-event:none; padding:.4em"> [[File:icon-gnome-systemusers.png|36px|link=]] </div> <!--
--> <div style="display:flex; flex-direction:column; justify-content:center"> <span style="font-size:1.4em; font-weight:900; color:rgb(255 255 255 / 80%)"> 46,539 </span>  <span style="color:rgb(255 255 255 / 30%)"> Users </span> </div>
</div>
<div style="min-width:144px; display:flex; gap:.8em">
<div style="background-color: rgb(255 255 255 / 10%); border-radius:.3em; user-select:none; pointer-event:none; padding:.4em"> [[File:icon-gnome-systemusers.png|36px|link=]] </div> <!--
--> <div style="display:flex; flex-direction:column; justify-content:center"> <span style="font-size:1.4em; font-weight:900; color:rgb(255 255 255 / 80%)"> 72 </span>  <span style="color:rgb(255 255 255 / 30%)"> Active Users </span> </div>
</div>
<div style="min-width:144px; display:flex; gap:.8em">
<div style="background-color: rgb(255 255 255 / 10%); border-radius:.3em; user-select:none; pointer-event:none; padding:.4em"> [[File:icon-gnome-systemusers.png|36px|link=]] </div> <!--
--> <div style="display:flex; flex-direction:column; justify-content:center"> <span style="font-size:1.4em; font-weight:900; color:rgb(255 255 255 / 80%)"> 32 </span>  <span style="color:rgb(255 255 255 / 30%)"> Administrators </span> </div>
</div>
</div>
<div style="display:flex; flex-direction:column; background-color:rgba(0, 0, 0, 0.25); border-radius:.3em; position:relative; padding:.3em .6em; margin-top:1em"> [[MediaWiki:Version|<span style="width:100%; height:100%; position:absolute; top:0; left:0"></span>]]<!--
--> <span style="color:rgb(255 255 255 / 60%)"> 1.31.10 </span> <!--
--> <span style="color:rgb(255 255 255 / 30%)"> Current MediaWiki version </span>
</div>
</div>
</div>
</div>

Revision as of 12:52, 2 May 2024

Sandbux.

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