User:THE OWL/Sandbox/Templates/User page: Difference between revisions
< User:THE OWL | Sandbox | Templates
Jump to navigation
Jump to search
m (Bot: Substituting template: Message) |
mNo edit summary |
||
| Line 16: | Line 16: | ||
<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(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: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|User Page Cover - Firewatch Early Morning.jpg}}}|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: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|UserAvatarFrame-Karma.png}}}|link=]] </div> | ||
<div style="display:inherit; align-items:center; justify-content:center; border-radius:6px; overflow:hidden; user-select:none"> [[File: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|User Page Avatar - Firewatcher Henry.jpg}}}|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%)"> Henry M. </span>{{#if:{{{status|}}}|<!-- | 255 255 255}}} / 80%)"> {{{accountname|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 70: | Line 70: | ||
<div style="min-width:280px; display:inherit; flex-direction:column; flex:auto; gap:1em"> | <div style="min-width:280px; display:inherit; flex-direction:column; flex:auto; gap:1em"> | ||
<div style="border:1px solid rgb(255 255 255 / 3%); background-color:rgb(41 41 41 / 30%); border-radius:4px; padding:.5em .7em"> | <div style="border:1px solid rgb(255 255 255 / 3%); background-color:rgb(41 41 41 / 30%); border-radius:4px; padding:.5em .7em"> | ||
<div> Hello, World! </div> | <div> {{{content|Hello, World!}}} </div> | ||
</div> | </div> | ||
Revision as of 14:48, 24 June 2024
User Interface Kit – Monolith (Preview of User page)
Wikichievements
Bio
Full name: None
Nickname: None
Gender: None
Age: None
Birth place: None
Native language: None
Hello, World!
User Reviews
--