ВНИМАТЕЛЬНО ПРОЧИТАЙТЕ ИНФОРМАЦИЮ ПОД СПОЙЛЕРОМ
Б О Н У С Ы
● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ●
СИСТЕМА АЧИВОК ДЛЯ ПООЩРЕНИЯ АКТИВНОСТИ НА ФОРУМЕ
● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ●
СИСТЕМА АЧИВОК ДЛЯ ПООЩРЕНИЯ АКТИВНОСТИ НА ФОРУМЕ
» Чтобы получать бонусы, нужно завести личное дело. Заработанные бонусы не будут начислены, если личное дело не заполнено.
» Бонусы можно заработать, выполняя задания, получить в обмен на грибы coming soon, а также выиграть в качестве приза, участвуя в конкурсах, лотереях, розыгрышах, сюжетных заданиях.
» Бонусы делятся на простые, золотые и платиновые. Можно зарабатывать несколько бонусов подряд, копить их на будущее. Некоторые бонусы можно купить 1 раз и использовать вечно, учитывая ограничения. Вечные бонусы заменяют аналогичные одноразовые: например, вечная скидка в банке заменит единоразовую скидку, если таковая есть в профиле. Платиновые бонусы нельзя заработать простым путём: их можно только выиграть, найти в сундуке coming soon или получить за особые заслуги.
» Для каждой повторной покупки нужно заново набирать указанное количество постов, сообщений, реклам и т. д. Например, чтобы избежать смерти в квесте, мне нужно иметь 500 баллов и 10 постов. Чтобы во второй раз купить этот бонус, мне потребуется ещё 500 баллов и написать ещё 10 постов. Если в профиле уже достаточно баллов, отдельно для бонуса их зарабатывать не нужно.
» Для удобства собирания пруфов можно опубликовать пустую заявку на получение бонуса и заполнять её по мере готовности выполнения заданий. Дата выполнения заданий должна быть позже даты публикации заявки. Например, я оставил заявку на бонус "Найти интересный предмет в квесте", после этого мне нужно оставить 50 реклам и проголосовать суммарно в топах 30 раз и добавить ссылки-пруфы в заявку. Амс регулярно проверяют тему с заявками и начисляют заслуженные бонусы, но если вам кажется, что о вас забыли — можно дёрнуть админов в личку.
» В одной заявке можно одновременно выполнять задания для разных бонусов, однако сами задания не должны пересекаться. Нельзя собрать сразу два бонуса, в которых нужно писать игровые посты. Каждая порция игровых постов засчитывается отдельно. Например, если я хочу получить бонус с 3 постами и бонус с 10 постами, мне нужно сначала написать 3 поста и получить первый бонус, а потом написать ещё 10 постов и получить второй бонус. То же самое касается реклам, голосов в топе, плюсов, сообщений в беседке, развлечениях и т. д. Коротко говоря, нельзя переиспользовать одни и те же сообщения для разных бонусов.
» Можно засчитывать одни и те же сообщения для бонусов и ключей coming soon. Например, если у бонуса задание написать 5 постов, а у ключа — 3 поста, то одни и те же 3 поста будут засчитаны и для бонуса, и для ключа.
» Никаких ограничений на грибы нет. Сколько грибов — столько можете и обменять на бонусы в пределах одной заявки. При желании грибы можно копить и обменивать позже. Копить, на самом деле, можно всё.
» Если у вас есть бонус, который облегчает выполнение заданий, и вы хотите его использовать, то указывайте это в заявке. Амс физически не могут проверять все профили на наличие/отсутствие таких бонусов.
» Если вы хотите использовать имеющийся в профиле игровой бонус, об этом необходимо предварительно уведомить амс. Все игровые бонусы одноразовые и после использования снимаются с профиля. Их можно заработать заново и копить, как и любые другие бонусы.
» Голоса в топах засчитываются суммарно. Если нужно набрать 10 голосов, их все можно набрать в одном топе, а можно в разных, главное пруфы.
» Голоса в RPG-TOP и Демиурге засчитываются, если вы подписываетесь именем персонажа при голосовании. Голоса на FORUM-TOP необходимо подкреплять скриншотами, на которых видно дату голоса. Просим простить и понять, на этом топе мы не видим список голосов.
» Бонусная система ещё совсем новая и активно совершенствуется. Если у вас есть вопросы, пожелания или предложения (например, изменить стоимость бонусов или добавить новые бонусы) — очень ждём вас в соответствующей теме.
Код:
<!--HTML--><ul class="bonus_tabs">
<li class="active"><a href="#tab1">Простые</a></li>
<li><a href="#tab2">Золотые</a></li>
<li><a href="#tab3">Платиновые</a></li>
<li><a href="#tab4">Игровые</a></li>
</ul>
<div class="tab_container">
<!-- ПРОСТЫЕ -->
<div style="display: block;" id="tab1" class="tab_content">
<div id="bonus_list">
<div class="cell">
<img src="https://i.imgur.com/NXPYXuH.png" />
<p class="title">Попасть в таблицу с лучшим постом</p>
<p class="task"><small>Можно использовать не чаще 1 раза в 6 месяцев</small>
200 баллов + 50 реклам</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/rmz9GtX.png" />
<p class="title">Сменить внешность персонажа</p>
<p class="task">200 баллов + 3 игровых поста<br>
ИЛИ<br>
200 реклам (получать в банке)</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/cZRJzgj.png" />
<p class="title">Сменить имя и/или фамилию персонажа</p>
<p class="task">200 баллов + 3 игровых поста<br>
ИЛИ<br>
200 реклам</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/MVB51D1.png" />
<p class="title">Сменить роль на текущем профиле</p>
<p class="task">500 баллов + 100 реклам + 25 сообщений в развлечениях</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/7RMC5Xf.png" />
<p class="title">Вычеркнуть себя из списков на удаление</p>
<p class="task"><small>Нельзя купить после того, как вы появились в списке</small>
200 баллов + 25 сообщений в развлечениях + 25 реклам</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/6KIkXv5.png" />
<p class="title">Поделить задание для 1 ключа пополам</p>
<p class="task"><small>Для нечётных округление в большую сторону</small>
300 баллов + поставить 50 плюсов</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/ZCzvAfY.png" />
<p class="title">Открыть сундук 2 ключами вместо 3</p>
<p class="task"><small>Нельзя использовать подряд</small>
400 баллов + 2 игровых поста + поставить 50 плюсов</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/aBSRyaG.png" />
<p class="title">Открыть сундук 1 ключом вместо 3</p>
<p class="task"><small>Нельзя использовать подряд</small>
500 баллов + 3 игровых поста + поставить 50 плюсов</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/YKtIDA9.png" />
<p class="title">Единоразовая скидка 20% на все услуги в банке</p>
<p class="task"><small>Не чаще 1 раза в месяц</small>5 игровых постов + 25 сообщений в беседке + 50 реклам</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/gB1utlW.png" />
<p class="title">Единоразовая скидка 50% на все услуги в банке</p>
<p class="task"><small>Не чаще 1 раза в месяц</small>10 игровых постов + 50 сообщений в развлечениях + 50 реклам</p>
</div>
</div>
</div>
<!-- ЗОЛОТЫЕ -->
<div style="display: none;" id="tab2" class="tab_content">
<div id="bonus_list">
<div class="cell">
<img src="https://i.imgur.com/Cpwk1LE.png" />
<p class="title">Вечная скидка 20% на все услуги в банке</p>
<p class="task"><small>Можно использовать не чаще 1 раза в месяц</small>
2 000 баллов + 5 игровых постов + 50 сообщений в развлечениях</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/ZnQa7ks.png" />
<p class="title">Вечная скидка 50% на все услуги в банке</p>
<p class="task"><small>Можно использовать не чаще 1 раза в месяц</small>
5 000 баллов + 10 игровых постов + 50 сообщений в развлечениях + 50 реклам</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/RG3F6Xx.png" />
<p class="title">Вечно открывать сундук 2 ключами вместо 3</p>
<p class="task">2 000 баллов + 10 игровых постов + доиграть 1 эпизод + 50 реклам</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/5kayLk0.png" />
<p class="title">Поделить задание для 1 бонуса пополам</p>
<p class="task"><small>Для нечётных округление в большую сторону</small>
200 баллов + 3 игровых поста + 15 голосов в топе</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/CUVQ2Zx.png" />
<p class="title">1 раз получить 2 ключа по цене 1</p>
<p class="task"><small>Выполняете задание для ключа как обычно, но получаете 2 вместо 1</small>
300 баллов + 30 реклам + 50 плюсов</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/eKpIlNn.png" />
<p class="title">Торговать на бирже <sup><b style="color: maroon">coming soon</b></sup> без комиссии</p>
<p class="task">200 баллов + 50 реклам</p>
</div>
</div>
</div>
<!-- ПЛАТИНОВЫЕ -->
<div style="display: none;" id="tab3" class="tab_content">
<div id="bonus_list" border="0" cellspacing="4">
<div class="cell">
<img src="https://i.imgur.com/ERHLz3J.png" />
<p class="title" title="Нельзя использовать подряд">Возможность брать лоу или отсутствие сроком до 3-х месяцев *</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/rnVhTKz.png" />
<p class="title" title="Персонаж не будет исключён, ранен или убит">Пропуск очереди в любых сюжетных квестах без последствий *</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/KqijQg9.png" />
<p class="title">Вечно открывать сундук 1 ключом вместо 3</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/NnHYv0g.png" />
<p class="title">1 раз удвоить количество баллов в профиле</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/PqniZho.png" />
<p class="title">Больше не нужно набирать сообщения в развлечениях для получения бонусов</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/FXWeYAf.png" />
<p class="title">Больше не нужно набирать сообщения в беседке для получения бонусов</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/e6Pq9lS.png" />
<p class="title">Больше не нужно рекламить для получения бонусов</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/lM6S7qA.png" />
<p class="title">Больше не нужно ставить плюсы для получения бонусов</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/9rOa6RN.png" />
<p class="title" title="Выполняете задание для ключа как обычно, но получаете 2 вместо 1">Вечно получать 2 ключа по цене 1 *</p>
</div>
</div>
</div>
<!-- ИГРОВЫЕ -->
<div style="display: none;" id="tab4" class="tab_content">
<div id="bonus_list">
<div class="cell">
<img src="https://i.imgur.com/ojfS2ub.png" />
<p class="title">Вмешательство гейм-мастера в личный эпизод</p>
<p class="task"><small>1 пост, содержание на усмотрение ГМ</small>
300 баллов + 3 игровых поста + поставить 50 плюсов</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/VV1bUwS.png" />
<p class="title">Избежать травмы в сюжетном квесте</p>
<p class="task"><small>Можно использовать не чаще 1 раза за квест, нельзя купить во время квеста</small>
300 баллов + 3 игровых поста + 10 голосов в топе</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/QxUNpSf.png" />
<p class="title">Получить травму в сюжетном квесте</p>
<p class="task"><small>Можно купить во время квеста, детали обговариваются с ГМ</small>
200 баллов + 2 игровых поста + 5 голосов в топе</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/p7Gkx80.png" />
<p class="title">Избежать смерти в сюжетном квесте</p>
<p class="task"><small>Можно использовать не чаще 1 раза за квест, нельзя купить во время квеста</small>
500 баллов + 10 игровых постов + 30 голосов в топе</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/Kz7WqFo.png" />
<p class="title">Пропуск очереди в 1 квесте без последствий</p>
<p class="task"><small>Персонаж не будет исключён, ранен или убит; нельзя купить во время квеста</small>
100 баллов + 20 реклам</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/NSr6tAo.png" />
<p class="title">Гарантированная победа в драке</p>
<p class="task"><small>Действует для любых эпизодов — как личных, так и сюжетных</small>
100 баллов + 50 плюсов + 25 сообщений в развлечениях</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/T50Xyk2.png" />
<p class="title">Найти интересный сюжетнный предмет в квесте или сюжетном задании</p>
<p class="task"><small>Предмет на усмотрение ГМ, остаётся у персонажа</small>
200 баллов + 50 реклам + 30 голосов в топе</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/QzgFBOC.png" />
<p class="title">Абсолютно рандомное событие с персонажем в квесте</p>
<p class="task"><small>Может быть как положительным, так и отрицательным</small>
200 баллов + 2 игровых поста + 25 сообщений в развлечениях</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/Nu8L7bt.png" />
<p class="title">Привлечь удачу в квесте или сюжетном задании</p>
<p class="task"><small>Гарантирует благоприятный исход сюжетного выбора</small>
300 баллов + 2 игровых поста + 25 сообщений в беседке</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/hKXL8vZ.png" />
<p class="title">Присоединиться к квесту после закрытия записи</p>
<p class="task">100 баллов + 50 реклам + 25 сообщений в развлечениях</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/lBxppB6.png" />
<p class="title">Написать 1 пост в квест в качестве Guest Star</p>
<p class="task">400 баллов + поставить 50 плюсов</p>
</div>
<div class="cell">
<img src="https://i.imgur.com/O8W7a55.png" />
<p class="title">Прокачать способность по согласованию с амс</p>
<p class="task"><small>Только для носителей</small>
300 баллов + 5 игровых постов + поставить 50 плюсов</p>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$(".tab_content").hide();
$("bonus_tabs li:first").addClass("active").show();
$(".tab_content:first").show();
$(".bonus_tabs li").click(function() {
$(".bonus_tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn();
return false;
});
});
</script>Шаблон для выполнения заданий бонуса
Код:[b]Бонус:[/b] название [b]Статус выполнения:[/b] выполнено/в процессе (нужное подчеркнуть) [b]Пруфы выполненного задания:[/b] ссылки или скриншоты, можно добавлять по мере выполнения
Шаблон обмена гриба coming soon на бонус
Код:[b]Бонус:[/b] название [b]Какой гриб списываем:[/b] название или картинка гриба
Для амс
Нижеследующий код нужно добавить в личное дело игрока перед последними четырьмя блоками <div>
В параметре data-quantity="1" меняем цифру 1, если игрок заработал более 1 текущего бонуса/гриба/ключаКод:<div class="bonus_block"> <div class="bonuses"> <div class="bonus_headline">Бонусы</div> <div class="bonus_scroll"> <div class="bonus_item" title="Название бонуса" data-quantity="1"><img src="https://forumstatic.ru/files/001b/95/a1/50400.svg" /></div> <div class="bonus_item" title="Название бонуса" data-quantity="1"><img src="https://forumstatic.ru/files/001b/95/a1/50400.svg" /></div> <div class="bonus_item" title="Название бонуса" data-quantity="1"><img src="https://forumstatic.ru/files/001b/95/a1/50400.svg" /></div> </div> </div> <div class="coupons"> <div class="bonus_headline">Грибы</div> <div class="bonus_scroll"> <div class="bonus_item" title="Название гриба" data-quantity="1"><img src="https://forumstatic.ru/files/001b/95/a1/50400.svg" /></div> <div class="bonus_item" title="Название гриба" data-quantity="1"><img src="https://forumstatic.ru/files/001b/95/a1/50400.svg" /></div> <div class="bonus_item" title="Название гриба" data-quantity="1"><img src="https://forumstatic.ru/files/001b/95/a1/50400.svg" /></div> </div> </div> <div class="keys"> <div class="bonus_headline">Ключи</div> <div class="bonus_scroll"> <div class="bonus_item" title="Номер ключа" data-quantity="1"><img src="https://forumstatic.ru/files/001b/95/a1/50400.svg" /></div> <div class="bonus_item" title="Номер ключа" data-quantity="1"><img src="https://forumstatic.ru/files/001b/95/a1/50400.svg" /></div> <div class="bonus_item" title="Номер ключа" data-quantity="1"><img src="https://forumstatic.ru/files/001b/95/a1/50400.svg" /></div> </div> </div> </div>
Прообразом данной системы ачивок послужили активности на форуме SACRAMENTO, за что выражаем коллегам благодарность и желаем дальнейшего процветания 
Графика защищена лицензией CRAFTPIX, копирование запрещено законом
Код:
<!--HTML--><style>/* Personal pages © topit see, max, the murderer! Запрещено копирование и модификация
----------------------------------------------------------*/
/* Basis */
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: rgb(0 0 0 / 0.6);
z-index: 100;
display: none;
top: 0;
left: 0;
}
.reveal-modal {
visibility: hidden;
top: 100px;
left: 50%;
margin-left: -300px;
width: 800px;
position: absolute;
z-index: 101;
}
.reveal-modal.small {
width: 200px;
margin-left: -140px;
}
.reveal-modal.medium {
width: 400px;
margin-left: -240px;
}
.reveal-modal.large {
width: 600px;
margin-left: -340px;
}
.reveal-modal.xlarge {
width: 890px;
margin-left: -440px;
}
.reveal-modal .close-reveal-modal {
font-size: 30px;
line-height: .5;
position: fixed;
top: calc(50% - 550px/2);
color: #aaa;
text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
font-weight: bold;
cursor: pointer;
margin: 8px 0 0 870px;
text-decoration: none;
}
.menu span {
cursor: pointer;
display: block;
margin: 7px 0;
padding: 11px;
text-align: left;
width: 150px;
}
.menu-links {
float: left;
margin-right: 15px;
}
#submenu {
display: inline-block;
}
#submenu,
.menu span {
border-radius: 5px;
background-color: transparent
}
.menu .tabactive {
background-color: transparent;
}
#submenu {
padding: 7px;
height: 500x;
width: 800px;
}
.submenutext {
display: none;
height: 40px;
}
/* Customization */
.window {
position: fixed;
top: calc(50% - 550px/2);
z-index: 1000;
width: 838px;
background: rgb(var(--pun)) var(--punbb_texture);
box-shadow: 132px 0 inset rgb(var(--body)), var(--smooth_shadow);
border: 8px solid rgb(var(--html));
}
.tbl {
border: none;
height: 484px;
width: 838px;
box-shadow: 0 0 24px inset rgba(0 0 0 / .6);
}
.first {
height: 440px;
width: 104px;
margin-bottom: -400px;
margin-left: 28px;
}
.second {
height: 400px;
width: 470px;
margin-bottom: -400px;
margin-left: 140px;
}
.third {
height: 400px;
width: 198px;
margin-top: -407px;
margin-left: 500px;
}
.tname {
height: 179px;
overflow-x: auto;
border-bottom: 1px solid rgb(var(--body) / .12);
}
.window .name {
overflow: hidden;
color: rgb(var(--accent));
font-family: var(--font), sans-serif;
text-transform: uppercase;
font-size: 22px;
text-align: center;
font-weight: 700;
}
.subname {
font-family: georgia;
font-style: italic;
text-transform: lowercase;
font-size: 10px;
padding-bottom: 2px;
text-align: center;
}
.point {
height: 4px;
}
.point1 {
width: 323px;
height: 6px;
margin-bottom: 3px;
}
.point2 {
display: none;
}
.window .text {
height: 204px;
overflow-y: auto;
margin-top: 16px;
}
.block {
width: 198px;
height: 360px;
}
.text1 {
font-family: var(--font), sans-serif;
font-size: 1em;
text-transform: uppercase;
letter-spacing: 1.5px;
color: rgb(var(--white_static) / .87);
background-color: rgb(var(--html));
margin: 16px 0 2px 0;
padding: 4px 8px;
}
.bl {
color: rgb(var(--basic));
}
.pf {
/* padding-top: 15px; */
}
.pf1 {
margin-left: 16px;
}
.pftext {
margin-left: 25px;
}
.pf2 {
margin-left: 0;
border-right: 1px solid rgb(var(--html));
height: 490px;
}
.pf3 {
margin-left: 34px;
}
.bl1 {
color: rgb(var(--accent));
font-family: var(--font), sans-serif;
text-transform: uppercase;
font-size: 16px;
text-align: center;
font-weight: 700;
}
.ttext {
letter-spacing: 0.25px;
color: rgb(var(--basic));
font-size: 1em;
text-align: justify;
padding-right: 8px;
}
.ftext {
padding-top: 36px;
width: 75px;
height: 310px;
}
.ftext2 {
padding-top: 23px;
width: 70px;
height: 93px;
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
column-gap: 1px;
-moz-column-gap: 1px;
-webkit-column-gap: 1px;
overflow-x: scroll;
}
.pep {
width: 68px;
height: 73px;
background-image: url(/files/0017/38/e4/22408.png);
opacity: .12;
display: inline-block;
}
.ep {
width: 68px;
height: 73px;
background-image: url(/files/0017/38/e4/22408.png);
opacity: .6;
display: inline-block;
}
.ep:hover {
opacity: 1;
}
.halo {
width: 34px;
height: 34px;
background-image: url(/files/0017/38/e4/18704.png);
opacity: .7;
display: inline-block;
}
.halo:hover {
opacity: 1;
}
.phalo {
width: 34px;
height: 34px;
background-image: url(/files/0017/38/e4/18704.png);
opacity: .2;
display: inline-block;
}
.tube {
width: 34px;
height: 34px;
background-image: url(/files/0017/38/e4/35131.png);
opacity: .7;
display: inline-block;
}
.tube:hover {
opacity: 1;
}
.ptube {
width: 34px;
height: 34px;
background-image: url(/files/0017/38/e4/35131.png);
opacity: .2;
display: inline-block;
}
.gun {
width: 34px;
height: 34px;
background-image: url(/files/0017/38/e4/42391.png);
opacity: .7;
display: inline-block;
}
.gun:hover {
opacity: 1;
}
.pgun {
width: 34px;
height: 34px;
background-image: url(/files/0017/38/e4/42391.png);
opacity: .2;
display: inline-block;
}
.mcat {
width: 34px;
height: 34px;
background-image: url(/files/0017/38/e4/49657.png);
opacity: .7;
display: inline-block;
}
.mcat:hover {
opacity: 1;
}
.pmcat {
width: 34px;
height: 34px;
background-image: url(/files/0017/38/e4/49657.png);
opacity: .2;
display: inline-block;
}
.ep,
.pep {
-webkit-filter: hue-rotate(125deg) grayscale(1) drop-shadow(1px 0 rgb(var(--accent))) drop-shadow(-1px 0 rgb(var(--accent))) drop-shadow(0 1px rgb(var(--accent))) drop-shadow(0 -1px rgb(var(--accent)));
filter: hue-rotate(125deg) grayscale(1) drop-shadow(1px 0 rgb(var(--accent))) drop-shadow(-1px 0 rgb(var(--accent))) drop-shadow(0 1px rgb(var(--accent))) drop-shadow(0 -1px rgb(var(--accent)));
}
.ep:hover {
-webkit-filter: hue-rotate(-130deg) grayscale(0.6) drop-shadow(1px 0 rgb(var(--accent))) drop-shadow(-1px 0 rgb(var(--accent))) drop-shadow(0 1px rgb(var(--accent))) drop-shadow(0 -1px rgb(var(--accent)));
filter: hue-rotate(-130deg) grayscale(0.6) drop-shadow(1px 0 rgb(var(--accent))) drop-shadow(-1px 0 rgb(var(--accent))) drop-shadow(0 1px rgb(var(--accent))) drop-shadow(0 -1px rgb(var(--accent)));
}
.halo, .phalo, .tube, .ptube, .gun, .pgun, .mcat, .pmcat {
-webkit-filter: drop-shadow(1px 0 rgb(var(--accent))) drop-shadow(-1px 0 rgb(var(--accent))) drop-shadow(0 1px rgb(var(--accent))) drop-shadow(0 -1px rgb(var(--accent)));
filter: drop-shadow(1px 0 rgb(var(--accent))) drop-shadow(-1px 0 rgb(var(--accent))) drop-shadow(0 1px rgb(var(--accent))) drop-shadow(0 -1px rgb(var(--accent)));
}
.halo, .phalo, .tube, .ptube, .gun, .pgun, .mcat, .pmcat {
cursor: pointer;
}
/* Bonuses, Coupons, Keys */
.bonus_block {
display: flex;
background: rgb(var(--html));
height: 108px;
padding-bottom: 24px;
}
.bonus_block .bonuses,
.bonus_block .mushrooms,
.bonus_block .keys {
width: 100%;
padding: 12px 4px;
}
.bonus_block .bonuses {
padding-left: 30px;
}
.bonus_headline {
font-family: var(--font), sans-serif;
font-weight: bold;
font-size: 1em;
text-transform: uppercase;
letter-spacing: 1.5px;
color: rgb(var(--white_static) / .87);
margin-bottom: 8px;
}
.bonus_scroll {
width: 100%;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
display: flex;
align-items: start;
justify-content: start;
flex-wrap: wrap;
}
.bonus_item {
display: inline-flex;
margin: 0 4px 4px 0;
cursor: pointer;
position: relative;
}
.bonus_item:not([data-quantity='1'])::before {
content: attr(data-quantity);
position: absolute;
bottom: -4px;
right: -4px;
font: bold 10px var(--font), verdana, sans-setif;
background: rgba(0 0 0);
border: 4px solid rgb(var(--html));
color: rgba(255 255 255 / .87);
width: 20px;
height: 20px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
/* Bonus list */
#bonus_list {
border-collapse: separate;
display: flex;
flex-wrap: wrap;
}
#bonus_list .cell {
display: flex;
position: relative;
flex-direction: column;
align-items: center;
text-align: center;
justify-content: flex-start;
width: calc(25% - 38px);
line-height: 140%;
background: rgb(var(--basic) / .06);
border: 1px solid rgb(var(--basic) / .12);
padding: 16px 16px 12px !important;
margin: 0 2px 4px;
transition: all .2s ease;
}
#bonus_list:hover .cell:hover {
border-color: rgb(var(--accent));
}
#bonus_list .cell img:first-child {
margin-bottom: 0.5em;
}
#bonus_list .cell strong {
padding: 0.5em;
}
#bonus_list .cell span {
padding: 0.5em;
opacity: .6;
}
#bonus_list .cell p {
text-align: center;
}
#bonus_list .cell p.title {
font-weight: bold;
}
#bonus_list .cell p.task {
background: rgb(var(--pun));
position: absolute;
top: 0;
left: 0;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
transition: all .2s ease;
opacity: 0;
box-sizing: border-box;
padding: 16px;
}
#bonus_list .cell p.task small {
line-height: 140%;
font-weight: bold;
margin-bottom: 8px;
}
#bonus_list .cell:hover p.task {
opacity: 1;
cursor: pointer;
}
/* Bonus List Tabs */
.post-content ul.bonus_tabs {
padding: 0;
display: flex;
justify-content: center;
margin: 16px;
}
.bonus_tabs li {
list-style: none;
float: left;
cursor: pointer;
}
.bonus_tabs li a {
text-transform: uppercase;
font: bold 1em var(--font);
padding: 4px 8px 6px;
background: rgb(var(--basic) / .06);
border: 1px solid rgb(var(--basic) / .12);
margin-right: 8px;
transition: all .2s ease !important;
color: rgb(var(--basic)) !important;
}
.bonus_tabs li a:hover {
border: 1px solid rgb(var(--accent));
color: rgb(var(--accent)) !important;
}
.bonus_tabs li.active a {
background: rgb(var(--accent));
border: 1px solid rgb(var(--accent));
color: rgb(var(--white_static) / .87) !important;
}
</style>
