OCCULTUS

Страница: 1

Сообщений 1 страница 12 из 12

Поделиться102-03-2022 18:01:08

Автор: виноприёмник
истина в вине, а вино во мне
Сообщений: 18
Уважение: +2
Последний визит:
13-03-2024 11:51:39

Адрес форума и его название: OCCULTUS
Жанр: мистический реал
Организация игровой зоны: эпизодическая
Описание:
Чем светлее город, тем темнее у него тень... Это очевидно. И чем темнее становится город, тем темнее становятся люди. Не знаю, что они ищут, но сами свое сердце осветить не могут.©

Добро пожаловать в Уилмингтон, что находится в Северной Каролине. Жители города давным-давно столкнулись с мистической сущностью, которая приходит во сне в самых разных образах и показывает, как можно осуществить их самое сокровенное желание, но взамен требует то, на что может решиться далеко не каждый. Она питается страхом, ненавистью и всем тем, что травит душу человека. Морально слабые люди не в силах противостоять своим тёмным желаниям — готовы убивать, грабить, подставлять, лишь бы их сон стал вещим. Всё оказывается сложнее и опаснее, чем задуть свечи на праздничном торте и загадать желание.
Сущность кладет свою невесомую руку на твое плечо и привечает, как самого долгожданного гостя. Она обнимает тебя и просачивается внутрь, и вы становитесь одним целым. Не сопротивляйся, дорогой, теперь ты никогда не будешь одинок.

Поделиться202-03-2022 18:03:46

Автор: виноприёмник
истина в вине, а вино во мне
Сообщений: 18
Уважение: +2
Последний визит:
13-03-2024 11:51:39

