Classifica Utenti

<table width="600" height="210" style="margin-left: 0; padding:7px; background: linear-gradient(to right bottom, #bbb9b9, #aaa6e6); border-radius: 15px; box-shadow: 0 0 3px #0009;" cellpadding="0" cellspacing="0">

<tr>
<td style="text-align: center;"><span class="cpu_score">CLASSIFICA PROVVISORIA UTENTI</span></td>
</tr>

<tr>
<td height="10"></td>
</tr>

<tr>
<td height="70"><table width="600" cellpadding="0" cellspacing="0">

<tr>
<td width="5%"></td>
<td width="10%"><img width="100" height="100" src="https://upload.forumfree.net/i/ff10376564/thumb-271030.jpg" style="border-radius: 50%; border: 2px solid #d18551; box-shadow: 0 0 3px 1px #0009"></td>
<td width="2%"></td>
<td><div style="background: #282c2f; border: 1px solid #373c42; box-shadow: 0 0 3px 1px #0009, inset 0 0 5px #000; border-radius: 15px; width: 99%; padding: 7px 7px;"><div style="margin-left: 0; border-radius: 15px 0 0 15px; background: #d18551; height: 6px; width: 57%;"><div class="deco3" style="margin-left: 95%"></div></div></div></td>
<td width="10%"></td>
</tr></td>
</tr>

</table></td>
</tr>

<tr>
<td height="70"><table width="600" cellpadding="0" cellspacing="0">

<tr>
<td width="5%"></td>
<td width="10%"><img width="100" height="100" src="https://upload.forumfree.net/i/bf1119333/Summertime_Avatar.jpg" style="border-radius: 50%; border: 2px solid #d18551; box-shadow: 0 0 3px 1px #0009"></td>
<td width="2%"></td>
<td><div style="background: #282c2f; border: 1px solid #373c42; box-shadow: 0 0 3px 1px #0009, inset 0 0 5px #000; border-radius: 15px; width: 99%; padding: 7px 7px;"><div style="margin-left: 0; border-radius: 15px 0 0 15px; background: #d18551; height: 6px; width: 74%;"><div class="deco3" style="margin-left: 95%"></div></div></div></td>
<td width="10%"></td>
</tr></td>
</tr>

</table></td>
</tr>

<tr>
<td height="70"><table width="600" cellpadding="0" cellspacing="0">

<tr>
<td width="5%"></td>
<td width="10%"><img width="100" height="100" src="https://upload.forumfree.net/i/bf1119333/Liberty_Avatar.png" style="border-radius: 50%; border: 2px solid #d18551; box-shadow: 0 0 3px 1px #0009"></td>
<td width="2%"></td>
<td><div style="background: #282c2f; border: 1px solid #373c42; box-shadow: 0 0 3px 1px #0009, inset 0 0 5px #000; border-radius: 15px; width: 99%; padding: 7px 7px;"><div style="margin-left: 0; border-radius: 15px 0 0 15px; background: #d18551; height: 6px; width: 37%;"><div class="deco3" style="margin-left: 95%"></div></div></div></td>
<td width="10%"></td>
</tr></td>
</tr>

</table></td>
</tr>

</table>

/* CURSORE PROGRESSBAR */
/* PROVA PALLINO E PERCENTUALE */
.deco3 {content: ''; width: 25px; height: 24px; background: url(https://upload.forumfree.net/i/fc2505398/AXMUvNR.png); margin-top: -9px; display: inline-block; transform: rotate(55deg)}

/* SCRITTA CLASSIFICA UTENTI */
.cpu_score {font-size: 20pt; color: orange; font-weight: bold; text-shadow: 1px 1px 3px #0009}