︎︎

Platform

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Platform » Досье » Мстислава Воронцова


Мстислава Воронцова

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

1

[html]

<link href="https://forumstatic.ru/files/001b/84/6e/98452.css" rel="stylesheet" style="text/css">
<div class="RPFCOR">
<!-- ИЗОБРАЖЕНИЯ --><img class="imgRPFCOR" src="https://forumstatic.ru/files/001b/84/6e/71974.png" />
<!-- ИМЯ И ЦИТАТА --><div class="nameRPFCOR">Нойманн Мстислава Сальери
</br><span>Все мы стремительно мчались в Рай. Все мы стремительно мчались в Ад...</span></div>
<!-- ССЫЛКИ --><div class="pfSMI">
<!-- Профиль --><a class="pff" href="https://platforms.f-rpg.me/profile.php?id=25" target="_blank"><abbr title="Открыть Профиль"><img src="https://forumstatic.ru/files/001b/84/6e/20359.png" /></abbr></a>
<!-- Анкета --><a class="pff2" href="https://platforms.f-rpg.me/viewtopic.php?id=94" target="_blank"><abbr title="Открыть Анкету"><img src="https://forumstatic.ru/files/001b/84/6e/49001.png" /></abbr></a>
<!-- Досье --><a class="pff3" href="https://platforms.f-rpg.me/pages/casper" target="_blank"><abbr title="Открыть Досье"><img src="https://forumstatic.ru/files/001b/84/6e/38712.png" /></abbr></a></div></div>

[/html]

2

[icon]https://forumupload.ru/uploads/001b/84/6e/25/643297.png[/icon][pro]Каспер[/pro]

Хронология событий


   
[html]<div id="MOZ">
<!-- TOUTES COULEURS PERSONNALISABLES --><div class="TRC2">
<!-- CREDIT --><a class="cdtTRC2" href="https://platforms.f-rpg.me/viewtopic.php?id=99" target="_blank"><img src="https://forumstatic.ru/files/001b/84/6e/23024.png" /></a>

<!-- LIEN I --><div class="lksTRC2" style="background: -moz-linear-gradient(bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-linear-gradient(top, #000 , #243838a6 50%, #596e6e36 72% ,#fefefe00,#0000); background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background: linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); box-shadow:0 0 2px rgba(0,0,0,0.2);">

<!-- BORDURE INFORMATIONS & IMAGE --><div class="abtTRC2" style="border-color:#165e4e9e;">
<!-- INFORMATIONS -->
<div style="    background: #1b2b14bf;
    color: #89ea89;">
<h3 style="
    margin: 23px 0 0 0;
">АКТИВЕН</h3>
</div>
<!-- IMAGE 100*100 & SA BORDURE --><img style="border-color:black;" src="https://i.pinimg.com/564x/12/01/ec/1201ec4bace217487c7829b283d97eda.jpg" /></div>

<!-- BORDURE NOM PRENOM & DESCRIPTION --><div class="borderTRC2" style="border-color:black;">

<!-- NOM PRENOM --><div class="npTRC2" style="color: #2fdcb6;
    font-size: 200%;
    font-family: 'Doppelganger';
    font-weight: 100;">В лачуге живи, листком подтирайся</div>

<!-- DESCRIPTION --><div class="descTRC2" >
<h3 style="font-weight: 100;
    color: #e9be46e8;
">Август 44 512г</h3>
</br>
</br>
<p style="color:white; font-family: 'Century Gothic';
    font-size: 11px;">
<b>Участники:</b> Маркус Нойман, Персефона</p></div></div></div>

<!-- TOUTES COULEURS PERSONNALISABLES II --><div class="TRC1">
<!-- CREDIT II --><a class="cdtTRC1" href="https://platforms.f-rpg.me/viewtopic.php?id=102" target="_blank"><img src="https://forumstatic.ru/files/001b/84/6e/23024.png" /></a>
<!-- LIEN II --><div class="lksTRC1" style="background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);background: -webkit-linear-gradient(top, #000 , #243838a6 50%, #596e6e36 72% ,#fefefe00,#0000);background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background: linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); box-shadow:0 0 2px rgba(0,0,0,0.2);">

<!-- BORDURE INFORMATIONS & IMAGE II --><div class="abtTRC1" style="border-color:#165e4e9e;">
<!-- INFORMATIONS II -->
<div style="    background: #1b2b14bf;
    color: #89ea89;">
<h3 style="
    margin: 23px 0 0 0;
">АКТИВЕН</h3>
</div>
<!-- IMAGE 100*100 & SA BORDURE II --><img style="border-color:black;" src="https://i.pinimg.com/564x/bf/74/1f/bf741fa14e6c9a766b55937a04bd146a.jpg" /></div>

<!-- BORDURE NOM PRENOM & DESCRIPTION II --><div class="borderTRC1" style="border-color:black;">

<!-- NOM PRENOM II --><div class="npTRC1" style="color: #2fdcb6;
    font-size: 250%;
    font-family: 'Doppelganger';
    font-weight: 100;">Кукольный домик</div>

<!-- DESCRIPTION II --><div class="descTRC1" >
<h3 style="font-weight: 100;
    color: #e9be46e8;
">Ноябрь 44 513г</h3>
<p style="color:white; font-family: 'Century Gothic';
    font-size: 11px;">
<b>Участники:</b> Персефона, Гарпия, Жнец, Нагайна, Зомби-Кондитер.</p></div></div></div>

<!-- TOUTES COULEURS PERSONNALISABLES XII --><div class="TRC2">
<!-- CREDIT XII --><a class="cdtTRC2" href="https://platforms.f-rpg.me/viewtopic.php?id=179#p3053" target="_blank"><img src="https://forumstatic.ru/files/001b/84/6e/23024.png" /></a>
<!-- LIEN XII --><div class="lksTRC2" style="background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);background: -webkit-linear-gradient(top, #000 , #243838a6 50%, #596e6e36 72% ,#fefefe00,#0000);background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background: linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); box-shadow:0 0 2px rgba(0,0,0,0.2);">

<!-- BORDURE INFORMATIONS & IMAGE XII --><div class="abtTRC2" style="border-color:#165e4e9e;">
<!-- INFORMATIONS XII -->
<div style="    background: #1b2b14bf;
    color: #89ea89;">
<h3 style="
    margin: 23px 0 0 0;
">АКТИВЕН</h3>
</div>
<!-- IMAGE 100*100 & SA BORDURE XII --><img style="border-color:black;" src="https://forumupload.ru/uploads/001b/84/6e/25/169803.png" /></div>

<!-- BORDURE NOM PRENOM & DESCRIPTION XII --><div class="borderTRC2" style="border-color:black;">

<!-- NOM PRENOM XII --><div class="npTRC2" style="color: #2fdcb6;
    font-size: 250%;
    font-family: 'Doppelganger';
    font-weight: 100;">В колыбели у Фавна</div>

<!-- DESCRIPTION XII --><div class="descTRC2" >
<h3 style="font-weight: 100;
    color: #e9be46e8;
">Март 44 515г</h3>
<p style="color:white; font-family: 'Century Gothic';
    font-size: 11px;">
<b>Участники:</b> Король Героев, Каспер.</p></div></div></div>

<!-- TOUTES COULEURS PERSONNALISABLES III --><div class="TRC1">
<!-- CREDIT III --><a class="cdtTRC1" href="https://platforms.f-rpg.me/viewtopic.php?id=121" target="_blank"><img src="https://forumstatic.ru/files/001b/84/6e/23024.png" /></a>

<!-- LIEN III --><div class="lksTRC1" style="background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);background: -webkit-linear-gradient(top, #000 , #243838a6 50%, #596e6e36 72% ,#fefefe00,#0000);background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background: linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); box-shadow:0 0 2px rgba(0,0,0,0.2);">

<!-- BORDURE INFORMATIONS & IMAGE III --><div class="abtTRC1" style="border-color:#165e4e9e;">
<!-- INFORMATIONS III -->
<div style="    background: #1b2b14bf;
    color: #89ea89;">
<h3 style="
    margin: 23px 0 0 0;
">АКТИВЕН</h3>
</div>
<!-- IMAGE 100*100 & SA BORDURE III --><img style="border-color:black;" src="https://64.media.tumblr.com/b5b1230d4053bd9ffe9e28de3737be1a/e09b7634c424b5c4-36/s1280x1920/bc8c193d504df9705eba8c7f0989807918dfcd8b.jpg
" /></div>

<!-- BORDURE NOM PRENOM & DESCRIPTION III --><div class="borderTRC1" style="border-color:black;">

<!-- NOM PRENOM III --><div class="npTRC1" style="color: #2fdcb6;
    font-size: 250%;
    font-family: 'Doppelganger';
    font-weight: 100;">Восьмерка за серебро</div>

