[html]<link href="https://fonts.googleapis.com/css?family=Muli|Yeseva+One|Source+Serif+Pro" rel="stylesheet">
<style>
.post-content table {
border-collapse: collapse;
margin: 0 0 -2em.4em;
/* margin-top: 5px; */
}
.span100 { width: 110px;
height: 104px;
margin-top: 0px;
margin-left: 5px;
position: absolute;
margin-bottom: -3px;}
.span101 { width: 110px;
height: 104px;
margin-top: 86px;
margin-left: 250px;
position: absolute;
margin-bottom: -3px;}
.span102 { width: 110px;
height: 104px;
margin-top: 180px;
margin-left: 5px;
position: absolute;
margin-bottom: -3px;}
.span103 { width: 110px;
height: 104px;
margin-top: 256px;
margin-left: 255px;
position: absolute;
margin-bottom: -3px;}
#opendoors {
background: #9d8e76;
width: 580px;
height: 550px;
position: relative;
overflow: hidden;
line-height: 100%;
}
.od-img {
background-size: cover;
width: 250px;
height: 400px;
position: absolute;
right: 40px;
top: 40px;
}
.od-compass {
background-image: url(https://i.imgur.com/eV65Sr3.png);
background-size: cover;
height: 50px;
width: 57px;
position: absolute;
top: 263px;
right: 0px;
z-index: 3;
transition: 0.6s;
-webkit-transition: 0.6s;
}
.od-whitebox {
width: 470px;
height: 400px;
position: absolute;
background: #c3b69f;
border: 1px solid #8c7d66;
top: 110px;
left: 40px;
overflow: hidden;
}
#opendoors label {
color: #2f251a;
cursor: pointer;
font-family: Yeseva one;
display: block;
text-align: left;
line-height: 135%;
top: 325px;
position: relative;
transition: 0.2s;
-webkit-transition: 0.2s;
left: 437px;
font-size: 12px;
}
#opendoors input {
display:none
}
#intro:checked+label, #friends:checked+label, #enemies:checked+label, #lovers:checked+label {
color: #333;
font-style: italic;
}
.od-textbox {
width: 380px;
height: 380px;
position: relative;
margin: 15px;
background: #cabea9;
top: -73px;
left: 36px;
transition: 0.6s;
-webkit-transition: 0.6s;
z-index: 2;
line-height: 150%;
}
.od-contain {
width: 500px;
height: 400px;
position: absolute;
overflow: hidden;
top: 111px;
line-height: 100%;
}
#friends:checked ~ .od-textbox {
top: -468px;
}
#friends:checked ~ .od-compass {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
#enemies:checked ~ .od-textbox {
top: -863px;
}
#enemies:checked ~ .od-compass {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
#lovers:checked ~ .od-textbox {
top: -1257px;
}
#lovers:checked ~ .od-compass {
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
}
.od-name {
color: #535f29;
font-family: Minaeff Ect;
position: absolute;
font-weight: 800;
font-size: 30px;
line-height: 110%;
display: inline-block;
top: 53px;
left: 345px;
}
.od-name1 {
color: #887c6c;
font-family: Yeseva none;
position: absolute;
font-weight: 800;
letter-spacing: 2px;
font-size: 11px;
text-transform: uppercase;
line-height: 110%;
/* text-indent: inherit; */
display: inline-block;
top: 88px;
left: 327px;
}
.od-textbox text {
display: block;
color: #333;
/* font-family: source serif pro; */
width: 355px;
height: 360px;
position: relative;
top: 10px;
left: 10px;
text-align: center;
font-family: tahoma;
font-size: 11px;
overflow: hidden;
padding-right: 10px;
line-height: 150%;
}
.od-textbox text::-webkit-scrollbar{width:3px}
.od-textbox text::-webkit-scrollbar-thumb{border:none!important;background:#cc3d3d!important}
.od-textbox text::-webkit-scrollbar-track{background:none!important;border:none!important}
.od-textbox b {
background: #4a4a05;
color: #c3c3b4;
padding: 1px 2px;
margin: 2px;
}
.od-textbox title {
display: block;
font-family: yeseva one;
color: #cc3d3d;
font-size: 20px;
}
.btd {overflow: auto; height: 110px; font-size: 10px; line-height: 135%;}
.btd-content1 { width: 380px;
height: 100px;
margin-left: -12px;
overflow-x: none;
/* padding: 20px; */
/* overflow: hidden; */
align-content: center;}
.btda
{margin-top: -3px;
overflow: auto;
height: 110px;
font-size: 9px;
line-height: 135%;
}
.btd-content2 { width: 380px;
height: 100px;
margin-left: -10px;
overflow-x: none;
/* padding: 20px; */
/* overflow: hidden; */
align-content: center;}
.nav8 {margin: 1px;}
.nav8 a {
display: block;
border-radius: 5px;
/* color: #856B50; */
background-color: #9d8e76;
text-align: center;
font-size: 10px;
text-transform: uppercase;
font-family: Yeseva one;
width: 330px;
padding: 1px;
margin: 1px;
text-decoration: none;}.
.nav8 a:hover
{background-color: #403d10; color:#ece4d7}
.left
{text-align: left;
margin-bottom: -10px;}
.right
{text-align: right;
margin-bottom: -10px;}
</style>
<div id="opendoors">
<div class="od-img" style="background-image: url(https://i.imgur.com/kRyOyEu.png)"></div>
<div class="od-name">ABSOLUTION</div>
<div class="od-name1">Durmstrang Institute</div>
<div class="od-whitebox">
</div>
<div class="od-contain">
<input type="radio" id="intro" name="shipper" checked>
<label for="intro">►</label>
<input type="radio" id="friends" name="shipper">
<label for="friends">АМС</label>
<input type="radio" id="enemies" name="shipper">
<label for="enemies">КАРТА</label>
<input type="radio" id="lovers" name="shipper">
<label for="lovers"><small>СТАЛКЕРАМ</small></label>
<div class="od-compass"></div>
<div class="od-textbox">
<text>
В данной теме вы можете задать все интересующие вас вопросы касательно организационной деятельности форума; придержать понравившуюся вам внешность или роль; попросить помощи в выборе персонажа, а так же просто высказать свое мнение касательно того, что, как вы считаете, нам важно знать. Администрация проекта поможет, подскажет и введет в курс дела. <br><br>
Внешности придерживаются гостями и участниками форума – на 5 дней <small>[с возможностью продлить срок еще на 5 дней, не более двух раз подряд, после чего внешность отпускается в свободное плавание и вновь придержать ее можно только через неделю.] </small><br>
У каждого игрока (не персонажа!) есть право бессрочно придержать за собой одну внешность. <br>
<small><b>Имя знаменитости (en.) ― Ваш ник </b></small>
<div class="btd-content1"><table layout=fixed width=100%>
<tr>
<td width="230px"><div class="btd"><center>Bill Skarsgård <sup>AL</sup><br>
Charlie Hunnam — dark night <sup><b>до 26.12</b></sup><br>
Domhnall Gleeson - Niclaus Gottsched <sup><b>до 26.12</b></b></sup><br>
Evan Peters — dark night <sup><b>до 26.12</b></sup><br>
Jared Scott Gilmore - Friedrich Rudolstadt <sup><b>до 26.12</b></sup><br>
Mads Mikkelsen <sup>AL</sup><br>
Richard Armitage ― Вольфф <sup><b>до 26.12</b></sup><br>
Ryan Gosling — dark night <sup><b>до 26.12</b></sup><br>
Will Tudor <sup>GA</sup><br>
</center></div>
</td>
<td width="230px"><div class="btd"><center>
Amandla Stenberg <sup>IE</sup><br>
Georgina Haig <sup>GA</sup><br>
Hannah New <sup>AL</sup><br>
Hayley Atwell ― Ursula Gregersen <sup><b>до 26.12</b></sup><br>
Haley Bennett <sup>LR</sup><br>
Kristine Froseth — Eldbjørg Gottlieb <sup><b>до 27.12</b></sup><br>
Nicola Peltz <sup>LR</sup><br>
Rachel McAdams <sup>LR</sup><br>
Zoe Kravitz <sup>IE</sup></center></div></td>
</tr>
</table></div>
</text>
</div>
<div class="od-textbox">
<text>
<div class="span100">
<a href="http://sturmunddrang.rolbb.ru/profile.php?id=5"><img src="https://i.imgur.com/jJQxKxl.gif"></a>
</div>
<div class="span101">
<a href="http://sturmunddrang.rolbb.ru/profile.php?id=3"><img src="https://i.imgur.com/75T3BTL.gif"></a>
</div>
<div class="span102">
<a href="http://sturmunddrang.rolbb.ru/profile.php?id=6"><img src="https://i.imgur.com/sjrmRwz.gif"></a>
</div>
<div class="span103">
<a href="http://sturmunddrang.rolbb.ru/profile.php?id=4"><img src="https://i.imgur.com/MzLXqiF.gif"></a>
</div>
<div class="btd-content2"><table layout=fixed width=100%>
<tr>
<td width="180px"><div class="btda"><center></center></div>
</td>
<td width="360px"><div class="btda"><br><div class="left"><b>АДАМ ЛИНДХОЛЬМ</b></div><br><center>
Бог должников и прогульщиков, ночной кошмар коддинга. Король такта и мастер филигранной резки драматического стекла. Параноик со стажем. Главный по сектам и пыткам.</center></div></td>
</tr>
</table>
<table layout=fixed width=100%>
<tr>
<td width="360px"><div class="btda"><br><br><div class="right"><b>ЛУКАС РОЙСС</b></div><br><center>
Волшебник фотошопа, текстовик-затейник и Мистер Обаяние. Юн, но опытен. Знаток 50-ти оттенков абьюза и семейной драмы.</center></div></td>
</td>
<td width="180px"><div class="btda"><center></center></div>
</tr>
</table>
<table layout=fixed width=100%>
<tr>
<td width="180px"><div class="btda"><center></center></div>
</td>
<td width="360px"><div class="btda"><br><div class="left"><b>ГЕРТРУДА ФОН АРЕНСТОФ </b></div><br><center>
Покровительница несмелых, хозяйка Темного Угла. Посланник недоброй воли администрации и предводитель бессмертного культа грамматики. Милее, чем кажется. </center></div></td>
</tr>
</table>
<table layout=fixed width=100%>
<tr>
<td width="370px"><div class="btda"><div class="right"><b>ИВАР ЭКЛУНД</b></div><br><center>
Повелитель списков и служитель Матери Фольги. Неспящий, но банящий. Представитель древнего рода "Вам здесь не рады". Профессиональный мультист, толерантный негодяй и просто мастер-очаровашка.</center></div></td>
</td>
<td width="180px"><div class="btda"><center></center></div>
</tr>
</table></div>
</text>
</div>
<div class="od-textbox">
<text>
Все вопросы касательно устройства мира и матчасти вы можете смело задавать в данной теме. А не заблудиться окончательно на первых порах вам поможет наша карта:
<br><br><center>
<div class="nav8">
<a href="http://sturmunddrang.rolbb.ru/viewtopic.php?id=9#p51">правила проекта</a>
<a href="http://sturmunddrang.rolbb.ru/viewtopic.php?id=15#p57">основной сюжет</a>
<a href="http://sturmunddrang.rolbb.ru/viewtopic.php?id=57#p391">список персонажей</a>
<a href="http://sturmunddrang.rolbb.ru/viewtopic.php?id=10#p52">FAQ</a>
<a href="http://sturmunddrang.rolbb.ru/viewtopic.php?id=12#p54">Durmstrang Institute</a>
<a href="http://sturmunddrang.rolbb.ru/viewtopic.php?id=58#p392">чистокровные семейства</a>
<a href="http://sturmunddrang.rolbb.ru/viewtopic.php?id=56#p376">школьная занятость</a>
<a href="http://sturmunddrang.rolbb.ru/viewtopic.php?id=14#p56">вакансии волшебного мира</a>
<a href="http://sturmunddrang.rolbb.ru/viewtopic.php?id=54#p340">список основных заклинаний</a>
<a href="http://sturmunddrang.rolbb.ru/viewtopic.php?id=26#p265">магические способности</a>
<a href="http://sturmunddrang.rolbb.ru/viewtopic.php?id=22#p248">волшебные палочки</a>
<a href="http://sturmunddrang.rolbb.ru/viewtopic.php?id=16#p58">заявки на персонажей</a>
<a href="http://sturmunddrang.rolbb.ru/viewtopic.php?id=17#p59">шаблон регистрационной анкеты</a>
<a href="http://sturmunddrang.rolbb.ru/viewtopic.php?id=7#p49">занятые внешности</a>
<a href="http://sturmunddrang.rolbb.ru/viewtopic.php?id=8#p50">занятые и придержанные имена и фамилии</a>
</div></center>
</text>
</div>
<div class="od-textbox">
<text>
<small>Для всех тех, кто все никак не может определиться с ролью, тех кто ждет не дождется подходящей заявки; для тех, кто заходит поглядеть живы ли мы еще; для тех, кто нас знает, но все еще думает, что мы не знаем, что вы здесь бываете; для всех неравнодушных в той или иной степени мы отсыпали немного <b>ПЕРЛОВКИ</b>! За реализацию данных сюжетов — бонусы!</small>
<br><br>
<b>Она хотела чего хотят все девушки в 1415 лет - замуж за принца.</b>
<br><br>
<b>Говорят его дочь сбежала из дома и знаете с кем? Какимото нищим маглом!</b>
<br><br>
<b>Тут он был всего один раз, вместе с Мародерами , напившись в честь рождения сына у Джеймса, они спьяну аппатировали в Новосибирск.</b>
<br><br>
<b>Откуда берется магия? У колдунов и колдуний в ДНК содержится особый гей.</b>
<br><br>
<b>Там был Геллерт Гриндэвальд, которому Дамблдор засадил в тюрьму.</b>
</text>
</div>
</div>
</div>[/html]