[hideprofile][html]
<style>
#kolorconk {
margin: 0 auto;
width: 100%;
height: auto;
border: 2px solid #9d6079;
padding: 30px;
background: #000000c4;
}
.pig {
width: 120px;
font-family: abril fatface;
color: #e5e5e5;
font-style: italic;
font-size: 20px;
text-align: right;
width: 190px;
text-transform: uppercase;
line-height: 36px;
padding-top: 50px;
padding-right: 20px;
}
.piggy {
width: 100px;
}
.piggy img {
opacity: .5;
width: 90%;
transition: all 0.5s ease-out;
}
.piggy img:hover {
opacity: 1;
width: 100%;
transition: all 0.5s ease-out;
z-index: 1000;
}
.backk {
border-left: 1px solid #9d6079;
border-right: 1px solid #9d6079;
opacity: .5;
width: 400px;
padding-left: 20px;
padding-right: 20px;
color: #a7a7a7;
font-size: 12px;
font-family: muli;
text-align: justify;
margin-top: 18px;
position: relative;
}
.back {
opacity: .5;
padding-left: 20px;
padding-right: 20px;
color: #a7a7a7;
font-size: 12px;
font-family: muli;
text-align: justify;
margin-top: 18px;
position: relative;
}
.imagenloca {
height: 150px;
width: 77%;
background-image: url(https://i.ibb.co/w62pRXH/image.png);
border: 1px solid #9d6079;
opacity: .7;
margin-left: 40px;
}
</style>
<script>
</script>
<link href="https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap" rel="stylesheet">
<div id="kolorconk">
<div class="imagenloca"></div>
<table>
<tbody>
<tr>
<td><div class="piggy"><img src="http://forumavatars.ru/img/avatars/001b/02/db/4-1611510701.png"></div></td>
<td><div class="backk"><b>Isidore Thornton</b>
<br><br>
Иногда немного кое-что (с) <br>
Ваш персональный хтонь в стране неведомых созданий.
<br><br>
</div></td>
<td><div class="back">@@@</div></td>
</tr>
</tbody>
<table>
<tbody>
<tr>
<td><div class="piggy"><img src="http://forumavatars.ru/img/avatars/001b/02/db/6-1611505371.jpg"></div></td>
<td><div class="backk"><b>Agatha Bane </b>
<br><br>
Бывает, кое-где у нас порой (с)<br>
Ваш персональный инквизитор. Даже если бы были очень хорошей котечкой.
</div></td>
<td><div class="back">@@@@</div></td>
</tr>
</tbody>
<table>
<tbody>
<tr>
<td><div class="pig">Забронированные</div></td>
<td><div class="back">ИМЯ ИМЯ ИМЯ ИМЯ<br>ИМЯ ИМЯ ИМЯ ИМЯ<br>
<br><br>
</div></td>
</tr>
</tbody>
</table></div>
[/html]