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 15: Line 15:
<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">


<div style="width:100%; min-height:300px; height:300px; display:inherit; justify-content:center; align-items:center; box-shadow:-5px -5px 80px rgba(231 220 143 / 20%); background-color:rgb(0 0 0 / 30%); background-color:rgb(232 221 144); border-radius:.6em; overflow:hidden"> <!--
<div style="width:100%; min-height:300px; height:300px; display:inherit; justify-content:center; align-items:center; box-shadow:-5px -5px 80px rgba(231 220 143 / 20%); background-color:rgb(0 0 0 / 30%); background-color:rgb({{{cover color|232 221 144}}}); border-radius:.6em; overflow:hidden"> <!--
--> <span style="user-select:none; mask-image:linear-gradient(to right, transparent, black 10%, black 90%, transparent)"> [[File:{{{cover|User Page Cover - Firewatch Early Morning.jpg}}}|link=]] </span>
--> <span style="user-select:none; mask-image:linear-gradient(to right, transparent, black 10%, black 90%, transparent)"> [[File:{{{cover|}}}|link=]] </span>
</div>
</div>


Line 23: Line 23:
<div style="display:inherit; gap:1em; border:1px solid rgb(255 255 255 / 10%); background-color:rgb({{{island bgcolor|41 41 42}}} / 99%); border-radius:4px; padding:1.3em 3.5em 1.3em 1.3em; margin:0 24px">
<div style="display:inherit; gap:1em; border:1px solid rgb(255 255 255 / 10%); background-color:rgb({{{island bgcolor|41 41 42}}} / 99%); border-radius:4px; padding:1.3em 3.5em 1.3em 1.3em; margin:0 24px">
<div style="width:100px; height:100px; display:inherit; align-items:center; justify-content:center; background-color:rgb(255 255 255 / 10%); border-radius:.5em; cursor:grab">
<div style="width:100px; height:100px; display:inherit; align-items:center; justify-content:center; background-color:rgb(255 255 255 / 10%); border-radius:.5em; cursor:grab">
<div style="display:inherit; align-items:center; justify-content:center; border-radius:6px; overflow:hidden; user-select:none; transform:scale(.54); position:absolute"> [[File:{{{avatar frame|UserAvatarFrame-Karma.png}}}|link=]] </div>
<div style="display:inherit; align-items:center; justify-content:center; border-radius:6px; overflow:hidden; user-select:none; transform:scale(.54); position:absolute"> [[File:{{{avatar frame|}}}|link=]] </div>
<div style="display:inherit; align-items:center; justify-content:center; border-radius:6px; overflow:hidden; user-select:none"> [[File:{{{avatar|User Page Avatar - Firewatcher Henry.jpg}}}|100px|link=]] </div>
<div style="display:inherit; align-items:center; justify-content:center; border-radius:6px; overflow:hidden; user-select:none"> [[File:{{{avatar|}}}|100px|link=]] </div>
</div>
</div>


<div style="max-width:calc(100% - 300px); display:inherit; flex-direction:column; justify-content:center; gap:.7em"> <!--
<div style="max-width:calc(100% - 300px); display:inherit; flex-direction:column; justify-content:center; gap:.7em"> <!--
--> <span style="font-size:2em; font-weight:900; color:rgb({{{username color|
--> <span style="font-size:2em; font-weight:900; color:rgb({{{username color|
255 255 255}}} / 80%)"> {{{accountname|Henry M.}}} </span>{{#if:{{{status|}}}|<!--
255 255 255}}} / 80%)"> {{{username|Henry M.}}} </span>{{#if:{{{status|}}}|<!--
--> <span style="display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:1.1em"> {{{status}}} </span>|}}
--> <span style="display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:1.1em"> {{{status}}} </span>|}}
</div>
</div>
Line 55: Line 55:
{{User:THE OWL/Sandbox/Templates/Island|bgcolor = {{{island bgcolor|}}}|padding = .5em .7em|1=
{{User:THE OWL/Sandbox/Templates/Island|bgcolor = {{{island bgcolor|}}}|padding = .5em .7em|1=
<div  style="{{#if:{{{header glow|}}}|text-shadow:0 0 10px rgb({{{header color|}}} / {{{header glow|100%}}});|}}color:rgb({{{header color|255 255 255 / 70%}}})"> '''Bio''' </div>
<div  style="{{#if:{{{header glow|}}}|text-shadow:0 0 10px rgb({{{header color|}}} / {{{header glow|100%}}});|}}color:rgb({{{header color|255 255 255 / 70%}}})"> '''Bio''' </div>
<div> Full name: {{{fullname|None}}} </div>
{{#if:{{{fullname|}}} | <div> Full name: {{{fullname}}} </div> |}}
<div> Nickname: {{{nickname|None}}} </div>
{{#if:{{{nickname|}}} | <div> Nickname: {{{nickname}}} </div> |}}
<div> Gender: {{{gender|None}}} </div>
{{#if:{{{gender|}}} | <div> Gender: {{{gender}}} </div> |}}
<div> Age: {{{age|None}}} </div>
{{#if:{{{age|}}} | <div> Age: {{{age}}} </div> |}}
<div> Birth place: {{{birth place|None}}} </div>
{{#if:{{{birth place|}}} | <div> Birth place: {{{birth place}}} </div> |}}
<div> Native language: {{{native lang|None}}} </div>
{{#if:{{{native lang|}}} | <div> Native language: {{{native lang}}} </div> |}}
}} <!--
}} <!--



Revision as of 15:25, 24 June 2024

User:THE OWL/Sandbox/Templates/User page