<script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
<script type="text/javascript">
PR.nick = 'PR'; //Ник PR-аккаунта
PR.pass = '1111'; //Пароль PR-аккаунта
PR.btn_text = 'PR-вход'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>
<script><!--Правка для Комментариев от rusff-->
if($(".punbb").attr("id")=="pun-viewtopic"){
function SetBTNClck(){var s=$(".post-vote a[href*='relation.php?']");
s.off("click");s.on("click",function(e){e.preventDefault ();var L=$(this).attr("href");
$(this).parents(".post").find(".pa-respect a[href='"+L+"']").click();
});};$(document).ready(function(){SetBTNClck();});$(window).load(function(){SetBTNClck();});};
</script>
<script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script>
<div class="oknopost">
<br><a href="http://blackburns.rusff.me/viewtopic.php?id=1914#p172861"><b>2.12 «they slowly break us down from the inside»</b></a><br>
<nik>Leticia Conte</nik>
<br>[до 02.03]<br>
<img src="https://forumstatic.ru/files/0017/96/1c/99358.jpg">
<br><a href="http://blackburns.rusff.me/viewtopic.php?id=1978#p179605"><b>1.20 «if you wanna start a fight, you better throw the first punch»</b></a><br>
<nik>GM</nik>
<br>[до ~]<br>
<img src="https://forumstatic.ru/files/0017/96/1c/99358.jpg">
<br><a href="http://blackburns.rusff.me/viewtopic.php?id=2068#p194036"><b>1.21 «this ends tonight, do not pray for an easy life»</b></a><br>
<nik>Guinevere Everwood</nik>
<br>[до 04.02]<br>
<img src="https://forumstatic.ru/files/0017/96/1c/99358.jpg">
<br><a href="http://blackburns.rusff.me/viewtopic.php?id=2071#p194040"><b>1.22 «well it's over, I will not be pushed around»</b></a><br>
<nik> Kieren Stark</nik>
<br>[до 02.03]<br>
<img src="https://forumstatic.ru/files/0017/96/1c/99358.jpg">
<br><a href="http://blackburns.rusff.me/viewtopic.php?id=2070#p194039"><b>1.23 «the choice is mine, I've made up my mind»</b></a><br>
<nik>Guinevere Everwood</nik>
<br>[до 01.02]<br>
<img src="https://forumstatic.ru/files/0017/96/1c/99358.jpg">
<br><a href="http://blackburns.rusff.me/viewtopic.php?id=2072#p194042"><b>1.24 «and the future's robbing my soul, I'm face to face with»</b></a><br>
<nik>Theodore Riley</nik>
<br>[до 14.03]<br>
<img src="https://forumstatic.ru/files/0017/96/1c/99358.jpg">
<br><a href="http://blackburns.rusff.me/viewtopic.php?id=2111#p198119"><b>3.17 «your blood is our pleasure, we want your soul»</b></a><br>
<nik>Kieren Stark</nik>
<br>[до 10.03]<br>
</div>
<!--начало контейнера с плашками под таблицей-->
<div class="plcontdown"><center>
<!--здесь плашки-->
<div class="plcont"> <a href="http://blackburns.rusff.me/viewtopic.php?id=2165#p204705"><div class="plpic">
<img src="http://images.vfl.ru/ii/1524558167/2d5f880e/21489997.png"></div></a></div>
<div class="plcont"> <a href="http://blackburns.rusff.me/viewtopic.php?id=1758#p148121"><div class="plpic">
<img src="https://forumstatic.ru/files/0017/96/1c/71493.png"></div></a></div>
<div class="plcont"> <a href="http://blackburns.rusff.me/viewtopic.php?id=793#p196705"><div class="plpic">
<img src="https://s2.wampi.ru/2018/02/11/KNOPKA-AKTIY.png"></div></a></div>
</center>
<!--здесь плашки-->
</div>
<!--конец контейнера с плашками под таблицей-->
<img src="https://forumstatic.ru/files/0017/a6/38/17583.jpg" style="position: absolute; margin-top: 445px; margin-left: 917px;">
<img src="https://forumstatic.ru/files/0017/a6/38/13579.jpg" style="position: absolute; margin-top: 543px; margin-left: 917px">
<img src="https://forumstatic.ru/files/0017/a6/38/12565.jpg" style="position: absolute; margin-top: 641px; margin-left: 917px">
<img src="https://forumstatic.ru/files/0017/a6/38/82407.jpg" style="position: absolute; margin-top: 740px; margin-left: 917px">
<img src="https://forumstatic.ru/files/0017/a6/38/81468.jpg" style="position: absolute; margin-top: 837px; margin-left: 917px">
<img src="https://forumstatic.ru/files/0017/a6/38/97594.jpg" style="position: absolute; margin-top: 935px; margin-left: 917px">
<img src="https://forumstatic.ru/files/0017/a6/38/34743.jpg" style="position: absolute; margin-top: 1032px; margin-left: 917px">
<img src="https://forumstatic.ru/files/0017/a6/38/52666.jpg" style="position: absolute; margin-top: 1228px; margin-left: 917px">
<div class="bestpost"><img src="https://pp.userapi.com/c834404/v834404344/113483/GdK7-NfOwBk.jpg">— Да уймись ты. Действительно же красивая.<br>
Обычно Даррен начал бы волноваться, как бы Рас вновь ни пошёл блядствовать, к моногамии приучить его было очень сложно, но в конкретной ситуации переживать не за что. Софи не создавала на него впечатление легкомысленной особы и уж точно не прыгала с одного члена на другой при малейшей на то возможности. Сам же адский пёс знал, что ему знатно влетит, если начнёт подкатывать шары к кому-либо, особенно при Крэйге. За комплименты же никто не собирался убивать.<br>
Похоже, ревность здесь передавалась по эстафете, сначала Рассел, теперь Матс… Кто следующий? Крэйг уж было подумал, что снова его бобик, когда тот с недовольным видом заявился на кухню и заявил о своей любви к бабочкам. На миг колдун подумал, что ему показалось, потом он нахмурился и смерил любовника оценивающим взглядом.<br>
— Так, что было в том кофе?.©Darren Craig<a href="http://blackburns.rusff.me/viewtopic.php?id=2089#p204384">[читать дальше]</a></div>
<a href="http://blackburns.rusff.me/viewtopic.php?id=2119#p199128"><div class="bestpl2" style="position: absolute; top:982px; margin-left: 931px;"><div class="bestplpic2"><img src="https://i.imgur.com/F4YE8O9.png"></div>
<div class="bestplnm5"></div>
<div class="bestplnm3">hormones and no alcohol</div>
<div class="bestplnm4">Sophia Hébert, Mathias Møller</div></div></a>
<div class="bestpl" style="position: absolute;top: 885px; margin-left: 931px;"><div class="bestplpic"><img src="https://i.imgur.com/mib4k8U.png"></div>
<div class="bestplnm"></div>
<div class="bestplnm2">Mark & Scarlett</div></div>
<a href="http://blackburns.rusff.me/profile.php?id=5337"> <div class="bestpl" style="position: absolute;top: 788px; margin-left: 931px;"><div class="bestplpic"><img src="http://images.vfl.ru/ii/1524469759/dc5f65e6/21475514.png"></div>
<div class="bestplnm"></div>
<div class="bestplnm2">Kieren Stark</div></div></a>
<table style="position: absolute; top: 686px; margin-left: 927px;"><tr><td><a href="http://blackburns.rusff.me/profile.php?id=695"> <div class="tabaktiv"><div class="tabaktivpic"><img src="https://pp.userapi.com/c834404/v834404344/11347c/-PlUh4yEu6w.jpg"></div>
<div class="tabaktivnm"></div>
<div class="tabaktivnm3">Agatha<br>2</div></div></a></td>
<td><a href="http://blackburns.rusff.me/profile.php?id=686"> <div class="tabaktiv"><div class="tabaktivpic"><img src="http://images.vfl.ru/ii/1524468231/d30335c8/21475157.png"></div>
<div class="tabaktivnm"></div>
<div class="tabaktivnm3">Vincent<br>1</div></div></a></td>
<td><a href="http://blackburns.rusff.me/profile.php?id=623"> <div class="tabaktiv"><div class="tabaktivpic"><img src="https://i.imgur.com/iThBTFQ.png"></div>
<div class="tabaktivnm"></div>
<div class="tabaktivnm3"> Nace<br>1</div></div></a></td>
<td><a href="http://blackburns.rusff.me/profile.php?id=62"> <div class="tabaktiv"><div class="tabaktivpic"><img src="http://images.vfl.ru/ii/1524468231/de0409f6/21475158.png"></div>
<div class="tabaktivnm"></div>
<div class="tabaktivnm3">Scarlett<br>1</div></div></a></td>
</tr></table>
<table style="position: absolute; top: 588px; margin-left: 927px;"><tr><td><a href="http://blackburns.rusff.me/profile.php?id=610"> <div class="tabaktiv"><div class="tabaktivpic"><img src="https://s2.wampi.ru/2018/01/29/NIS-POSTOPISET57aeb078edff7f20.png"></div>
<div class="tabaktivnm"></div>
<div class="tabaktivnm2">Nys</div></div></a></td>
<td><a href="http://blackburns.rusff.me/profile.php?id=337"> <div class="tabaktiv"><div class="tabaktivpic"><img src="http://images.vfl.ru/ii/1524466823/b529cef3/21474952.png"></div>
<div class="tabaktivnm"></div>
<div class="tabaktivnm2">Kieren</div></a></td>
<td><a href="http://blackburns.rusff.me/profile.php?id=687"> <div class="tabaktiv"><div class="tabaktivpic"><img src="https://pp.userapi.com/c834404/v834404344/11348a/XiAn2SsscPg.jpg"></div>
<div class="tabaktivnm"></div>
<div class="tabaktivnm2">Bir</div></div></a></td>
<td><a href="http://blackburns.rusff.me/click.php?http://blackburns.rusff.me/profile.php?id=693"> <div class="tabaktiv"><div class="tabaktivpic"><img src="http://images.vfl.ru/ii/1524466823/f1f9bb1c/21474953.png"></div>
<div class="tabaktivnm"></div>
<div class="tabaktivnm2">Gabri</div></div></a></td></tr></table>
<table style="position: absolute; top: 490px; margin-left: 927px;"><tr><td><a href="http://blackburns.rusff.me/viewtopic.php?id=793#p169658"> <div class="tabaktiv"><div class="tabaktivpic"><img src="https://i.imgur.com/DUguB5B.png"></div>
<div class="tabaktivnm"></div>
<div class="tabaktivnm2">jace</div></div></a></td>
<td><a href="http://blackburns.rusff.me/viewtopic.php?id=793#p123032"> <div class="tabaktiv"><div class="tabaktivpic"><img src="https://i.imgur.com/AXscJWy.png"></div>
<div class="tabaktivnm"></div>
<div class="tabaktivnm2">Eredin</div></div></a></td>
<td><a href="http://blackburns.rusff.me/viewtopic.php?id=20#p139650"> <div class="tabaktiv"><div class="tabaktivpic"><img src="https://i.imgur.com/zvsT0A8.png"></div>
<div class="tabaktivnm"></div>
<div class="tabaktivnm2">pich</div></div></a></td>
<td><a href="http://blackburns.rusff.me/viewtopic.php?id=20#p198839"> <div class="tabaktiv"><div class="tabaktivpic"><img src="https://i.imgur.com/H815MfJ.png"></div>
<div class="tabaktivnm"></div>
<div class="tabaktivnm2">fox</div></div></a></td></tr></table>
<div class="vssvet" style="position: absolute; margin-top: 335px; margin-left: 937px"><div class="svetpic"><img src="https://forumstatic.ru/files/0017/a6/38/79644.png"></div>
<div class="svetnum"></div>
<div class="svetnum2">8330</div></div>
<div class="vssvet" style="position: absolute; margin-top: 335px; margin-left: 1045px;"><div class="svetpic"><img src="https://forumstatic.ru/files/0017/a6/38/52100.png"></div>
<div class="svetnum"></div>
<div class="svetnum2">7780</div></div>
<div style="position: absolute; margin-top: 1278px !important; margin-left: 925px !important; text-align: center; width: 225px"><a target="blank" title="Рейтинг форумов Forum-top.ru" href="http://forum-top.ru/vote/4871"><img alt="Рейтинг форумов Forum-top.ru" src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif"></a> <!-— Top.Roleplay.Ru -->
<script type="text/javascript" language="javascript">
var topRPGc="<img src='https://s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=24451&rnd=" + Math.random();
topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='https://rpgtop.su/24451' title='Рейтинг Ролевых Ресурсов — RPG TOP' target='_blank'>"+
"<img src='//img.rpgtop.su/88x31x11x1.gif' alt='Рейтинг Ролевых Ресурсов — RPG TOP' border='0' width='88' height='31'></a> ";
document.write(topRPGc);
</script>
<noscript>
<img src='//s02.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=24451' width='1' height='1' border='0'><a href='https://rpgtop.su/24451' target='_blank'><img src='//img.rpgtop.su/88x31x11x1.gif' alt='Рейтинг Ролевых Ресурсов — RPG TOP' border='0' width='88' height='31'></a>
</noscript>
<!-— /Top.Roleplay.Ru --></div>
<div class="privet"><inf>г. Блэкберн, Великобритания ● городская мистика ● май — август 2016</inf></div>
<div id="ams">
<span class="tooltip"><a href="http://blackburns.rusff.me/profile.php?id=370">REINA</a><em><center><img src="https://i.imgur.com/bnVks7S.gif"></center><br>
<p style="font-family: Georgia; font-size:10px;">радиоактивная беременная блондинка, богиня кукурузы и властительница варенья. жена безликого медиума с крепким кокосом. повелевает рекламой и организацией. а за неповиновение — смертная казнь через запеканку.</p></em></span> |
<span class="tooltip"><a href="http://blackburns.rusff.me/profile.php?id=540">Nikandra</a><em><center><img src="https://i.imgur.com/NbSXdj8.gif"></center><br>
<p style="font-family: Georgia; font-size:10px;">рыжая королева проклятых и будущая поветитильница кровавого квартала, уже ставшая поветитильницей престарелого ассасина. она такое милое солнышко, но помните — у рыжих нет души.</p></em></span> |
<span class="tooltip"><a href="http://blackburns.rusff.me/profile.php?id=497">Angelo</a><em><center><img src="https://i.imgur.com/KfKdflT.gif"></center><br>
<p style="font-family: Georgia; font-size:10px;">престарелый ассасин, очень мудрый и очень пессимистичный <s>и еще раз очень старый</s>, в случае огорчения баны раздает как промоутер флаеры у метро — щедро и впихивая их во все возможные отверстия провинившегося.</p></em></span>
</div>
<div class="plup"><a href="http://blackburns.rusff.me/pages/magic"><img src="https://forumstatic.ru/files/0017/a6/38/96456.jpg"></a> <a href="http://blackburns.rusff.me/pages/aira"><img src="https://forumstatic.ru/files/0017/a6/38/45721.jpg"></a></div>
<div class="sslki2"><a href="http://blackburns.rusff.me/viewtopic.php?id=22#p105" class="shov">сюжет</a> •
<a href="http://blackburns.rusff.me/viewtopic.php?id=24#p107" class="shov">бестиарий</a> •
<a href="http://blackburns.rusff.me/viewtopic.php?id=23#p106" class="shov">f.a.q.</a> •
<a href="http://blackburns.rusff.me/viewtopic.php?id=15#p94" class="shov">внешности</a> •
<a href="http://blackburns.rusff.me/viewtopic.php?id=28#p119" class="shov">объединения</a> •
<a href="http://blackburns.rusff.me/viewtopic.php?id=18#p101" class="shov">биржа труда</a> •
<a href="http://blackburns.rusff.me/viewtopic.php?id=20#p103" class="shov">нужные персонажи</a> •
<a href="http://blackburns.rusff.me/viewtopic.php?id=21#p104" class="shov">шаблон анкеты</a></div>
<div id="elm1"><img src="https://forumstatic.ru/files/0017/a6/38/54517.png"></div>
<div id="elm2"><img src="https://forumstatic.ru/files/0017/a6/38/38338.jpg"></div>
<div id="elm3"><img src="https://forumstatic.ru/files/0017/a6/38/41339.png"></div>
<div style="position: absolute; width:100px; height:100px; top:53px; margin-left:49px;">
<table id="ava-status" cellpadding=0 cellspacing=0 ><tr><td id="ava-status"></td></tr></table>
</div>
<script type="text/javascript">
var img = document.createElement('img');
var UserAvatar = UserAvatar;
if( ! UserAvatar )
img.src = 'https://forumstatic.ru/files/0017/96/1c/57337.png';
else
img.src = UserAvatar;
$("td#ava-status").html(img);
var a=$("#pun-status .container");a.html(a.html().replace('Ваш последний визит: ','был '))
$("#navprofile,#navlogout").appendTo(a)
</script>
<!--// CSS-версия обтекания изображений в Постах //-->
<style>.postimg[alt="float:right"]{float:right;padding-left:12px}.postimg[alt="float:left"]{float:left;padding-right:12px}
#add_float{position:absolute;padding:2px;top:-8px;left:50%;margin-left:-29px!important;width:57px!important;background: url("https://forumstatic.ru/files/0018/f9/58/97470.png") no-repeat 50% 70% !important;}
#button-image #add_float img{display:block;position:relative;z-index:4;}
#button-image>img{position:relative;z-index:2;}
#button-image>center{opacity:0;visibility:hidden; transition-duration: .8s;}
#button-image:hover>center{opacity:1; visibility:visible;}
</style>
<script>$(function(){$('.postimg[title="float:right"],.postimg[title="float:left"]').mouseover(function(e){e.preventDefault();});
var a ='<center style="position:relative;"><table id=add_float><tr><td id="text-left" title="Обтекание: текст слево">@@</td><td></td><td id="text-right" title="Обтекание: текст справо">##</td></tr></table></center>',b3="]'";
var b1 = '<img onclick="bbcode(\'[img=float:right'+b3+',\'[/img'+b3+')" src="/i/blank.gif"/>',b2 = '<img onclick="bbcode(\'[img=float:left'+b3+',\'[/img'+b3+')" src="/i/blank.gif"/>';
a = a.replace('@@',b1).replace('##',b2);
$('#post #button-image').prepend(a);});
</script>
<style type="text/css">
#wrapper {width: 400px;}
/* вкладки доп смайлов */
ul.tabs {height: 25px;line-height: 20px;margin: 0 0 3px;list-style: none;}
ul.tabs li {float: left;margin-right: 1px; cursor:pointer;}
ul.tabs li a {background: url("http://flowplayer.org/img/global/tabs.png") no-repeat scroll -652px 0 transparent;color: #444444;cursor: pointer;display: block;margin-bottom: -1px;padding: 0 14px 1px;position: relative;text-decoration: none;width: 84px;}
ul.tabs li a:hover {color:#EFEFEF;padding: 0 14px;background: url("http://flowplayer.org/img/global/tabs.png")no-repeat scroll;background-position: -652px -31px; text-decoration:none;}
ul.tabs li.tab-current a {color: #444;padding: 0px 14px 2px;border:medium hidden;line-height: 22px;background-position: -652px -62px;}
ul.tabs li.tab-current a:hover {color: #6A5ACD;}
div.t2,div.t3 {display: none;width: 450px;}
</style>
<script language="JavaScript">
$(document).ready(function(){
$("div.slide_panel p.open").toggle(function(){
$("div.slide_panel").animate({left:'285px'},500);}, function() {
$("div.slide_panel").animate({left:0},500);
});
});
</script>
<!-- ПОГОДА ЕБАННАЯ -->
<style>
/* стиль общего контейнера с кнопками */
.menu{
width: 620px; /* ширина */
margin: 10px auto; padding: 15px; /* отступы */
list-style: none;
counter-reset: li;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1) inset; /* тень вокруг контейнера */
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
-moz-border-radius: 10px; /* закругление углов */
-webkit-border-radius: 10px;
border-radius: 10px;
}
.menu:before,
.menu:after {
content: "";
display: table; /* отображение кнопок в виде таблицы */
}
.menu:after {
clear: both;
}
.menu {
zoom:1;
}
/* стиль кнопки */
.menu li {
position: relative;
float: left;
cursor: pointer;
height: 120px; width: 200px; /* высота и ширина кнопки */
margin: 10px 0 0 10px; /* отступы между кнопками */
color: #fff;
}
.menu li:hover, .menu li:focus{ /* градиент, который появляется на кнопки при наведении курсора */
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.2)), to(rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
background-image: -moz-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
background-image: -ms-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
background-image: -o-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
background-image: linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
}
/* стиль всплывающего описания */
.menu .cover{
z-index: 2;
}
.menu .cover:focus{
outline: 0;
}
.menu li:hover::after, .menu li:focus::after{
font-size: 100px;
opacity: 1;
}
.menu .cover::after{
z-index: -1;
}
.menu li:nth-child(1),
.menu li:nth-child(2),
.menu li:nth-child(3){
margin-top: 0;
}
.menu li:nth-child(1),
.menu li:nth-child(4),
.menu li:nth-child(7),
.menu li:nth-child(10){
margin-left: 0;
}
/* цвета кнопок по порядку */
.menu li:nth-child(1),
.menu li:nth-child(1) .close{
background-image: url(http://funkyimg.com/i/2hepx.png);
}
.menu li:nth-child(2),
.menu li:nth-child(2) .close{
background-image: url(http://funkyimg.com/i/2hepv.png);
}
.menu li:nth-child(3),
.menu li:nth-child(3) .close{
background-image: url(http://funkyimg.com/i/2hepw.png);
}
.menu li:nth-child(4),
.menu li:nth-child(4) .close{
background-image: url(http://funkyimg.com/i/2hepy.png);
}
.menu li:nth-child(5),
.menu li:nth-child(5) .close{
background-image: url(http://funkyimg.com/i/2hepK.png);
}
.menu li:nth-child(6),
.menu li:nth-child(6) .close{
background-image: url(http://funkyimg.com/i/2hepJ.png);
}
.menu li:nth-child(7),
.menu li:nth-child(7) .close{
background-image: url(http://funkyimg.com/i/2hepH.png);
}
.menu li:nth-child(8),
.menu li:nth-child(8) .close{
background-image: url(http://funkyimg.com/i/2hepF.png);
}
.menu li:nth-child(9),
.menu li:nth-child(9) .close{
background-image: url(http://funkyimg.com/i/2hepG.png);
}
.menu li:nth-child(10),
.menu li:nth-child(10) .close{
background-image: url(http://funkyimg.com/i/2heqa.png);
}
.menu li:nth-child(11),
.menu li:nth-child(12) .close{
background-image: url(http://funkyimg.com/i/2heqp.png);
}
.menu li:nth-child(12),
.menu li:nth-child(12) .close{
background-image: url(http://funkyimg.com/i/2heqo.png);
}
/* стиль всплывающего контента */
.menu .content{
opacity: 0; display: none\12;
overflow: hidden;
font: 15px Arial, Helvetica; /* шрифт */
position: absolute;
text-align: center; /* выравнивание по центру */
height: 120px; width: 200px; /* Высота и ширина области текста. В идеале: height: 100%; width: 100%; , но будет работать только в FF */
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.menu .expanded{
opacity: .95; display: block\12;
overflow: visible;
background-image: url(http://funkyimg.com/i/2he8L.png);
padding: 40px;
height: 430px; width: 540px; /* высота и ширина области перекрытия контейнера с всплывающего описания */
}
.menu li:nth-child(3n) .content{ /* 3,6,9 */
right: 0;
}
.menu li:nth-child(3n-1) .expanded{ /* 2,5,8 */
left: 50%;
margin-left: -310px;
}
.menu li:nth-child(7) .content, /* 7,8,9 */
.menu li:nth-child(8) .content,
.menu li:nth-child(9) .content{
bottom: -130px;
}
.menu li:nth-child(4) .expanded, /* 4,5,6 */
.menu li:nth-child(5) .expanded,
.menu li:nth-child(6) .expanded{
margin-top: -190px;
top: 50%;
}
.menu li:nth-child(10) .content, /* 10,11,12 */
.menu li:nth-child(11) .content,
.menu li:nth-child(12) .content{
bottom: 0;
}
/* стиль названия кнопок */
.menu .title{
position: absolute;
height: 100%; width: 100%;
text-align: center; /* выравнивание по центру */
font: italic bold 2em/120px 'trebuchet MS', Arial, helvetica; /* шрифт */
color: #000;
opacity: .2;
}
.menu li:hover .title{
opacity: .7;
}
/* стиль крестика, закрывающего всплывающее описание */
.menu .close {
display: none;
border: 2px solid #fff; /* обводка (граница) */
color: #fff; /* цвет */
height: 23px; width: 23px; /* высота и ширина */
font: bold 18px arial, helvetica; /* шрифт */
position: absolute;
top: 0px; right: 0px; /* расположение (двигаем крестик) */
-moz-border-radius: 0px; /* закругление границ */
-webkit-border-radius: 0px;
border-radius: 0px;
}
.menu .cover .close{
display: block;
}
</style>
<script src="https://forumstatic.ru/files/0006/9d/16/68630.js"></script>
<script>
(function(){
// Добавялем кнопку закрытия каждому блоку
$('.menu .content').append('<span class="close">x</span>');
// Выводим окно
function showContent(elem){
hideContent();
elem.find('.content').addClass('expanded');
elem.addClass('cover');
}
// Сбрасываем все
function hideContent(){
$('.menu .content').removeClass('expanded');
$('.menu li').removeClass('cover');
}
// Когда элемент li нажат, выводим окно с его содержанием и позиционируем поверх всего
$('.menu li').click(function() {
showContent($(this));
});
// Содержание будет также выводиться с помощью нажатия клавиши ENTER
$('.menu li').keypress(function(e) {
if (e.keyCode == 13) {
showContent($(this));
}
});
// Когда нажат верхний правый элемент, сбрасываем все
$('.menu .close').click(function(e) {
e.stopPropagation();
hideContent();
});
// Также сброс происходит по нахатию клавиши ESC
$(document).keyup(function(e) {
if (e.keyCode == 27) {
hideContent();
}
});
})();
</script>
<!--Смена имиджа в текущем посте-->
<link id="iNFpanel" rel="stylesheet" href="https://forumstatic.ru/files/0017/96/1c/64704.css" type="text/css"/>
<script src="https://forumstatic.ru/files/0017/a6/38/45058.js"></script>
<script type="text/javascript">
if(FORUM.PartnerVote.toString().replace(/function\s*\(post_id,vote\)\s*/,"")==="{return true;}")
FORUM.PartnerVote = function(post_id,vote){return false}
</script>
<!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc finibus nisi tellus. Donec eleifend elit luctus aliquet bibendum. In dapibus odio sit amet egestas convallis. In eu iaculis erat. Nam accumsan tellus sed eros pulvinar lacinia. Suspendisse facilisis, lorem vitae vestibulum scelerisque, ipsum neque vulputate diam, vel interdum urna ante eu erat. Mauris tempor eu lectus pellentesque sagittis. Maecenas libero nulla, maximus eu dictum vel, viverra nec urna. © Darren Craig 

















3560









































