шаблон личная страница

Поделиться12025-05-14 13:05:33

Автор: Vandra
Cyberpunk 2077
Вайолет Сорренгейл, I курс
Lorem ipsum odor amet, consectetuer adipiscing elit. eu mi rhoncus iaculis lacinia.Rhoncus Lorem ipsum odor amet, consectetuer adipiscing elit. eu mi rhoncus iaculis lacinia.Rhoncus Lorem ipsum odor amet, consectetuer adipiscing elit. eu mi rhoncus iaculis lacinia.Rhoncus
В игре: 123
Уважение: +0
Последний визит:
Вчера 15:08:53
Администратор

123

0

Поделиться22025-05-14 13:17:40

Автор: Vandra
Cyberpunk 2077
Вайолет Сорренгейл, I курс
Lorem ipsum odor amet, consectetuer adipiscing elit. eu mi rhoncus iaculis lacinia.Rhoncus Lorem ipsum odor amet, consectetuer adipiscing elit. eu mi rhoncus iaculis lacinia.Rhoncus Lorem ipsum odor amet, consectetuer adipiscing elit. eu mi rhoncus iaculis lacinia.Rhoncus
В игре: 123
Уважение: +0
Последний визит:
Вчера 15:08:53
Администратор

ДЛЯ ВСАДНИКОВ

[html]<style>

.dragon-rider-wrapper {
margin: 0 auto;
position: relative;
width: 945px;
height: 589px;
}

.vtab-content {
display: none;
}

.vtab-content.active {
display: block;
}

.vtab-btn {
cursor: pointer;
}

.vtab-btn.active {
/* font-weight: bold; */
}

personalpage.pp-emp * {
box-sizing: border-box;
}

personalpage.pp-emp .pp-btn {
width: 24px;
height: 24px;
border-radius: 50%;
background-color: transparent;
background-position: center;
filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 1));
border: none;
transition: background-color .4s ease-in-out, transform .4s ease-in-out, box-shadow .4s ease-in-out;
}

