[html]
<div class="fc-wrap">
<div class="fc-main">
<div class="fc-row">
<div class="fc-band"></div>
<div class="fc-grid">
<div class="fc-box">
<div class="fc-letter">a-b-c-d-e-f-g-h-i</div>
<div class="fc-scroll">
<div class="fc-list">
<div class="fc-item"><span class="fc-name">apex legends // octane</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p75">rajat act</a></div>
<div class="fc-item"><span class="fc-name">attack titan // erwin smith</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p66">elliot act</a></div>
<div class="fc-item"><span class="fc-name">attack titan // reiner braun </span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p66">ivo act</a></div>
<div class="fc-item"><span class="fc-name">alien stage // ivan</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p64">kamil act</a></div>
<div class="fc-item"><span class="fc-name">bleach // grimmjow</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p65">rian act</a></div>
<div class="fc-item"><span class="fc-name">bleach // shinji hirako</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p80">yunru act</a></div>
<div class="fc-item"><span class="fc-name">boku no hero academia // dabi</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p65"> haruto act</a></div>
<div class="fc-item"><span class="fc-name">bungo stray dogs // sakaguchi ango</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p66">saito act</a></div>
<div class="fc-item"><span class="fc-name">сhainsaw man // hirofumi yoshida</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p64">hatanaka act</a></div>
<div class="fc-item"><span class="fc-name">disco elysium // kim kitsuragi</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p75">murakami act</a></div>
<div class="fc-item"><span class="fc-name">dr. stone // senku</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p68">ilya act</a></div>
<div class="fc-item"><span class="fc-name">fate // ozymandias</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p80">simon act</a></div>
<div class="fc-item"><span class="fc-name">gachiakuta // zanka</span> — <a href="https://fatumiunget.rusff.me/profile.php?id=11">lei min</a></div>
<div class="fc-item"><span class="fc-name">gokurakugai // alma</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p64">mattew act</a></div>
<div class="fc-item"><span class="fc-name">genshin impact // tignari</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p67">chan act</a></div>
<div class="fc-item"><span class="fc-name">hunter x hunter // leorio</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p75">jorge act</a></div>
</div> </div> </div>
<div class="fc-box">
<div class="fc-letter">j-k-l-m-n-o-p-q-r</div>
<div class="fc-scroll">
<div class="fc-list">
<div class="fc-item"><span class="fc-name">jujutsu kaisen // gojo satoru</span> — <a href="#https://fatumiunget.rusff.me/viewtopic.php?id=36#p66">james act</a></div>
<div class="fc-item"><span class="fc-name">jujutsu kaisen // gojo satoru</span> — <a href="#https://fatumiunget.rusff.me/viewtopic.php?id=36#p68">jonathan act</a></div>
<div class="fc-item"><span class="fc-name">jujutsu kaisen // sukuna</span> — <a href="#https://fatumiunget.rusff.me/viewtopic.php?id=36#p65">janell act</a></div>
<div class="fc-item"><span class="fc-name">jujutsu kaisen // geto suguru</span> — <a href="#https://fatumiunget.rusff.me/viewtopic.php?id=36#p67">harada act</a></div>
<div class="fc-item"><span class="fc-name">jjba // kira yoshikagei</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p68">oliver act</a></div>
<div class="fc-item"><span class="fc-name">league of legends // kayn</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p65">noah act</a></div>
<div class="fc-item"><span class="fc-name">monster // kenzo tenma</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p75">kai act</a></div>
<div class="fc-item"><span class="fc-name">naruto // madara uchiha</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p65">ishiya act</a></div>
<div class="fc-item"><span class="fc-name">one piece // roronoa zoro</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p65">rayn act</a></div>
<div class="fc-item"><span class="fc-name">one piece // сorazon</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p67">caleb act</a></div>
</div> </div> </div>
<div class="fc-box">
<div class="fc-letter">s -t-u-v-w-x-y-z</div>
<div class="fc-scroll">
<div class="fc-list">
<div class="fc-item"><span class="fc-name">usogui // kadokura yuudai</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p80">yongrui act</a></div>
<div class="fc-item"><span class="fc-name">vtuber // mysta rias</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p65">keith act</a></div>
<div class="fc-item"><span class="fc-name">valorant // omen </span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p67">roy/termitact</a></div>
<div class="fc-item"><span class="fc-name">valorant // tejo </span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p68">carlosact</a></div>
<div class="fc-item"><span class="fc-name">wind breaker // togame jo</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p67">liang act</a></div>
<div class="fc-item"><span class="fc-name">wind breaker // yoo wooin</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p67">hwang act</a></div>
<div class="fc-item"><span class="fc-name">yakuza // majima goro</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p80">haitao act</a></div>
<div class="fc-item"><span class="fc-name">zzz // lighter</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p64">milos act</a></div>
</div> </div> </div> </div>
<div class="fc-band-right">
<div class="fc-side-title">мальчики уже заняты</div>
<div class="fc-side-note">сначала посмотри список, потом влюбляйся во внешность</div>
<div class="fc-side-mini">не больше двух внешностей на игрока</div>
<div class="fc-side-mini">если возникли вопросы — уточни в гостевой</div>
</div>
<div class="fc-dots">
<span class="fc-dot"></span>
<span class="fc-dot"></span>
<span class="fc-dot"></span>
<span class="fc-dot"></span>
<span class="fc-dot"></span>
<span class="fc-dot"></span>
<span class="fc-dot"></span>
<span class="fc-dot"></span>
<span class="fc-dot"></span> </div> </div>
<div class="fc-row fc-mirror">
<div class="fc-band"></div>
<div class="fc-grid">
<div class="fc-box">
<div class="fc-letter">a-b-c-d-e-f-g-h-i</div>
<div class="fc-scroll">
<div class="fc-list">
<div class="fc-item"><span class="fc-name">apex legends // valkyrie</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p75">meiko act</a></div>
<div class="fc-item"><span class="fc-name">arcane // jinx</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p68">chimena act</a></div>
<div class="fc-item"><span class="fc-name">arcane // vi</span> — <a href="https://fatumiunget.rusff.me/profile.php?id=5">vivitt ueno</a></div>
<div class="fc-item"><span class="fc-name">apex legends // loba</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p68">laura act</a></div>
<div class="fc-item"><span class="fc-name">alien stage // hyuna</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p66">gabriela act</a></div>
<div class="fc-item"><span class="fc-name">arknights // lappland</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p66">alice act</a></div>
<div class="fc-item"><span class="fc-name">boku no hero academia // tsuyu asui</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p64">lin act</a></div>
<div class="fc-item"><span class="fc-name">сhainsaw man // makima</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p66">ingrid act</a></div>
<div class="fc-item"><span class="fc-name">dc comics // barbara bordon</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p68">sylvia act</a></div>
<div class="fc-item"><span class="fc-name">gachiakuta // semiu grier</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p75">nancy act</a></div>
<div class="fc-item"><span class="fc-name">genshin Impact // yoimiya</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p64">teo act</a></div>
<div class="fc-item"><span class="fc-name">gokurakugai // tao saotome</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p80">ju act</a></div>
</div> </div> </div>
<div class="fc-box">
<div class="fc-letter">j-k-l-m-n-o-p-q-r</div>
<div class="fc-scroll">
<div class="fc-list">
<div class="fc-item"><span class="fc-name">jujutsu kaisen // mei mei</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p68">hedwig act</a></div>
<div class="fc-item"><span class="fc-name"> k-pop demon hunters // mira</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p64">cha act</a></div>
<div class="fc-item"><span class="fc-name">overwatch // ashe</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p66">zoey act</a></div>
<div class="fc-item"><span class="fc-name">overwatch // sombra</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p67">aurora act</a></div>
<div class="fc-item"><span class="fc-name">resident evil // ada wong</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p80">shao act</a></div>
<div class="fc-item"><span class="fc-name">resident evil // grace ashcroft</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p75">keira act</a></div>
</div> </div> </div>
<div class="fc-box">
<div class="fc-letter">s-t-u-v-w-x-y-z</div>
<div class="fc-scroll">
<div class="fc-list">
<div class="fc-item"><span class="fc-name">valorant // jett</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p64">ryo act</a></div>
<div class="fc-item"><span class="fc-name">valorant // fade</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p65"> berna act</a></div>
<div class="fc-item"><span class="fc-name">valorant // clove</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p67"> chloe act</a></div>
<div class="fc-item"><span class="fc-name">valorant // raze</span> — <a href="https://fatumiunget.rusff.me/viewtopic.php?id=36#p75"> sophie act</a></div>
</div> </div> </div> </div>
<div class="fc-band-right">
<div class="fc-side-title">девочки тоже заняты</div>
<div class="fc-side-note">здесь та же история: сначала проверка, потом хотелки. </div>
<div class="fc-side-mini">для быстрого поиска используй ctrl+f</div>
<div class="fc-side-mini">запрещено использование ии графики</div>
</div> <div class="fc-dots">
<span class="fc-dot"></span>
<span class="fc-dot"></span>
<span class="fc-dot"></span>
<span class="fc-dot"></span>
<span class="fc-dot"></span>
<span class="fc-dot"></span>
<span class="fc-dot"></span>
<span class="fc-dot"></span>
<span class="fc-dot"></span> </div> </div> </div></div>
<style>
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');
.fc-wrap{
width:900px;
margin:0 auto;
font-family:'Manrope', sans-serif;
color:#111;
overflow:visible;
}
.fc-main{
display:flex;
flex-direction:column;
gap:0;
}
.fc-row{
position:relative;
min-height:330px;
overflow:visible;
}
.fc-row + .fc-row{
margin-top:-50px;
}
.fc-band{
position:absolute;
left:0;
top:72px;
width:900px;
height:215px;
z-index:1;
background:
linear-gradient(rgba(55,55,55,.78), rgba(55,55,55,.78)),
linear-gradient(rgba(215,215,215,.16), rgba(215,215,215,.16)),
url('https://i.pinimg.com/1200x/88/f8/7e/88f87ea498e2699cc83f137290d3c426.jpg') center center / cover no-repeat;
}
.fc-grid{
width:650px;
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:10px;
position:relative;
z-index:3;
margin-left:14px;
padding-top:92px;
}
.fc-box{
background:
linear-gradient(rgba(239,239,239,.94), rgba(239,239,239,.94)),
url('https://i.pinimg.com/1200x/88/f8/7e/88f87ea498e2699cc83f137290d3c426.jpg') center center / cover no-repeat;
border:1px solid #2a2a2a;
padding:10px 8px 8px 0;
box-sizing:border-box;
min-height:240px;
}
.fc-letter{
display:block;
width:156px;
background:#111;
color:#9bcb01;
text-align:left;
font-family:'Dela Gothic One', sans-serif;
font-size:13px;
line-height:1.1;
text-transform:lowercase;
letter-spacing:.1px;
padding:7px 8px;
box-sizing:border-box;
margin:0 0 8px 0;
}
.fc-scroll{
max-height:192px;
overflow-y:auto;
overflow-x:hidden;
padding-right:4px;
box-sizing:border-box;
scrollbar-width:thin;
scrollbar-color:#4a4a4a transparent;
}
.fc-scroll::-webkit-scrollbar{
width:4px;
}
.fc-scroll::-webkit-scrollbar-track{
background:transparent;
}
.fc-scroll::-webkit-scrollbar-thumb{
background:#4a4a4a;
border:none;
border-radius:0;
}
.fc-scroll::-webkit-scrollbar-button{
display:none;
width:0;
height:0;
}
.fc-list{
padding-left:10px;
}
.fc-item{
margin:0 0 7px;
font-size:10px;
line-height:1.4;
color:#3f3f3f;
}
.fc-name{
font-weight:800;
color:#111;
}
.fc-item a{
text-decoration:none;
font-weight:700;
}
.fc-item a:hover{
color:#646464!important;
}
.fc-band-right{
width:270px;
position:absolute;
right:0;
top:92px;
z-index:4;
}
.fc-side-title,
.fc-side-mini{
display:block;
width:192px;
background:#111;
color:#9bcb01;
text-align:left;
font-family:'Dela Gothic One', sans-serif;
line-height:1.1;
text-transform:lowercase;
letter-spacing:.1px;
padding:7px 8px;
box-sizing:border-box;
}
.fc-side-title{
font-size:15px;
color:#fff;
margin:0 0 8px auto;
}
.fc-side-note{
width:192px;
margin:0 0 10px auto;
color:#fff;
font-size:9px;
line-height:1.25;
font-weight:700;
text-align:left;
padding-right:0;
box-sizing:border-box;
background:none;
font-family:'Manrope', sans-serif;
text-transform:none;
letter-spacing:0;
}
.fc-side-mini{
font-size:8px;
margin:0 0 6px auto;
}
.fc-dots{
position:absolute;
right:16px;
top:300px;
z-index:4;
display:flex;
flex-direction:row;
gap:8px;
}
.fc-dot{
width:15px;
height:15px;
border-radius:50%;
background:#9bcb01;
display:block;
}
.fc-row.fc-mirror .fc-grid{
margin-left:236px;
}
.fc-row.fc-mirror .fc-band-right{
right:auto;
left:0;
}
.fc-row.fc-mirror .fc-side-title{
margin:0 0 8px 0;
}
.fc-row.fc-mirror .fc-side-note{
margin:0 0 10px 0;
padding-left:8px;
box-sizing:border-box;
}
.fc-row.fc-mirror .fc-side-mini{
margin:0 0 6px 0;
}
.fc-row.fc-mirror .fc-dots{
right:auto;
left:16px;
}
</style>[/html][hideprofile]
✦ все внешности, включая акционных и выкупленных, занимаются лично самим игроком. с пометкой act/nps/*. следовательно, вместо своего имени вписывается имя персонажа/акции/или нпс за кем внешность закреплена.
✦ все строго с маленькой буквы.
