х50 ʛ <img src="https://forumstatic.ru/files/0019/c4/41/62469.png" style="position: fixed;left: 0%;top: 45%;z-index: -1">
<img src="https://forumstatic.ru/files/0019/c4/41/32621.png" style="position: fixed;right: 0%;top: 45%; z-index: -1">
<!-------- Боковая панель -------->
<script>function PanelToggleL(a){var b=a.attr('data'),c=a.css('margin-left');a.attr('data',c);a.stop().animate({'margin-left':b},500)}</script>
<style>
#left-panel {
top:50px;
padding:0;
margin-left:-263px;
position:fixed;z-index:1000;
left: 0px;
}
.content-L {
padding:12px;
width:216px;
height:445px;
margin-left:17px;
text-align: justify;
margin-top:17px;
position:absolute;
color: #d1d1d1;
font-weight: normal;
font-size: 10px;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0011/e9/e1/48134.js"></script>
<style type="text/css">
/* Настраиваем скроллбар */
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}
.vscrollerbase { /*База вертикального скроллбара*/
width: 3px;
background-color: #b0a1b5;
}
.vscrollerbar { /*Цвет и ширина бегунка вертикального скроллбара*/
width: 3px;
background-color: #544044;
}
.scrollerjogbox {
background: #560101;
width: 3px;
height: 3px;
top: auto; left: auto;
bottom: 0px; right: 0px;
}
/* Стили контейнера */
#mycustomscroll {
width: 220px;
height:420px!important;
overflow: auto;
position: relative;
margin: 0.3em auto;
padding: 1px;
}
</style>
<div data="0" id="left-panel">
<div class="content-L">
<div id='mycustomscroll' class='flexcroll'>
Позднее здесь будет выведена хронология и очередность постов
</div>
</div>
<img id="img-left" src="https://forumstatic.ru/files/0019/9d/11/59409.png" onclick="PanelToggleL($('#left-panel'))"/>
</div><!-- Конец Левой Панели -->
<div id="uptable">
<div class="leftblock">
<hello><b>Добро пожаловать к нам на Marauders. The reaper’s due!</b><br>
Смешанный мастеринг, эпизоды, рейтинг NC-21.
Октябрь/Ноябрь 1978 года</hello>
<div class="ams"><span class="tooltip"><a href="http://thereapersdue.ru/profile.php?id=16">Regulus</a><em>Ответственный за прием и регистрацию персонажей<br>ICQ: 745005438 <br>Tlg: @antraxantarion</em></span>, <span class="tooltip"><a href="http://thereapersdue.ru/profile.php?id=5">Elysse</a><em>Главный админ<br>Tlg: @cherry_daiquiri<br>ICQ: 702779462</em></span>, <span class="tooltip"><a href="http://thereapersdue.ru/profile.php?id=76">Athena</a><em>Ответственная за конкурсы и развлекательные мероприятия <br> ICQ: 744828887</em></span></div>
<div class="newsbox">
<div><date>28.12</date> Отзывы о дизайне. <a href="http://thereapersdue.ru/viewtopic.php?id=595#p68500">Нам важно ваше мнение!</a></div>
<div><date>28.12</date> Заказ NPC. <a href="http://thereapersdue.ru/viewtopic.php?id=593#p68497">Попробуй себя в новой роли!</a></div>
<div><date>28.12</date> Система развития магических умений. <a href="http://thereapersdue.ru/viewtopic.php?id=590">Теперь активная игра - это не только весело, но и выгодно!</a></div>
<div><date>28.12</date> Магические способности - <a href="http://thereapersdue.ru/viewtopic.php?id=594">новая информация</a></div>
<div><date>28.12</date> Все, что вы хотели узнать <a href="http://thereapersdue.ru/viewtopic.php?id=588">об образовании в волшебном мире</a></div>
<div><date>28.12</date><a href="http://thereapersdue.ru/viewtopic.php?id=587"> Локации</a> - Магический мир теперь полон возможностей! Карты, организации и описания - все для вашей фантазии.</div>
<div><date>28.12</date> Акция <a href="http://thereapersdue.ru/viewtopic.php?id=591">Brave New London</a></div>
<div><date>28.12</date> Три новых конкурса - <a href="http://thereapersdue.ru/viewforum.php?id=8">спешите поучаствовать!</a></div>
<div><date>28.12</date> Перевод времени - теперь в игре октябрь/ноябрь 1978 года!</div>
</div>
<span>нужные персонажи и акции</span>
<div class="picblock">
<a href="http://thereapersdue.ru/viewtopic.php?id=44#p68401"><img src="http://funkyimg.com/i/2PBNk.png" title="Гринграссам нужен отец"></a>
<a href="http://thereapersdue.ru/viewtopic.php?id=44#p63585"><img src="http://funkyimg.com/i/2RMcE.png" title="Чарльз Поттер ищет жену"></a>
<a href="http://thereapersdue.ru/viewtopic.php?id=44#p75176"><img src="http://funkyimg.com/i/2RMb1.png" title="Ищем Руквуда"></a>
<a href="http://thereapersdue.ru/viewtopic.php?id=44#p66953"><img src="http://funkyimg.com/i/2RMcK.png" title="Ищем Эвана Розье"></a>
<a href="http://thereapersdue.ru/viewtopic.php?id=591#p68490"><img src="http://funkyimg.com/i/2PBNh.png" title="В детском приюте не хватает злого директора"></a>
</div>
<div style="margin: 2px 10px 0">
<form><select name="select" class="forminput? Hoverbuttons1" onchange="location.href=(form.select.options[form.select.selectedIndex].value)" style="
background-color: rgba(118,108,78,.2);
background-image: none !important;
border: 0px !important;
border-radius: 3px;
color: #6d4609;
height: 20px;
width: 100%;
font-family:alice !important;
font-size: 9px;
font-weight: normal;
padding-top: 2px !important;
padding-left: 1px;
text-transform: uppercase;
box-shadow: none;
text-align: center;">
<option>НАВИГАЦИЯ ПО ФОРУМУ</option>
<option value="http://thereapersdue.ru/viewtopic.php?id=20">гостевая</option>
<option value="http://thereapersdue.ru/viewtopic.php?id=120">хочу к вам</option>
<option value="http://thereapersdue.ru/viewtopic.php?id=79">роли</option>
<option value="http://thereapersdue.ru/viewtopic.php?id=80">внешности</option>
<option value="http://thereapersdue.ru/viewtopic.php?id=81">занятость</option>
<option value="http://thereapersdue.ru/viewtopic.php?id=391">сюжет</option>
<option value="http://thereapersdue.ru/viewtopic.php?id=44">нужные</option>
<option value="http://thereapersdue.ru/viewtopic.php?id=31">шаблон анкеты</option>
<option value="http://thereapersdue.ru/viewtopic.php?id=34">правила</option>
<option value="http://thereapersdue.ru/viewtopic.php?id=52">квесты</option>
<option value="http://thereapersdue.ru/viewtopic.php?id=93">хронология</option>
</select></form>
</div>
</div>
<div class="rightblock">
<div class="picblock" style="float: left; width: 340px">
<span style="margin-bottom: 5px">активисты</span>
<a href="http://thereapersdue.ru/profile.php?id=5"><img src="http://funkyimg.com/i/2PBLU.png" title="Элис Селвин"></a>
<a href="http://thereapersdue.ru/profile.php?id=138"><img src="http://funkyimg.com/i/2R4h8.png" title="Чарльз Поттер"></a>
<a href="http://thereapersdue.ru/profile.php?id=12"><img src="http://funkyimg.com/i/2PBSK.png" title="Эммелин Вэнс"></a>
<a href="http://thereapersdue.ru/profile.php?id=16"><img src="http://funkyimg.com/i/2PBLS.png" title="Регулус Блэк"></a>
</div>
<div class="picblock" style="float: right; width: 90px">
<span style="margin-bottom: 5px; letter-spacing: 0px">лучший игрок</span>
<a href="http://thereapersdue.ru/profile.php?id=56"><img src="http://funkyimg.com/i/2RMcb.png" title="Эвелин Скотт"></a>
</div>
<div class="picblock" style="float: left; width: 172px">
<span style="margin-bottom: 5px">постописцы</span>
<a href="http://thereapersdue.ru/profile.php?id=124"><img src="http://funkyimg.com/i/2RMcr.png" title="Беатрис Татли"></a>
<a href="http://thereapersdue.ru/profile.php?id=11"><img src="http://funkyimg.com/i/2RMcA.png" title="Люк Дрейк"></a>
</div>
<div class="picblock" style="float: right; width: 259px">
<span style="margin-bottom: 5px;">эпизод недели</span>
<a href="http://thereapersdue.ru/viewtopic.php?id=636"><img src="http://funkyimg.com/i/2RMbh.png" title="Багровый пик"></a>
</div>
<span style="clear: both">лучший пост</span>
<div class="bestpost">
<img src="http://funkyimg.com/i/2QcVy.png"> Несмотря на специфическое начало, разговор с владельцами лавки «Горбин и Берк» прошел весьма успешно и информативно. Отец был доволен и без проблем отпустил Марка прогуляться по Косому переулку. Вероятно, все нравоучения были отложены на вечер, и Марка это не могло не радовать: хоть Маргарет и готова была его подождать, но вряд ли у нее было безгранично много времени. <a href="http://thereapersdue.ru/viewtopic.php?id=479#p80294">читать дальше</a>
</div>
</div>
</div>
