[hideprofile]
[html]<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://forumstatic.ru/files/001c/54/02/92229.css" rel="stylesheet" type="text/css">
<center>
<div class="infom">
<div class="mapname">
<!-- BLOC FT & INFORMATIONS -->
<div id="ftSEN">
<div class="ftSEN"><!-- IMAGE 450*200 --><img src="https://upforme.ru/uploads/001c/54/02/2/353217.jpg" />
<!-- FT -->
<div class="ftNSEN" style="color:white;">С чего все началось...
<!-- INFORMATIONS -->
<span>... и что будет дальше</span></div>
<!-- BANDE HAUT --><div class="bgISEN" style="background:rgba(255,255,255,0.3);"></div>
<!-- BANDE BAS -->
<div class="bgIISEN" style="background:rgba(255,255,255,0.3);"></div></div></div>
</div>
<br><span sub>
</span><br>
<div class="infindex">
<div class="infhead"> ❝ Сказка о Золушке на новый лад ❞</div>
<div class="dvastolbika">
<div class="lisommer">
<div class="char">
<p>Умм Аль-Хайр, женщина-альфа, излучала власть, силу и харизму. Лишь один взгляд — и мир подчинялся её воле. Никто не уйдет если она обратила на тебя свой взор. Вернувшись из отпуска, она стала одержима молодым массажистом по имени Бренден, двадцатилетним омегой с игривым характером. Его неподдельная невинность лишь разжигала её страсть. </p>
<p>В то время как он нежно касался её кожи, Умм ощущала, как его трепет вызывает в ней бурю эмоций. Каждое мягкое прикосновение становилось для неё испытанием. Бренден был не просто массажистом — он стал её тайной, неотъемлемой частью чего-то нового. </p>
<p>Но сама страсть их отношений была уязвима. Умма, глава мафиозного синдиката, знала, что её мир полон опасностей. Бренден, с его непокорным духом, не осознавал, что его свободолюбивый характер может перевернуть его мир навсегда. Между ними разгоралась игра на грани, обещая как мгновения нежности, так и насыщенные стремления, которые могли все изменить.</p>
</div> <br>
<style>
#SEN {
width:800px; margin:auto; line-height:normal;
}
.SEN {
margin:auto; width:800px;
}
#ftSEN {
padding-top:25px; text-align:center;
}
.ftSEN {
margin:auto; position:relative;
width:800px; height:200px; overflow:hidden;
}
.ftSEN img{
width:800px; height:197px;
}
.ftSEN:hover img{
filter:grayscale(1); -webkit-filter:grayscale(1);
}
.bgISEN {
position:absolute; margin-top:-200px;
width:900px; height:100px;
transform:translateY(-100px); -webkit-transform:translateY(-100px); opacity:0;
transition:all 0.75s ease-in-out; -webkit-transition:all 0.75s ease-in-out;
}
.ftSEN:hover .bgISEN {
transform:translateY(0px); -webkit-transform:translateY(0px); opacity:1;
}
.bgIISEN {
position:absolute; margin-top:-100px;
width: 800px; height:100px;
transform:translateY(100px); -webkit-transform:translateY(100px); opacity:0;
transition:all 0.75s ease-in-out; -webkit-transition:all 0.75s ease-in-out;
}
.ftSEN:hover .bgIISEN {
transform:translateY(0px); -webkit-transform:translateY(0px); opacity:1;
}
.ftNSEN {
position:absolute; z-index:3; margin-top:-200px;
width:800px; height:120px; padding-top:80px;
font-size:28px; line-height:24px; font-family:Rubik;
transform:scale(0); -webkit-transform:scale(0); opacity:0;
transition:all 0.75s ease-in-out; -webkit-transition:all 0.75s ease-in-out;
}
.ftNSEN span{
display:block; font-size:16px;
}
.ftSEN:hover .ftNSEN {
transform:scale(1); -webkit-transform:scale(1); opacity:1;
}
.triRSEN {
margin-left:900px; width:0; height:0; border-style:solid; border-width:25px 25px 0 0; border-color:black transparent transparent transparent;
}
.msgSEN {
margin:auto; width:840px; padding:10px;
font-size:15px; text-align:justify; font-family:Rubik;
}
.btmSEN {
margin:auto; margin-top:10px;
width: 900px; opacity:0.8;
}
.btmSEN div{
display:inline-block; vertical-align:top; margin-right:10px;
width:160px; height:15px;
}
.btmSEN span{
display:inline-block; vertical-align:top;
width: 730px; height:15px;
}
.cdtSEN {
position:absolute; margin-left:487px; margin-top:35px;
transform:scale(0); -webkit-transform:scale(0); transition:transform ease-in-out 0.75s; -webkit-transition:-webkit-transform ease-in-out 0.75s;
}
#SEN:hover .cdtSEN {
transform:scale(1); -webkit-transform:scale(1);
}</style>
<script>var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.maxHeight){
content.style.maxHeight = null;
} else {
content.style.maxHeight = content.scrollHeight + "px";
}
});
}</script>[/html]
