БРОНЗА
[html]<table class="achievment" style="margin: 0px;>
<tbody>
<tr style="transition: all ease 0.5s;">
<td style="width: 0px;" align="center"><img src="https://i.imgur.com/abehsyO.jpg"></td>
<td style="width: 40px"><b>Big Bang!</b> <br>быть принятым на форум</td>
<td style="width: 0px;" align="right"><b>Unlocked:</b> <br>23.09.2022</td>
</tr>
</tbody>
</table>
<table class="achievment" style="margin: 0px;>
<tbody>
<tr style="transition: all ease 0.5s;">
<td style="width: 0px;" align="center"><img src="https://i.imgur.com/svjAEoF.jpg"></td>
<td style="width: 40px"><b>Я вам нравлюсь?</b> <br>получить 50 плюсов</td>
<td style="width: 0px;" align="right"><b>Unlocked:</b> <br>27.10.2022</td>
</tr>
</tbody>
</table>
<table class="achievment" style="margin: 0px;>
<tbody>
<tr style="transition: all ease 0.5s;">
<td style="width: 0px;" align="center"><img src="https://i.imgur.com/hwPFpAt.jpg"></td>
<td style="width: 40px"><b>Почти экстраверт</b> <br>поставить 50 плюсов</td>
<td style="width: 0px;" align="right"><b>Unlocked:</b> <br>27.10.2022</td>
</tr>
</tbody>
</table>[/html]
[html]
<style>
table.achievment{width: 100%; border-collapse: collapse !important; border-spacing:0 !important; height: 80px; background: rgb(66,71,71);
background: linear-gradient(180deg, rgb(66 71 71 / 80%) 0%, rgb(38 48 50 / 80%) 30%, rgb(6 6 6 / 80%) 100%) !important;}
table.achievment,table.achievment td, table.achievment th, table.achievment tr {border: linear-gradient(180deg, rgba(66,71,71,1) 0%, rgba(38,48,50,1) 30%, rgba(6,6,6,1) 100%);}
table.achievment td,table.achievment th,table.achievment tr{padding: 8px; width: 30px; height: 35px; color: aliceblue;}
table.achievment th {background: #347c99; color: #fff; font-weight: normal;}
table.achievment tr {font-weight: normal; transition: all ease .5s;}
table.achievment tr:hover {background: #f0f8ff21}
</style>
[/html]
[html]
<style>.somestuff { height: 100%; margin: 0;}
.somestuff {height: 100%;}
.b1 {background: #eee;}
.b2 {background: #ccc;}
.somestuff {
width: 678px;
height: 60px;
position: fixed;
top: 574px;
left: 6px;
background-color: #2e526680;
right: 0px;
margin: 0 auto;
backdrop-filter: blur(8px);
text-align: center;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
}</style>
<div class="somestuff">
<tr><td><img src="https://i.imgur.com/lgeSZFT.png" style="margin-right: 502px; margin-top: 5px; padding: 3px;
width: 35px;
height: 35px;"></td>
<td style="width: 300px;" align="right"><img src="https://i.imgur.com/wfe3gD2.png" style="margin-top: 10px; padding: 3px; width: 35px;
height: 35px;"></td></tr></div>[/html]
