Template:User page/sandbox: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 5: | Line 5: | ||
--> | --> | ||
{{#if:{{{frame|}}}|<div style="background:{{{bg|{{#switch:{{{theme|}}}| dark = #0a0a0a | #default = #1f1f1f }}}}}; box-shadow:0 5px 10px rgba(0,0,0,.5); border-radius:{{{radius frame|{{#switch:{{{style|}}}|1=6px|1em}}}}}; ; display:flow-root; padding:{{{padding|{{#switch:{{{style|}}}|1=0.5px|1em}}}}}; ">|}} | {{#if:{{{frame|}}}|<div style="background:{{{frame bg|{{#switch:{{{theme|}}}| dark = #0a0a0a | #default = #1f1f1f }}}}}; box-shadow:0 5px 10px rgba(0,0,0,.5); border-radius:{{{radius frame|{{#switch:{{{style|}}}|1=6px|1em}}}}}; ; display:flow-root; padding:{{{padding|{{#switch:{{{style|}}}|1=0.5px|1em}}}}}; ">|}} | ||
<div style="display:flex; justify-content:center; align-items:center; height:256px; {{#if:{{{cover gradient|}}}|background-image:{{{cover gradient}}};|}} background-color:{{#switch:{{{theme}}} | <div style="display:flex; justify-content:center; align-items:center; height:256px; {{#if:{{{cover gradient|}}}|background-image:{{{cover gradient}}};|}} background-color:{{#switch:{{{theme}}} | ||
| custom = {{{theme|}}} | | custom = {{{theme|}}} | ||
Line 19: | Line 19: | ||
{{#if:{{{frame|}}}|</div>|}} | {{#if:{{{frame|}}}|</div>|}} | ||
<!-- | <!-- | ||
Line 26: | Line 24: | ||
--> | --> | ||
<div style="display:flex; align-items:center; position:relative; z-index:3; padding: 0 clamp(8px, 2vw, 30px); margin-top:-64px; margin-bottom:20px"> | |||
{{#if:{{{frame|}}}|<div style="background:{{{frame bg|{{#switch:{{{theme|}}}| dark = #0a0a0a | #default = #1f1f1f }}}}}; box-shadow:0 5px 10px rgba(0,0,0,.5); border-radius:{{{radius avatar|{{#switch:{{{style|}}}|1=6px|10em}}}}}; display:flow-root; padding:{{{padding|{{#switch:{{{style|}}}|1=0.5px|1em}}}}}; ">|}} | |||
<div style="display:flex; justify-content:center; align-items:center; min-width: 128px; width:128px; height:128px; background-color: {{#switch:{{{theme}}} | <div style="display:flex; justify-content:center; align-items:center; min-width: 128px; width:128px; height:128px; background-color: {{#switch:{{{theme}}} | ||
| dark = #212121 | | dark = #212121 | ||
| #default = #525252 | | #default = #525252 | ||
Line 46: | Line 46: | ||
--> | --> | ||
<!-- Deprecated, border width too long ; {{#if:{{{frame|}}}|<div style="background:{{#switch:{{{theme|}}}| dark = #0a0a0a | #default = #1f1f1f }}; box-shadow:0 5px 10px rgba(0,0,0,.5); border-radius:{{{radius username|{{#switch:{{{style|}}}|1=6px|.6em}}}}}; ; display:flow-root; padding:{{{padding|{{#switch:{{{style|}}}|1=0.5px|1em}}}}}; margin:0 16px">|}} --> | <!-- Deprecated, border width too long ; {{#if:{{{frame|}}}|<div style="background:{{{frame bg|{{#switch:{{{theme|}}}| dark = #0a0a0a | #default = #1f1f1f }}}}}; box-shadow:0 5px 10px rgba(0,0,0,.5); border-radius:{{{radius username|{{#switch:{{{style|}}}|1=6px|.6em}}}}}; ; display:flow-root; padding:{{{padding|{{#switch:{{{style|}}}|1=0.5px|1em}}}}}; margin:0 16px">|}} --> | ||
<div style="background-color: {{#switch:{{{theme}}} | <div style="background-color: {{#switch:{{{theme}}} | ||
| dark = #212121 | | dark = #212121 | ||
Line 58: | Line 58: | ||
--> | --> | ||
{{#if:{{{frame|}}}|<div style="background:{{#switch:{{{theme|}}}| dark = #0a0a0a | #default = #1f1f1f }}; box-shadow:0 5px 10px rgba(0,0,0,.5); border-radius:{{{radius buttons|{{#switch:{{{style|}}}|1=6px|1em}}}}}; ; display:flow-root; padding:{{{padding|{{#switch:{{{style|}}}|1=0.5px|1em}}}}}; margin-left:auto;">|}} | {{#if:{{{frame|}}}|<div style="background:{{{frame bg|{{#switch:{{{theme|}}}| dark = #0a0a0a | #default = #1f1f1f }}}}}; box-shadow:0 5px 10px rgba(0,0,0,.5); border-radius:{{{radius buttons|{{#switch:{{{style|}}}|1=6px|1em}}}}}; ; display:flow-root; padding:{{{padding|{{#switch:{{{style|}}}|1=0.5px|1em}}}}}; margin-left:auto;">|}} | ||
<div style="display:flex; align-items:center; gap:20px; background:{{#switch:{{{theme}}} | <div style="display:flex; align-items:center; gap:20px; background:{{#switch:{{{theme}}} | ||
| dark = #212121 | | dark = #212121 |