<!-- DESCRIPTION II --><div class="descTRC1" >
<h3 style="font-weight: 100;
    color: #e9be46e8;
">Июль 44 523г</h3>
<p style="color:white; font-family: 'Century Gothic';
    font-size: 11px;">
<b>Участники:</b> Артур Джонатан Сальери, Мстислава Воронцова </p></div></div></div>

<!-- TOUTES COULEURS PERSONNALISABLES IV --><div class="TRC2">
<!-- CREDIT IV --><a class="cdtTRC2" href="https://platforms.f-rpg.me/viewtopic.php?id=125" target="_blank"><img src="https://forumstatic.ru/files/001b/84/6e/23024.png" /></a>

<!-- LIEN IV --><div class="lksTRC2" style="background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);background: -webkit-linear-gradient(top, #000 , #243838a6 50%, #596e6e36 72% ,#fefefe00,#0000);background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background: linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); box-shadow:0 0 2px rgba(0,0,0,0.2);">

<!-- BORDURE INFORMATIONS & IMAGE IV --><div class="abtTRC2" style="border-color:#165e4e9e;">
<!-- INFORMATIONS IV -->
<div style="    background: #1b2b14bf;
    color: #89ea89;">
<h3 style="
    margin: 23px 0 0 0;
">АКТИВЕН</h3>
</div>
<!-- IMAGE 100*100 & SA BORDURE IV --><img style="border-color:black;" src="https://i.pinimg.com/736x/81/01/2d/81012d1ed995df091ac268e06cef7309.jpg
" /></div>

<!-- BORDURE NOM PRENOM & DESCRIPTION IV --><div class="borderTRC2" style="border-color:black;">

<!-- NOM PRENOM IV --><div class="npTRC2" style="color: #2fdcb6;
    font-size: 200%;
    font-family: 'Doppelganger';
    font-weight: 100;">Три по цене одного</div>

<!-- DESCRIPTION IV --><div class="descTRC2" >
<h3 style="font-weight: 100;
    color: #e9be46e8;
">Июнь 44 524г</h3>
<p style="color:white; font-family: 'Century Gothic';
    font-size: 10px;">
<b>Участники:</b> Тирия Эдриль, Амелия Додо, Мстислава Воронцова, Инар Рамирас Тонг </p></div></div></div>

<!-- TOUTES COULEURS PERSONNALISABLES V --><div class="TRC1">
<!-- CREDIT V --><a class="cdtTRC1" href="https://platforms.f-rpg.me/viewtopic.php?id=157" target="_blank"><img src="https://forumstatic.ru/files/001b/84/6e/23024.png" /></a>

<!-- LIEN V --><div class="lksTRC1" style="background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);background: -webkit-linear-gradient(top, #000 , #243838a6 50%, #596e6e36 72% ,#fefefe00,#0000);background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background: linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); box-shadow:0 0 2px rgba(0,0,0,0.2);">

<!-- BORDURE INFORMATIONS & IMAGE V --><div class="abtTRC1" style="border-color:#165e4e9e;">
<!-- INFORMATIONS V -->
<div style="    background: #1b2b14bf;
    color: #89ea89;">
<h3 style="
    margin: 23px 0 0 0;
">АКТИВЕН</h3>
</div>
<!-- IMAGE 100*100 & SA BORDURE V --><img style="border-color:black;" src="https://i.pinimg.com/564x/d3/8f/8b/d38f8bdd1391c5e63effa7b850842ae8.jpg
" /></div>

<!-- BORDURE NOM PRENOM & DESCRIPTION V --><div class="borderTRC1" style="border-color:black;">

<!-- NOM PRENOM V --><div class="npTRC1" style="color: #2fdcb6;
    font-size: 300%;
    font-family: 'Doppelganger';
    font-weight: 100;">Кильттида</div>

<!-- DESCRIPTION V --><div class="descTRC1" >
<h3 style="font-weight: 100;
    color: #e9be46e8;
">Декабрь 44 524г</h3>
<p style="color:white; font-family: 'Century Gothic';
    font-size: 10px;">
<b>Участники:</b> Нойманн Слава Воронцова, Маркус Нойманн, Инар Рамирас Тонг, Виктория Кевин Агассис </p></div></div></div>
<br/>
<!-- TOUTES COULEURS PERSONNALISABLES VI --><div class="TRC2">
<!-- CREDIT VI --><a class="cdtTRC2" href="https://platforms.f-rpg.me/viewtopic.php?id=155" target="_blank"><img src="https://forumstatic.ru/files/001b/84/6e/23024.png" /></a>

<!-- LIEN VI --><div class="lksTRC2" style="background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);background: -webkit-linear-gradient(top, #000 , #243838a6 50%, #596e6e36 72% ,#fefefe00,#0000);background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background: linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); box-shadow:0 0 2px rgba(0,0,0,0.2);">

<!-- BORDURE INFORMATIONS & IMAGE VI --><div class="abtTRC2" style="border-color:#165e4e9e;">
<!-- INFORMATIONS VI -->
<div style="    background: #1b2b14bf;
    color: #89ea89;">
<h3 style="
    margin: 23px 0 0 0;
">АКТИВЕН</h3>
</div>
<!-- IMAGE 100*100 & SA BORDURE VI --><img style="border-color:black;" src="https://i.pinimg.com/564x/34/15/b0/3415b0851adddd11a0083d464a204397.jpg
" /></div>

<!-- BORDURE NOM PRENOM & DESCRIPTION VI --><div class="borderTRC2" style="border-color:black;">

<!-- NOM PRENOM VI --><div class="npTRC2" style="color: #2fdcb6;
    font-size: 200%;
    font-family: 'Doppelganger';
    font-weight: 100;">Южане всегда умели развлекаться</div>

<!-- DESCRIPTION VI --><div class="descTRC2" >
<h3 style="font-weight: 100;
    color: #e9be46e8;
">Лето 44 525г</h3>
<p style="color:white; font-family: 'Century Gothic';
    font-size: 11px;">
<b>Участники:</b> Все </p></div></div></div>
</div>

<style>
#MOZ {
display: flex;
    line-height: normal;
    flex-wrap: wrap;
    justify-content: center;
}

.FTRC {
margin:auto; width:500px;
text-align:left; font-family:Arial; line-height:16px;
}
.cdtFTRC {
position:absolute; z-index:5; margin-top:60px; margin-left:493px;
transform:scale(0); -webkit-transform:scale(0); transition:all 0.5s; -webkit-transition:all 0.5s;
}
.FTRC:hover .cdtFTRC {
transform:scale(0.7); -webkit-transform:scale(0.7);
}
.topFTRC {
width:350px; height:85px; padding:15px 135px 0 15px; overflow:hidden;
}
.npFTRC {
font-size:36px; line-height:36px;
transition:all 0.55s ease; -webkit-transition:all 0.55s ease; transition-delay:0.55s; -webkit-transition-delay:0.55s;
}
.topFTRC:hover .npFTRC {
opacity:0; transition-delay:0s; -webkit-transition-delay:0s;
}
.npFTRC span {
display:inline-block; vertical-align:middle;
max-height:70px; overflow:hidden;
}
.npFTRC span:nth-of-type(1) {
height:70px;
}
.adjFTRC {
position:absolute; margin-top:-75px;
width:355px;
opacity:0; transition:all 0.55s ease; -webkit-transition:all 0.55s ease; transition-delay:0s; -webkit-transition-delay:0s;
}

