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 13:48, 24 June 2024
User Interface Kit – Monolith (Preview of User page)
This article has been marked as a candidate for speedy deletion because it is unwanted by the author.
If you object to this decision, then please discuss why here (If you make a discussion section also create this redirect page). If this page doesn't meet the criteria for speedy deletion, then please remove this notice, but do not remove it from pages that you have created yourself
Administrators / Moderators - Remember to check if anything links here and the page history before deleting.
If you object to this decision, then please discuss why here (If you make a discussion section also create this redirect page). If this page doesn't meet the criteria for speedy deletion, then please remove this notice, but do not remove it from pages that you have created yourself
Administrators / Moderators - Remember to check if anything links here and the page history before deleting.
This article has been marked as a candidate for speedy deletion because it is unwanted by the author.
If you object to this decision, then please discuss why here (If you make a discussion section also create this redirect page). If this page doesn't meet the criteria for speedy deletion, then please remove this notice, but do not remove it from pages that you have created yourself
Administrators / Moderators - Remember to check if anything links here and the page history before deleting.
If you object to this decision, then please discuss why here (If you make a discussion section also create this redirect page). If this page doesn't meet the criteria for speedy deletion, then please remove this notice, but do not remove it from pages that you have created yourself
Administrators / Moderators - Remember to check if anything links here and the page history before deleting.
Hello, World!
This article has been marked as a candidate for speedy deletion because it is unwanted by the author.
If you object to this decision, then please discuss why here (If you make a discussion section also create this redirect page). If this page doesn't meet the criteria for speedy deletion, then please remove this notice, but do not remove it from pages that you have created yourself
Administrators / Moderators - Remember to check if anything links here and the page history before deleting.
If you object to this decision, then please discuss why here (If you make a discussion section also create this redirect page). If this page doesn't meet the criteria for speedy deletion, then please remove this notice, but do not remove it from pages that you have created yourself
Administrators / Moderators - Remember to check if anything links here and the page history before deleting.