комплимент от тонтона
Ты вошёл в Тонтон. Место, где привычный мир затихает, уступая место аномалиям и явлениям, у которых нет названий. Мы не обещаем чудес — только холодок по спине и десяток вопросов без ответа. Как комплимент за то, что не испугался, город дарит тебе оформление профиля — каждый пользователь может получить один набор на выбор раз в месяц. Носи как знак того, что ты теперь часть этой тени.
[html]<div class="trivryad">
<!-- первый блок -->
<div class="newpol">
<ul>
<li class="pa-fld6"><img src="https://upforme.ru/uploads/001c/84/93/28/759817.gif" style="cursor: pointer;" title="Клик – копировать код иконки"></li>
<li class="pa-author"><span class="acchide">Автор: </span><a href="javascript:to('fog bound')" class="online">name surname</a><img src="/i/blank.gif" class="indOnline" original-title="fog bond"></li>
<li class="pa1" style="background-image: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, rgb(212 205 194) 57%), url(https://upforme.ru/uploads/001c/84/93/28/417627.jpg) !important; background-repeat: no-repeat, no-repeat !important; background-size: auto, cover !important; background-position: 0% 0%, center calc(0% - 75px) !important; border: var(--forcol-border) !important; cursor: pointer;" title="Клик – копировать фон"></li>
<li class="pa-title">i ♥ fog bound</li>
<li class="pa-avatar"><img src="https://upforme.ru/uploads/001c/44/10/4/229470.png" alt="fog bound" style="cursor: pointer;"></li>
<li class="pa-fld1"><name><a href="https://wounds.rusff.me/">твое красивое имя, y.o.</a></name><text>я похищен <a href="https://wounds.rusff.me/">нло</a>. </text><prof>профессионал своего дела</prof></li>
<li class="pa-posts"><span class="fld-name"><a href="" target="_blank">Сообщений</a>:</span> 100<span class="GamePst">/100</span></li>
<li class="pa-fld2"><span class="fld-name">Валюта:</span> 100</li>
<li class="pa-respect"><span class="fld-name"><a href="" rel="nofollow">Репутация</a>:</span><span>+100</span></li>
<li class="pa-fld3" style="display: none;"><span class="fld-name">Посты:</span> 100</li>
<li class="papara" style="cursor: pointer;" title="Клик – копировать код плашки"><a id="fog_bound" class="modal-link" href="#" data-reveal-id="character"><img src="https://upforme.ru/uploads/001c/84/93/28/417627.jpg"><text style="color: #dfd8cc;"><m>Reality is thin here</m>you can almost fall through</text></a></li>
</ul>
</div>
<!-- второй блок -->
<div class="newpol">
<ul>
<li class="pa-fld6"><img src="https://upforme.ru/uploads/001c/84/93/28/644599.png" style="cursor: pointer;" title="Клик – копировать код иконки"></li>
<li class="pa-author"><span class="acchide">Автор: </span><a href="javascript:to('fog bound')" rel="nofollow" class="online">name surname</a><img src="/i/blank.gif" class="indOnline" original-title="fog bond"></li>
<li class="pa2" style="background-image: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, rgb(212 205 194) 57%), url(https://upforme.ru/uploads/001c/84/93/28/620597.jpg) !important; background-repeat: no-repeat, no-repeat !important; background-size: auto, cover !important; background-position: 0% 0%, center calc(0% - 75px) !important; border: var(--forcol-border) !important; cursor: pointer;" title="Клик – копировать фон"></li>
<li class="pa-title">i ♥ fog bound</li>
<li class="pa-avatar item2"><img src="https://upforme.ru/uploads/001c/44/10/4/229470.png" alt="fog bound" style="cursor: pointer;"></li>
<li class="pa-fld1"><name><a href="https://wounds.rusff.me/">твое красивое имя, y.o.</a></name><text>я похищен <a href="https://wounds.rusff.me/">нло</a>. </text><prof>профессионал своего дела</prof></li>
<li class="pa-posts"><span class="fld-name"><a href="" target="_blank">Сообщений</a>:</span> 100<span class="GamePst">/100</span></li>
<li class="pa-fld2"><span class="fld-name">Валюта:</span> 100</li>
<li class="pa-respect"><span class="fld-name"><a href="" rel="nofollow">Репутация</a>:</span><span>+100</span></li>
<li class="pa-fld3" style="display: none;"><span class="fld-name">Посты:</span> 100</li>
<li class="papara" style="cursor: pointer;" title="Клик – копировать код плашки"><a id="fog_bound" class="modal-link" href="#" data-reveal-id="character"><img src="https://upforme.ru/uploads/001c/84/93/28/620597.jpg"><text style="color: #ffffff;"><m>Magic lives in the</m>space between heartbeats</text></a></li>
</ul>
</div>
<!-- третий блок -->
<div class="newpol">
<ul>
<li class="pa-fld6"><img src="https://upforme.ru/uploads/001c/84/93/28/95604.gif" style="cursor: pointer;" title="Клик – копировать код иконки"></li>
<li class="pa-author"><span class="acchide">Автор: </span><a href="javascript:to('fog bound')" rel="nofollow" class="online">name surname</a><img src="/i/blank.gif" class="indOnline" original-title="fog bond"></li>
<li class="pa3" style="background-image: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, rgb(212 205 194) 57%), url(https://upforme.ru/uploads/001c/84/93/28/655791.jpg) !important; background-repeat: no-repeat, no-repeat !important; background-size: auto, cover !important; background-position: 0% 0%, center calc(0% - 75px) !important; border: var(--forcol-border) !important; cursor: pointer;" title="Клик – копировать фон"></li>
<li class="pa-title">i ♥ fog bound</li>
<li class="pa-avatar item2"><img src="https://upforme.ru/uploads/001c/44/10/4/229470.png" alt="fog bound" style="cursor: pointer;"></li>
<li class="pa-fld1"><name><a href="https://wounds.rusff.me/">твое красивое имя, y.o.</a></name><text>я похищен <a href="https://wounds.rusff.me/">нло</a>. </text><prof>профессионал своего дела</prof></li>
<li class="pa-posts"><span class="fld-name"><a href="" target="_blank">Сообщений</a>:</span> 100<span class="GamePst">/100</span></li>
<li class="pa-fld2"><span class="fld-name">Валюта:</span> 100</li>
<li class="pa-respect"><span class="fld-name"><a href="" rel="nofollow">Репутация</a>:</span><span>+100</span></li>
<li class="pa-fld3" style="display: none;"><span class="fld-name">Посты:</span> 100</li>
<li class="papara" style="cursor: pointer;" title="Клик – копировать код плашки"><a id="fog_bound" class="modal-link" href="#" data-reveal-id="character"><img src="https://upforme.ru/uploads/001c/84/93/28/655791.jpg"><text style="color: #feddb4;"><m>Shadows remember</m>what light forgot</text></a></li>
</ul>
</div>
</div>
<style>
.trivryad {
display: flex;
justify-content: space-evenly;
}
.newpol {
position: sticky;
width: 250px;
box-sizing: border-box;
padding: 35px 15px 15px;
background: linear-gradient(180deg, rgba(180, 177, 175, 0) 32%, #B8B3A4 73%), var(--cover, #D4CDC2) center top;
border-radius: 10px;
}
.newpol ul {
padding: 0;
margin: 0;
box-sizing: border-box;
text-align: center;
text-transform: lowercase;
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
width: 100%;
background: var(--back-color, #fff);
border: 1px solid var(--fonank);
border-radius: 10px;
}
.papara, #papara strong {
display: flex;
flex-direction: column;
box-sizing: border-box;
width: 100%;
height: 43px;
margin-top: 5px;
}
.papara > a, #papara strong > a {
color: #DFD8CC !important;
font: 700 11px 'Mulish' !important;
text-transform: uppercase;
position: relative;
display: flex;
flex-direction: column;
padding: 0 10px;
box-sizing: border-box;
justify-content: center;
}
.papara img, #papara strong img {
position: absolute;
left: 0;
width: 220px;
height: 50px;
border-radius: 0 0px 10px 10px;
z-index: 0;
object-fit: cover;
}
.papara text, #papara strong text {
position: relative;
text-transform: lowercase;
display: flex;
flex-direction: column;
padding: 7px;
border-radius: 10px;
max-height: 36px;
justify-content: center;
}
.papara m, #papara strong .text {
text-transform: uppercase;
}
.papara a:hover {
color: var(--hovlink, #aaa) !important;
}
.newpol .pa-avatar {
pointer-events: none;
}
.pa1, .pa2, .pa3 {
position: absolute;
width: 250px;
height: 517px;
top: -35px;
border-radius: 10px;
z-index: -1;
}</style>[/html]
[hideprofile]
теперь все великолепно
