User:THE OWL/Sandbox/Templates/User page: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
Line 1: Line 1:
{{DISPLAYTITLE:<span style="opacity:0; user-select:none; pointer-events:none">{{FULLPAGENAME}}</span>}}<!--
{{DISPLAYTITLE:<span style="opacity:0; user-select:none; pointer-events:none">{{FULLPAGENAME}}</span>}}<!--
--><div style="width:calc(100% + 224px); height:calc(100% + 182px); pointer-events:none; user-select:none; position:absolute; z-index:-100; top:-182px; left:-200px">
-->{{#ifeq:{{{colorscheme affect|}}}|layout only||<div style="width:calc(100% + 224px); height:calc(100% + 182px); pointer-events:none; user-select:none; position:absolute; z-index:-100; top:-182px; left:-200px">
<div style="box-sizing:border-box; width:100%; height:60px; display:flex; align-items:center; background-color:rgb(45 45 45); border-bottom:1px solid rgb(255 255 255 / 10%); overflow:hidden"> {{#ifeq:{{{colorscheme|}}}|sepia|[[File:vdc-header-sepia.jpg|link=]][[File:vdc-header-sepia.jpg|link=]]|}} </div>
<div style="box-sizing:border-box; width:100%; height:60px; display:flex; align-items:center; background-color:rgb(45 45 45); border-bottom:1px solid rgb(255 255 255 / 10%); overflow:hidden"> {{#ifeq:{{{colorscheme|}}}|sepia|[[File:vdc-header-sepia.jpg|link=]][[File:vdc-header-sepia.jpg|link=]]|}} </div>
<div style="box-sizing:border-box; width:100%; height:calc(100% - 35px); background-image:linear-gradient(0deg, black, rgb({{{global bgcolor|{{{island bgcolor|}}}}}} / 70%)); display:flex">
<div style="box-sizing:border-box; width:100%; height:calc(100% - 35px); background-image:linear-gradient(0deg, black, rgb({{{global bgcolor|{{{island bgcolor|}}}}}} / 70%)); display:flex">
Line 6: Line 6:
<div style="box-sizing:inherit; width:calc(100% - 175px); height:calc(100% - 48px); background-color:rgb({{{island bgcolor|}}} / 60%); border:1px solid #525252; border-right:0; margin-top:48px"> <div style="width:100%; min-height:24px; background-image:linear-gradient(180deg, rgb(38 38 38), transparent)"> </div> </div>
<div style="box-sizing:inherit; width:calc(100% - 175px); height:calc(100% - 48px); background-color:rgb({{{island bgcolor|}}} / 60%); border:1px solid #525252; border-right:0; margin-top:48px"> <div style="width:100%; min-height:24px; background-image:linear-gradient(180deg, rgb(38 38 38), transparent)"> </div> </div>
</div>
</div>
</div>
</div>}}
<h1 id="firstHeading" class="firstHeading" style="font-size:1.95em; margin-top:-80px; margin-bottom:35px"> User Interface Kit – Monolith (Preview of User page) </h1>
<h1 id="firstHeading" class="firstHeading" style="font-size:1.95em; margin-top:-80px; margin-bottom:35px"> User Interface Kit – Monolith (Preview of User page) </h1>
<div class="plainlinks" style="display:flex; flex-direction:column; align-items:center; width:100%; box-sizing:border-box">
<div class="plainlinks" style="display:flex; flex-direction:column; align-items:center; width:100%; box-sizing:border-box">

Revision as of 12:26, 27 May 2024

User Interface Kit – Monolith (Preview of User page)