personalpage.pp-emp .pp-btn::after {
content: '';
position: absolute;
inset: 0;
border-radius: 50%;
background: linear-gradient(180deg, #ffffff 0%, #d0e0e7 100%);
box-shadow: 0px 4px 4px 0px rgba(133, 170, 190, 1);
z-index: -1;
opacity: 0;
transition: opacity .4s ease-in-out;

}

personalpage.pp-emp .pp-btn.active::after {
opacity: 1;
}

personalpage.pp-emp .pp-btn.active {
transform: translatey(20px);
}

personalpage.pp-emp .pp-btn::before {
content: '';
width: 24px;
height: 24px;
position: absolute;
inset: 0;
border-radius: 50%;
background-position: center;
z-index: 2;
}

personalpage.pp-emp .pp-btn:first-of-type::before {
background-image: url(https://forumstatic.ru/files/001c/72/80/93802.svg);
}

personalpage.pp-emp .pp-btn:nth-of-type(2)::before {
background-image: url(https://forumstatic.ru/files/001c/72/80/52246.svg);
}

personalpage.pp-emp .pp-btn:nth-of-type(3)::before {
background-image: url(https://forumstatic.ru/files/001c/72/80/60661.svg);
}

personalpage.pp-emp .pp-btn:nth-of-type(4)::before {
background-image: url(https://forumstatic.ru/files/001c/72/80/68506.svg);
}

personalpage.pp-emp .vtab-buttons {
position: absolute;
top: 37px;
left: 17px;
display: flex;
gap: 8px;
z-index: 5;
}

personalpage.pp-emp {
width: 824px;
height: 500px;
border-radius: 10px;
position: absolute;
top: 16px;
right: 16px;
display: block;
background: url(https://forumstatic.ru/files/001c/72/80/86160.svg);
}

personalpage.pp-emp::before {
content: '';
position: absolute;
height: 112px;
width: 85px;
top: -16px;
right: -16px;
background: url(https://forumstatic.ru/files/001c/72/80/43304.svg);
}

personalpage.pp-emp::after{
content: '';
position: absolute;
height: 575px;
width: 121px;
top: 2px;
left: -104px;
background: url(https://forumstatic.ru/files/001c/72/80/57675.svg) no-repeat;
}

personalpage.pp-emp .vtab-content.active {
display: block;
width: 519px;
height: 470px;
position: absolute;
top: 69px;
left: -48px;
border-radius: 10px;
background: url(https://forumstatic.ru/files/001c/72/80/40946.svg) no-repeat;
z-index: 2
}

personalpage.pp-emp .vtab-content.active::before {
content: '';
position: absolute;
height: 581px;
width: 401px;
top: -79px;
right: -10.6px;
pointer-events: none;
background: url(https://forumstatic.ru/files/001c/72/80/49664.svg);
}

personalpage.pp-emp pp-char {
width: 424px;
height: 363px;
top: 28px;
left: 29px;
gap: 37px;
display: flex;
flex-direction: column;
overflow: auto;
position: relative;
font-family: Inter;
font-weight: 400;
font-size: 10px;
line-height: 14px;
text-align: justify;
scrollbar-gutter: stable;
padding-right: 4px;
}

personalpage.pp-emp pp-char div {
position: relative;
color: rgba(34, 44, 54, 1)
}

personalpage.pp-emp pp-char div::before {
content: attr(data-title);
display: block;
font-family: Inter;
font-weight: 700;
font-size: 9px;
line-height: 100%;
letter-spacing: 3%;
text-transform: uppercase;
color: rgba(34, 44, 54, 0.4);
margin-bottom: 8px;
}

personalpage.pp-emp pp-char div::after {
content: '';
background: url(https://forumstatic.ru/files/001c/72/80/65808.svg);
position: absolute;
width: 81px;
height: 9px;
left: 50%;
transform: translatex(-50%);
bottom: -24px;
}

personalpage.pp-emp pp-char div:last-of-type::after {
content: none;
}

personalpage.pp-emp pp-char div span {
display: block;
font-family: Inter;
font-weight: 700;
font-size: 12px;
line-height: 14px;
letter-spacing: 0%;
margin-bottom: 8px;
}

personalpage.pp-emp pp-dossier {
background: rgba(255, 255, 255, 0.6);
backdrop-filter: blur(13px);
box-shadow: 0px -4px 35px 0px rgba(77, 99, 108, 0.22);
width: 272px;
height: 154px;
top: 211px;
right: -309px;
display: grid;
grid-template-columns: 2fr 4fr;
border-radius: 10px;
gap: 8px 1px;
padding: 16px;
position: absolute;

}

personalpage.pp-emp pp-dossier::after {
content: '';
background: url(https://forumstatic.ru/files/001c/72/80/31646.svg);
position: absolute;
width: 373px;
height: 267px;
top: -74px;
left: -78px;
pointer-events: none;
}

personalpage.pp-emp pp-dossier div:is(:nth-of-type(3), :nth-of-type(4)) {
grid-column: span 2;
}

personalpage.pp-emp pp-dossier div:last-of-type {
border-bottom: none;
}

personalpage.pp-emp pp-dossier div::before {
content: attr(data-title);
font-family: Inter;
font-weight: 700;
display: block;
font-size: 9px;
letter-spacing: 3%;
text-transform: uppercase;
color: rgba(34, 44, 54, 0.4);
}

personalpage.pp-emp pp-dossier div {
font-family: Inter;
font-weight: 400;
font-size: 11px;
line-height: 100%;
text-align: left;
color: rgba(34, 44, 54, 1);
border-bottom: 1px dashed rgba(0, 0, 0, 0.18);
padding-bottom: 2px;
}

personalpage.pp-emp pp-dossier span {
display: flex;
background: rgba(255, 255, 255, 1);
border-radius: 50px;
height: 23px;
padding: 4px 8px;
position: absolute;
top: -28px;
left: 0px;
font-family: Inter;
font-weight: 700;
font-size: 12px;
z-index: 3;
}

personalpage.pp-emp pp-dossier img {
position: absolute;
width: 61px;
height: 61px;
border-radius: 50%;
border: 6px solid rgba(255, 255, 255, 1);
left: -69px;
top: -29px;
z-index: 4;
box-sizing: content-box;
object-fit: cover;
}

pp-dragons {
width: 424px;
height: 363px;
top: 28px;
left: 29px;
display: flex;
gap: 14px;
overflow: auto;
position: relative;
font-family: Inter;
font-weight: 400;
font-size: 10px;
line-height: 14px;
text-align: justify;
scrollbar-gutter: stable;
flex-direction: column;
}

personalpage.pp-emp pp-dragon {
width: 423px;
height: auto;
flex-shrink: 0;
display: flex;
flex-direction: column;
overflow: auto;
position: relative;
font-family: Inter;
font-weight: 400;
font-size: 10px;
line-height: 14px;
text-align: justify;
scrollbar-gutter: stable;
padding-right: 4px;
}

personalpage.pp-emp pp-dragon span {
display: block;
font-family: Inter;
font-weight: 700;
font-size: 16px;
line-height: 14px;
color: rgba(34, 44, 54, 1);
margin: 4px 0 12px;
}

personalpage.pp-emp pp-dragon > div {
width: 301px;
height: auto;
display: grid;
grid-template-columns: 2fr 4fr;
border-radius: 10px;
gap: 8px 1px;
position: relative;
margin-bottom: 14px;
}

personalpage.pp-emp pp-dragon > div > div:is(:nth-of-type(3), :nth-of-type(4)) {
grid-column: span 2;
}

personalpage.pp-emp pp-dragon > div > div:last-of-type {
border-bottom: none;
}

personalpage.pp-emp pp-dragon > div > div::before {
content: attr(data-title);
font-family: Inter;
font-weight: 700;
display: block;
font-size: 9px;
letter-spacing: 3%;
text-transform: uppercase;
color: rgba(34, 44, 54, 0.4);
}

personalpage.pp-emp pp-dragon::before {
content: attr(data-title);
font-family: Inter;
font-weight: 700;
display: block;
font-size: 9px;
letter-spacing: 3%;
text-transform: uppercase;
color: rgba(34, 44, 54, 0.4);
}

personalpage.pp-emp pp-dragon > div > div {
font-family: Inter;
font-weight: 400;
font-size: 11px;
line-height: 100%;
text-align: left;
color: rgba(34, 44, 54, 1);
border-bottom: 1px dashed rgba(0, 0, 0, 0.18)
}

pp-dragon img {
width: 103px;
height: 80px;
object-fit: contain;
position: absolute;
left: 309px;
top: 25px;

}

personalpage.pp-emp dragon-desc::before {
content: attr(data-title);
display: block;
font-family: Inter;
font-weight: 700;
font-size: 9px;
line-height: 100%;
letter-spacing: 3%;
text-transform: uppercase;
color: rgba(34, 44, 54, 0.4);
margin-bottom: 8px;
}

personalpage.pp-emp pp-chronology {
background: rgba(255, 255, 255, 0.6);
backdrop-filter: blur(13px);
box-shadow: 0px -4px 35px 0px rgba(77, 99, 108, 0.22);
width: 272px;
height: 154px;
top: 211px;
right: -309px;
display: flex;
flex-direction: column;
border-radius: 10px;
gap: 4px;
padding: 16px;
position: absolute;
}

personalpage.pp-emp pp-chronology span {
display: flex;
background: rgba(255, 255, 255, 1);
border-radius: 50px;
height: 23px;
padding: 4px 8px;
position: absolute;
top: -28px;
left: 0px;
font-family: Inter;
font-weight: 700;
font-size: 12px;
z-index: 3;
}

personalpage.pp-emp pp-chronology > div > div::before {
content: attr(data-title);
display: block;
font-family: Inter;
font-weight: 700;
font-size: 9px;
line-height: 100%;
letter-spacing: 3%;
text-transform: uppercase;
color: rgba(34, 44, 54, 0.4);
margin-bottom: 2px;
}
personalpage.pp-emp pp-chronology > div {
overflow: auto;
display: flex;
flex-direction: column;
gap: 4px;
}

personalpage.pp-emp pp-chronology > div > div {
display: flex;
flex-direction: column;
border-bottom: 1px dashed rgba(0, 0, 0, 0.18);
padding-bottom: 8px;
}

personalpage.pp-emp pp-chronology > div > div:last-of-type {
border-bottom: none;
}

personalpage.pp-emp pp-chronology > div > div a {
border: none;
text-decoration: none;
position: relative;
width: fit-content;
font-family: Inter;
font-weight: 400;
font-size: 11px;
transition: color .4s ease-in-out, text-decoration .4s ease-in-out;
}

personalpage.pp-emp pp-chronology > div > div a:hover {
color: #7a9199 !important;
}

personalpage.pp-emp pp-chronology > div > div a::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 0%;
background-color: currentColor;
transition: width 0.4s ease-in-out;
}

personalpage.pp-emp pp-chronology > div > div a:hover::before {
width: 100%;
}

personalpage.pp-emp pp-chronology > div > div a:hover {
color: #7a9199 !important;
}

pp-bgs {
width: 424px;
height: 363px;
top: 28px;
left: 29px;
display: flex;
gap: 14px;
position: relative;
font-family: Inter;
font-weight: 400;
font-size: 10px;
line-height: 14px;
text-align: justify;
flex-direction: column;
}

pp-bgs div {
width: 424px;
height: 312px;
top: 28px;
display: flex;
gap: 4px;
overflow: auto;
position: relative;
font-family: Inter;
font-weight: 400;
font-size: 10px;
line-height: 14px;
text-align: justify;
scrollbar-gutter: stable;
flex-direction: row;
flex-wrap: wrap;
}

pp-bgs div img {
width: 100px;
height: 100px;
border-radius: 10px;
object-fit: cover;
filter: contrast(0.7) grayscale(0.2);
}

personalpage.pp-emp pp-bgs::before {
content: attr(data-title);
font-family: Inter;
font-weight: 700;
display: block;
font-size: 9px;
letter-spacing: 3%;
text-transform: uppercase;
color: rgba(34, 44, 54, 0.4);
}

pp-pokemons {
width: 424px;
height: 363px;
top: 28px;
left: 29px;
display: flex;
gap: 14px;
position: relative;
font-family: Inter;
font-weight: 400;
font-size: 10px;
line-height: 14px;
text-align: justify;
flex-direction: column;
}

pp-pokemons div {
width: 424px;
height: 312px;
top: 28px;
display: flex;
gap: 4px;
overflow: auto;
position: relative;
font-family: Inter;
font-weight: 400;
font-size: 10px;
line-height: 14px;
text-align: justify;
scrollbar-gutter: stable;
flex-direction: row;
flex-wrap: wrap;
}

personalpage.pp-emp pp-pokemons::before {
content: attr(data-title);
display: block;
font-family: Inter;
font-weight: 700;
font-size: 9px;
line-height: 100%;
letter-spacing: 3%;
text-transform: uppercase;
color: rgba(34, 44, 54, 0.4);
margin-bottom: 2px;
}

pp-pokemon {
width: 80px;
height: 89px;
display: flex;
background-color: #d4e4f1;
padding: 10px;
border-radius: 10px;
position: relative;
justify-content: center;
}

pp-pokemon img {
width: 60px;
height: 63px;
object-fit: contain;
}

pp-pokemon.__0 {
background-image: url(https://forumstatic.ru/files/001c/72/80/51271.svg);
background-repeat: no-repeat;
background-position: center 15px;
filter: grayscale(1);
opacity: .4;
}

pp-pokemon.__0 img {
display: none;
}

pp-pokemon span {
display: block;
text-align: center;
height: 15px;
background: rgba(247, 247, 247, 1);
color: rgba(34, 44, 54, 1);
font-family: Inter;
font-weight: 700;
font-size: 9px;
padding-top: 2px;
line-height: 100%;
position: absolute;
border-radius: 0 0 10px 10px;
bottom: 0px;
width: 80px;
}

pp-pokemon.__0 span {
display: none;
}

pp-pokemon.__0::before {
content: '?????';
display: block;
text-align: center;
height: 15px;
background: rgba(247, 247, 247, 1);
color: rgba(34, 44, 54, 1);
font-family: Inter;
font-weight: 700;
font-size: 9px;
padding-top: 2px;
line-height: 100%;
position: absolute;
border-radius: 0 0 10px 10px;
bottom: 0px;
width: 80px;
}

</style>

<div class="vtabs-cont">
<div class="vtab-buttons">
<button class="vtab-btn pp-btn"></button>
<button class="vtab-btn pp-btn"></button>
<button class="vtab-btn pp-btn"></button>
<button class="vtab-btn pp-btn"></button>
</div>

<div class="vtab-content">

<pp-char>
<div data-title='О ПЕРСОНАЖЕ'>
С другой стороны начало повседневной работы по формированию позиции требуют от нас анализа систем массового участия. Равным образом рамки и место обучения кадров в значительной степени обуславливает создание существенных финансовых и административных условий. С другой стороны постоянный количественный рост и сфера нашей активности в значительной степени обуславливает создание направлений прогрессивного развития. Равным образом сложившаяся структура организации играет важную роль в формировании модели развития. Задача организации, в особенности же новая модель организационной деятельности в значительной степени обуславливает создание существенных финансовых и административных условий. Задача организации, в особенности же сложившаяся структура организации требуют определения и уточнения систем массового участия.<br>
Разнообразный и богатый опыт рамки и место обучения кадров представляет собой интересный эксперимент проверки направлений прогрессивного развития.
</div>

<div data-title='Способности'>
<span> Название способности</span>
С другой стороны начало повседневной работы по формированию позиции требуют от нас анализа систем массового участия. Равным образом рамки и место обучения кадров в значительной степени обуславливает создание существенных финансовых и административных условий. С другой стороны постоянный количественный рост, С другой стороны начало повседневной работы по формированию позиции требуют от нас анализа систем массового участия. Равным образом рамки и место обучения кадров в значительной степени обуславливает создание существенных финансовых и административных условий. С другой стороны постоянный количественный рост
</div>

</pp-char>

<pp-dossier>
<span>Имя Фамилия</span>
<img src='https://i.pinimg.com/736x/2b/f0/3c/2bf03c0fc5f1d723c400da0b1f863481.jpg' />
<div data-title='ВОЗРАСТ'> 53 </div>
<div data-title='РАСА'> человек </div>
<div data-title='ЗВАНИЕ'>командир четвертого крыла/командир отряда/командир секции </div>
<div data-title='ЛОЯЛЬНОСТЬ'> командир четвертого крыла/командир отряда/командир секции </div>

</pp-dossier>

</div>

<div class="vtab-content"><pp-dragons>

<pp-dragon data-title='ДРАКОН'>
<span> ИМЯ ДРАКОНА </span>
<div>
<div data-title='ВОЗРАСТ'> 153 </div>
<div data-title='РАСА'> дрокон! </div>
<div data-title='ВИД'> особо крупный, чешуйчатый и дроконий </div>
<div data-title='ЛОЯЛЬНОСТЬ'> командир четвертого крыла/командир отряда/командир секции </div></div>

<img src='https://forumstatic.ru/files/001c/72/80/12271.svg' />

<dragon-desc data-title='О ДРАКОНЕ'>
С другой стороны начало повседневной работы по формированию позиции требуют от нас анализа систем массового участия. Равным образом рамки и место обучения кадров в значительной степени обуславливает создание существенных финансовых и административных условий. С другой стороны постоянный количественный рост, С другой стороны начало повседневной работы по формированию позиции требуют от нас анализа систем массового участия.
</dragon-desc>

</pp-dragon>

<pp-dragon data-title='ДРАКОН'>
<span> ИМЯ ДРАКОНА </span>
<div>
<div data-title='ВОЗРАСТ'> 153 </div>
<div data-title='РАСА'> дрокон! </div>
<div data-title='ВИД'> особо крупный, чешуйчатый и дроконий </div>
<div data-title='ЛОЯЛЬНОСТЬ'> командир четвертого крыла/командир отряда/командир секции </div></div>

<img src='https://forumstatic.ru/files/001c/72/80/98476.svg' />

<dragon-desc data-title='О ДРАКОНЕ'>
С другой стороны начало повседневной работы по формированию позиции требуют от нас анализа систем массового участия. Равным образом рамки и место обучения кадров в значительной степени обуславливает создание существенных финансовых и административных условий. С другой стороны постоянный количественный рост, С другой стороны начало повседневной работы по формированию позиции требуют от нас анализа систем массового участия.
</dragon-desc>

</pp-dragon>

</pp-dragons>

<pp-chronology>
<span> Хронология </span>
<div>

<div data-title='НАСТОЯЩЕЕ'>
<a href='#' target='_blank'> Название эпизода </a>
<a href='#'> Название эпизода </a>
<a href='#'> Название эпизода </a>
<a href='#'> Название эпизода </a>
</div>

<div data-title='ПРОШЛОЕ'>
<a href='#'> Название эпизода </a>
<a href='#'> Название эпизода </a>
<a href='#'> Название эпизода </a>
<a href='#'> Название эпизода </a>
</div>

</div></pp-chronology>

</div>

<div class="vtab-content">
<pp-bgs data-title='Фоны в профиль'><div>

</div></pp-bgs></div>

<div class="vtab-content">

<pp-pokemons data-title='покемоны'><div>

<pp-pokemon class='__1'>
<img src='https://forumstatic.ru/files/001c/72/80/39153.png' />
<span>Джигглипуф </span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/70561.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/39153.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/70561.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/89091.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/25200.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/11451.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/39450.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/57941.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/61496.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/44067.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/62804.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/19460.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/60089.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/85955.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/20318.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/97833.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/73721.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/57277.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/71335.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/99545.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/93641.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/46718.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/25432.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/75594.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/40584.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/47730.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/73365.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/61713.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/20021.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/97911.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/53728.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/42551.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/48859.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/97741.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/71886.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/23744.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/34733.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/28571.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/93080.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/89204.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/31135.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/38112.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/67686.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/86291.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/92457.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/56925.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/56742.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/64497.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/32635.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/14314.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/26498.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/26728.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/13820.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/39924.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/29149.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/50552.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/41589.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/79087.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/68664.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/68652.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/13972.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/49201.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/86438.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/46708.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/31027.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/47968.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/19421.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/40044.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/22733.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/95984.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/14786.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/42036.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/20692.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/22323.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/90825.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/62207.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/35108.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/80915.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/26996.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/73320.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/23277.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/86900.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/77707.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/81394.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/18011.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/82269.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/20161.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/45205.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/48638.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/98388.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/26588.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/17899.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/49218.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/80089.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/79281.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/50918.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/35744.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/67462.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/63149.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/60123.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/60766.png' />
<span>Имя покемона</span>
</pp-pokemon>

<pp-pokemon class='__0'>
<img src='https://forumstatic.ru/files/001c/72/80/36240.png' />
<span>Имя покемона</span>
</pp-pokemon>

</div></div></personalpage></section>[/html][hideprofile]

0

Поделиться32025-05-16 10:53:17

Автор: Vandra
Cyberpunk 2077
Вайолет Сорренгейл, I курс
Lorem ipsum odor amet, consectetuer adipiscing elit. eu mi rhoncus iaculis lacinia.Rhoncus Lorem ipsum odor amet, consectetuer adipiscing elit. eu mi rhoncus iaculis lacinia.Rhoncus Lorem ipsum odor amet, consectetuer adipiscing elit. eu mi rhoncus iaculis lacinia.Rhoncus
В игре: 123
Уважение: +0
Последний визит:
Вчера 15:08:53
Администратор

ссылки покемонов

Код:

https://forumstatic.ru/files/001c/72/80/39153.png
https://forumstatic.ru/files/001c/72/80/70561.png
https://forumstatic.ru/files/001c/72/80/89091.png
https://forumstatic.ru/files/001c/72/80/25200.png
https://forumstatic.ru/files/001c/72/80/11451.png
https://forumstatic.ru/files/001c/72/80/39450.png
https://forumstatic.ru/files/001c/72/80/57941.png
https://forumstatic.ru/files/001c/72/80/61496.png
https://forumstatic.ru/files/001c/72/80/44067.png
https://forumstatic.ru/files/001c/72/80/62804.png
https://forumstatic.ru/files/001c/72/80/19460.png
https://forumstatic.ru/files/001c/72/80/60089.png
https://forumstatic.ru/files/001c/72/80/85955.png
https://forumstatic.ru/files/001c/72/80/20318.png
https://forumstatic.ru/files/001c/72/80/97833.png
https://forumstatic.ru/files/001c/72/80/73721.png
https://forumstatic.ru/files/001c/72/80/57277.png
https://forumstatic.ru/files/001c/72/80/71335.png
https://forumstatic.ru/files/001c/72/80/99545.png
https://forumstatic.ru/files/001c/72/80/93641.png
https://forumstatic.ru/files/001c/72/80/46718.png
https://forumstatic.ru/files/001c/72/80/25432.png
https://forumstatic.ru/files/001c/72/80/75594.png
https://forumstatic.ru/files/001c/72/80/40584.png
https://forumstatic.ru/files/001c/72/80/47730.png
https://forumstatic.ru/files/001c/72/80/73365.png
https://forumstatic.ru/files/001c/72/80/61713.png
https://forumstatic.ru/files/001c/72/80/20021.png
https://forumstatic.ru/files/001c/72/80/97911.png
https://forumstatic.ru/files/001c/72/80/53728.png
https://forumstatic.ru/files/001c/72/80/42551.png
https://forumstatic.ru/files/001c/72/80/48859.png
https://forumstatic.ru/files/001c/72/80/97741.png
https://forumstatic.ru/files/001c/72/80/71886.png
https://forumstatic.ru/files/001c/72/80/23744.png
https://forumstatic.ru/files/001c/72/80/34733.png
https://forumstatic.ru/files/001c/72/80/28571.png
https://forumstatic.ru/files/001c/72/80/93080.png
https://forumstatic.ru/files/001c/72/80/89204.png
https://forumstatic.ru/files/001c/72/80/31135.png
https://forumstatic.ru/files/001c/72/80/38112.png
https://forumstatic.ru/files/001c/72/80/67686.png
https://forumstatic.ru/files/001c/72/80/86291.png
https://forumstatic.ru/files/001c/72/80/92457.png
https://forumstatic.ru/files/001c/72/80/56925.png
https://forumstatic.ru/files/001c/72/80/56742.png
https://forumstatic.ru/files/001c/72/80/64497.png
https://forumstatic.ru/files/001c/72/80/32635.png
https://forumstatic.ru/files/001c/72/80/14314.png
https://forumstatic.ru/files/001c/72/80/26498.png
https://forumstatic.ru/files/001c/72/80/26728.png
https://forumstatic.ru/files/001c/72/80/13820.png
https://forumstatic.ru/files/001c/72/80/39924.png
https://forumstatic.ru/files/001c/72/80/29149.png
https://forumstatic.ru/files/001c/72/80/50552.png
https://forumstatic.ru/files/001c/72/80/41589.png
https://forumstatic.ru/files/001c/72/80/79087.png
https://forumstatic.ru/files/001c/72/80/68664.png
https://forumstatic.ru/files/001c/72/80/68652.png
https://forumstatic.ru/files/001c/72/80/13972.png
https://forumstatic.ru/files/001c/72/80/49201.png
https://forumstatic.ru/files/001c/72/80/86438.png
https://forumstatic.ru/files/001c/72/80/46708.png
https://forumstatic.ru/files/001c/72/80/31027.png
https://forumstatic.ru/files/001c/72/80/47968.png
https://forumstatic.ru/files/001c/72/80/19421.png
https://forumstatic.ru/files/001c/72/80/40044.png
https://forumstatic.ru/files/001c/72/80/22733.png
https://forumstatic.ru/files/001c/72/80/95984.png
https://forumstatic.ru/files/001c/72/80/14786.png
https://forumstatic.ru/files/001c/72/80/42036.png
https://forumstatic.ru/files/001c/72/80/20692.png
https://forumstatic.ru/files/001c/72/80/22323.png
https://forumstatic.ru/files/001c/72/80/90825.png
https://forumstatic.ru/files/001c/72/80/62207.png
https://forumstatic.ru/files/001c/72/80/35108.png
https://forumstatic.ru/files/001c/72/80/80915.png
https://forumstatic.ru/files/001c/72/80/26996.png
https://forumstatic.ru/files/001c/72/80/73320.png
https://forumstatic.ru/files/001c/72/80/23277.png
https://forumstatic.ru/files/001c/72/80/86900.png
https://forumstatic.ru/files/001c/72/80/77707.png
https://forumstatic.ru/files/001c/72/80/81394.png
https://forumstatic.ru/files/001c/72/80/18011.png
https://forumstatic.ru/files/001c/72/80/82269.png
https://forumstatic.ru/files/001c/72/80/20161.png
https://forumstatic.ru/files/001c/72/80/45205.png
https://forumstatic.ru/files/001c/72/80/48638.png
https://forumstatic.ru/files/001c/72/80/98388.png
https://forumstatic.ru/files/001c/72/80/26588.png
https://forumstatic.ru/files/001c/72/80/17899.png
https://forumstatic.ru/files/001c/72/80/49218.png
https://forumstatic.ru/files/001c/72/80/80089.png
https://forumstatic.ru/files/001c/72/80/79281.png
https://forumstatic.ru/files/001c/72/80/50918.png
https://forumstatic.ru/files/001c/72/80/35744.png
https://forumstatic.ru/files/001c/72/80/67462.png
https://forumstatic.ru/files/001c/72/80/63149.png
https://forumstatic.ru/files/001c/72/80/60123.png
https://forumstatic.ru/files/001c/72/80/60766.png
https://forumstatic.ru/files/001c/72/80/36240.png

0

Поделиться42025-05-18 09:05:51

Автор: Vandra
Cyberpunk 2077
Вайолет Сорренгейл, I курс
Lorem ipsum odor amet, consectetuer adipiscing elit. eu mi rhoncus iaculis lacinia.Rhoncus Lorem ipsum odor amet, consectetuer adipiscing elit. eu mi rhoncus iaculis lacinia.Rhoncus Lorem ipsum odor amet, consectetuer adipiscing elit. eu mi rhoncus iaculis lacinia.Rhoncus
В игре: 123
Уважение: +0
Последний визит:
Вчера 15:08:53
Администратор

ДЛЯ ДРАКОНОВ

[html]
<style>

.dragon-wrapper {
margin: 0 auto;
position: relative;
width: 945px;
height: 589px;
}

.dragon-wrapper personalpage.pp-emp pp-dossier {
background: rgba(255, 255, 255, 0.6);
backdrop-filter: blur(13px);
box-shadow: 0px -4px 35px 0px rgba(77, 99, 108, 0.22);
width: 272px;
height: 164px;
top: 211px;
right: -309px;
display: grid;
grid-template-columns: 2fr 4fr;
border-radius: 10px;
gap: 8px 1px;
padding: 16px;
position: absolute;
}

.dragon-wrapper personalpage.pp-emp pp-dossier div:is(:nth-of-type(3), :nth-of-type(4)) {
grid-column: span 1;
}

.dragon-wrapper personalpage.pp-emp pp-dossier div:is(:nth-of-type(5), :nth-of-type(6)) {
grid-column: span 2;
}

pp-rider {
width: 424px;
height: 363px;
top: 28px;
left: 29px;
display: grid;
grid-template-columns: 80px 1fr;
grid-template-rows: auto 1fr;
gap: 14px;
overflow: auto;
position: relative;
font-family: Inter;
font-weight: 400;
font-size: 10px;
line-height: 14px;
text-align: justify;
scrollbar-gutter: stable;
flex-direction: column;
}

pp-rider a > img {
width: 61px;
height: 61px;
border-radius: 50%;
border: 6px solid rgba(255, 255, 255, 1) !important;
box-sizing: content-box !important;
object-fit: cover;
}

pp-rider a:has(img) {
position: relative;
width: 61px;
height: 61px;
border-bottom: none !important;
}

pp-rider a {
width: max-content;
border-bottom: none!important;
}

pp-rider a span {
transition: color .4s ease-in-out;
color: inherit;
}

pp-rider a span:hover {
color: #7a9199 !important;
}

personalpage.pp-emp pp-dragon-rider > div > div:last-of-type {
border-bottom: 1px dashed rgba(0, 0, 0, 0.18)!important;
}

personalpage.pp-emp pp-dragon-rider {
width: 326px;
height: auto;
flex-shrink: 0;
display: flex;
flex-direction: column;
overflow: auto;
position: relative;
font-family: Inter;
font-weight: 400;
font-size: 10px;
line-height: 14px;
text-align: justify;
scrollbar-gutter: stable;
padding-right: 4px;
}

.dragon-wrapper rider-desc {
grid-column: span 2;
}

.dragon-wrapper rider-desc::before {
content: attr(data-title);
display: block;
font-family: Inter;
font-weight: 700;
font-size: 9px;
line-height: 100%;
letter-spacing: 3%;
text-transform: uppercase;
color: rgba(34, 44, 54, 0.4);
margin-bottom: 8px;

}

personalpage.pp-emp pp-dragon-rider span {
display: block;
font-family: Inter;
font-weight: 700;
font-size: 16px;
line-height: 14px;
color: rgba(34, 44, 54, 1);
margin: 4px 0 12px;
}

personalpage.pp-emp pp-dragon-rider > div {
width: 322px;
height: auto;
display: grid;
grid-template-columns: 2fr 4fr;
border-radius: 10px;
gap: 8px 1px;
position: relative;
margin-bottom: 14px;
}

personalpage.pp-emp pp-dragon-rider > div > div:is(:nth-of-type(3), :nth-of-type(4)) {
grid-column: span 2;
}

personalpage.pp-emp pp-dragon-rider > div > div:last-of-type {
border-bottom: inherit;
}

personalpage.pp-emp pp-dragon-rider > div > div::before {
content: attr(data-title);
font-family: Inter;
font-weight: 700;
display: block;
font-size: 9px;
letter-spacing: 3%;
text-transform: uppercase;
color: rgba(34, 44, 54, 0.4);
}

personalpage.pp-emp pp-dragon-rider::before {
content: attr(data-title);
font-family: Inter;
font-weight: 700;
display: block;
font-size: 9px;
letter-spacing: 3%;
text-transform: uppercase;
color: rgba(34, 44, 54, 0.4);
}

personalpage.pp-emp pp-dragon-rider > div > div {
font-family: Inter;
font-weight: 400;
font-size: 11px;
line-height: 100%;
text-align: left;
color: rgba(34, 44, 54, 1);
border-bottom: 1px dashed rgba(0, 0, 0, 0.18)
}

</style>

<div class="vtabs-cont">
<div class="vtab-buttons">
<button class="vtab-btn pp-btn"></button>
<button class="vtab-btn pp-btn"></button>
<button class="vtab-btn pp-btn"></button>
<button class="vtab-btn pp-btn"></button>
</div>

<div class="vtab-content">

<pp-char>
<div data-title='БРАЧНЫЕ УЗЫ'>
<span> Название способности</span></div>

<div data-title='о персонаже'>
С другой стороны начало повседневной работы по формированию позиции требуют от нас анализа систем массового участия. Равным образом рамки и место обучения кадров в значительной степени обуславливает создание существенных финансовых и административных условий. С другой стороны постоянный количественный рост, С другой стороны начало повседневной работы по формированию позиции требуют от нас анализа систем массового участия. Равным образом рамки и место обучения кадров в значительной степени обуславливает создание существенных финансовых и административных условий. С другой стороны постоянный количественный рост<br>
С другой стороны начало повседневной работы по формированию позиции требуют от нас анализа систем массового участия. Равным образом рамки и место обучения кадров в значительной степени обуславливает создание существенных финансовых и административных условий. С другой стороны постоянный количественный рост, С другой стороны начало повседневной работы по формированию позиции требуют от нас анализа систем массового участия. Равным образом рамки и место обучения кадров в значительной степени обуславливает создание существенных финансовых и административных условий. С другой стороны постоянный количественный рост
</div>

</pp-char>

<pp-dossier>
<span>Имя Дракона</span>
<img src='https://i.pinimg.com/736x/d7/b3/90/d7b390b2d415cb2f6456b82521ea10e7.jpg' />
<div data-title='ВОЗРАСТ'> 53 </div>
<div data-title='РАСА'> дракон </div>
<div data-title='ВИД'> 53 </div>
<div data-title='РОД'> дракон </div>
<div data-title='ФОРМА ХВОСТА'>командир четвертого крыла/командир отряда/командир секции </div>
<div data-title='ЛОЯЛЬНОСТЬ'> командир четвертого крыла/командир отряда/командир секции </div>

</pp-dossier>

</div>

<div class="vtab-content"><pp-rider>

<a href='#'><img src='https://i.pinimg.com/736x/6e/f9/ef/6ef9efd8e6ab633da9452978129b3214.jpg' /></a>

<pp-dragon-rider data-title='ВСАДНИК'>

<a href='#'><span> ИМЯ ВСАДНИКА </span></a>
<div>
<div data-title='РАСА'> человек </div>
<div data-title='ЛОЯЛЬНОСТЬ'> командир четвертого крыла/командир отряда/командир секции </div>

</div>

</pp-dragon-rider>

<rider-desc data-title='О ВСАДНИКЕ'>
С другой стороны начало повседневной работы по формированию позиции требуют от нас анализа систем массового участия. Равным образом рамки и место обучения кадров в значительной степени обуславливает создание существенных финансовых и административных условий. С другой стороны постоянный количественный рост, С другой стороны начало повседневной работы по формированию позиции требуют от нас анализа систем массового участия.
</rider-desc>

</pp-rider>

<pp-chronology>
<span> Хронология </span>
<div>

<div data-title='НАСТОЯЩЕЕ'>
<a href='#' target='_blank'> Название эпизода </a>
<a href='#' target='_blank'> Название эпизода </a>
<a href='#' target='_blank'> Название эпизода </a>
<a href='#' target='_blank'> Название эпизода </a>
</div>

<div data-title='ПРОШЛОЕ'>
<a href='#' target='_blank'> Название эпизода </a>
<a href='#' target='_blank'> Название эпизода </a>
<a href='#' target='_blank'> Название эпизода </a>
<a href='#' target='_blank'> Название эпизода </a>
</div>