Editing Template:Userpage design

{| cellpadding="10" cellspacing="8" style="width:100%; background-color:#F0F0F0; border:1px solid #888; box-shadow: 1px 1px 6px #444; border-radius:1.5em; vertical-align:top;"
|-
| style="background-color:#eeeeee; background-image: linear-gradient(to bottom, #eeeeee, #ffffff); border:1px solid #8a8; box-shadow: 1px 1px 6px #454; border-radius:1em; vertical-align: top;" rowspan="3" |
<div style="font-family:'Trebuchet MS', sans-serif; text-align:justify;">
{{{Main text|}}}

</div><!--
END OF MAIN BOX

START OF TOP RIGHT-FLOAT BOX (portrait)-->
| style="width:22em; background-color:#9cbacc; background-image: linear-gradient(to bottom, #9cbacc, #bbc4cc); border:1px solid #88a; box-shadow: 1px 1px 6px #445; border-radius:1em; vertical-align:top; height:10px;" |
<div style="margin:2em auto; padding:7px; background-color:#F9F9F9; border:1px solid #888; box-shadow: 1px 2px 6px #444; width:220px;">
{{{Main text 2|}}}
</div>
<!--START OF MIDDLE RIGHT-FLOAT BOX  (userboxes and related notes)-->
|-
| style="width:22em; background-color:#eeeeee; background-image: linear-gradient(to bottom, #eeeeee, #ffffff); border:1px solid #aa8; box-shadow: 1px 1px 6px #554; border-radius:1em; vertical-align:top;" |
<div style="font-family:'Trebuchet MS', sans-serif; text-align:left;"><!--
************************ START UBX ********************** -->
{{{Userbox1|{{}}}}} {{{Userbox2|{{}}}}}{{{Userbox3|{{}}}}}{{{Userbox4|{{}}}}}{{{Userbox5|{{}}}}}{{{Userbox6|{{}}}}} <br>{{{Notes|}}}
</div>


<!--START OF BOTTOM RIGHT-FLOAT BOX-->
|-
| style="width:22em; background-color:#eeeeee; background-image: linear-gradient(to bottom, #eeeeee, #ffffff); border:1px solid #aa8; box-shadow: 1px 1px 6px #554; border-radius:1em; vertical-align:top;" |
{{{Last right box text|}}}
<!-- START OF BOTTOM BOX -->
|-
| style="background-color:#eeeeee; background-image: linear-gradient(to bottom, #eeeeee, #ffffff); border:1px solid #a8a; box-shadow: 1px 1px 6px #545; border-radius:1em;" colspan="2" |
{{{Bottom box text|}}}
<!-- START OF BOTTOM BOX 2 -->
|-
| style="background-color:#eeeeee; background-image: linear-gradient(to bottom, #eeeeee, #ffffff); border:1px solid #a8a; box-shadow: 1px 1px 6px #545; border-radius:1em;" colspan="2" |
<div style="font-family:'Trebuchet MS', sans-serif; text-align:justify;">
{{{Bottom box text 2|}}}
</div>
{{{Extra text|}}}
|}<noinclude>{{documentation}}</noinclude>