Эпизоды
[html]<table style="height: 5px;" width="301">
<tbody>
<!-- TOUTES COULEURS PERSONNALISABLES --><div class="TRC1" style="margin: margin: 2px 0 0 15%;">
<!-- CREDIT --><a class="cdtTRC1" href="https://platforms.f-rpg.me/viewtopic.php?id=145" target="_blank"><img src="https://forumstatic.ru/files/001b/84/6e/23024.png" /></a>
<!-- LIEN I --><div class="lksTRC1" style="background: -moz-linear-gradient(bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);background: -webkit-linear-gradient(top, #363636ed , #ffc4c4de 40%, #914646a3 77% ,#0b040436 100%,#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); padding: 12px 10px 14px;">
<!-- BORDURE INFORMATIONS & IMAGE --><div class="abtTRC1" style="border-color: #2e0909ad;">
<!-- INFORMATIONS -->
<div style="background: #969494c7;
color: #ffffff;">
<h3 style="
margin: 23px 0 0 0;
">АКТИВЕН</h3>
</div>
<!-- IMAGE 100*100 & SA BORDURE --><img style="border-color:#dcdcdcb8;" src="https://forumupload.ru/uploads/001b/84/6e/36/957146.png" /></div>
<!-- BORDURE NOM PRENOM & DESCRIPTION --><div class="borderTRC1" style="border-color: #dcdcdcb8;">
<!-- NOM PRENOM --><div class="npTRC1" style="color: #1b1b1bd6;
font-size: 250%;
font-family: 'Doppelganger';
font-weight: 600;">Где мои подснежники?</div>
<!-- DESCRIPTION --><div class="descTRC1" >
<h3 style=" font-weight: 500;
color: #ffffffe8;
">Апрель 44 524 г</h3>
<p style=" color: #3b0000;
font-family: 'Century Gothic';
font-size: 15px;
margin: 0.8em -38% 0 12px;">
<b>Участники:</b> Цербер, Луперкаль</p></div></div></div>
<!-- TOUTES COULEURS PERSONNALISABLES II --><div class="TRC2" style="margin: 11px 0 0 -167px;">
<!-- CREDIT II --><a class="cdtTRC2" href="https://platforms.f-rpg.me/viewtopic.php?id=140" target="_blank"><img src="https://forumstatic.ru/files/001b/84/6e/23024.png" /></a>
<!-- LIEN II --><div class="lksTRC2" style="background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);background: -webkit-linear-gradient(top, #363636ed , #ffc4c4de 40%, #914646a3 77% ,#0b040436 100%,#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="abtTRC2" style="border-color: #2e0909ad;">
<!-- INFORMATIONS II -->
<div style="background: #969494c7;
color: #ffffff;">
<h3 style="
margin: 23px 0 0 0;
">АКТИВЕН</h3>
</div>
<!-- IMAGE 100*100 & SA BORDURE II --><img style="border-color:#dcdcdcb8;" src="https://forumupload.ru/uploads/001b/84/6e/36/49291.png" /></div>
<!-- BORDURE NOM PRENOM & DESCRIPTION II --><div class="borderTRC2" style="border-color: #dcdcdcb8;">
<!-- NOM PRENOM II --><div class="npTRC2" style="color: #1b1b1bd6;
font-size: 250%;
font-family: 'Doppelganger';
font-weight: 600;">Ведьмин круг</div>
<!-- DESCRIPTION II --><div class="descTRC2" >
<h3 style=" font-weight: 500;
color: #ffffffe8;
margin: -16px 0 0 177px
">Январь 44 525г</h3>
<p style=" color: #3b0000;
font-family: 'Century Gothic';
font-size: 15px;
margin: 0.95em 4% -11px 31px;">
<b>Участники:</b> Клык, Мисс Вебер, Черная Вдова, Демон Рой, Луперкаль.</p></div></div></div>
<!-- TOUTES COULEURS PERSONNALISABLES III --><div class="TRC1" style=" margin: 2px 0 0 34%;">
<!-- CREDIT III --><a class="cdtTRC1" href="https://platforms.f-rpg.me/viewtopic.php?id=172" 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, #363636ed , #ffc4c4de 40%, #914646a3 77% ,#0b040436 100%,#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); padding: 12px 10px 0;">
<!-- BORDURE INFORMATIONS & IMAGE III --><div class="abtTRC1" style="border-color: #2e0909ad;">
<!-- INFORMATIONS III -->
<div style="background: #969494c7;
color: #ffffff;">
<h3 style="
margin: 23px 0 0 0;
">АКТИВЕН</h3>
</div>
<!-- IMAGE 100*100 & SA BORDURE III --><img style="border-color: #dcdcdcb8;" src="https://forumupload.ru/uploads/001b/84/6e/36/580081.png" /></div>
<!-- BORDURE NOM PRENOM & DESCRIPTION III --><div class="borderTRC1" style="border-color:#dcdcdcb8;">
<!-- NOM PRENOM III --><div class="npTRC1" style="color: #1b1b1bd6;
font-size: 240%;
font-family: 'Doppelganger';
font-weight: 600;
">Последний лист Киришны</div>
<!-- DESCRIPTION III --><div class="descTRC1" >
<h3 style=" font-weight: 500;
color: #ffffffe8;
margin: -11px 0 10px 5px;
">Март 44 525г</h3>
<p style=" color: #3b0000;
font-family: 'Century Gothic';
font-size: 15px;
margin: 0.3em -85% 0 12px;">
<b>Участники:</b> Луперкаль, Цербер, Клюква, Зомби-Кондитер, Акация.</p></div></div></div>
<style>
.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: -100px;
}
.TRC1 {
margin:auto; width:500px;
text-align:left; line-height:16px;margin: 0 22px;
}
.TRC2 {
margin:auto; width:500px;
text-align:right; 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: 0px 0px -16px;
width: 500px;
height: 120px;
overflow: hidden;
text-align: left;
line-height: 16px;
}
.lksTRC2 {
margin: 0 0 0 92px;
padding: 0 0px 0 9px;
width: 500px;
height: 120px;
/* overflow: hidden; */
text-align: right;
font-family: Arial;
line-height: 16px;
}
.abtTRC1 {
position: relative;
margin-top: -12px;
margin-left: 6px;
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-items: stretch!important;
justify-content: start!important;
}
.abtTRC1 img {
width:100px; height:100px; border-radius:100%; border:10px double;
transition:all 0.55s ease; -webkit-transition:all 0.55s ease;
}
.abtTRC2 img {
width:100px; height:100px; border-radius:100%; border:10px double;
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:13px; font-weight: 700; 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:13px; font-weight: 700; 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: 6;
margin-top: -126px;
margin-left: 109px;
width: 390px;
height: 95px;
border-bottom: 10px double;
}
.borderTRC2 {
position: absolute;
z-index: 5;
margin-top: -136px;
margin-left: -9px;
width: 390px;
height: 95px;
border-bottom: 10px double;
}
.npTRC1 {
height: 86px;
padding-top: 31px;
padding-left: 43px;
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: 86px;
padding-top: 31px;
padding-right: 43px;
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: -97px;
width: 186px;
padding: 5px 0px 0px 40px;
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: 345px;
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;
}
.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]
Отредактировано Михримах Текин Акташ (2022-12-29 12:13:03)