[hideprofile]
[html]
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;600;700&display=swap" rel="stylesheet">
<div class="fn-contenedor">
<div class="fn-intro">
<div class="fn-wtitulo">
<div class="fn-titulo">
Illusion
<div class="fn-mensaje">You people speak so lightly of war; you don't know what you're talking about.</div>
</div>
</div>
<div class="fn-clima">
<i class="fas fa-sun"></i>
Лето<br> Август 2086г<br>+31°C +22°C</div>
</div>
<div class="fn-wmarquee">
<div class="fn-marquee">
<p>Мафия. Группировки. Полиция. Разборки. Борьба за территорию <-----------> Омегаверс. 6 полов. Женщины альфы! 21+ </p>
</div>
<div class="fn-links">
<a class="fn-wicono" href="https://sweetillusions.rusff.me/viewtopic.php?id=23">
<i class="fas fa-clipboard-list"></i>
Правила
</a>
<a class="fn-wicono" href="https://sweetillusions.rusff.me/viewtopic.php?id=37#p185">
<i class="fas fa-book"></i>
Шаблон анкеты
</a>
<a class="fn-wicono" href="https://sweetillusions.rusff.me/viewtopic.php?id=16#p43">
<i class="fas fa-globe-americas"></i>
Ищу игру
</a>
<a class="fn-wicono" href="https://sweetillusions.rusff.me/viewtopic.php?id=20#p47">
<i class="fas fa-users"></i>
Внешности
</a>
<a class="fn-wicono" href="https://sweetillusions.rusff.me/viewtopic.php?id=21#p48">
<i class="fas fa-dna"></i>
Феромоны
</a>
<a class="fn-wicono" href="https://sweetillusions.rusff.me/viewtopic.php?id=15#p42">
<i class="fas fa-briefcase"></i>
Новости
</a>
<a class="fn-wicono" href="https://sweetillusions.rusff.me/viewtopic.php?id=17">
<i class="fas fa-address-card"></i>
Акции от АМС
</a>
<a class="fn-wicono" href="https://sweetillusions.rusff.me/viewtopic.php?id=22#p49">
<i class="fas fa-address-book"></i>
Роли
</a>
</div>
<div class="fn-grid">
<div class="fn-ultimos"><div class="fn-headline">БРОНИРОВАНИЕ</div>Внешность придерживается на срок 7 дней. <br><br>
Бронь можно продлить, но об этом нужно обязательно сообщить амс в гостевой – если в течение недели после регистрации профиля нет анкеты, бронь снимается.<br><br>
<div class="fn-headline">Придержанные внешности:</div><b></b><br>
<br>►
<br>►
<br>
<div class="fn-headline">Придержанные роли:</div><br>
<br>►<b>Genshin Impact</b> - Kaveh - <a href="https://sweetillusions.rusff.me/profile.php?id=4">Daniel Worg</a>
<br>►
<br>
<div class="fn-headline">Придержанная акция:</div>
<br>►
<br>►
<br>
<br>
</div>
<div class="fn-wadmin">
<div class="fn-admin">
<div class="fn-adminterior">
<imagen style="background: url(https://placehold.it/190x103);"></imagen>
<rango>АМС</rango>
<nombre>Сноходец</nombre>
<wl>
<a href="https://sweetillusions.rusff.me/profile.php?id=9">Отвечает за коды, группировки, анкеты</a>
</wl>
</div>
</div>
<div class="fn-admin">
<div class="fn-adminterior">
<imagen style="background: url(https://placehold.it/190x103);"></imagen>
<rango>АМС</rango>
<nombre>Сновидец</nombre>
<wl>
<a href="https://sweetillusions.rusff.me/profile.php?id=2">Отвечает за лор, сюжет, анкеты</a>
</wl>
</div>
</div>
<div class="fn-admin">
<div class="fn-adminterior">
<imagen style="background: url(https://placehold.it/190x103);"></imagen>
<rango>модератор</rango>
<nombre>Мастер снов</nombre>
<wl>
<a href="https://sweetillusions.rusff.me/profile.php?id=10">Отвечает за квесты и эвенты</a>
</wl>
</div>
</div>
</div>
<div class="fn-anuncios">
<div class="fn-slide-contenedor">
<div class="fn-pestana opacidad">
<div class="fn-headline">Вестник форума</div>
<div class="fn-winformacion">
<div class="fn-fecha">
01
<sub>Info</sub>
</div>
<div class="fn-antexto">Форум работает в тестовом режиме</div>
</div>
</div>
<div class="fn-pestana opacidad">
<div class="fn-headline">Теневые Дела</div>
<div class="fn-winformacion">
<div class="fn-fecha">
02
<sub>Info</sub>
</div>
<div class="fn-antexto">Идет набор игроков</div>
</div>
</div>
<div class="fn-pestana opacidad">
<div class="fn-headline">Омерта 24</div>
<div class="fn-winformacion">
<div class="fn-fecha">
03
<sub>Info</sub>
</div>
<div class="fn-antexto">В процессе</div>
</div>
</div>
<button class="fn-slide-boton flechal" onclick="plusDivs(-1)">❮</button>
<button class="fn-slide-boton flechar" onclick="plusDivs(1)">❯</button>
<div class="fn-windice">
<button class="fn-slide-boton indice" onclick="currentDiv(1)"></button>
<button class="fn-slide-boton indice" onclick="currentDiv(2)"></button>
<button class="fn-slide-boton indice" onclick="currentDiv(3)"></button>
</div>
</div>
</div>
<div class="fn-trama" style="background: url(https://placehold.it/847x232)">
<div class="fn-fondolect">
<div class="fn-tramatitu">GangsterInfo welcomes you</div>
<div class="fn-tramacont">
<div class="fn-tramaimg" style="background: url(https://forumupload.ru/uploads/001c/54/02/2/511145.jpg);"></div>
<div class="fn-tramawtext">СиндикатНовости тебя информируют.<br/> Форум имеет рейтинг NC-21+<br/><br/>Данный рейтинг означает, что форум может содержать явные сексуальные сцены, сцены чрезмерного насилия, так же в которых может быть очень высок уровень жестокости, насилия, подробного описания эротических сцен или чего-либо подобного.<br/><br/>
Будьте к этому готовы.<br/><br/>
Жанр: Омегаверс. Криминал. Мафия<br /><br/>
Время:<br /><br/>
Начало игровых действий происходят в 2086 году.<br /><br/>
Мастеринг: Смешанный<br /><br/>
Система игры: Эпизодическая<br />
<br /></div>
</div>
</div>
</div>
<div class="fn-busquedas">
<div class="fn-busqtitu">Нужные</div>
<div class="fn-contbusq">
<div class="fn-fbusq">
<div class="fn-dotbusq">
<div class="fn-imgbusq" style="background: url(https://placehold.it/89x76)">
<div class="fn-texbusq">
<a href="">Umm <br>Al-Khair</a>
</div>
</div>
</div>
</div>
<div class="fn-fbusq">
<div class="fn-dotbusq">
<div class="fn-imgbusq" style="background: url(https://placehold.it/89x76)">
<div class="fn-texbusq">
<a href="">Bai Luo</a>
</div>
</div>
</div>
</div>
<div class="fn-fbusq">
<div class="fn-dotbusq">
<div class="fn-imgbusq" style="background: url(https://placehold.it/89x76)">
<div class="fn-texbusq">
<a href="">David Hennessy</a>
</div>
</div>
</div>
</div>
<div class="fn-fbusq">
<div class="fn-dotbusq">
<div class="fn-imgbusq" style="background: url(https://placehold.it/89x76)">
<div class="fn-texbusq">
<a href="">Joe Masseria</a>
</div>
</div>
</div>
</div>
<div class="fn-fbusq">
<div class="fn-dotbusq">
<div class="fn-imgbusq" style="background: url(https://placehold.it/89x76)">
<div class="fn-texbusq">
<a href="">John Diamond</a>
</div>
</div>
</div>
</div>
<div class="fn-fbusq">
<div class="fn-dotbusq">
<div class="fn-imgbusq" style="background: url(https://placehold.it/89x76)">
<div class="fn-texbusq">
<a href="">Kevin Davis</a>
</div>
</div>
</div>
</div>
<div class="fn-fbusq">
<div class="fn-dotbusq">
<div class="fn-imgbusq" style="background: url(https://placehold.it/89x76)">
<div class="fn-texbusq">
<a href="">Who's next?</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="fn-libres">
<div class="fn-busqtitu">Ждем тебя!</div>
<div class="fn-wlibres">
<div class="fn-wtexto">
<num>01.</num><a href="https://sweetillusions.rusff.me/viewtopic.php?id=29#p83">Нужные персонажи игроков</a>-<a >Имя</a>
</div>
<div class="fn-wtexto">
<num>02.</num><a href="https://sweetillusions.rusff.me/viewtopic.php?id=29#p83">Нужные персонажи игроков</a>-<a >Имя</a>
</div>
<div class="fn-wtexto">
<num>03.</num><a href="https://sweetillusions.rusff.me/viewtopic.php?id=29#p83">Нужные персонажи игроков</a>-<a >Имя</a>
</div>
<div class="fn-wtexto">
<num>04.</num><a href="https://sweetillusions.rusff.me/viewtopic.php?id=29#p83">Нужные персонажи игроков</a>-<a >Имя</a>
</div>
<div class="fn-wtexto">
<num>05.</num><a href="https://sweetillusions.rusff.me/viewtopic.php?id=29#p83">Нужные персонажи игроков</a>-<a >Имя</a>
</div>
<div class="fn-wtexto">
<num>06.</num><a href="https://sweetillusions.rusff.me/viewtopic.php?id=29#p83">Нужные персонажи игроков</a>-<a >Имя</a>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
:root {
--fn-fondo: #e9e9e8;
--fn-acento: #3c3b38; }
</style>
<script>
var slideIndex = 1;
showDivs(slideIndex);
function plusDivs(n) {
showDivs(slideIndex += n);
}
function currentDiv(n) {
showDivs(slideIndex = n);
}
function showDivs(n) {
var i;
var x = document.getElementsByClassName("fn-pestana");
var dots = document.getElementsByClassName("indice");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" fn-indice-acento", "");
}
x[slideIndex-1].style.display = "flex";
dots[slideIndex-1].className += " fn-indice-acento";
}
</script>
<style> @font-face {
font-family: Bodoni;
src: url(https://dl.dropbox.com/s/wez7cvs6adhyuo … Medium.otf);
format("opentype");
}
.fn-contenedor ::-webkit-scrollbar {
width: 4px!important;
height: 4px!important;
}
.fn-contenedor ::-webkit-scrollbar-track {
background: var(--fn-fondo)!important;
}
.fn-contenedor ::-webkit-scrollbar-thumb {
background: var(--fn-acento)!important;
border: none!important;
border-radius: 4px;
}
.fn-contenedor {
margin: 0 auto;
width: 100%;
background: var(--fn-fondo);
padding: 20px;
color: var(--fn-acento);
word-break: normal;
}
.fn-contenedor a {
color: var(--fn-acento);
text-decoration: none;
}
.fn-intro {
margin: 0;
padding: 20px 0;
border-top: 2px solid var(--fn-acento);
border-bottom: 2px solid var(--fn-acento);
display: flex;
justify-content: space-between;
align-items: center;
}
.fn-wtitulo {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.fn-titulo {
font: 80px/80px Bodoni;
text-transform: uppercase;
}
.fn-mensaje {
margin: 0;
background: var(--fn-fondo);
border-top: 1px solid var(--fn-acento);
border-bottom: 1px solid var(--fn-acento);
font: 600 9px/12px 'Lora', serif;
}
.fn-clima {
width: 150px;
height: 150px;
border-left: 2px solid var(--fn-acento);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font: 600 12px 'Lora', serif;
text-transform: uppercase;
}
.fn-clima i {
font-size: 70px;
margin-bottom: 10px;
}
.fn-wmarquee {
margin: 0;
border-bottom: 2px solid var(--fn-acento);
padding: 1px;
}
.fn-marquee {
position: relative;
height: 20px;
border-top: 1px solid var(--fn-acento);
border-bottom: 1px solid var(--fn-acento);
overflow: hidden;
}
.fn-marquee p {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
font: 600 12px 'Lora', serif;
text-transform: uppercase;
text-align: center;
transform: translateX(100%);
animation: scroll-left 20s linear infinite;
}
@keyframes scroll-left {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}
.fn-links {
display: flex;
justify-content: center;
border-bottom: 1px solid var(--fn-acento);
overflow: auto;
}
.fn-wicono {
margin: 10px;
display: flex;
flex-direction: column;
align-items: center;
font: 600 10px 'Lora', serif;
text-transform: uppercase;
transition: 0.5s;
}
.fn-wicono:hover {
letter-spacing: 1px;
}
.fn-links i {
font-size: 27px;
margin-bottom: 3px;
}
.fn-grid {
margin: 10px 0;
height: 500px;
overflow: hidden;
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(4, 1fr);
grid-template-areas:
"ultimos admin admin admin anuncios"
"ultimos trama trama trama trama"
"ultimos trama trama trama trama"
"ultimos busqueda busqueda tema tema";
}
.fn-ultimos {
grid-area: ultimos;
font: 600 9px 'Lora', serif;
text-transform: uppercase;
text-align: justify;
padding: 20px 10px 0 0;
}
.fn-ultimos:hover {
animation-play-state: paused;
}
@keyframes scroll-up {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(-120%);
}
}
.fn-ultimos a {
font-size: 10px;
}
.fn-ultimos strong {
font-size: 9px;
}
.mod-recent-row + .mod-recent-row {
margin-top: 7px;
padding-top: 6px;
}
.mod-recent-info {
margin-top: 5px;
}
.fn-wadmin {
grid-area: admin;
display: flex;
overflow: auto;
padding-bottom: 2px;
}
.fn-admin {
position: relative;
flex: 1 0 33.3%;
border-right: 1px solid var(--fn-acento);
display: flex;
text-align: center;
}
.fn-admin:first-child {
border-left: 1px solid var(--fn-acento);
}
.fn-admin:last-child {
flex: 1 0 33.1%;
}
.fn-adminterior {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
word-break: normal;
}
.fn-adminterior imagen {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
transition: 0.5s;
}
.fn-adminterior:hover imagen {
opacity: 1;
}
.fn-adminterior rango, .fn-adminterior nombre, .fn-adminterior wl {
z-index: 2;
opacity: 1;
transition: 0.5s;
}
.fn-adminterior:hover rango, .fn-adminterior:hover nombre, .fn-adminterior:hover wl {
opacity: 1;
}
.fn-adminterior rango {
font: 700 9px 'Lora', serif;
text-transform: uppercase;
letter-spacing: 1px;
}
.fn-adminterior nombre {
font: 20px/20px Bodoni;
margin: 8px 0;
}
.fn-adminterior wl {
display: flex;
justify-content: center;
}
.fn-adminterior wl a {
padding: 6px;
background: var(--fn-acento);
margin: 0 5px;
font: 8px 'Lora', serif;
color: var(--fn-fondo);
letter-spacing: 1px;
text-transform: uppercase;
transition: 0.5s;
}
.fn-adminterior wl a:hover {
letter-spacing: 3px;
}
.fn-anuncios {
grid-area: anuncios;
overflow: hidden;
display: flex;
}
.fn-slide-contenedor {
flex: 1;
margin: 0 15px 3px 15px;
position: relative;
text-align: center;
display: flex;
flex-direction: column;
}
.fn-pestana {
flex: 1;
flex-direction: column;
overflow: hidden;
}
.opacidad {
animation: opac 1.5s;
}
@keyframes opac {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fn-headline {
flex-shrink: 0;
border-top: 1px solid;
border-bottom: 1px solid;
margin-bottom: 5px;
font: 13px Bodoni;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
}
.fn-winformacion {
height: 76px;
font: 11px 'Lora', serif;
text-align: justify;
display: flex;
}
.fn-fecha {
flex-shrink: 0;
min-width: 60px;
margin-right: 3px;
padding: 6px 5px 0 5px;
background: var(--fn-acento);
color: var(--fn-fondo);
font: 30px Bodoni;
border-radius: 1px;
display: flex;
flex-direction: column;
align-items: center;
}
.fn-fecha sub {
font: 9px 'Lora', serif;
text-transform: uppercase;
margin-top: -5px;
}
.fn-antexto {
padding-right: 3px;
overflow: auto;
line-height: 13px;
}
.fn-slide-boton {
flex-shrink: 0;
background: transparent;
border: none;
padding: 0 3px;
color: var(--fn-acento);
text-align: center;
cursor: pointer;
}
.fn-slide-boton:focus {
outline: 0;
}
.fn-slide-boton.flechal {
position: absolute;
top: 50%;
transform: translate(0%, -50%);
left: -45px;
transition: 0.5s 0.5s;
}
.fn-slide-boton.flechar {
position: absolute;
top: 50%;
transform: translate(0%, -50%);
right: -45px;
transition: 0.5s 0.5s;
}
.fn-anuncios:hover .fn-slide-boton.flechal, .fn-anuncios:hover .fn-slide-boton.flechar {
transition: 0.5s 0s;
}
.fn-anuncios:hover .fn-slide-boton.flechal {
left: -15px;
}
.fn-anuncios:hover .fn-slide-boton.flechar{
right: -15px;
}
.fn-slide-boton.indice {
width: 3px;
height: 8px;
border: 1px solid var(--fn-acento);
border-radius: 100%;
}
.fn-indice-acento {
background: var(--fn-acento);
transition: 0.5s;
}
.fn-trama {
grid-area: trama;
border-top: 8px solid var(--fn-fondo);
border-bottom: 10px solid var(--fn-fondo);
display: flex;
}
.fn-fondolect {
flex: 1;
background: var(--fn-fondo);
opacity: 1;
transition: 1s;
display: flex;
flex-direction: column;
}
.fn-fondolect:hover {
opacity: 1;
}
.fn-tramatitu {
font: 35px/50px Bodoni;
text-transform: uppercase;
}
.fn-tramacont {
flex: 1;
display: flex;
overflow: hidden;
}
.fn-tramaimg {
width: 200px;
margin: 1px;
border: 10px solid var(--fn-fondo);
outline: 1px solid var(--fn-acento);
flex-shrink: 0;
}
.fn-tramawtext {
margin-left: 10px;
flex: 1;
columns: 2;
font: 10px 'Lora', serif;
text-align: justify;
overflow: auto;
}
.fn-busquedas {
grid-area: busqueda;
position: relative;
display: flex;
}
.fn-busqtitu {
position: absolute;
left: -12.4%;
top: 42%;
width: 128px;
background: var(--fn-fondo);
border-top: 1px solid;
border-bottom: 1px solid;
font: 13px Bodoni;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
transform: rotate(-90deg);
}
.fn-contbusq {
flex: 1;
margin-left: 29px;
display: flex;
padding-bottom: 5px;
overflow: auto;
}
.fn-fbusq {
box-sizing: border-box;
flex: 1 0 32.5%;
background: var(--fn-acento);
margin-right: 5px;
padding: 15px;
border-radius: 5px;
display: flex;
}
.fn-fbusq:last-child {
margin-right: 0;
}
.fn-dotbusq {
flex: 1;
border: 4px dotted var(--fn-fondo);
padding: 1px;
display: flex;
}
.fn-imgbusq {
flex: 1;
display: flex;
}
.fn-texbusq {
flex: 1;
background: var(--fn-fondo);
font: 700 10px 'Lora', serif;
text-transform: uppercase;
text-align: center;
opacity: 0;
transition: 0.5s;
display: flex;
justify-content: center;
align-items: center;
}
.fn-fbusq:hover .fn-texbusq {
opacity: 1;
}
.fn-texbusq a {
transition: 0.5s;
}
.fn-texbusq a:hover {
letter-spacing: 1px;
}
.fn-libres {
grid-area: tema;
position: relative;
border-left: 10px solid var(--fn-fondo);
display: flex;
}
.fn-wlibres {
flex: 1;
height: 125px;
margin-left: 24px;
font: 12px 'Lora', serif;
display: flex;
flex-wrap: wrap;
justify-content: center;
overflow: auto;
}
.fn-wtexto {
margin: 0 5px;
font: 12px 'Lora', serif;
display: flex;
align-items: center;
}
.fn-wtexto num {
font: 20px Bodoni;
}
.fn-wtexto a {
margin: 0 5px;
transition: 0.5s;
}
.fn-wtexto a:hover {
letter-spacing: 0.5px;
}
.sol-firma {
text-align: center;
font: 10px 'Lora', serif;
text-transform: uppercase;
}</style>[/html]
Бронь внешности с фандомом: Код: Название фандома (на латинице) - Имя персонажа (на латинице) | Бронирование роли Код: Роль/акция — Имя профиля (на латинице) |