Сектанты
[html]<div class="htmldemo"><div class="htmldemo"><div class="postcolor">
<link href="http://fonts.googleapis.com/css?family=Six+Caps|Mrs+Saint+Delafield|Playfair+Display:400" rel="stylesheet" type="text/css">
<style>
#ellecontainer {margin-top:10px;position:relative;border-bottom:0px solid #fff;border-top:0px solid #fff;width:300px;height:130px;background:#fff;}
#ellecontainer ::-webkit-scrollbar {width: 5px;}
#ellecontainer ::-webkit-scrollbar-track { background:#7a7878;}
#ellecontainer ::-webkit-scrollbar-thumb {background:#7a7878;}
.elle-info {box-sizing:border-box;background:#e3e3e3;width:300px;height:130px;position:absolute;top:0px;left:0;padding:10px;}
.elle-pic {box-sizing:border-box;position:absolute;top:0px;left:0;width:130px;height:130px;overflow:hidden;background:#aaa;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-brief {box-sizing:border-box;position:absolute;top:0px;right:0;width:180px;height:130px;background:#7a7878;border-left:3px solid #5E5036;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-bpanel {box-sizing:border-box;position:absolute;top:0;right:0;width:100%;height:130px;background:#7a7878;}
.elle-brief:after, .elle-bpanel:after {content:"";height:0;width:0;position:absolute;top:55px;left:-32px; border-right:32px solid #7a7878; border-top:25px solid transparent; border-bottom:25px solid transparent;}
.elle-bpanel:after { z-index:2; top:57px; left:-25px;border-right:28px solid #7a7878; border-top:23px solid transparent;border-bottom:23px solid transparent; }
#ellecontainer:hover .elle-pic{-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;left:-110px;}
#ellecontainer:hover .elle-brief {-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;right:-120px;}
.elle-name {position:absolute; top:20px;left:5px;right:5px; border-top:none; border-bottom: 1px solid;border-color:#ffffff; width:auto;padding:0 0 4px; color:#ffffff;font:100 6pt/6pt 'Playfair Display', arial;letter-spacing:2px;}
.elle-want {position:absolute; top:45px; left:25px; right:25px; border-top:none; border-bottom: 2px;color:#ffffff;font:300 16pt/13pt 'Playfair Display', arial;}
.elle-tag {position:absolute; top:79px;left:5px;right:5px;width:auto;color:#ffffff; font:400 8pt/9pt 'Playfair Display', arial;letter-spacing:2px; text-transform:lowercase;}
.elle-scroll {box-sizing:border-box;width:290px;height:110px;overflow:auto;padding-left:10px;padding-right:65px;text-align:justify;color:#000;font:400 8pt/11pt 'Garamond;', georgia;}
.scredit {margin:5px;text-align:center;letter-spacing:2px;font-family:'arial narrow';font-size:7pt;line-height:9px;text-transform:lowercase; -webkit-transition:0.6s all ease-in-out;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s all ease-in-out;}.scredit, .scredit a {color:#999; text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0); -webkit-transition:0.6s all ease-in-out;transition:0.6s all ease-in-out;}.scredit a:hover{text-shadow:0 0 10px rgba(0,0,0,0.6);color:rgba(0,0,0,0);letter-spacing:10px;visibility: hidden;}
</style>

<center>
<div id="ellecontainer"><div class="elle-info">
<div class="elle-scroll">

<justify> ► потомственный сектант <br>
► шовинист<br>
► держит культ в ежовых руковицах<br>
► отец семейства<br>
► пытался взращивать наследника и игнорировать дочь<br>
► <a href="http://occultus.rusff.me/profile.php?id=33"><b>сын</b></a><br>
► <a href="http://occultus.rusff.me/profile.php?id=15"><b>дочь</b></a><br></justify>

</div></div><div class="elle-pic">

<img src="https://forumupload.ru/uploads/0011/a1/df/2/628303.gif">

</div><div class="elle-brief"><div class="elle-bpanel"><div class="elle-name">
...

</div><div class="elle-want"><center>AARON REED</center></div>

<div class="elle-tag">
~ 63 • глава секты • мэр
</div></div></div></div>
</center></div></div></div>[/html]
[html]<div class="htmldemo"><div class="htmldemo"><div class="postcolor">
<link href="http://fonts.googleapis.com/css?family=Six+Caps|Mrs+Saint+Delafield|Playfair+Display:400" rel="stylesheet" type="text/css">
<style>
#ellecontainer {margin-top:10px;position:relative;border-bottom:0px solid #fff;border-top:0px solid #fff;width:300px;height:130px;background:#fff;}
#ellecontainer ::-webkit-scrollbar {width: 5px;}
#ellecontainer ::-webkit-scrollbar-track { background:#7a7878;}
#ellecontainer ::-webkit-scrollbar-thumb {background:#7a7878;}
.elle-info {box-sizing:border-box;background:#e3e3e3;width:300px;height:130px;position:absolute;top:0px;left:0;padding:10px;}
.elle-pic {box-sizing:border-box;position:absolute;top:0px;left:0;width:130px;height:130px;overflow:hidden;background:#aaa;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-brief {box-sizing:border-box;position:absolute;top:0px;right:0;width:180px;height:130px;background:#7a7878;border-left:3px solid #5E5036;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-bpanel {box-sizing:border-box;position:absolute;top:0;right:0;width:100%;height:130px;background:#7a7878;}
.elle-brief:after, .elle-bpanel:after {content:"";height:0;width:0;position:absolute;top:55px;left:-32px; border-right:32px solid #7a7878; border-top:25px solid transparent; border-bottom:25px solid transparent;}
.elle-bpanel:after { z-index:2; top:57px; left:-25px;border-right:28px solid #7a7878; border-top:23px solid transparent;border-bottom:23px solid transparent; }
#ellecontainer:hover .elle-pic{-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;left:-110px;}
#ellecontainer:hover .elle-brief {-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;right:-120px;}
.elle-name {position:absolute; top:20px;left:5px;right:5px; border-top:none; border-bottom: 1px solid;border-color:#ffffff; width:auto;padding:0 0 4px; color:#ffffff;font:100 6pt/6pt 'Playfair Display', arial;letter-spacing:2px;}
.elle-want {position:absolute; top:45px; left:25px; right:25px; border-top:none; border-bottom: 2px;color:#ffffff;font:300 16pt/13pt 'Playfair Display', arial;}
.elle-tag {position:absolute; top:79px;left:5px;right:5px;width:auto;color:#ffffff; font:400 8pt/9pt 'Playfair Display', arial;letter-spacing:2px; text-transform:lowercase;}
.elle-scroll {box-sizing:border-box;width:290px;height:110px;overflow:auto;padding-left:10px;padding-right:65px;text-align:justify;color:#000;font:400 8pt/11pt 'Garamond;', georgia;}
.scredit {margin:5px;text-align:center;letter-spacing:2px;font-family:'arial narrow';font-size:7pt;line-height:9px;text-transform:lowercase; -webkit-transition:0.6s all ease-in-out;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s all ease-in-out;}.scredit, .scredit a {color:#999; text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0); -webkit-transition:0.6s all ease-in-out;transition:0.6s all ease-in-out;}.scredit a:hover{text-shadow:0 0 10px rgba(0,0,0,0.6);color:rgba(0,0,0,0);letter-spacing:10px;visibility: hidden;}
</style>

<center>
<div id="ellecontainer"><div class="elle-info">
<div class="elle-scroll">

<justify> ► правая рука мэра<br>
► заминает все сенсации, связанные с Ридом<br>
► дамский угодник на полставки<br>
► достиг всего сам<br>
► а чего добился ты? <br></justify>

</div></div><div class="elle-pic">

<img src="https://forumupload.ru/uploads/0011/a1/df/2/579521.gif">

</div><div class="elle-brief"><div class="elle-bpanel"><div class="elle-name">
Charlie Hunnam

</div><div class="elle-want"><center>NICHOLAS SHELBY</center></div>

<div class="elle-tag">
~ 40 • совет • специалист по связям с общественностью
</div></div></div></div>
</center></div></div></div>[/html]
[html]<div class="htmldemo"><div class="htmldemo"><div class="postcolor">
<link href="http://fonts.googleapis.com/css?family=Six+Caps|Mrs+Saint+Delafield|Playfair+Display:400" rel="stylesheet" type="text/css">
<style>
#ellecontainer {margin-top:10px;position:relative;border-bottom:0px solid #fff;border-top:0px solid #fff;width:300px;height:130px;background:#fff;}
#ellecontainer ::-webkit-scrollbar {width: 5px;}
#ellecontainer ::-webkit-scrollbar-track { background:#7a7878;}
#ellecontainer ::-webkit-scrollbar-thumb {background:#7a7878;}
.elle-info {box-sizing:border-box;background:#e3e3e3;width:300px;height:130px;position:absolute;top:0px;left:0;padding:10px;}
.elle-pic {box-sizing:border-box;position:absolute;top:0px;left:0;width:130px;height:130px;overflow:hidden;background:#aaa;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-brief {box-sizing:border-box;position:absolute;top:0px;right:0;width:180px;height:130px;background:#7a7878;border-left:3px solid #5E5036;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-bpanel {box-sizing:border-box;position:absolute;top:0;right:0;width:100%;height:130px;background:#7a7878;}
.elle-brief:after, .elle-bpanel:after {content:"";height:0;width:0;position:absolute;top:55px;left:-32px; border-right:32px solid #7a7878; border-top:25px solid transparent; border-bottom:25px solid transparent;}
.elle-bpanel:after { z-index:2; top:57px; left:-25px;border-right:28px solid #7a7878; border-top:23px solid transparent;border-bottom:23px solid transparent; }
#ellecontainer:hover .elle-pic{-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;left:-110px;}
#ellecontainer:hover .elle-brief {-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;right:-120px;}
.elle-name {position:absolute; top:20px;left:5px;right:5px; border-top:none; border-bottom: 1px solid;border-color:#ffffff; width:auto;padding:0 0 4px; color:#ffffff;font:100 6pt/6pt 'Playfair Display', arial;letter-spacing:2px;}
.elle-want {position:absolute; top:45px; left:25px; right:25px; border-top:none; border-bottom: 2px;color:#ffffff;font:300 16pt/13pt 'Playfair Display', arial;}
.elle-tag {position:absolute; top:79px;left:5px;right:5px;width:auto;color:#ffffff; font:400 8pt/9pt 'Playfair Display', arial;letter-spacing:2px; text-transform:lowercase;}
.elle-scroll {box-sizing:border-box;width:290px;height:110px;overflow:auto;padding-left:10px;padding-right:65px;text-align:justify;color:#000;font:400 8pt/11pt 'Garamond;', georgia;}
.scredit {margin:5px;text-align:center;letter-spacing:2px;font-family:'arial narrow';font-size:7pt;line-height:9px;text-transform:lowercase; -webkit-transition:0.6s all ease-in-out;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s all ease-in-out;}.scredit, .scredit a {color:#999; text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0); -webkit-transition:0.6s all ease-in-out;transition:0.6s all ease-in-out;}.scredit a:hover{text-shadow:0 0 10px rgba(0,0,0,0.6);color:rgba(0,0,0,0);letter-spacing:10px;visibility: hidden;}
</style>

<center>
<div id="ellecontainer"><div class="elle-info">
<div class="elle-scroll">

<justify> ► левая пятка Шелби<br>
► адвокааааааа(д)т<br>
► все кругом считают, что эта профессия ему не подходит<br>
► но он как-то выигрывает дела<br>
► известен своей вспыльчивостью<br>
► боксер-любитель<br>
► <s>Вини будет фапать на вас </s><br></justify>

</div></div><div class="elle-pic">

<img src="https://forumupload.ru/uploads/0011/a1/df/2/29587.gif">

</div><div class="elle-brief"><div class="elle-bpanel"><div class="elle-name">
Shia LaBeouf

</div><div class="elle-want"><center>BENJAMIN WILSON</center></div>

<div class="elle-tag">
~ 35 • карательный отряд • адвокат
</div></div></div></div>
</center></div></div></div>[/html]
[html]<div class="htmldemo"><div class="htmldemo"><div class="postcolor">
<link href="http://fonts.googleapis.com/css?family=Six+Caps|Mrs+Saint+Delafield|Playfair+Display:400" rel="stylesheet" type="text/css">
<style>
#ellecontainer {margin-top:10px;position:relative;border-bottom:0px solid #fff;border-top:0px solid #fff;width:300px;height:130px;background:#fff;}
#ellecontainer ::-webkit-scrollbar {width: 5px;}
#ellecontainer ::-webkit-scrollbar-track { background:#7a7878;}
#ellecontainer ::-webkit-scrollbar-thumb {background:#7a7878;}
.elle-info {box-sizing:border-box;background:#e3e3e3;width:300px;height:130px;position:absolute;top:0px;left:0;padding:10px;}
.elle-pic {box-sizing:border-box;position:absolute;top:0px;left:0;width:130px;height:130px;overflow:hidden;background:#aaa;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-brief {box-sizing:border-box;position:absolute;top:0px;right:0;width:180px;height:130px;background:#7a7878;border-left:3px solid #5E5036;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-bpanel {box-sizing:border-box;position:absolute;top:0;right:0;width:100%;height:130px;background:#7a7878;}
.elle-brief:after, .elle-bpanel:after {content:"";height:0;width:0;position:absolute;top:55px;left:-32px; border-right:32px solid #7a7878; border-top:25px solid transparent; border-bottom:25px solid transparent;}
.elle-bpanel:after { z-index:2; top:57px; left:-25px;border-right:28px solid #7a7878; border-top:23px solid transparent;border-bottom:23px solid transparent; }
#ellecontainer:hover .elle-pic{-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;left:-110px;}
#ellecontainer:hover .elle-brief {-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;right:-120px;}
.elle-name {position:absolute; top:20px;left:5px;right:5px; border-top:none; border-bottom: 1px solid;border-color:#ffffff; width:auto;padding:0 0 4px; color:#ffffff;font:100 6pt/6pt 'Playfair Display', arial;letter-spacing:2px;}
.elle-want {position:absolute; top:45px; left:25px; right:25px; border-top:none; border-bottom: 2px;color:#ffffff;font:300 16pt/13pt 'Playfair Display', arial;}
.elle-tag {position:absolute; top:79px;left:5px;right:5px;width:auto;color:#ffffff; font:400 8pt/9pt 'Playfair Display', arial;letter-spacing:2px; text-transform:lowercase;}
.elle-scroll {box-sizing:border-box;width:290px;height:110px;overflow:auto;padding-left:10px;padding-right:65px;text-align:justify;color:#000;font:400 8pt/11pt 'Garamond;', georgia;}
.scredit {margin:5px;text-align:center;letter-spacing:2px;font-family:'arial narrow';font-size:7pt;line-height:9px;text-transform:lowercase; -webkit-transition:0.6s all ease-in-out;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s all ease-in-out;}.scredit, .scredit a {color:#999; text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0); -webkit-transition:0.6s all ease-in-out;transition:0.6s all ease-in-out;}.scredit a:hover{text-shadow:0 0 10px rgba(0,0,0,0.6);color:rgba(0,0,0,0);letter-spacing:10px;visibility: hidden;}
</style>

<center>
<div id="ellecontainer"><div class="elle-info">
<div class="elle-scroll">

<justify> ► золотые руки<br>
► хирург от Бога<br>
► женщина сотона<br>
► расскажет и подскажет как и куда вам идти<br>
► добилась статуса главврача год назад<br>
► метит в совет секты<br>
<br></justify>

</div></div><div class="elle-pic">

<img src="https://forumupload.ru/uploads/0011/a1/df/2/616997.gif">

</div><div class="elle-brief"><div class="elle-bpanel"><div class="elle-name">
Natalie Dormer

</div><div class="elle-want"><center> JESSICA LEWIS</center></div>

<div class="elle-tag">
~ 37 • член секты • главврач
</div></div></div></div>
</center></div></div></div>[/html]

тык

Отредактировано виноприёмник (02-03-2022 18:04:48)

Поделиться303-03-2022 16:54:45

Автор: виноприёмник
истина в вине, а вино во мне
Сообщений: 18
Уважение: +2
Последний визит:
13-03-2024 11:51:39

Ведомые
[html]<div class="htmldemo"><div class="htmldemo"><div class="postcolor">
<link href="http://fonts.googleapis.com/css?family=Six+Caps|Mrs+Saint+Delafield|Playfair+Display:400" rel="stylesheet" type="text/css">
<style>
#ellecontainer {margin-top:10px;position:relative;border-bottom:0px solid #fff;border-top:0px solid #fff;width:300px;height:130px;background:#fff;}
#ellecontainer ::-webkit-scrollbar {width: 5px;}
#ellecontainer ::-webkit-scrollbar-track { background:#7a7878;}
#ellecontainer ::-webkit-scrollbar-thumb {background:#7a7878;}
.elle-info {box-sizing:border-box;background:#e3e3e3;width:300px;height:130px;position:absolute;top:0px;left:0;padding:10px;}
.elle-pic {box-sizing:border-box;position:absolute;top:0px;left:0;width:130px;height:130px;overflow:hidden;background:#aaa;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-brief {box-sizing:border-box;position:absolute;top:0px;right:0;width:180px;height:130px;background:#7a7878;border-left:3px solid #5E5036;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-bpanel {box-sizing:border-box;position:absolute;top:0;right:0;width:100%;height:130px;background:#7a7878;}
.elle-brief:after, .elle-bpanel:after {content:"";height:0;width:0;position:absolute;top:55px;left:-32px; border-right:32px solid #7a7878; border-top:25px solid transparent; border-bottom:25px solid transparent;}
.elle-bpanel:after { z-index:2; top:57px; left:-25px;border-right:28px solid #7a7878; border-top:23px solid transparent;border-bottom:23px solid transparent; }
#ellecontainer:hover .elle-pic{-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;left:-110px;}
#ellecontainer:hover .elle-brief {-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;right:-120px;}
.elle-name {position:absolute; top:20px;left:5px;right:5px; border-top:none; border-bottom: 1px solid;border-color:#ffffff; width:auto;padding:0 0 4px; color:#ffffff;font:100 6pt/6pt 'Playfair Display', arial;letter-spacing:2px;}
.elle-want {position:absolute; top:45px; left:25px; right:25px; border-top:none; border-bottom: 2px;color:#ffffff;font:300 16pt/13pt 'Playfair Display', arial;}
.elle-tag {position:absolute; top:79px;left:5px;right:5px;width:auto;color:#ffffff; font:400 8pt/9pt 'Playfair Display', arial;letter-spacing:2px; text-transform:lowercase;}
.elle-scroll {box-sizing:border-box;width:290px;height:110px;overflow:auto;padding-left:10px;padding-right:60px;text-align:justify;color:#000;font:300 8pt/10pt 'Garamond;', georgia;}
.scredit {margin:5px;text-align:center;letter-spacing:2px;font-family:'arial narrow';font-size:7pt;line-height:9px;text-transform:lowercase; -webkit-transition:0.6s all ease-in-out;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s all ease-in-out;}.scredit, .scredit a {color:#999; text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0); -webkit-transition:0.6s all ease-in-out;transition:0.6s all ease-in-out;}.scredit a:hover{text-shadow:0 0 10px rgba(0,0,0,0.6);color:rgba(0,0,0,0);letter-spacing:10px;visibility: hidden;}
</style>

<center>
<div id="ellecontainer"><div class="elle-info">
<div class="elle-scroll">

<justify> ► любит собак больше людей <br>
► отличница<br>
► мечтает купить байк<br>
► помогала подругам по-хакерски выводить на чистую воду изменщиков<br>
► и вообще ей бы айтишником стать<br>
► винит себя в смерти парня<br>
► пока еще не сдалась Сущности<br>

</div></div><div class="elle-pic">

<img src="https://forumupload.ru/uploads/0011/a1/df/2/731976.gif">

</div><div class="elle-brief"><div class="elle-bpanel"><div class="elle-name">
Zendaya

</div><div class="elle-want"><center>KAREN HART</center></div>

<div class="elle-tag">
~ 24 • ведомая • кинолог
</div></div></div></div>
</center></div></div></div>[/html]
[html]<div class="htmldemo"><div class="htmldemo"><div class="postcolor">
<link href="http://fonts.googleapis.com/css?family=Six+Caps|Mrs+Saint+Delafield|Playfair+Display:400" rel="stylesheet" type="text/css">
<style>
#ellecontainer {margin-top:10px;position:relative;border-bottom:0px solid #fff;border-top:0px solid #fff;width:300px;height:130px;background:#fff;}
#ellecontainer ::-webkit-scrollbar {width: 5px;}
#ellecontainer ::-webkit-scrollbar-track { background:#7a7878;}
#ellecontainer ::-webkit-scrollbar-thumb {background:#7a7878;}
.elle-info {box-sizing:border-box;background:#e3e3e3;width:300px;height:130px;position:absolute;top:0px;left:0;padding:10px;}
.elle-pic {box-sizing:border-box;position:absolute;top:0px;left:0;width:130px;height:130px;overflow:hidden;background:#aaa;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-brief {box-sizing:border-box;position:absolute;top:0px;right:0;width:180px;height:130px;background:#7a7878;border-left:3px solid #5E5036;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-bpanel {box-sizing:border-box;position:absolute;top:0;right:0;width:100%;height:130px;background:#7a7878;}
.elle-brief:after, .elle-bpanel:after {content:"";height:0;width:0;position:absolute;top:55px;left:-32px; border-right:32px solid #7a7878; border-top:25px solid transparent; border-bottom:25px solid transparent;}
.elle-bpanel:after { z-index:2; top:57px; left:-25px;border-right:28px solid #7a7878; border-top:23px solid transparent;border-bottom:23px solid transparent; }
#ellecontainer:hover .elle-pic{-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;left:-110px;}
#ellecontainer:hover .elle-brief {-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;right:-120px;}
.elle-name {position:absolute; top:20px;left:5px;right:5px; border-top:none; border-bottom: 1px solid;border-color:#ffffff; width:auto;padding:0 0 4px; color:#ffffff;font:100 6pt/6pt 'Playfair Display', arial;letter-spacing:2px;}
.elle-want {position:absolute; top:45px; left:25px; right:25px; border-top:none; border-bottom: 2px;color:#ffffff;font:300 16pt/13pt 'Playfair Display', arial;}
.elle-tag {position:absolute; top:79px;left:5px;right:5px;width:auto;color:#ffffff; font:400 8pt/9pt 'Playfair Display', arial;letter-spacing:2px; text-transform:lowercase;}
.elle-scroll {box-sizing:border-box;width:290px;height:110px;overflow:auto;padding-left:10px;padding-right:60px;text-align:justify;color:#000;font:300 8pt/10pt 'Garamond;', georgia;}
.scredit {margin:5px;text-align:center;letter-spacing:2px;font-family:'arial narrow';font-size:7pt;line-height:9px;text-transform:lowercase; -webkit-transition:0.6s all ease-in-out;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s all ease-in-out;}.scredit, .scredit a {color:#999; text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0); -webkit-transition:0.6s all ease-in-out;transition:0.6s all ease-in-out;}.scredit a:hover{text-shadow:0 0 10px rgba(0,0,0,0.6);color:rgba(0,0,0,0);letter-spacing:10px;visibility: hidden;}
</style>

<center>
<div id="ellecontainer"><div class="elle-info">
<div class="elle-scroll">

<justify> ► аки рыцарь на белом коне<br>
► в одного растил брата, пока маман гуляла<br>
► всем пожарным пожарный<br>
► волнтер<br>
► однажды не смог спасти девочку из огня<br>
► винит во всем только себя<br>
► сдается под натиском Сущности<br></justify>

</div></div><div class="elle-pic">

<img src="https://forumupload.ru/uploads/0011/a1/df/2/683282.gif">

</div><div class="elle-brief"><div class="elle-bpanel"><div class="elle-name">
Andrew Garfield

</div><div class="elle-want"><center>PETER GRANT</center></div>

<div class="elle-tag">
~ 28 • ведомый • пожарный
</div></div></div></div>
</center></div></div></div>[/html]
[html]<div class="htmldemo"><div class="htmldemo"><div class="postcolor">
<link href="http://fonts.googleapis.com/css?family=Six+Caps|Mrs+Saint+Delafield|Playfair+Display:400" rel="stylesheet" type="text/css">
<style>
#ellecontainer {margin-top:10px;position:relative;border-bottom:0px solid #fff;border-top:0px solid #fff;width:300px;height:130px;background:#fff;}
#ellecontainer ::-webkit-scrollbar {width: 5px;}
#ellecontainer ::-webkit-scrollbar-track { background:#7a7878;}
#ellecontainer ::-webkit-scrollbar-thumb {background:#7a7878;}
.elle-info {box-sizing:border-box;background:#e3e3e3;width:300px;height:130px;position:absolute;top:0px;left:0;padding:10px;}
.elle-pic {box-sizing:border-box;position:absolute;top:0px;left:0;width:130px;height:130px;overflow:hidden;background:#aaa;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-brief {box-sizing:border-box;position:absolute;top:0px;right:0;width:180px;height:130px;background:#7a7878;border-left:3px solid #5E5036;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-bpanel {box-sizing:border-box;position:absolute;top:0;right:0;width:100%;height:130px;background:#7a7878;}
.elle-brief:after, .elle-bpanel:after {content:"";height:0;width:0;position:absolute;top:55px;left:-32px; border-right:32px solid #7a7878; border-top:25px solid transparent; border-bottom:25px solid transparent;}
.elle-bpanel:after { z-index:2; top:57px; left:-25px;border-right:28px solid #7a7878; border-top:23px solid transparent;border-bottom:23px solid transparent; }
#ellecontainer:hover .elle-pic{-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;left:-110px;}
#ellecontainer:hover .elle-brief {-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;right:-120px;}
.elle-name {position:absolute; top:20px;left:5px;right:5px; border-top:none; border-bottom: 1px solid;border-color:#ffffff; width:auto;padding:0 0 4px; color:#ffffff;font:100 6pt/6pt 'Playfair Display', arial;letter-spacing:2px;}
.elle-want {position:absolute; top:45px; left:25px; right:25px; border-top:none; border-bottom: 2px;color:#ffffff;font:300 16pt/13pt 'Playfair Display', arial;}
.elle-tag {position:absolute; top:79px;left:5px;right:5px;width:auto;color:#ffffff; font:400 8pt/9pt 'Playfair Display', arial;letter-spacing:2px; text-transform:lowercase;}
.elle-scroll {box-sizing:border-box;width:290px;height:110px;overflow:auto;padding-left:10px;padding-right:60px;text-align:justify;color:#000;font:300 8pt/10pt 'Garamond;', georgia;}
.scredit {margin:5px;text-align:center;letter-spacing:2px;font-family:'arial narrow';font-size:7pt;line-height:9px;text-transform:lowercase; -webkit-transition:0.6s all ease-in-out;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s all ease-in-out;}.scredit, .scredit a {color:#999; text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0); -webkit-transition:0.6s all ease-in-out;transition:0.6s all ease-in-out;}.scredit a:hover{text-shadow:0 0 10px rgba(0,0,0,0.6);color:rgba(0,0,0,0);letter-spacing:10px;visibility: hidden;}
</style>

<center>
<div id="ellecontainer"><div class="elle-info">
<div class="elle-scroll">

<justify> ► убивал за деньги<br>
► и потому что хорош в этом<br>
► но у всех бывают проколы<br>
► косякнул и решил залечь на дно в Уилмингтоне<br>
► Том, выбор - говно, отвечаю <br>
► стал буквально любимчиком Сущности <br>
► пока что ведет ироничные диалоги со своими убиенными жертвами <br></justify>

</div></div><div class="elle-pic">

<img src="https://forumupload.ru/uploads/0011/a1/df/2/50822.gif">

</div><div class="elle-brief"><div class="elle-bpanel"><div class="elle-name">
Michael Fassbender

</div><div class="elle-want"><center>THOMAS DEVERAUX</center></div>

<div class="elle-tag">
~ 39 • ведомый • киллер
</div></div></div></div>
</center></div></div></div>[/html]
[html]<div class="htmldemo"><div class="htmldemo"><div class="postcolor">
<link href="http://fonts.googleapis.com/css?family=Six+Caps|Mrs+Saint+Delafield|Playfair+Display:400" rel="stylesheet" type="text/css">
<style>
#ellecontainer {margin-top:10px;position:relative;border-bottom:0px solid #fff;border-top:0px solid #fff;width:300px;height:130px;background:#fff;}
#ellecontainer ::-webkit-scrollbar {width: 5px;}
#ellecontainer ::-webkit-scrollbar-track { background:#7a7878;}
#ellecontainer ::-webkit-scrollbar-thumb {background:#7a7878;}
.elle-info {box-sizing:border-box;background:#e3e3e3;width:300px;height:130px;position:absolute;top:0px;left:0;padding:10px;}
.elle-pic {box-sizing:border-box;position:absolute;top:0px;left:0;width:130px;height:130px;overflow:hidden;background:#aaa;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-brief {box-sizing:border-box;position:absolute;top:0px;right:0;width:180px;height:130px;background:#7a7878;border-left:3px solid #5E5036;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-bpanel {box-sizing:border-box;position:absolute;top:0;right:0;width:100%;height:130px;background:#7a7878;}
.elle-brief:after, .elle-bpanel:after {content:"";height:0;width:0;position:absolute;top:55px;left:-32px; border-right:32px solid #7a7878; border-top:25px solid transparent; border-bottom:25px solid transparent;}
.elle-bpanel:after { z-index:2; top:57px; left:-25px;border-right:28px solid #7a7878; border-top:23px solid transparent;border-bottom:23px solid transparent; }
#ellecontainer:hover .elle-pic{-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;left:-110px;}
#ellecontainer:hover .elle-brief {-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;right:-120px;}
.elle-name {position:absolute; top:20px;left:5px;right:5px; border-top:none; border-bottom: 1px solid;border-color:#ffffff; width:auto;padding:0 0 4px; color:#ffffff;font:100 6pt/6pt 'Playfair Display', arial;letter-spacing:2px;}
.elle-want {position:absolute; top:45px; left:25px; right:25px; border-top:none; border-bottom: 2px;color:#ffffff;font:300 16pt/13pt 'Playfair Display', arial;}
.elle-tag {position:absolute; top:79px;left:5px;right:5px;width:auto;color:#ffffff; font:400 8pt/9pt 'Playfair Display', arial;letter-spacing:2px; text-transform:lowercase;}
.elle-scroll {box-sizing:border-box;width:290px;height:110px;overflow:auto;padding-left:10px;padding-right:60px;text-align:justify;color:#000;font:300 8pt/10pt 'Garamond;', georgia;}
.scredit {margin:5px;text-align:center;letter-spacing:2px;font-family:'arial narrow';font-size:7pt;line-height:9px;text-transform:lowercase; -webkit-transition:0.6s all ease-in-out;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s all ease-in-out;}.scredit, .scredit a {color:#999; text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0); -webkit-transition:0.6s all ease-in-out;transition:0.6s all ease-in-out;}.scredit a:hover{text-shadow:0 0 10px rgba(0,0,0,0.6);color:rgba(0,0,0,0);letter-spacing:10px;visibility: hidden;}
</style>

<center>
<div id="ellecontainer"><div class="elle-info">
<div class="elle-scroll">

<justify> ► Оверли в первую очередь солдат<br>
► а уже потом женщина<br>
► служила 4 года в Сирии <br>
► отправлена в резерв после серьезной травмы<br>
► мучается сильными кошмарами <br>
► временами не понимает, где реальность, а где видение<br>
<br></justify>

</div></div><div class="elle-pic">

<img src="https://forumupload.ru/uploads/0011/a1/df/2/771977.gif">

</div><div class="elle-brief"><div class="elle-bpanel"><div class="elle-name">
Cobie Smulders

</div><div class="elle-want"><center> VANESSA OVERLIE</center></div>

<div class="elle-tag">
~ 33 • ведомая • бывшая военная
</div></div></div></div>
</center></div></div></div>[/html]

тык

Поделиться404-03-2022 18:26:26

Автор: виноприёмник
истина в вине, а вино во мне
Сообщений: 18
Уважение: +2
Последний визит:
13-03-2024 11:51:39

не актуально

Отредактировано виноприёмник (15-02-2023 11:09:24)

Поделиться505-03-2022 19:29:33

Автор: виноприёмник
истина в вине, а вино во мне
Сообщений: 18
Уважение: +2
Последний визит:
13-03-2024 11:51:39

Сопротивление
[html]<div class="htmldemo"><div class="htmldemo"><div class="postcolor">
<link href="http://fonts.googleapis.com/css?family=Six+Caps|Mrs+Saint+Delafield|Playfair+Display:400" rel="stylesheet" type="text/css">
<style>
#ellecontainer {margin-top:10px;position:relative;border-bottom:0px solid #fff;border-top:0px solid #fff;width:300px;height:130px;background:#fff;}
#ellecontainer ::-webkit-scrollbar {width: 5px;}
#ellecontainer ::-webkit-scrollbar-track { background:#7a7878;}
#ellecontainer ::-webkit-scrollbar-thumb {background:#7a7878;}
.elle-info {box-sizing:border-box;background:#e3e3e3;width:300px;height:130px;position:absolute;top:0px;left:0;padding:10px;}
.elle-pic {box-sizing:border-box;position:absolute;top:0px;left:0;width:130px;height:130px;overflow:hidden;background:#aaa;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-brief {box-sizing:border-box;position:absolute;top:0px;right:0;width:180px;height:130px;background:#7a7878;border-left:3px solid #5E5036;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-bpanel {box-sizing:border-box;position:absolute;top:0;right:0;width:100%;height:130px;background:#7a7878;}
.elle-brief:after, .elle-bpanel:after {content:"";height:0;width:0;position:absolute;top:55px;left:-32px; border-right:32px solid #7a7878; border-top:25px solid transparent; border-bottom:25px solid transparent;}
.elle-bpanel:after { z-index:2; top:57px; left:-25px;border-right:28px solid #7a7878; border-top:23px solid transparent;border-bottom:23px solid transparent; }
#ellecontainer:hover .elle-pic{-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;left:-110px;}
#ellecontainer:hover .elle-brief {-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;right:-120px;}
.elle-name {position:absolute; top:20px;left:5px;right:5px; border-top:none; border-bottom: 1px solid;border-color:#ffffff; width:auto;padding:0 0 4px; color:#ffffff;font:100 6pt/6pt 'Playfair Display', arial;letter-spacing:2px;}
.elle-want {position:absolute; top:45px; left:25px; right:25px; border-top:none; border-bottom: 2px;color:#ffffff;font:300 16pt/13pt 'Playfair Display', arial;}
.elle-tag {position:absolute; top:79px;left:5px;right:5px;width:auto;color:#ffffff; font:400 8pt/9pt 'Playfair Display', arial;letter-spacing:2px; text-transform:lowercase;}
.elle-scroll {box-sizing:border-box;width:290px;height:110px;overflow:auto;padding-left:10px;padding-right:60px;text-align:justify;color:#000;font:300 8pt/10pt 'Garamond;', georgia;}
.scredit {margin:5px;text-align:center;letter-spacing:2px;font-family:'arial narrow';font-size:7pt;line-height:9px;text-transform:lowercase; -webkit-transition:0.6s all ease-in-out;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s all ease-in-out;}.scredit, .scredit a {color:#999; text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0); -webkit-transition:0.6s all ease-in-out;transition:0.6s all ease-in-out;}.scredit a:hover{text-shadow:0 0 10px rgba(0,0,0,0.6);color:rgba(0,0,0,0);letter-spacing:10px;visibility: hidden;}
</style>

<center>
<div id="ellecontainer"><div class="elle-info">
<div class="elle-scroll">

<justify> ► коп до кончиков мизинчиков на ногах<br>
► но уже бывший<br>
► копал не под того, подставили и выперли <br>
► пару лет лежал на социальном дне <br>
► сжег все свои скелеты вместе со шкафом<br>
► курит как паровоз<br>
► открыл свое частное сыскное агентство<br>
► расследует расследования <br></justify>
</div></div><div class="elle-pic">

<img src="https://forumupload.ru/uploads/001b/80/d7/2/868356.gif">

</div><div class="elle-brief"><div class="elle-bpanel"><div class="elle-name">
Matthew McConaughey

</div><div class="elle-want"><center>CALEB BARLOW</center></div>

<div class="elle-tag">
~ 43 • сопротивление • частник
</div></div></div></div>
</center></div></div></div>[/html]
[html]<div class="htmldemo"><div class="htmldemo"><div class="postcolor">
<link href="http://fonts.googleapis.com/css?family=Six+Caps|Mrs+Saint+Delafield|Playfair+Display:400" rel="stylesheet" type="text/css">
<style>
#ellecontainer {margin-top:10px;position:relative;border-bottom:0px solid #fff;border-top:0px solid #fff;width:300px;height:130px;background:#fff;}
#ellecontainer ::-webkit-scrollbar {width: 5px;}
#ellecontainer ::-webkit-scrollbar-track { background:#7a7878;}
#ellecontainer ::-webkit-scrollbar-thumb {background:#7a7878;}
.elle-info {box-sizing:border-box;background:#e3e3e3;width:300px;height:130px;position:absolute;top:0px;left:0;padding:10px;}
.elle-pic {box-sizing:border-box;position:absolute;top:0px;left:0;width:130px;height:130px;overflow:hidden;background:#aaa;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-brief {box-sizing:border-box;position:absolute;top:0px;right:0;width:180px;height:130px;background:#7a7878;border-left:3px solid #5E5036;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-bpanel {box-sizing:border-box;position:absolute;top:0;right:0;width:100%;height:130px;background:#7a7878;}
.elle-brief:after, .elle-bpanel:after {content:"";height:0;width:0;position:absolute;top:55px;left:-32px; border-right:32px solid #7a7878; border-top:25px solid transparent; border-bottom:25px solid transparent;}
.elle-bpanel:after { z-index:2; top:57px; left:-25px;border-right:28px solid #7a7878; border-top:23px solid transparent;border-bottom:23px solid transparent; }
#ellecontainer:hover .elle-pic{-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;left:-110px;}
#ellecontainer:hover .elle-brief {-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;right:-120px;}
.elle-name {position:absolute; top:20px;left:5px;right:5px; border-top:none; border-bottom: 1px solid;border-color:#ffffff; width:auto;padding:0 0 4px; color:#ffffff;font:100 6pt/6pt 'Playfair Display', arial;letter-spacing:2px;}
.elle-want {position:absolute; top:45px; left:25px; right:25px; border-top:none; border-bottom: 2px;color:#ffffff;font:300 16pt/13pt 'Playfair Display', arial;}
.elle-tag {position:absolute; top:79px;left:5px;right:5px;width:auto;color:#ffffff; font:400 8pt/9pt 'Playfair Display', arial;letter-spacing:2px; text-transform:lowercase;}
.elle-scroll {box-sizing:border-box;width:290px;height:110px;overflow:auto;padding-left:10px;padding-right:60px;text-align:justify;color:#000;font:300 8pt/10pt 'Garamond;', georgia;}
.scredit {margin:5px;text-align:center;letter-spacing:2px;font-family:'arial narrow';font-size:7pt;line-height:9px;text-transform:lowercase; -webkit-transition:0.6s all ease-in-out;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s all ease-in-out;}.scredit, .scredit a {color:#999; text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0); -webkit-transition:0.6s all ease-in-out;transition:0.6s all ease-in-out;}.scredit a:hover{text-shadow:0 0 10px rgba(0,0,0,0.6);color:rgba(0,0,0,0);letter-spacing:10px;visibility: hidden;}
</style>

<center>
<div id="ellecontainer"><div class="elle-info">
<div class="elle-scroll">

<justify> ► спортсменка, отличница, некомсомолка<br>
► между прочим каратистка <br>
► с комплексом спасателя<br>
► и трудным детством<br>
► профессию выбрала, чтоб проработать детские травмы<br>
► выглядит как булочка с корицей<br>
► в функционале заложен режим "разъяренное быдло"<br></justify>

</div></div><div class="elle-pic">

<img src="https://forumupload.ru/uploads/0014/cd/49/705/461388.gif">

</div><div class="elle-brief"><div class="elle-bpanel"><div class="elle-name">
Chloe Moretz

</div><div class="elle-want"><center>AMANDA CAMPBELL</center></div>

<div class="elle-tag">
~ 25 • сопротивление • соцопека
</div></div></div></div>
</center></div></div></div>[/html]
[html]<div class="htmldemo"><div class="htmldemo"><div class="postcolor">
<link href="http://fonts.googleapis.com/css?family=Six+Caps|Mrs+Saint+Delafield|Playfair+Display:400" rel="stylesheet" type="text/css">
<style>
#ellecontainer {margin-top:10px;position:relative;border-bottom:0px solid #fff;border-top:0px solid #fff;width:300px;height:130px;background:#fff;}
#ellecontainer ::-webkit-scrollbar {width: 5px;}
#ellecontainer ::-webkit-scrollbar-track { background:#7a7878;}
#ellecontainer ::-webkit-scrollbar-thumb {background:#7a7878;}
.elle-info {box-sizing:border-box;background:#e3e3e3;width:300px;height:130px;position:absolute;top:0px;left:0;padding:10px;}
.elle-pic {box-sizing:border-box;position:absolute;top:0px;left:0;width:130px;height:130px;overflow:hidden;background:#aaa;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-brief {box-sizing:border-box;position:absolute;top:0px;right:0;width:180px;height:130px;background:#7a7878;border-left:3px solid #5E5036;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-bpanel {box-sizing:border-box;position:absolute;top:0;right:0;width:100%;height:130px;background:#7a7878;}
.elle-brief:after, .elle-bpanel:after {content:"";height:0;width:0;position:absolute;top:55px;left:-32px; border-right:32px solid #7a7878; border-top:25px solid transparent; border-bottom:25px solid transparent;}
.elle-bpanel:after { z-index:2; top:57px; left:-25px;border-right:28px solid #7a7878; border-top:23px solid transparent;border-bottom:23px solid transparent; }
#ellecontainer:hover .elle-pic{-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;left:-110px;}
#ellecontainer:hover .elle-brief {-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;right:-120px;}
.elle-name {position:absolute; top:20px;left:5px;right:5px; border-top:none; border-bottom: 1px solid;border-color:#ffffff; width:auto;padding:0 0 4px; color:#ffffff;font:100 6pt/6pt 'Playfair Display', arial;letter-spacing:2px;}
.elle-want {position:absolute; top:45px; left:25px; right:25px; border-top:none; border-bottom: 2px;color:#ffffff;font:300 16pt/13pt 'Playfair Display', arial;}
.elle-tag {position:absolute; top:79px;left:5px;right:5px;width:auto;color:#ffffff; font:400 8pt/9pt 'Playfair Display', arial;letter-spacing:2px; text-transform:lowercase;}
.elle-scroll {box-sizing:border-box;width:290px;height:110px;overflow:auto;padding-left:10px;padding-right:60px;text-align:justify;color:#000;font:300 8pt/10pt 'Garamond;', georgia;}
.scredit {margin:5px;text-align:center;letter-spacing:2px;font-family:'arial narrow';font-size:7pt;line-height:9px;text-transform:lowercase; -webkit-transition:0.6s all ease-in-out;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s all ease-in-out;}.scredit, .scredit a {color:#999; text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0); -webkit-transition:0.6s all ease-in-out;transition:0.6s all ease-in-out;}.scredit a:hover{text-shadow:0 0 10px rgba(0,0,0,0.6);color:rgba(0,0,0,0);letter-spacing:10px;visibility: hidden;}
</style>

<center>
<div id="ellecontainer"><div class="elle-info">
<div class="elle-scroll">

<justify> ► выглядит как булочка с корицей <br>
► на самом деле булочка с корицей, но начинка из халапеньо<br>
► пару лет после школы пыталась найти себя<br>
► нашла в конторе Калеба<br>
► пошла учиться самообороне<br>
► вдохновилась и пошла получать профессию криминалиста<br>
► принимает активное участие в делах Барлоу (сил ему моральных) <br>

</div></div><div class="elle-pic">

<img src="https://forumupload.ru/uploads/0014/cd/49/705/407810.gif">

</div><div class="elle-brief"><div class="elle-bpanel"><div class="elle-name">
Hailee Steinfeld

</div><div class="elle-want"><center>OLIVIA WESTWOOD</center></div>

<div class="elle-tag">
~ 25 • сопротивление • ассистент частного сыщика
</div></div></div></div>
</center></div></div></div>[/html]
[html]<div class="htmldemo"><div class="htmldemo"><div class="postcolor">
<link href="http://fonts.googleapis.com/css?family=Six+Caps|Mrs+Saint+Delafield|Playfair+Display:400" rel="stylesheet" type="text/css">
<style>
#ellecontainer {margin-top:10px;position:relative;border-bottom:0px solid #fff;border-top:0px solid #fff;width:300px;height:130px;background:#fff;}
#ellecontainer ::-webkit-scrollbar {width: 5px;}
#ellecontainer ::-webkit-scrollbar-track { background:#7a7878;}
#ellecontainer ::-webkit-scrollbar-thumb {background:#7a7878;}
.elle-info {box-sizing:border-box;background:#e3e3e3;width:300px;height:130px;position:absolute;top:0px;left:0;padding:10px;}
.elle-pic {box-sizing:border-box;position:absolute;top:0px;left:0;width:130px;height:130px;overflow:hidden;background:#aaa;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-brief {box-sizing:border-box;position:absolute;top:0px;right:0;width:180px;height:130px;background:#7a7878;border-left:3px solid #5E5036;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.elle-bpanel {box-sizing:border-box;position:absolute;top:0;right:0;width:100%;height:130px;background:#7a7878;}
.elle-brief:after, .elle-bpanel:after {content:"";height:0;width:0;position:absolute;top:55px;left:-32px; border-right:32px solid #7a7878; border-top:25px solid transparent; border-bottom:25px solid transparent;}
.elle-bpanel:after { z-index:2; top:57px; left:-25px;border-right:28px solid #7a7878; border-top:23px solid transparent;border-bottom:23px solid transparent; }
#ellecontainer:hover .elle-pic{-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;left:-110px;}
#ellecontainer:hover .elle-brief {-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;right:-120px;}
.elle-name {position:absolute; top:20px;left:5px;right:5px; border-top:none; border-bottom: 1px solid;border-color:#ffffff; width:auto;padding:0 0 4px; color:#ffffff;font:100 6pt/6pt 'Playfair Display', arial;letter-spacing:2px;}
.elle-want {position:absolute; top:45px; left:25px; right:25px; border-top:none; border-bottom: 2px;color:#ffffff;font:300 16pt/13pt 'Playfair Display', arial;}
.elle-tag {position:absolute; top:79px;left:5px;right:5px;width:auto;color:#ffffff; font:400 8pt/9pt 'Playfair Display', arial;letter-spacing:2px; text-transform:lowercase;}
.elle-scroll {box-sizing:border-box;width:290px;height:110px;overflow:auto;padding-left:10px;padding-right:60px;text-align:justify;color:#000;font:300 8pt/10pt 'Garamond;', georgia;}
.scredit {margin:5px;text-align:center;letter-spacing:2px;font-family:'arial narrow';font-size:7pt;line-height:9px;text-transform:lowercase; -webkit-transition:0.6s all ease-in-out;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s all ease-in-out;}.scredit, .scredit a {color:#999; text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0); -webkit-transition:0.6s all ease-in-out;transition:0.6s all ease-in-out;}.scredit a:hover{text-shadow:0 0 10px rgba(0,0,0,0.6);color:rgba(0,0,0,0);letter-spacing:10px;visibility: hidden;}
</style>

<center>
<div id="ellecontainer"><div class="elle-info">
<div class="elle-scroll">

<justify> ► мальчик-зажигалочка<br>
► позитив в джинсовке<br>
► рубаха-парень <br>
► iq уровень "бог"<br>
► подозревает подозрительные подозрения <br>
► молодой, но уже сложно заменимый сотрудник новостного блога<br>
► несет правду в интернеты<br>
<br></justify>

</div></div><div class="elle-pic">

<img src="https://forumupload.ru/uploads/001b/80/d7/7/456358.gif">

</div><div class="elle-brief"><div class="elle-bpanel"><div class="elle-name">
Tom Holland

</div><div class="elle-want"><center> OSCAR WILLIAMS</center></div>

<div class="elle-tag">
~ 24 • сопротивление • интернет-журналист
</div></div></div></div>
</center></div></div></div>[/html]