[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)