[html]
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/nemoy" type="text/css"/>
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/montserrat" type="text/css"/>
<link href="https://fonts.googleapis.com/css?family=Gabriela&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cormorant+Unicase&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Pattaya&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lobster&display=swap" rel="stylesheet">
<center>
<div class="licbkgd">
<div class="licbanner">
<!doctype html>
<figure class="effect-sarah" onclick="">
<!-- элемент, фон которого нам нужно обрезать -->
<div class="clipped">
<div style="padding: 10px; text-align: center; letter-spacing: 5px; background: url(https://media3.giphy.com/media/z2POQZ2t … =giphy.gif) no-repeat center center;
background-size: cover;
color: #fff;
text-align: center;
padding: 2em;
/* -webkit-background-clip обрезает фон элемента по контуру текста */
-webkit-text-fill-color: transparent; /* переопределяет цвет текста с белого на прозрачный в браузерах на webkit */
-webkit-background-clip: text;
font-family: 'nemoy', cursive; font-size: 40px; margin-top: -80px; position: relative;">Guest book</div>
<div class="licgeninfo">Амстердам-2020 | эпизодическая | городское фэнтази | NC-21</div>
<div class="about">
<div class="avtext2"><div style="width: 355px; padding: 2px;position: relative; margin: 0 10px;
}
"><img src="https://i.ibb.co/G9SBPvq/1.gif"> <img src="https://i.ibb.co/RygD0Lw/2.gif"></div><br>
<div style="height: 210px; width: 355px; overflow: auto; padding: 5px; color: #bcbccf">
Вы любите приключения? А страшные сказки?<br>
Как вам история про город, в котором вы живете?<br>
Я бывал там, да.<br>
И знаете, я до сих пор боюсь засыпать по ночам.<br>
Многие туристы скажут вам, что это город улыбок и бесконечного счастья. Последним там торгуют чуть ли не на каждом углу.
Только вот счастье - чересчур эфемерная субстанция. А вот страх - он осязаем.<br>
Но давайте немного исторических фактов:<br>
Амстердам - столица Нидерландов. Фактически это центр всего государства, его сердце и возможно даже мозг. Он был основан в далеком 1275 году и в определенных кругах бытует мнение, что причиной тому послужили конфликты между фейри. Тогда Благой и Неблагой дворы чувствовали себя достаточно свободно и во всю пытались установить стратегическое превосходство на той или иной земле. Так уж вышло, что Амстердам попал в ведение Благого двора. Под тайным руководством одного из лордов маленький "фортпост" в кратчайшие сроки отстроился в один из крупнейших центров Европы.
</div>
</div>
</div>
<div class="av1a" >
<div class="av1"> <div class="avouttitle1">
занятые за гостями
</div><div class="avtext">
<div style="padding: 10px; padding-top: 30px; bottom: -35px;">
<div style="height: 250px; width: 475px;margin-top: 0px; margin-left: 0px;overflow-y: scroll;overflow-x: hidden;">
<table style="height: 100%; width: 100%;">
<theader style='height: 50px;'>
<tr >
<td valign="center"><div style="padding: 0px; text-align: center; color: #82496f; letter-spacing: 3px; font-family: 'Lobster', cursive; font-size: 30px; margin-top: 0px; position: relative; text-shadow: 1px 0px 0px #252634;"><center>женские</center></div>
</td>
<td valign="center"><div style="padding: 0px; text-align: center; color: #82496f; letter-spacing: 5px; font-family: 'Lobster', cursive; font-size: 30px; margin-top: 0px; position: relative; text-shadow: 1px 0px 0px #252634;"><center>мужские</center></div>
</td>
</tr>
</theader>
<tbody>
<tr><td valign="top" ><div style="padding: 5px; text-align: left; color: #fff; font-family: 'Cormorant Unicase'; font-size: 11px; margin-top: 0px; margin-left: 40px;position: relative;">
<b>до 14.01</b><br>
eva green - <a href="http://mmxxcollide.rusff.me/profile.php?id=19" style="color:#ffcbee;">Vhagar</a>
</div></td>
<td valign="top" ><div style="padding: 5px; text-align: left; color: #fff; font-family: 'Cormorant Unicase'; font-size: 11px; margin-top: 0px; margin-left: 40px;position: relative;">
<b>до 13.01</b><br>
Joaquin Phoenix. - <a href="http://mmxxcollide.rusff.me/profile.php?id=21" style="color:#ffcbee;">Астмал</a>
Ian Somerhalder - <a href="http://mmxxcollide.rusff.me/profile.php?id=22" style="color:#ffcbee;">praul</a>
</div></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="av2a">
<div class="av2"> <div class="avouttitle2">
F.A.Q.
</div>
<div class="avtext">
<div style="height: 230px; width: 475px; overflow: auto; padding: 10px; bottom: -35px;">
<i><<Возможно ли создание твинка?>></i>
<Br>
Разумеется. Если все ваши твинки активны, то ни в чем себе не отказывайте.
<Br> <Br>
<i><<- А можно создать новую расу? У Фейри же есть подразделения?>></i>
<Br>
Нет, нельзя. Мы считаем, что имеющегося наполнения бестиария вполне достаточно, чтобы удовлетворить потребности страждущих.
<Br> <Br>
<i><<- Хочу чтобы моего персонажу было 1000/10000/100000.. лет, можно?>></i>
<Br>
В пределах разумного можно, но стоит ли? Расписать историю персонажа которому даже 1000 лет достаточно проблематично, а уж если больше, то вообще беда. Нужно ли вам это?
<Br> <Br>
<i><<- Не нашел от какого лица писать посты, расскажите?>></i>
<Br>
Не нашли, потому что мы не ограничиваем от какого лица писать. Может быть именно сегодня вдохновение писать от третьего, а завтра от первого, договаривайтесь с соигроком.
<Br> <Br>
<i><<- А можно мне играть только вот в личном, не хочу я в ваши завесы с сюжетами?>></i>
<Br>
Можно. Мы никого не принуждаем вдаваться в сюжетные ветки, но если вдруг решитесь на сюжетный квест, то вам этого не избежать.
</div>
</div>
</div>
</div>
<div class="av3a">
<div class="av3"> <div class="avouttitle3">
удобные ссылки
</div>
<div class="avtext">
<div style="height: 250px; width: 475px; overflow: auto; padding: 10px; padding-top: 30px; bottom: -35px; ">
<div align="left"><div class="a"> <div class="a:hover"><a href="http://mmxxcollide.rusff.me/viewtopic.php?id=32#p40" style="color:#efe4f0;">энциклопедия мира</a></div> </div><div class="a"> <div class="a:hover"><a href="http://mmxxcollide.rusff.me/viewtopic.php?id=6" style="color:#efe4f0;">правила</a></div> </div><div class="a"> <div class="a:hover"><a href="http://mmxxcollide.rusff.me/viewtopic.php?id=7" style="color:#efe4f0;">занятые имена и фамилии</a></div> </div><div class="a"> <div class="a:hover"><a href="http://mmxxcollide.rusff.me/viewtopic.php?id=8" style="color:#efe4f0;">занятые внешности</a></div> </div><div class="a"> <div class="a:hover"><a href="http://mmxxcollide.rusff.me/viewtopic.php?id=9" style="color:#efe4f0;">сюжет</a></div> </div><div class="a"> <div class="a:hover"><a href="http://mmxxcollide.rusff.me/viewtopic.php?id=10" style="color:#efe4f0;">список персонажей</a></div> </div><div class="a"> <div class="a:hover"><a href="http://mmxxcollide.rusff.me/viewtopic.php?id=11" style="color:#efe4f0;">бестиарий</a></div> </div>
</div> </div>
</div>
</div>
</div>
</div>
</center>
<style type="text/css">
.licbkgd {width: 550px; height: 500px; background:#635263; }
.licbanner {width: 590px; height: 65px; background:#252634; border: #000 1px solid; position: relative; margin-top: 30px; right: 20px; box-shadow: 0px 0px 25px #232323; font-family: 'Chaumont', cursive; padding-top: 0px;}
.licgeninfo {width: 510px; height: 20px; background: #252634; color:#9e9fba; letter-spacing: 2px; position:relative; top: -70px; padding-top: 10px; font-size: 10px; font-weight:bold; font-family:'montserrat'; }
.about { width: 390px; height: 350px; background: #252634; position:relative; top: -50px; left: 60px}
.av1a{position:relative; top: -400px; left: 40px; }
.av1 {background:#252634; width:100px;
height:100px; position: absolute; top: 0px; left: 0px; transition-duration:1.2s;-moz-transition-duration:1.2s;-webkit-transition-duration:1.2s;-o-transition-duration:1.2s; overflow: hidden;}
.av1:hover{background:#252634; position: absolute; top:-0px; left: 0px;
height:350px; width: 510px; z-index: 999;}
.av1 .avtitle { display: none; }
.av1 .avtext { display: none; }
.av1:hover .avtitle { display: inline; }
.av1:hover .avtext { display: inline; }
.av2a {position:relative; top: -275px; left: 40px;}
.av2 {background:#252634;
width:100px; height:100px; position:absolute;
top: 0px; left: 0px; transition-duration:1.2s;-moz-transition-duration:1.2s;-webkit-transition-duration:1.2s;-o-transition-duration:1.2s; overflow:hidden;}
.av2:hover{background:#252634; position:absolute; top:-115px;
left: 0px; height:350px; width: 510px; overflow:auto; z-index: 999; }
.av2 .avtitle { display: none; }
.av2 .avtext { display: none; }
.av2:hover .avtitle { display: inline; }
.av2:hover .avtext { display: inline; }
.av3a { position:relative; top: -150px; left: 40px; }
.av3 {background:#252634;
width:100px; height:100px; position:absolute;
top: 0px; left: 0px;
transition-duration:1.2s;-moz-transition-duration:1.2s;
-webkit-transition-duration:1.2s;-o-transition-duration:1.2s; overflow:hidden; }
.av3:hover{background:#252634; position: absolute; top:-250px; left: 0px;height:350px; width: 510px; }
.av3 .avtitle { display: none; }
.av3 .avtext { display: none; }
.av3:hover .avtitle { display: inline; }
.av3:hover .avtext { display: inline; }
.avouttitle1{ padding: 10px; text-align: center; letter-spacing: 2px; background: url(https://i.ibb.co/d4JXnBc/giphy-1.gif) no-repeat center center;
background-size: cover;
color: #fff;
text-align: center;
padding: 0.01em;
/* -webkit-background-clip обрезает фон элемента по контуру текста */
-webkit-text-fill-color: transparent; /* переопределяет цвет текста с белого на прозрачный в браузерах на webkit */
-webkit-background-clip: text;
font-family: 'Gabriela', cursive; font-size: 20px; margin-top: 0px; position: relative; bottom: -12px; }
.avouttitle2{ padding: 10px; text-align: center; letter-spacing: 2px; background: url(https://i.ibb.co/d4JXnBc/giphy-1.gif) no-repeat center center;
background-size: cover;
color: #fff;
text-align: center;
padding-bottom: 40px;
/* -webkit-background-clip обрезает фон элемента по контуру текста */
-webkit-text-fill-color: transparent; /* переопределяет цвет текста с белого на прозрачный в браузерах на webkit */
-webkit-background-clip: text;
font-family: 'Gabriela', cursive; font-size: 20px; margin-top: 0px; position: relative; bottom: -25px; }
.avouttitle3{ padding: 10px; text-align: center; letter-spacing: 2px; background: url(https://i.ibb.co/d4JXnBc/giphy-1.gif) no-repeat center center;
background-size: cover;
color: #fff;
text-align: center;
padding: 0.01em;
/* -webkit-background-clip обрезает фон элемента по контуру текста */
-webkit-text-fill-color: transparent; /* переопределяет цвет текста с белого на прозрачный в браузерах на webkit */
-webkit-background-clip: text;
font-family: 'Gabriela', cursive; font-size: 20px; margin-top: 0px; position: relative; bottom: -23px; }
.avtitle { padding: 10px; text-align: center; letter-spacing: 5px; background: url(https://media3.giphy.com/media/z2POQZ2t … =giphy.gif) no-repeat center center;
background-size: cover;
color: #fff;
text-align: center;
padding: 2em;
/* -webkit-background-clip обрезает фон элемента по контуру текста */
-webkit-text-fill-color: transparent; /* переопределяет цвет текста с белого на прозрачный в браузерах на webkit */
-webkit-background-clip: text;
font-family: 'Gabriela', cursive; font-size: 20px; margin-top: 50px; position: relative; bottom: -20px; }
.avtext { width: 400px; height: 380px; position: relative; top:-10px; text-align:justify; color:#bcbccf; padding: 10px; font-family:calibri; font-size:11px; overflow:auto;}
.avtext2 { text-align:justify; color:#bcbccf; padding: 10px; font-family:calibri; font-size:12px; overflow:auto;}
.avtext::-webkit-scrollbar-track { background-color: #232323; }
.avtext::-webkit-scrollbar-thumb { background-color: #232323; }
.a {
text-decoration: none;
outline: none;
display: inline-block;
padding: 0px 19px;
margin: 10px 5px;
border-radius: 30px;
background-image: linear-gradient(45deg, #d49cd6 0%, #79497a 50%, #3f2640 100%);
background-position: 100% 0;
background-size: 200% 200%;
font-family: 'Montserrat', sans-serif;
font-size: 18px;
font-weight: 300;
color: white;
box-shadow: 0 16px 32px 0 rgba(0,40,120,.35);
transition: .5s;
}
.a:hover {
box-shadow: 0 0 0 0 rgba(0,40,120,0);
background-position: 0 0;
}
</style>[/html]
Имя знаменитости на англ. - <a href="ссылка на профиль" style="color:#ffcbee;">ник</a>
