[html]<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
<div id="odysseus">
<div class="odysseus3">
<div class="odysseus3-1"><a href="https://www.youtube.com/watch?v=ZfWSOs5YbQ8&ab_channel=Soap%26Skin-Topic"> soap&skin - Me and the devil</a></div>
</div>
<div class="odysseus1">
<div class="odyseus1-1">
<div class="odysseus1-2" style="margin-top:17px"></span>в шпиле<span>~3 года</span></div>
<div class="odysseus1-2">дом <span>Жилой дом "Союз"
</span></div>
<div class="odysseus1-2">мировоззрение <span>хаотичное нейтральное</span></div>
<div class="odysseus1-2" style="border-bottom:1px solid transparent">кусачесть <span><i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star-half-o" aria-hidden="true"></i>
<i class="fa fa-star-o" aria-hidden="true"></i>
</span></div>
</div>
<img src="https://forumupload.ru/uploads/001b/f2/e8/3/89416.png" class="odyseus-img" />
</div>
<div class="odysseus2">
<div class="odysseus2-1">
<span class="fa fa-eye" style="color:#5d1c6f;"></span> <b><a href="https://goodtimes.rusff.me/viewtopic.php?id=55#p4207">[white]</a></b> химеко неловко спасает мир фереолле (#angels #eww #manyeyes #butterfliesineyesockets)
<br>
<br>
<span class="fa fa-book" style="color:#5d1c6f;"></span> <b><a href="https://goodtimes.rusff.me/viewtopic.php?id=55#p4207"> [roses and spindles]</a></b> плохая сказка, нехорошая. ваша принцесса в другом замке, принц скачет на неправильной лошади, ведьма - это просто фея без крыльев
<br>
<br>
<span class="fa fa-glass" style="color:#5d1c6f;"></span> <b><a href="https://goodtimes.rusff.me/viewtopic.php?id=125#p13486">[cheers]</a></b> склоняемся к алкоголизму и не кусаем девиц неопределенного возраста (еще здесь шакал)
<br>
<br>
<span class="fa fa-exclamation" style="color:#5d1c6f;"></span> <b><a href="https://goodtimes.rusff.me/viewtopic.php?id=42#p2479">[путь уничтожения]</a></b> итог: один из носителей эссенции спасен, последние выжившие дети спасены, неоправданная жестокость - отжесточена
</div>
</div>
</div>
<style>
#odysseus {
width: 600px;
padding: 30px;
margin: 0 0 0 85px;
position: relative;
background-image: linear-gradient(to top, rgb(121, 12, 151, 0.4) -50%, #370046);
background-attachment: fixed;
overflow: hidden;
border: 1px solid #EFEFEF;
display: block;
border-radius: 20px;
}
.odysseus1 {
width: 600px;
background: #fcfcfc;
position: relative;
overflow: hidden;
border: 1px solid #EFEFEF;
display: flex;
}
.odyseus-img {
width: 250px;
height: 250px;
display: block;
margin-left: 60px;
margin-top: 19px;
margin-bottom: 20px;
object-fit: cover;
border: 1px solid #dfdfdf;
}
.odyseus1-1 {
position: absolute;
right: 10%;
top: 21%;
width: 235px;
text-align: justify;
background: #FBFCFC;
border: 1px solid #efefef;
}
.odysseus1-2 {
position: relative;
font: 7px 'roboto';
text-transform: uppercase;
color: #651995;
margin-top: 15px;
letter-spacing: 1px;
padding-bottom: 15px;
padding-left: 10px;
border-bottom: 1px solid #efefef;
}
.odysseus1-2 span {
color: #555;
margin-left: 5px;
}
.odysseus1-2 a {
text-decoration: none;
color: #814093 !important;
}
.odysseus2 {
width: 600px;
background: #fcfcfc;
position: relative;
overflow: hidden;
border: 1px solid #EFEFEF;
margin-top: 20px;
border-radius: 0px 0px 15px 15px;
}
.odysseus2-1 {
font: 11px 'raleway';
line-height: 150%;
letter-spacing: 0.70px;
text-align: justify;
width: 500px;
color: #222;
margin-top: 40px;
margin-bottom: 35px;
margin-left: auto;
margin-right: auto;
}
.odysseus3 {
width: 600px;
background: #fcfcfc;
position: relative;
overflow: hidden;
border: 1px solid #EFEFEF;
margin-bottom: 20px;
border-radius: 10px 10px 0px 0px;
}
.odysseus3-1 {
margin-top: 15px;
margin-bottom: 12px;
margin-right: 10px;
font: 8px 'roboto';
letter-spacing: 2px;
text-align: right;
text-transform: uppercase;
color: #777;
}
#odysseus b {
font-weight: 600;
color: #814093 !important;
}
.odysseus-link {
font: 7px 'roboto';
text-align: center;
letter-spacing: 4px;
margin-top: 3px;
}
.odysseus-link a {
text-decoration: none;
color: #814093 !important;
}
</style>[/html]
[html]<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
<div id="odysseus">
<div class="odysseus3">
<div class="odysseus3-1"><a href="https://www.youtube.com/watch?v=4o0WYiK52Dg&ab_channel=LastGangRadio"> mother mother - body</a></div>
</div>
<div class="odysseus1">
<div class="odyseus1-1">
<div class="odysseus1-2" style="margin-top:17px"></span>в шпиле<span>никогда</span></div>
<div class="odysseus1-2">дом <span>Небеса
</span></div>
<div class="odysseus1-2">мировоззрение <span>истинно нейтральное</span></div>
<div class="odysseus1-2" style="border-bottom:1px solid transparent">кусачесть <span><i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star-o" aria-hidden="true"></i>
<i class="fa fa-star-o" aria-hidden="true"></i>
</span></div>
</div>
<img src="https://forumupload.ru/uploads/000d/ab/00/2/791362.png" class="odyseus-img" />
</div>
<div class="odysseus2">
<div class="odysseus2-1">
<span class="fa fa-eye" style="color:#aa3634;"></span> <b><a href="https://goodtimes.rusff.me/viewtopic.php?id=55#p4207">[white]</a></b> химеко неловко спасает мир фереолле (#angels #eww #manyeyes #butterfliesineyesockets)
<br>
<br>
<span class="fa fa-balance-scale" style="color:#aa3634;"></span> <b><a href="https://goodtimes.rusff.me/viewtopic.php?id=129">[what makes the sky blue]</a></b> и, когда ты придешь ко мне множество лет спустя, что будет связывать нас до сих пор кроме моей крови, засохшей на твоих руках?
</div>
</div>
</div>
<style>
#odysseus {
width: 600px;
padding: 30px;
margin: 0 0 0 85px;
position: relative;
background-image: linear-gradient(to top, rgb(217, 92, 71, 0.4) -50%, #efd8d6);
background-attachment: fixed;
overflow: hidden;
border: 1px solid #EFEFEF;
display: block;
border-radius: 20px;
}
.odysseus1 {
width: 600px;
background: #fcfcfc;
position: relative;
overflow: hidden;
border: 1px solid #EFEFEF;
display: flex;
}
.odyseus-img {
width: 250px;
height: 250px;
display: block;
margin-left: 60px;
margin-top: 19px;
margin-bottom: 20px;
object-fit: cover;
border: 1px solid #dfdfdf;
}
.odyseus1-1 {
position: absolute;
right: 10%;
top: 21%;
width: 235px;
text-align: justify;
background: #FBFCFC;
border: 1px solid #efefef;
}
.odysseus1-2 {
position: relative;
font: 7px 'roboto';
text-transform: uppercase;
color: #aa3634;
margin-top: 15px;
letter-spacing: 1px;
padding-bottom: 15px;
padding-left: 10px;
border-bottom: 1px solid #efefef;
}
.odysseus1-2 span {
color: #555;
margin-left: 5px;
}
.odysseus1-2 a {
text-decoration: none;
color: #aa3634 !important;
}
.odysseus2 {
width: 600px;
background: #fcfcfc;
position: relative;
overflow: hidden;
border: 1px solid #EFEFEF;
margin-top: 20px;
border-radius: 0px 0px 15px 15px;
}
.odysseus2-1 {
font: 11px 'raleway';
line-height: 150%;
letter-spacing: 0.70px;
text-align: justify;
width: 500px;
color: #222;
margin-top: 40px;
margin-bottom: 35px;
margin-left: auto;
margin-right: auto;
}
.odysseus3 {
width: 600px;
background: #fcfcfc;
position: relative;
overflow: hidden;
border: 1px solid #EFEFEF;
margin-bottom: 20px;
border-radius: 10px 10px 0px 0px;
}
.odysseus3-1 {
margin-top: 15px;
margin-bottom: 12px;
margin-right: 10px;
font: 8px 'roboto';
letter-spacing: 2px;
text-align: right;
text-transform: uppercase;
color: #777;
}
#odysseus b {
font-weight: 600;
color: #aa3634 !important;
}
.odysseus-link {
font: 7px 'roboto';
text-align: center;
letter-spacing: 4px;
margin-top: 3px;
}
.odysseus-link a {
text-decoration: none;
color: #aa3634 !important;
}
</style>[/html]
[html]<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
<div id="odysseus">
<div class="odysseus3">
<div class="odysseus3-1">wwww hwhwhw mus oif htttttttppppppp////// ube</div>
</div>
<div class="odysseus1">
<div class="odyseus1-1">
<div class="odysseus1-2" style="margin-top:17px"></span>в шпиле<span>NO NO NO NЕТ НЕТ</span></div>
<div class="odysseus1-2">дом <span>wwwwwwwwher____e hhh h h m hhhh h em
</span></div>
<div class="odysseus1-2">мировоззрение <span>////</span></div>
<div class="odysseus1-2" style="border-bottom:1px solid transparent">кусачесть <span><i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star-o" aria-hidden="true"></i>
<i class="fa fa-star-o" aria-hidden="true"></i>
<i class="fa fa-star-o" aria-hidden="true"></i>
<i class="fa fa-star-o" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star-o" aria-hidden="true"></i>
<i class="fa fa-star-o" aria-hidden="true"></i>
<i class="fa fa-star-o" aria-hidden="true"></i>
<i class="fa fa-star-half-o" aria-hidden="true"></i>
</span></div>
</div>
<img src="https://forumupload.ru/uploads/000d/ab/00/2/344236.jpg" class="odyseus-img" />
</div>
<div class="odysseus2">
<div class="odysseus2-1">
<span class="fa fa-moon-o" style="color:#9b5b8e;"></span> <b><a href="https://goodtimes.rusff.me/viewtopic.php?id=135">[and it goes like this]</a></b> huh what huh huh w s̸͍̪̦͋̿̔уea̵̻̞͊̐͊n̸̘͉̝̽͒͘where o ohh oh i see здравствуйвэ й н
</div>
</div>
</div>
<style>
#odysseus {
width: 600px;
padding: 30px;
margin: 0 0 0 85px;
position: relative;
background-image: linear-gradient(to top, rgb(217, 208, 230, 0.4) -50%, #9b5b8e);
background-attachment: fixed;
overflow: hidden;
border: 1px solid #EFEFEF;
display: block;
border-radius: 20px;
}
.odysseus1 {
width: 600px;
background: #fcfcfc;
position: relative;
overflow: hidden;
border: 1px solid #EFEFEF;
display: flex;
}
.odyseus-img {
width: 250px;
height: 250px;
display: block;
margin-left: 60px;
margin-top: 19px;
margin-bottom: 20px;
object-fit: cover;
border: 1px solid #dfdfdf;
}
.odyseus1-1 {
position: absolute;
right: 10%;
top: 21%;
width: 235px;
text-align: justify;
background: #FBFCFC;
border: 1px solid #efefef;
}
.odysseus1-2 {
position: relative;
font: 7px 'roboto';
text-transform: uppercase;
color: #9b5b8e;
margin-top: 15px;
letter-spacing: 1px;
padding-bottom: 15px;
padding-left: 10px;
border-bottom: 1px solid #efefef;
}
.odysseus1-2 span {
color: #555;
margin-left: 5px;
}
.odysseus1-2 a {
text-decoration: none;
color: #9b5b8e !important;
}
.odysseus2 {
width: 600px;
background: #fcfcfc;
position: relative;
overflow: hidden;
border: 1px solid #EFEFEF;
margin-top: 20px;
border-radius: 0px 0px 15px 15px;
}
.odysseus2-1 {
font: 11px 'raleway';
line-height: 150%;
letter-spacing: 0.70px;
text-align: justify;
width: 500px;
color: #222;
margin-top: 40px;
margin-bottom: 35px;
margin-left: auto;
margin-right: auto;
}
.odysseus3 {
width: 600px;
background: #fcfcfc;
position: relative;
overflow: hidden;
border: 1px solid #EFEFEF;
margin-bottom: 20px;
border-radius: 10px 10px 0px 0px;
}
.odysseus3-1 {
margin-top: 15px;
margin-bottom: 12px;
margin-right: 10px;
font: 8px 'roboto';
letter-spacing: 2px;
text-align: right;
text-transform: uppercase;
color: #777;
}
#odysseus b {
font-weight: 600;
color: #9b5b8e !important;
}
.odysseus-link {
font: 7px 'roboto';
text-align: center;
letter-spacing: 4px;
margin-top: 3px;
}
.odysseus-link a {
text-decoration: none;
color: #9b5b8e !important;
}
</style>[/html]
