<script src="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://forumstatic.ru/files/0017/a6/38/17583.jpg" style="position: absolute; margin-top: 445px; margin-left: 917px;">
<img src="http://forumstatic.ru/files/0017/a6/38/13579.jpg" style="position: absolute; margin-top: 543px; margin-left: 917px">
<img src="http://forumstatic.ru/files/0017/a6/38/12565.jpg" style="position: absolute; margin-top: 641px; margin-left: 917px">
<img src="http://forumstatic.ru/files/0017/a6/38/82407.jpg" style="position: absolute; margin-top: 740px; margin-left: 917px">
<img src="http://forumstatic.ru/files/0017/a6/38/81468.jpg" style="position: absolute; margin-top: 837px; margin-left: 917px">
<img src="http://forumstatic.ru/files/0017/a6/38/97594.jpg" style="position: absolute; margin-top: 935px; margin-left: 917px">
<img src="http://forumstatic.ru/files/0017/a6/38/34743.jpg" style="position: absolute; margin-top: 1032px; margin-left: 917px">
<img src="http://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="http://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="http://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="http://forumstatic.ru/files/0017/a6/38/96456.jpg"></a> <a href="http://blackburns.rusff.me/pages/aira"><img src="http://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="http://forumstatic.ru/files/0017/a6/38/54517.png"></div>
<div id="elm2"><img src="http://forumstatic.ru/files/0017/a6/38/38338.jpg"></div>
<div id="elm3"><img src="http://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 = 'http://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("http://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="http://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="http://forumstatic.ru/files/0017/96/1c/64704.css" type="text/css"/>
<script src="http://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="http://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script>