.topFTRC:hover .adjFTRC {
opacity:1; transition-delay:0.55s; -webkit-transition-delay:0.55s;
}
.adjFTRC span {
display:inline-block; vertical-align:top; margin:5px 5px 0 0;
width:113px; height:10px; padding:5px 0; overflow:hidden;
text-align:center; text-transform:uppercase; font-size:10px; line-height:10px;
}
.borderFTRC {
position:relative; z-index:5;
width:403px; height:10px;
}
.abtFTRC {
position:absolute; z-index:3; margin-top:5px; margin-left:380px;
width:120px; height:120px; border-radius:100%; border:10px solid;
}
.abtFTRC img {
width:100px; height:100px; border-radius:100%; border:10px solid;
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
.abtFTRC:hover img {
transform:rotate(35deg); -webkit-transform:rotate(35deg);
}
.abtFTRC div {
position:absolute; z-index:3; margin-left:10px; margin-top:10px;
width:100px; height:80px; padding-top:20px; overflow:hidden; border-radius:100%;
text-align:center; font-size:11px; line-height:17px;
opacity:0; transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
.abtFTRC:hover div {
opacity:1;
}
.tleFTRC {
margin-top:15px; margin-left:15px; margin-bottom:13px;
width:285px; height:15px;
text-transform:uppercase; font-weight:bold; letter-spacing:1px; font-size:16px; line-height:15px;
}
.storyFTRC {
display:inline-block; vertical-align:top; margin:0 15px 15px;
width:275px; height:95px; padding:5px; overflow:hidden;
text-align:justify; font-size:11px; line-height:14px;
}
.storyFTRC:hover {
overflow-y:auto;
}
.searchFTRC {
display:inline-block; vertical-align:top;
width:160px; height:95px; padding:5px; overflow:hidden;
text-align:justify; font-size:11px; line-height:16px;
}
.searchFTRC:hover {
overflow-y:auto;
}
.rpFTRC {
width:500px;
}
.rpFTRC span {
display:block;
width:480px; height:15px; padding:5px 10px; overflow:hidden;
text-align:right; text-transform:uppercase; font-weight:bold; font-size:11px; line-height:14px;
}
.rpFTRC div {
position:absolute; margin-top:-190px;
width:480px; height:0; padding:0 10px; overflow:hidden;
text-align:justify; font-size:11px; line-height:15px;
transition:all 0.65s linear; -webkit-transition:all 0.65s linear;
}
.rpFTRC:hover div {
height:145px; padding:10px;
}
.rpFTRC div:hover {
overflow-y:auto;
}
.rpFTRC b {
display:block; margin-bottom:2px;
font-size:14px; text-transform:uppercase;
}
.rpFTRC a {
text-decoration:none !important; text-transform:uppercase;
}

a.cdtTRC2 {
    right: 56px;
}
.TRC1 {
text-align:left; line-height:16px;
}
.TRC2 {
text-align:left; line-height:16px;
}
.cdtTRC1 {
position:absolute; z-index:5; margin-left:-12px; margin-top:35px;
transform:scale(0); -webkit-transform:scale(0); transition:all 0.7s; -webkit-transition:all 0.7s;
}
.cdtTRC2 {
position:absolute; z-index:5; margin-left:-12px; margin-top:35px;
transform:scale(0); -webkit-transform:scale(0); transition:all 0.7s; -webkit-transition:all 0.7s;
}
.TRC1:hover .cdtTRC1 {
transform:scale(0.7); -webkit-transform:scale(0.7);
}
.TRC2:hover .cdtTRC2 {
transform:scale(0.7); -webkit-transform:scale(0.7);
}
.lksTRC1 {
margin: 10px -3px 0px;
    padding: 0 0px 0 9px;
    height: 120px;
    text-align: left;
    font-family: Arial;
    line-height: 16px;
}

    .lksTRC2 {
    padding: 20px 0px 0 6px;
    height: 130px;
    text-align: right;
    font-family: Arial;
    line-height: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-start;
}
.abtTRC1 {
position:relative; margin-top:-10px; margin-left:-5px;
width:120px; height:120px; border-radius:100%; border:10px solid;
}
.abtTRC2 {
    position: relative;
    margin-top: -10px;
    margin-left: 354px;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    border: 10px solid;
}
html.punbb {
    padding: 0 !important;
    width: 100% !important;
    display: grid!important;
    align-items: start !important;
    justify-content: space-between;;
    justify-items: center;
}
.abtTRC1 img {
width:100px; height:100px; border-radius:100%; border:10px solid;
transition:all 0.55s ease; -webkit-transition:all 0.55s ease;
}
.abtTRC2 img {
width:100px; height:100px; border-radius:100%; border:10px solid;
transition:all 0.55s ease; -webkit-transition:all 0.55s ease;
}
.lksTRC1:hover .abtTRC1 img {
transform:rotate(-35deg); -webkit-transform:rotate(-35deg);
}
.lksTRC2:hover .abtTRC2 img {
transform:rotate(-35deg); -webkit-transform:rotate(-35deg);
}
.abtTRC1 div {
position:absolute; z-index:3; margin-left:10px; margin-top:10px;
width:90px; height:80px; padding:20px 5px 0; overflow:hidden; border-radius:100%;
text-align:center; font-size:11px; line-height:16px;
opacity:0; transition:all 0.55s ease; -webkit-transition:all 0.55s ease;
}
.abtTRC2 div {
position:absolute; z-index:3; margin-left:10px; margin-top:10px;
width:90px; height:80px; padding:20px 5px 0; overflow:hidden; border-radius:100%;
text-align:center; font-size:11px; line-height:16px;
opacity:0; transition:all 0.55s ease; -webkit-transition:all 0.55s ease;
}
.abtTRC1 b {
display:block; margin-top:3px;
font-size:12px; text-transform:uppercase;
}
.abtTRC2 b {
display:block; margin-top:3px;
font-size:12px; text-transform:uppercase;
}
.lksTRC1:hover .abtTRC1 div {
opacity:1;
}
.lksTRC2:hover .abtTRC2 div {
opacity:1;
}
.borderTRC1 {
   position: absolute;
    z-index: 5;
    margin-top: -137px;
    margin-left: 111px;
    width: 386px;
    height: 86px;
    border-bottom: 6px solid;
}
.borderTRC2 {
   position: absolute;
    z-index: 5;
    margin-bottom: 37px;
    margin-left: -6px;
    width: 386px;
    height: 86px;
    border-bottom: 6px solid;
}
.npTRC1 {
height: 65px;
    padding-top: 20px;
    padding-left: 40px;
    overflow: hidden;
    line-height: 30px;
    transition: all 0.55s ease;
    -webkit-transition: all 0.55s ease;
    transition-delay: 0.45s;
    -webkit-transition-delay: 0.45s;
}
.npTRC2 {
height: 65px;
    padding-top: 20px;
    padding-right: 14px;
    overflow: hidden;
    line-height: 30px;
    transition: all 0.55s ease;
    -webkit-transition: all 0.55s ease;
    transition-delay: 0.45s;
    -webkit-transition-delay: 0.45s;
}
.lksTRC2:hover .npTRC2 {
opacity:0; transition-delay:0s; -webkit-transition-delay:0s;
}
.lksTRC1:hover .npTRC1 {
opacity:0; transition-delay:0s; -webkit-transition-delay:0s;
}
.descTRC1 {
position: absolute;
    z-index: 2;
    margin-top: -82px;
    width: 190px;
    padding: 5px 0px 0px 25px;
    text-align: justify;
    font-size: large;
    line-height: 0.2;
    opacity: 0;
transition:all 0.55s ease; -webkit-transition:all 0.55s ease; transition-delay:0s; -webkit-transition-delay:0s;
}
.descTRC2 {
    position: absolute;
    z-index: 2;
    margin-top: -82px;
    width: -webkit-fill-available;
    padding: 5px 11px 0px 14px;
    font-size: large;
    line-height: 0.2;
    opacity: 0;
    transition: all 0.55s ease;
    -webkit-transition: all 0.55s ease;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
}
.lksTRC1:hover .descTRC1 {
opacity:1; transition-delay:0.45s; -webkit-transition-delay:0.45s;
}
.lksTRC2:hover .descTRC2 {
opacity:1; transition-delay:0.45s; -webkit-transition-delay:0.45s;
}
.post-box.html-content {
    display: -webkit-box;
}

</style>
[/html]

Отредактировано Нойманн Слава Воронцова (2023-02-13 15:23:36)

3

[icon]https://forumupload.ru/uploads/001b/84/6e/25/800755.png[/icon]

Кого я встретила...


   
[html]

<div id="MOZ">
<!-- LIEN I --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE I EN 100*100 --><img src="https://forumstatic.ru/files/001b/84/6e/55111.png"/><!-- DESCRIPTION I --><div>Мой Свет. Моё сердце. Моё всё. Помолвлены. Полностью ему доверяю и поддерживаю. Люблю заплетать его волосы. Вероятно, в прошлой жизни тоже были вместе. Безмерно люблю..</div><!-- NOM I --><span>Артур Джонатан Сальери</span></div><!-- IMAGE FOND EN 200*200 I --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN II --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE II EN 100*100 --><img src="https://forumstatic.ru/files/001b/84/6e/79727.png"/><!-- DESCRIPTION II --><div>Брат. Тип довольно странный. С ним не скучно, а еще можно накуриться. Иногда убила бы... Но тут уж ничего не поделаешь - родня! </div><!-- NOM II --><span>Маркус Нойманн</span></div><!-- IMAGE FOND EN 200*200 II --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN III --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE III EN 100*100 --><img
src="https://forumstatic.ru/files/001b/84/6e/31233.png"/><!-- DESCRIPTION III --><div>Дорогая сестра. Люблю и уважаю. Мой главный союзник в собирании всех семейных сплетен. Воланд до сих пор не дает нам вместе гулять...</div><!-- NOM III --><span>Елим Нойманн</span></div><!-- IMAGE FOND EN 200*200 III --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN IX --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE IX EN 100*100 --><img src="https://forumupload.ru/uploads/001b/84/6e/25/t815453.png"/><!-- DESCRIPTION IX --><div>Еще одно неординарное творение, встретившее меня на пороге клана. Сестра-некромант с ушами и хвостом. Вроде близки, но слишком разные. Воет так, что все местные волки откликаются. Слов нет, одни эмоции!</div><!-- NOM IX --><span>Робин Малия Нойманн</span></div><!-- IMAGE FOND EN 200*200 IX --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN IV --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE IV EN 100*100 --><img src="https://forumstatic.ru/files/001b/84/6e/14336.png"/><!-- DESCRIPTION IV --><div>Циркачка-акробатка. Нас часто путают. Взбалмошная и эмоциональная. Эпицентры всех громких событий ее любят.. Выступления здесь не причем. Однажды вместе попали в плен - так и познакомились.</div>
<!-- NOM IV --><span>Тирия Эрдриль</span></div><!-- IMAGE FOND EN 200*200 IV --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN V --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE V EN 100*100 --><img src="https://forumstatic.ru/files/001b/84/6e/77163.png"/><!-- DESCRIPTION V --><div>Моя персональная заноза в заднице. Люблю ее. Всегда поддержит, никогда не бросит. Учит меня "пить". Подозрительно сильно жаждет увидеть меня под действием "лика Йо-кого". Моя честь немного в шоке. Рога у нее красивые!</div>
<!-- NOM IV --><span>Михримах Текин Акташ</span></div><!-- IMAGE FOND EN 200*200 V --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN VI --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE VI EN 100*100 --><img src="https://forumstatic.ru/files/001b/84/6e/11056.png"/><!-- DESCRIPTION VI --><div>Неожиданно.. клоун! В жизни далека от своей сценической натуры. Спокойная, умная, рассудительная. Вместе были похищены пиратами - на том общий язык и нашли.</div><!-- NOM VI --><span>Амелия Додо</span></div><!-- IMAGE FOND EN 200*200 VI --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN VII --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE VII EN 100*100 --><img src="https://forumstatic.ru/files/001b/84/6e/21525.png"/><!-- DESCRIPTION VII --><div>Отношение неопределенное. Были неприятные прецеденты. Вынужденно придерживаюсь в его отношении нейтралитета, поскольку он водит дружбу с моим будущим супругом.</div><!-- NOM VII --><span>Инар Рамирас Тонг</span></div><!-- IMAGE FOND EN 200*200 VII --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN VIII --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE VIII EN 100*100 --><img src="https://forumupload.ru/uploads/001b/84/6e/25/t936710.png"/><!-- DESCRIPTION VIII --><div>Хорошая знакомая и соотечественница. Вместе одновременно завели Гермесов - на том сразу и сошлись. Надежный союзник в опасных походах, много общий тем. В общем, скучно точно не бывает.</div><!-- NOM VIII --><span>Винтер Найт</span></div><!-- IMAGE FOND EN 200*200 VIII --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN IX --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE IX EN 100*100 --><img src="https://forumupload.ru/uploads/001b/84/6e/25/838471.png"/><!-- DESCRIPTION IX --><div>Бой-баба. И хорошая знакомая. Целительница и знахарка. Спасла мне жизнь. Прямолинейная, самодостаточная, искренняя, знает себе цену. Наслышана, что вращается в преступных кругах.</div><!-- NOM IX --><span>Иона Дельгадо</span></div><!-- IMAGE FOND EN 200*200 IX --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN X --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE X EN 100*100 --><img src="https://forumupload.ru/uploads/001b/84/6e/25/739565.png"/><!-- DESCRIPTION X --><div>...</div><!-- NOM X --><span>Иоганн Георг Фауст</span></div><!-- IMAGE FOND EN 200*200 X --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN XI --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE XI EN 100*100 --><img src="https://forumupload.ru/uploads/001b/84/6e/25/612565.png"/><!-- DESCRIPTION XI --><div>...</div><!-- NOM XI --><span>Виктория Кевин Агассис</span></div><!-- IMAGE FOND EN 200*200 XI --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN XII --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE XII EN 100*100 --><img src="https://forumupload.ru/uploads/001b/84/6e/25/197174.png"/><!-- DESCRIPTION XII --><div>...</div><!-- NOM XII --><span>Ганрей Спенсер</span></div><!-- IMAGE FOND EN 200*200 XII --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN XIII --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE XIII EN 100*100 --><img src="https://forumupload.ru/uploads/001b/84/6e/25/203894.png"/><!-- DESCRIPTION XIII --><div>...</div><!-- NOM XIII --><span>Мэйуми Оокубо</span></div><!-- IMAGE FOND EN 200*200 XIII --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN XIV --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE XIV EN 100*100 --><img src="https://forumupload.ru/uploads/001b/84/6e/25/398587.png"/><!-- DESCRIPTION XIV --><div>...</div><!-- NOM XIV --><span>Хенмей Юн Сюань</span></div><!-- IMAGE FOND EN 200*200 XIV --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN XV --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE XV EN 100*100 --><img src="https://forumupload.ru/uploads/001b/84/6e/25/511423.png"/><!-- DESCRIPTION XV --><div>...</div><!-- NOM XV --><span>Анна Лили Вебер</span></div><!-- IMAGE FOND EN 200*200 XV --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>

<!-- LIEN XVI --><div class="linkMOZ"><div id="persoMOZ"><!-- IMAGE XVI EN 100*100 --><img src="..."/><!-- DESCRIPTION XVI --><div>...</div><!-- NOM XVI --><span>имя</span></div><!-- IMAGE FOND EN 200*200 XVI --><img src="https://forumupload.ru/uploads/001b/84/6e/25/606734.png" /></div>
</div>
[/html]

Отредактировано Нойманн Слава Воронцова (2023-05-17 21:41:18)

4

[html]
<!-- COULEURS PERSONNALISABLES --><div class="BLIG">
<!-- TITRE / IMAGE & INFORMATIONS --><div class="topBLIG" style="border-bottom-color: #ffbebe;">
<!-- TITRE --><div class="tleBLIG" style="color: #ffbebe;">Инструкция</div>
<div class="tleBLIG2" style="color: #ffbebe;">Привет, я маленькая упаковка больших радостей!</div>
<!-- INFORMATIONS --><p style=" color:white;">Представлено в виде небольшой книжонки размером чуть меньше формата А4. Каждая страничка индивидуально представляет "сообщение", являющееся пунктом из представленного ниже списка. Аккуратно выведены завитки каллиграфического почерка. Вручную нарисованы акварельные пастельные наброски с четко наведенными чернилами графическими тонкими контурами, сюжетом соответствуя "сообщению" каждой отдельной страницы. Существует в единственном экземпляре, созданном и подаренном <a href="https://platforms.f-rpg.me/profile.php?id=32">одному достопочтенному Князю</a> с пометкой "персонально".)
</p></div>
<!-- BORDURE MESSAGE --><div class="msgBLIG" style="box-shadow: 0 0 30px black;">
<!-- MESSAGE --><p style="    color: #b7afa2f0;
    font-weight: 500;
    /* background: -webkit-linear-gradient(top, #ffbebe73 -5%, #ffbebe26 22%, #fefefe00 76%); */
    text-shadow: 1px 1px 3px black;
    box-shadow: inset 0 0 33px black;
    word-spacing: 7px;">
<img src="https://forumupload.ru/uploads/001b/84/6e/3/793243.png" />
<br /><h style="    font-size: 48px;">
Сентиментальная до чертиков.</h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 38px;">Прикасайся ко мне. Много прикасайся. Я без ума от твоих прикосновений! Лучше без перчаток.
<br />
Прелюдий тоже касается.</h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 39px;">Стрелковое оружие - беспроигрышный вариант для "порадовать". Боевые артефакты туда же.</h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 37px;">Тяжело переношу длительные разлуки. Могу много чего себе надумать, обидеться, разозлиться, приревновать к столбу, но говорить о том не стану.</h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 39px;">Люблю цветы, которые дарят не в честь важных событий, а просто так. Вид значения не имеет - любой цветок прекрасен.</h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 40px;">Праздновать "личные" праздники предпочтительнее вдвоем, чем в компании. </h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 38px;">Не люблю украшения классического стиля и формы. Однозначно и без раздумий быстрее выберу бижутерию фентезийной формы с объемными элементами флоры или фауны, чем "бесценное" колье с драгоценными камнями. Второе, вероятнее, продам, чем буду носить.</h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 42px;">Пребывание в обществе мне не помешает открыто проявлять чувства и демонстрировать отношения. Смирись.</h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 40px;">Не люблю стандартный цвет золота, но для подчеркивания нюансов ювелирных композиций он идеален.</h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 40px;">Обожаю молоко(чем жирнее - тем лучше) и все с ним связанное.</h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 38px;">Иногда ем неприлично много, а иногда не ем вообще. Нет, я не стесняюсь, не болею и не худею - мне просто не хочется. Это нормально!</h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 39px;">Сплю голая. Даже если меня уложить в одежде - засну и тогда все-равно до гола разденусь. И даже не проснусь. </h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 40px;">Не ем каши, вареные яйца, мармелад. Печёнку даже не предлагать.</h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 40px;">Кофе не люблю, но с большим количеством молока и сиропом - можно!</h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 45px;">От телепортаций меня тошнит. В прям смысле.</h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 40px;">Где живу я - там живет и мой зверинец: две лисы, енот, гермес и хомячок!</h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 38px;">С алкоголем мой организм дружит очень туго и каждый раз выдает новую реакцию с неповторимыми последствиями. </h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 35px;">Я - собственник. Любая женщина, - что не Оксана, - претендующая на твое общество сверх обычного диалога рискует не дожить до своего следующего Дня Рождения. Пожалей их.</h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 41px;">Совместное задание расценивается за свидание не хуже похода в театр или ресторан.</h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 39px;">Обожаю зелень. Пристройки с обильным озеленением и полным остеклением - прям мое!</h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 40px;">Люблю крыши, в особенности - высокие, в особенности - для "подумать".</h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 37px;">Не люблю публично выступать с речью. Умею. Но не люблю. Буду благодарна за своевременное вмешательство.</h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 37px;">Ненавижу прямо просить о разного рода физическом контакте в настоящий момент времени. Но, когда это происходит, - не советую игнорировать, как это было в столовой в день первой встречи. Ощущается, будто мою открытость откровенно обесценили. Желание попросить что-либо сокровенное в следующий раз может и не наступить.</h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 38px;">С большим удовольствием буду помогать возиться с твоей шевелюрой вместо прислуги - просто скажи об этом.</h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 37px;">В собственном беспорядке ориентируюсь быстрее, чем в чужой чистоте. Потому ноги прислуги не должно быть в помещениях, занятых лично мной. Комфортнее моя жизнь с ними не станет - все каждый раз переделывать, как мне надо. </h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 38px;">Шутки про твой возраст мне не заходят. Совсем. Это напоминает о том, что я опоздала на тысячу лет, а ты спокойно жил "полной" жизнью эту тысячу лет.</h>
<br /><br /><img src="https://forumupload.ru/uploads/001b/84/6e/3/69916.png" /><br /><br />
<h style="    font-size: 37px;">Рискуя попасть в положение полной безысходности с угрозой для жизни, - помни, что через какое-то время я последую за тобой и с большой вероятностью окажусь в такой же жопе.</h>
<br />
<img src="https://forumupload.ru/uploads/001b/84/6e/3/181173.png" /></p></div></div>

<style>
.BLIG {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap; line-height:normal;
transition:height 1s linear; -webkit-transition:height 1s linear;
}
.BLIG:hover {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
}
.topBLIG {
height: 220px; padding:10px 0 20px; border-bottom: 2px dotted;
    z-index: 4;
text-align:center;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.tleBLIG:hover .topBLIG {
height: 50px; box-shadow:inset 0 0 10px rgba(0,0,0,0.1); overflow:hidden;
}
.tleBLIG {    text-shadow: 0 0 8px black; text-transform: uppercase;
margin-bottom:40px; height:80px;
font-size: 45px;
    letter-spacing: 8px; font-family:Carmen;  transform:scale(1); -webkit-transform:scale(1); transition:all 0.5s linear; -webkit-transition:all 0.5s linear;
}
.BLIG:hover .tleBLIG2{
opacity:1; transform:scale(1); -webkit-transform:scale(1);
transition:all 1s linear; -webkit-transition:all 1s linear;
}
.tleBLIG2 {    text-shadow: 0 0 8px black;
text-shadow: 0 0 8px black;
    margin-top: -114px;
    height: -webkit-fill-available;
    font-size: 42px; font-family:Carmen;opacity:0; transform:scale(0); -webkit-transform:scale(0); transition:all 0.5s linear; -webkit-transition:all 0.5s linear;
}
.BLIG:hover .tleBLIG {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 1s linear;
    -webkit-transition: all 1s linear;
}
.topBLIG img{
display:inline-block; vertical-align:top; margin-right:20px;
width:225px; height:85px; border:3px solid;
transition:height .75s linear; -webkit-transition:height .75s linear;
}
.BLIG:hover .topBLIG img {
height:0px;
}
.topBLIG p{
background: -webkit-linear-gradient(top, #ffbebe73 -5%, #ffbebe26 22%, #fefefe00 76%);
display:inline-block; vertical-align:top; margin:0;
    padding: 15px 0 55px;
    overflow: hidden;
    font-size: 15px;
    text-align: center;
    font-family: Fun City Level;
transition:all .75s linear; -webkit-transition:all .75s linear;
}
.tleBLIG:hover .topBLIG p{
background: -webkit-linear-gradient(bottom, #ffbebe73 -5%, #ffbebe26 22%, #fefefe00 76%);
    color: white;
    background-position-y: -59px;
height:0px; padding:0 10px; overflow:hidden;
}
.msgBLIG {
    width: -webkit-fill-available; height:0; padding:0 15px; overflow:hidden;
transition:all 0.5s linear; -webkit-transition:all 0.5s linear;
}
.BLIG:hover .msgBLIG {
height:400px; padding:0 15px 15px;
transition:all 1s linear; -webkit-transition:all 1s linear;
}
.msgBLIG p{
margin:0; height:0; padding:10px; overflow:hidden;
text-align:center;     font-family: Corinthia;
    font-size: 32px;
transition:all 0.5s linear; -webkit-transition:all 0.5s linear;
}
.BLIG:hover .msgBLIG p{
    z-index: 3;
    position: relative;
    height: -webkit-fill-available; overflow:auto;
transition:all 1s linear; -webkit-transition:all 1s linear;
}
.cdtBLIG {
position:absolute; margin-left:-10px; margin-top:170px;
opacity:0; transform:scale(0); -webkit-transform:scale(0); transition:all 0.5s linear; -webkit-transition:all 0.5s linear;
}
.BLIG:hover .cdtBLIG {
opacity:1; transform:scale(1); -webkit-transform:scale(1);
transition:all 1s linear; -webkit-transition:all 1s linear;
}</style>
[/html]

Отредактировано Нойманн Слава Воронцова (2023-03-10 12:32:14)

5

[icon]https://forumupload.ru/uploads/001b/84/6e/25/643297.png[/icon][pro]Каспер[/pro]

[html]
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"><!-- COULEURS PERSONNALISABLES --><div class="THROW" style="    margin: auto;"><!-- TITRE --><div class="tleTHROW" style="display:none; background:#212121; color:lightgrey;"></div><!-- FT --><div class="ftTHROW"><!-- CONTENU --><p style="    margin: 20px -2px;     background: #4e2d23b3; color:white;">"Повесть о Двух Городах"</p><!-- IMAGE 500*150 - REDIMENSIONNEMENT AUTOMATIQUE --><img src="https://forumupload.ru/uploads/001b/84/6e/25/328791.png" /></div><!-- MESSAGE --><div class="msgTHROW" style="color:black;">
<!-- DIALOGUE GAUCHE --><div class="UITHROW" style="    background-image: linear-gradient(45deg, black, transparent);
    color: #fff8f8e0;
    text-shadow: 2px 2px 2px #180202;">Это было лучшее из всех времен. Это было худшее из всех времен. Это был век мудрости. Это был век глупости. Это была эпоха веры. Это была эпоха безверия. Это были годы света. Это были годы мрака. Это была весна надежд. Это была зима отчаяния. У нас было все впереди. У нас не было ничего впереди. Все мы стремительно мчались в Рай. Все мы стремительно мчались в Ад...</div>
<!-- FIN DIALOGUE DROITE --></div></div>

<style>
.THROW {
margin:auto;
width:500px; padding:20px 0; line-height:16px;
box-shadow:0 0 10px rgba(0,0,0,0);
}
.tleTHROW {
margin:auto;
width:450px; padding:10px 5px;
text-align:center; text-transform:uppercase; font-size:24px; font-family:Raleway; line-height:24px;
}
/* FT */
.ftTHROW {
margin:15px auto; max-width:500px; height:410px; overflow:hidden; text-align:center;    border: 1px dotted;
    border-color: bisque;
}
.ftTHROW img{
width:500px;
}
.ftTHROW:hover img {
filter:grayscale(1); -webkit-filter:grayscale(1);
}
.ftTHROW p{
    position: absolute;
    top: 30px;
width: 500px;
    padding: 13px 1px;
    font-family: 'Zeferino Three';
    font-size: 40px !important;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    z-index: 3;
}

.ftTHROW:hover p{
opacity:1;
}
.msgTHROW {
    z-index: 100;
    position: absolute;
    margin: -220px 20px 0;
    width: 440px;
    padding: 10px;
    font-size: 12px;
    text-align: justify;
    font-style: italic;
    font-family: inherit;
}
/* DIALOGUE GAUCHE */
.UITHROW {
margin:5px 0 5px -45px;
width:455px; padding:10px 10px 10px 20px;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.UITHROW::before {
content:''; position:absolute; margin-top:-25px; margin-left:-20px;
width:0; height:0; border-style:solid; border-width:0 0 15px 15px; border-color:transparent; border-bottom-color:black;
}
/* DIALOGUE DROITE */
.UIITHROW {
margin:5px 0;
width:455px; padding:10px 20px 10px 10px;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.UIITHROW::before {
content:''; position:absolute; margin-top:-25px; margin-left:460px;
width:0; height:0; border-style:solid; border-width:15px 0 0 15px; border-color:transparent; border-left-color:black;
}
.cdtTHROW {
position:absolute; z-index:3; margin-left:485px; margin-top:85px;
transform:scale(0); -webkit-transform:scale(0); transition:transform ease-in-out 0.75s; -webkit-transition:-webkit-transform ease-in-out 0.75s;
}
.THROW:hover .cdtTHROW {
transform:scale(1); -webkit-transform:scale(1);
}
</style>
[/html]

Отредактировано Нойманн Слава Воронцова (2023-02-13 07:20:27)

6

[icon]https://forumupload.ru/uploads/001b/84/6e/25/643297.png[/icon][pro]Каспер[/pro]

[html]
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"><!-- COULEURS PERSONNALISABLES --><div class="THROW" style="    margin: auto;"><!-- TITRE --><div class="tleTHROW" style="display:none; background:#212121; color:lightgrey;"></div><!-- FT --><div class="ftTHROW"><!-- CONTENU --><p style="    margin: 240px -2px 0;
    background: -webkit-linear-gradient(top, #89120400, #9a13039c,#89120400); color:white;">Дикая</p><!-- IMAGE 500*150 - REDIMENSIONNEMENT AUTOMATIQUE --><img src="https://forumupload.ru/uploads/001b/84/6e/25/740339.png" /></div><!-- MESSAGE --><div class="msgTHROW" style="color:black;">
<!-- DIALOGUE GAUCHE --><div class="UITHROW" style="background-image: linear-gradient(45deg, black, transparent);
    color: #fff8f8f0;
    text-shadow: 1px -2px 2px #300000;">..моя жизнь, как и все жизни, - таинственная, необратимая и священная. Такая близкая, такая настоящая... такая только моя. И как чудесно позволить ей быть.</div>
<!-- FIN DIALOGUE DROITE --></div></div>

<style>
.THROW {
margin:auto;
width:500px; padding:20px 0; line-height:16px;
box-shadow:0 0 10px rgba(0,0,0,0);
}
.tleTHROW {
margin:auto;
width:450px; padding:10px 5px;
text-align:center; text-transform:uppercase; font-size:24px; font-family:Raleway; line-height:24px;
}
/* FT */
.ftTHROW {
margin: 15px auto;
    max-width: 459px;
    height: 410px;
    overflow: hidden;
    text-align: center;
    border: 4px;
    border-style: double;
    border-color: #c6211fd1;
}
.ftTHROW img{
width:459px;
}
.ftTHROW:hover img {
filter:grayscale(1); -webkit-filter:grayscale(1);
}
.ftTHROW p{
    position: absolute;
    top: 30px;
width: 500px;
    padding: 13px 1px;
    font-family: 'Zeferino Three';
    font-size: 60px !important;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    z-index: 3;
}

.ftTHROW:hover p{
opacity:1;
}
.msgTHROW {
  position: absolute;
    margin: -220px 20px 0;
    width: 440px;
    padding: 10px;
    line-height: 1.1;
    font-size: 30px;
    text-align: justify;
    font-family: 'Zeferino Three';
}
/* DIALOGUE GAUCHE */
.UITHROW {
margin: -203px 0 5px -24px;
    width: 446px; padding:10px 10px 10px 20px;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.UITHROW::before {
    content: '';
    z-index: -45;
    position: absolute;
    margin-top: -30px;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 15px;
    border-color: transparent;
    border-bottom-color: #190101;
}
/* DIALOGUE DROITE */
.UIITHROW {
margin:5px 0;
width:455px; padding:10px 20px 10px 10px;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.UIITHROW::before {
content:''; position:absolute; margin-top:-25px; margin-left:460px;
width:0; height:0; border-style:solid; border-width:15px 0 0 15px; border-color:transparent; border-left-color:black;
}
.cdtTHROW {
position:absolute; z-index:3; margin-left:485px; margin-top:85px;
transform:scale(0); -webkit-transform:scale(0); transition:transform ease-in-out 0.75s; -webkit-transition:-webkit-transform ease-in-out 0.75s;
}
.THROW:hover .cdtTHROW {
transform:scale(1); -webkit-transform:scale(1);
}
</style>
[/html]

Отредактировано Нойманн Слава Воронцова (2023-02-13 04:07:04)

7

[html]
<link href="http://fonts.googleapis.com/css?family=Economica" rel="stylesheet" type="text/css">
<br />
<br />
<!-- COULEURS PERSONNALISABLES --><div class="HEART"><img src="https://forumupload.ru/uploads/001b/84/6e/25/914303.png" style="
    position: relative;
    bottom: -405px;
    transform: scale(1 , -1);
    z-index: -1;
    opacity: 1.66;
" />

<!-- CŒUR --><div class="imgHEART" style="    color: #ec7c91;
    text-shadow: 6px 4px 11px #1c1212f5;"> </div>

<!-- TITRE --><div class="tleHEART" style="top: -324px;
    position: relative;
    border-color: #b8885973;
    color: #b9a690de;
    text-shadow: 0 1px 8px #c6b8a1c7;">
Как-то у  меня спросили,
каково это - быть скитальцем.
Единственное, что мне тогда захотелось ответить..
- "ничего хорошего..."</div>

<!-- FT / INFORMATIONS --><div class="ftHEART" style="">Это было не так давно по меркам "вечно молодых", но.. Семеро, как "давно" теперь теперь была та Я, что видела вокруг себя только "ничего хорошего."</div>

<!-- MESSAGE --><div class="msgHEART" style="color: #ffefbcc9;
    text-shadow: 2px 1px 4px #d2d2d299;">Как-то раз у меня спросили, каково это - быть "скитальцем". Можно было бы, конечно, к неоднозначно дернувшемуся глазу и прямолинейному тыку пальцем в определенную точку с рисунком на своем теле, добавить еще пару слов по обе стороны от не вместившегося в них - с пафосом на-пару - сарказма, - как и всегда это было...
но вряд ли бы это произвело должный эффект впечатления на пятилетнее деревенское чадо. Скорее бы посмотрели на меня, как на гавно, будто мало мне в этой жизни презрения!
Как объяснить это человечку, у которого пока еще мало мозгов для понимания трагизма потери.. себя? Да что уж тут, - мне сорок, мать вашу! Мои мозги где??
  <br>
<br/>
Знаете, что значит - быть скитальцем? Это словно потеряться в тумане. Ты в полной растерянности от того, что абсолютно не знаешь, в каком направлении тебе идти. И в ужасе от того, что назад вернуться ты тоже не можешь по той же причине. Ты не помнишь, кто ты.. Не помнишь, что  ты. И никого другого не помнишь ты. А финальным актом ты поймешь, еще и не ведаешь, где(!) ты. Бросил ли ты всех - или же "все" бросили тебя?  Ты видишь в зеркале взрослого человека, но ты беспомощное дитя перед ликом мира, о который даже не верится. Ты никогда не сможешь чувствовать себя в полной безопасности - тебя буквально заставляют бесконечно доказывать свою полезность  миру, в который ты не просился, доказывать, что ты достоин жить, что ты хочешь жить...
   <br>
<br />
А когда ты еще блуждает по своему туману - иногда слышишь -  отдаленно так - отголоски своего прошлого, что окутывают со всех сторон вместе с туманом и только сильнее сбивают тебя с пути. Только с годами этот туман рассеивается... И "отголоски" оказываются  всего лишь отголосками. Так рьяно манящими за собой, но утягивающими обратно в туман. Можно притвориться, что их нет. Притворяться годами, и в один момент даже перестать о них думать. Иногда даже мнимо ощущаешь неимоверную легкость. И, пожалуй, не все в бытии скитальцем плохо. Когда я впустила Платформу в свое сердце - она впустила меня в свое. И "Она" уже знала, чем меня одарить.</div></div>

<style>
.HEART {display: flex;
    background-repeat: no-repeat;
    margin: auto;
position: relative;
    line-height: 11px;
    width: 500px;
    height: 685px;
    border: 1px dushad;
    background: url(https://forumupload.ru/uploads/001b/84/6e/25/914303.png) 0px -30px;
    justify-content: center;
z-index: 2
    align-items: stretch;
    flex-wrap: wrap;
    align-content: center;}

.imgHEART {
z-index:1; margin-top:35px; margin-left:425px;
font-size:148px;  text-shadow:0px 0px 2px rgba(0,0,0,0.2);
transform:rotate(30deg); -webkit-transform:rotate(30deg); transition:transform ease 1s; -webkit-transition:-webkit-transform ease 1s;
}
.HEART:hover .imgHEART {
transform:rotate(390deg); -webkit-transform:rotate(390deg);
}
.tleHEART {
        border-top: 3px solid;
    border-bottom: 3px solid;
    width: 476px;
    height: 0;
    padding: 11px 0 160px 12px;
    font-family: Corinthia;
    font-size: 31px;
    text-transform: inherit;
    line-height: 0.7;
    text-align: -webkit-auto;
}
.ftHEART {
width: 461px;
    padding: 28px 0 0;
    height: 6px;
    color: #4cd1b3a1;
    font-size: 13px;
    font-family: Calibri;
    text-align: right;
    font-style: italic;
    text-transform: uppercase;
}
.msgHEART {
box-shadow: 0px 0px 19px rgb(59 19 19);
    box-shadow: inset 0 0 56px rgb(0 0 0 / 55%);
    padding: 10px 17px 17px;
    font-size: 10px;
    letter-spacing: 0.19px;
    width: 440px;
    line-height: 11px;
    text-indent: 30px;
    top: -314px;
    position: relative;
    text-align: justify;
     border: 1px dotted #ffe9ad;
    backdrop-filter: blur(3px);
    background: rgb(209 179 142 / 27%);
}

.cdtHEART {
position:absolute; margin-left:-10px; margin-top:45px;
transform:scale(0); -webkit-transform:scale(0); transition:transform ease-in-out 0.95s; -webkit-transition:-webkit-transform ease-in-out 0.95s;
}
.HEART:hover .cdtHEART {
transform:scale(1); -webkit-transform:scale(1);
}
</style>[/html]
   
   
   
   
[html]
<link href="http://fonts.googleapis.com/css?family=Economica" rel="stylesheet" type="text/css">
<br />
<br />
<!-- COULEURS PERSONNALISABLES --><div class="HEART">

<!-- CŒUR --><div class="imgHEART" style="    color: #ec7c91;
    text-shadow: 6px 4px 11px #1c1212f5;"> </div>

<!-- TITRE --><div class="tleHEART" style="top: -324px;
    position: relative;
    border-color: #b8885973;
    color: #b9a690de;
    text-shadow: 0 1px 8px #c6b8a1c7;">
Винтер Найт</div>

<!-- FT / INFORMATIONS --><div class="ftHEART" style=""></div>

<!-- MESSAGE --><div class="msgHEART" style="color: #ffefbcc9;
    text-shadow: 2px 1px 4px #d2d2d299;">
Просыпается как-то раз Винтер в своей шикарной постели в родном доме, а тут прямо перед её носом у кровати стоят её собственные доспехи. Стоят так, словно одеты на кого-то невидимого. Но при этом не двигаются, ждут чего-то. На проснувшуюся женщину никакой реакции не последует, но как-только она захочет прикоснуться или как-то на них воздействовать магией - доспехи тотчас оживут, сдвигаясь с места и двигаясь как реальный человек, вовремя уклоняясь и отходя от любых попыток себя задеть.
</br></br>
То есть, ни потрогать, ни поймать - вообще не вариант. Да и что-то нам подсказывает, что рано или поздно Соловью надоест играть с доспехами в догонялки. Но куда бы та ни пошла - доспех "хвостиком" последует за блондинкой. И не дайте Семеро по пути еще доспехи встретить. А ведь Винтер встретит - к вечеру за ней так целая армия пустых оживших доспехов наберется. Трогать себя ни одна железка не даст, но и Винтер эти железки не трогают - просто ходят за ней неустанно дзыньчащим эскортом, да ходят. А потом все резко внезапно замерли, прекратив свое преследование. Постояли пол минуты. Синхронно скинули со своих верхов шлемы и вместо них водрузили тыквы с вырезанными рожами и горящим огнем внутри. Посмотрели своими огненными глазищами на женщину и тут в унисон как бросятся на неё с устрашающим ревом всей толпой. Бегут, руки свои железные загребущие тянут, ни то задушить хотят, ни то волосы повыдергивать. При попытках разнести этот таран традиционным методом быстро выяснится, что у доспехов есть возможность восстанавливаться, собираясь обратно в единое-целое. Но еще спустя какое-то время вообще окажется, что лезут доспехи к блондинке не убивать её, а обниматься. И лишь когда дама окажется завалена горой любвеобильных доспехов - те вернутся в свое невоодушевленное состояние.</div></div>

<style>
.HEART {
background-repeat: no-repeat !important;
display: flex;
    background-repeat: no-repeat;
    margin: auto;
position: relative;
    line-height: 11px;
    width: 500px;
    height: 638px;
    border: 1px dushad;
    background: url(https://forumupload.ru/uploads/001b/84/6e/25/351493.png) 0px -30px;
    justify-content: center;
z-index: 2
    align-items: stretch;
    flex-wrap: wrap;
    align-content: center;}

.imgHEART {
z-index:1; margin-top: 555px; margin-left:425px;
font-size:148px;  text-shadow:0px 0px 2px rgba(0,0,0,0.2);
transform:rotate(30deg); -webkit-transform:rotate(30deg); transition:transform ease 1s; -webkit-transition:-webkit-transform ease 1s;
}
.HEART:hover .imgHEART {
transform:rotate(390deg); -webkit-transform:rotate(390deg);
}
.tleHEART {
border-top: 3px solid;
    border-bottom: 3px solid;
    width: 460px;
    height: 0;
    padding: 11px 0 160px 12px;
    font-family: 'Corinthia';
    font-size: 44px;
    word-spacing: 13px;
    text-transform: inherit;
    line-height: 1.7;
    text-align: -webkit-auto;
}
.ftHEART {
width: 461px;
    padding: 28px 0 0;
    height: 6px;
    color: #4cd1b3a1;
    font-size: 13px;
    font-family: Calibri;
    text-align: right;
    font-style: italic;
    text-transform: uppercase;
}
.msgHEART {
box-shadow: 0px 0px 19px rgb(59 19 19);
    box-shadow: inset 0 0 56px rgb(0 0 0 / 55%);
    padding: 10px 17px 17px;
    font-size: 12px;
    letter-spacing: 0.12px;
    width: 440px;
    line-height: 14px;
    text-indent: 30px;
    top: -308px;
    position: relative;
    text-align: justify;
    border: 1px dotted #ffe9ad;
    backdrop-filter: blur(3px);
    background: rgb(209 179 142 / 27%);
}

.cdtHEART {
position:absolute; margin-left:-10px; margin-top:45px;
transform:scale(0); -webkit-transform:scale(0); transition:transform ease-in-out 0.95s; -webkit-transition:-webkit-transform ease-in-out 0.95s;
}
.HEART:hover .cdtHEART {
transform:scale(1); -webkit-transform:scale(1);
}
</style>[/html]

Отредактировано Нойманн Мстислава Сальери (2023-10-22 22:22:00)

8

Галерея образов


[html]
<br/>
<div style="display: flex;flex-wrap: wrap;justify-content: center;"><a href="https://forumupload.ru/uploads/001b/84/6e/25/999634.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/999634.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/448060.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/448060.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/294619.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/294619.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/989420.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/989420.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/403083.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/403083.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/677618.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/677618.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/532248.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/532248.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/398796.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/398796.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/808161.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/808161.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/119690.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/119690.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/540955.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/540955.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/598768.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/598768.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/356767.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/356767.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/855519.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/855519.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/813911.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/813911.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/618049.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/618049.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/537133.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/537133.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/86473.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/86473.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/847371.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/847371.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/331812.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/331812.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/251852.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/251852.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/400307.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/400307.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/688601.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/688601.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/638072.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/638072.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/583984.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/583984.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/832969.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/832969.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/271026.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/271026.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/655046.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/655046.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/538205.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/538205.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/426463.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/426463.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/761785.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/761785.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/804477.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/804477.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/663908.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/663908.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/108099.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/108099.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/562111.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/562111.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/61937.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/61937.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/860618.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/860618.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/319909.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/319909.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/110430.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/110430.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/560159.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/560159.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/70193.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/70193.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/536538.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/536538.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/606795.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/606795.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/759558.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/759558.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/589797.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/589797.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/836507.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/836507.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/139941.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/139941.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/46379.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/46379.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/658542.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/658542.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/733814.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/733814.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/442961.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/442961.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/871955.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/871955.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/899592.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/899592.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/267790.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/267790.png" /></a>
<a href="https://forumupload.ru/uploads/001b/84/6e/25/934890.png" target="_blank" style="width: 100px;display: inline-flex;"><img name="imgORUZH" src="https://forumupload.ru/uploads/001b/84/6e/25/934890.png" /></a>
</div>
[/html]

Отредактировано Нойманн Мстислава Сальери (2024-11-09 22:54:31)

9

[icon]https://forumupload.ru/uploads/001b/84/6e/25/521520.png[/icon]

[html]
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"><!-- COULEURS PERSONNALISABLES --><div class="THROW" style="    margin: auto; background-image: linear-gradient(180deg, #100d14d9, transparent);"><!-- CREDIT --><a class="cdtTHROW" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="https://forumupload.ru/uploads/001b/84/6e/25/751666.png" /></a><!-- TITRE --><div class="tleTHROW" style="display:none; background:#212121; color:lightgrey;"></div><!-- FT --><div class="ftTHROW"><!-- CONTENU --><p style="    margin: -3px auto; background:rgba(0,0,0,0.9); color:white;">Увидь то, что я вижу. Раздели со мной то, что я помню...</br>СОН I </br>"Шум за сценой"</p><!-- IMAGE 500*150 - REDIMENSIONNEMENT AUTOMATIQUE --><img src="https://forumupload.ru/uploads/001b/84/6e/25/751666.png" /></div><!-- MESSAGE --><div class="msgTHROW" style="color: #96b7bf;
    background-image: linear-gradient(0deg, #60626894, transparent);">
Нос встречает слегка спертый воздух окутанного полумраком подсобного узкого коридорчика, вдоль которого с одной стороны мелькали закрытые двери служебных помещений и гримерок, а с другой - рассеянными редкими лучами играл на стенах пробивающийся откуда-то сверху солнечный свет, являющийся единственным освещением здесь в данный момент. От каменных вековых стен веяло такой приятной долгожданной прохладой, словно за их пределами непременно поджидала путников удушающая жара. В коридоре театра, куда сегодня занесло усыпленное сознание, царствовала кромешная пронизывающая тишина, предательски делающая не только шаги, но и само дыхание будто бы громче. При том шествующему по коридору седому высокому мужчине совершенно не обязательно было прислушиваться к эху каблучков своей спутницы, чтобы четко знать весь её маршрут не только в реальном времени, но предугадывать все еще не совершенные повороты и выборы при развилках. Легкий топот пружинистой походки даже словно нарочито не оставлял мужской слух, игриво зазывая следовать за собой дальше и дальше. На очередном повороте голубые глаза еще и успеют поймать вильнувший в другом конце подол пышной голубой юбки с узором в горошек, тут же скрывшийся за углом следом за женским силуэтом. Горошек, в общем-то, конкретно сейчас даже самый зоркий глаз вряд ли бы определил так с ходу за жалкую долю секунды... Мужчина просто знал.<!-- DIALOGUE GAUCHE --><div class="UITHROW" style="
   font-size: larger;
    font-weight: 900;
    font-style: italic;
    color: #0f0c12;
    background-image: linear-gradient(90deg, #606268e8, transparent);">- Ты когда-то мечтала о большой сцене?
</br>
- Ахахах, не дай Бог! </div>
Следующая остановка - сцена. Большая, с деревянным паркетом, завораживающая внушительного размера зал зрителей своими представлениями уже далеко не первое десятилетие. И пустая.  Как и весь зал - в целом. Уходящие вверх кресла меркли и сливались с темнотой. Сцена была слегка подсвечена позабытым невыключенным прожектором. А в центре спиной к подоспевшему мужчине с низким хвостом из седых вьющихся волос стоял силуэт молодой женщины в том-самом голубом платье в горошек с юбкой выше уровня колен, в ботинках светлого бежевого оттенка на невысоком каблуке и копной распущенных огненно-рыжих волнистых волос. Скромно держа руки у себя за спиной, спутница взирала на пустой зал, будто бы каждой частичкой себя наслаждаясь властвующим здесь умиротворением, впитывала его уединенную атмосферу и одновременно оную дополняла сама одним лишь своим присутствием.
</br>
<!-- FIN DIALOGUE GAUCHE --><!-- DIALOGUE DROITE --><div class="UIITHROW" style="
font-size: larger;
    font-weight: 900;
    font-style: italic;
    color: #0f0c12;
    background-image: linear-gradient(280deg, #606268e8, transparent);">-...Но очень люблю бывать в таких местах, закулисьях.. когда никого нет. В этом есть какая-то... загадочность? Спокойствие..</div>
Обернувшееся к мужчине лицо с чистой бледной кожей и так ярко выделяющимися в полумраке зелеными глазами ласкало играющей на мягких губах улыбкой, обнимало взглядом даже без рук. В какой-то момент по залу разлилась долетающая из соседних помещений музыка репетирующего оркестра, на чем мужчине внезапно протянули руку и - не без улыбки - с важным деланным видом попросили о танце. Самом первом, приятно удивляющем заядлого традиционалиста не только фактом приглашения, а и самим исполнением, - когда извечно резкая, местами грубоватая и порой крайне неуклюжая особа грациозно поплыла в его руках под мелодичные ритмы вальса. Пляшущие тени еще сильнее померкшего освещения обволакивали танцующую пару, так и норовя укрыть их от самой реальности, спрятать от бегущего времени в моменте, когда каждое движение и каждый взгляд не уставали признаваться в любви безо всяких слов. Движения пары плавно уводили танец к завершению под заглушение оркестровой партии, но никто не спешил отдаляться, максимально оттягивая этот момент и только охотно поддаваясь притяжению, предвкушая на губах тепло поцелуя, как внезапно в дальнем конце зала с резким хлопком отворилась дверь, в проеме показался совершенно незнакомый человек в форме местного персонала, а рыжая спутница ловко ускользает от поцелуя, с задорным приглушенным смехом утаскивая мужчину за руку обратно в коридоры за кулисами сцены.
</div></div>

<style>
.THROW {
margin:auto;
width:500px; padding:20px 0; line-height:16px;
box-shadow:0 0 10px rgba(0,0,0,0);
}
.tleTHROW {
margin:auto;
width:450px; padding:10px 5px;
text-align:center; text-transform:uppercase; font-size:24px; font-family:Raleway; line-height:24px;
}
/* FT */
.ftTHROW {
border: 1px dashed; margin:15px auto; width:500px; height:150px; overflow:hidden; text-align:center;
}
.ftTHROW img{
width:500px; height:150px;
}
.ftTHROW:hover img {
filter:grayscale(1); -webkit-filter:grayscale(1);
}
.ftTHROW p{
    position: absolute;
    top: 30px;
width: 500px;
    padding: 13px 1px;
    font-family: 'Century Gothic';
    font-size: 15px !important;
    text-align: center;
    font-variant: petite-caps;
    opacity: 0;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    z-index: 3;
}

.ftTHROW:hover p{
opacity:1;
}
.msgTHROW {
margin: auto;
    width: 440px;
    padding: 10px;
    font-size: 12px;
    text-align: justify;
    font-style: italic;
    font-family: inherit;
}
/* DIALOGUE GAUCHE */
.UITHROW {
margin:5px 0 5px -45px;
width:455px; padding:10px 10px 10px 20px;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.UITHROW::before {
content:''; position:absolute; margin-top:-25px; margin-left:-20px;
width:0; height:0; border-style:solid; border-width:0 0 15px 15px; border-color:transparent; border-bottom-color:black;
}
/* DIALOGUE DROITE */
.UIITHROW {
margin:5px 0;
width:455px; padding:10px 20px 10px 10px;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.UIITHROW::before {
content:''; position:absolute; margin-top:-25px; margin-left:460px;
width:0; height:0; border-style:solid; border-width:15px 0 0 15px; border-color:transparent; border-left-color:black;
}
.cdtTHROW {
position:absolute; z-index:3; margin-left:485px; margin-top:85px;
transform:scale(0); -webkit-transform:scale(0); transition:transform ease-in-out 0.75s; -webkit-transition:-webkit-transform ease-in-out 0.75s;
}
.THROW:hover .cdtTHROW {
transform:scale(1); -webkit-transform:scale(1);
}
</style>
[/html]

Отредактировано Нойманн Слава Воронцова (2023-05-27 08:28:04)


Вы здесь » Platform » Досье » Мстислава Воронцова


Рейтинг форумов | Создать форум бесплатно