Есть вот это:
$('.forabg').eq(1).after("<div class='forabg' style='padding: 0;'><div id='close_cross'>✕</div><div id='reklam_text' style='font-size: 1.4em; margin: 7px 46px 7px 7px; color: rgba(255, 255, 255, 0.7); font-weight: lighter;'>Скорее всего, когда-нибудь здесь будет реклама. Или не здесь, а где-то ещё. Если она будет, то её можно будет отключить также, как и это сообщение - крестиком справа. Ну а пока её нет, можешь посмотреть</div><a class='reklam_link' href='' >FAQ</a><a class='reklam_link' href=''>Правила сайта</a><a class='reklam_link' href='' style=''>Интерактивный гайд</a></div>")
Оно спавнит соответствующие дивы в соответствующее место.
Есть вот эти стили, которые к ним применяются:
.reklam_link {
background: rgba(255, 255, 255, 0.12);
padding: 7px;
border: 1px solid rgba(225, 225, 225, 0.45);
border-radius: 5px; font-size: 2em;
color: rgba(255, 255, 255, 0.85);
font-family: Helvetika, sans-serif;
position: relative;
left: 20%;
margin: 1em 20px 1em 0;
display: block;
width: 7em;
float: left;
}
#close_cross {
margin: auto;
height: 8.5em;
line-height: 8.5em;
float: right;
display: block;
width: 40px;
text-align: center;
vertical-align: middle;
position: relative;
background: rgba(225, 225, 225, 0.1);
font-size: 1.7em;
color: rgba(225, 225, 225, 0.5);
padding: 0 0 1px; cursor: pointer;
.reklam_link:hover {
background: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.9);
text-decoration: none;
transition-duration: 0.3s;
}
#clise_cross:hover {
background: rgba(240, 240, 240, 0.15);
color: rgba(240, 240, 240, 0.65);
}
Всё это можно посмотреть
здесь (сайт в работе, сорри за кривизну дизайна, мне тоже стыдно), js в div'е по "адресу" wrap -> page-footer. Css в подключенном custom.css в конце.
А теперь сам вопрос: при наведении на див с классом reklam_link стили должны смениться на те, что указаны в .reklam_link:hover, но этого не происходит. Даже при указании этого в браузере вручную. Почему и как это исправить?