[hideprofile]
Код:
<!--HTML-->
<link rel="stylesheet" type="text/css" href="/files/001b/70/52/18462.css">
<section class="maintheme" style="width: 700px">
<section class="event" style="overflow: hidden;">
<div class="event__back" style="background: url(https://i.imgur.com/Uk62YpS.jpeg);">
<div class="event__grid" style="grid-template-columns: 370px auto;">
<div class="event__logo jello-horizontal" style="width: 368px; margin-top: -5px;">
<img style="width: 408px" src="https://i.imgur.com/oVbbjeg.gif">
</div>
<div class="event__content">
<div class="event__title">Жажда далеких глубин</div>
<div class="event__countdown">
<div id="days"></div>
<div id="hours"></div>
<div id="end"></div>
</div>
<div class="event__text" style="color: #fdfdfd">Не только далекие острова тянули людей за пределы Штиля, но и недоступные сокровища морей. И только песни и разговоры в ночи позволяли сохранить дух в долгом путешествии.
</div>
<div class="event__link-block" style="grid-template-rows: repeat(1, 37px);
margin-top: 70px;
margin-right: 55px;
justify-content: end;
grid-template-columns: 150px;">
<a href="/viewtopic.php?id=5#arts">
<div class="event__link">К наградам</div>
</a>
</a>
</div>
</div>
</div>
</div>
</section>
<div class="maintheme__block event__about" style="letter-spacing: 0.2px;">
<div><b>охота на ведьм словно пленительный вальс в темном лесу.</b></div>
<div>«шесть правил охоты на ведьм» – ивент-праздник, вот только не каждому дано отдыхать в кошмарную ночь. чувствуете, как с каждым днем воздух все сильнее тянет могильным холодом, а дни становятся короче? это ведьмы готовятся к шабашу, но не каждой ведьме посчастливиться на него попасть, ведь охотники уже наготове...</div>
<div>чтобы отметить не_веселый хэллоуин, вам предстоит поучаствовать в шести конкурсах. прямо таки примериться к шкуре охотника на ведьм и пройти все этапы подготовки к самой тяжелой ночи в году! но не переживайте, все не за просто так – прошедшие обучение с отличием (и невероятной скоростью) получат тыквы с секретными подарками! но, конечно же, и для остальных эти ночи не пройдут без sweets-n-treats!</div><br>
<div class="maintheme__block event__about" style="letter-spacing: 0.2px; padding: 0!important; margin-top: 0;">
<div class="event__shop" id="shop">
<div class="event__shop-left">
<div class="event__shop-item" style="padding: 0 60px;">
<div class="time left">
<div class="time__number left">50</div>
<div class="time__text">фрагмент персональной плашки</div>
</div>
<div class="time right">
<div class="time__number right">100</div>
<div class="time__text">выкуп нужного в шапку</div>
</div>
<div class="time left">
<div class="time__number left">200</div>
<div class="time__text">рандомный артефакт в <a href="">магазине</a></div>
</div>
<div class="time right">
<div class="time__number right">300</div>
<div class="time__text">любой ивент-артефакт на выбор</div>
</div>
</div>
</div>
</div>
</div>
<br><div>чтобы отметить не_веселый хэллоуин, вам предстоит поучаствовать в шести конкурсах. прямо таки примериться к шкуре охотника на ведьм и пройти все этапы подготовки к самой тяжелой ночи в году! но не переживайте, все не за просто так – прошедшие обучение с отличием (и невероятной скоростью) получат тыквы с секретными подарками! но, конечно же, и для остальных эти ночи не пройдут без sweets-n-treats!</div>
<div class="maintheme__table mobcard" style="margin: 18px 0 30px 0;">
<div class="shop-block event-cards" style="border: 1px dashed var(--accent2)">
<div class="maintext__subtitle">#1</div>
<div class="maintext__text card">написать заявку в <a href="">хочу видеть</a> / <a href="">нужные</a></div>
</div>
<div class="shop-block event-cards" style="border: 1px dashed var(--accent2)">
<div class="maintext__subtitle">#2</div>
<div class="maintext__text card">открыть тему-оформление эпизода</div>
</div>
<div class="shop-block event-cards" style="border: 1px dashed var(--accent2)">
<div class="maintext__subtitle">#2</div>
<div class="maintext__text card">написать пост в любой эпизод</div>
</div>
</div>
<div id="arts">чтобы отметить не_веселый хэллоуин, вам предстоит поучаствовать в шести конкурсах. прямо таки примериться к шкуре охотника на ведьм и пройти все этапы подготовки к самой тяжелой ночи в году! но не переживайте, все не за просто так – прошедшие обучение с отличием (и невероятной скоростью) получат тыквы с секретными подарками! но, конечно же, и для остальных эти ночи не пройдут без sweets-n-treats!</div><br>
<div class="event__shop-item arts">
<div class="event__shop-item__art">
<img src="https://i.imgur.com/xgsl8FU.png">
<div class="event__shop-item__art-text"><span>Живой конверт –</span> конверт серого цвета. Если на нём написать полное имя адресата, представляя его лицо при этом, то конверт сам доставит письмо в любую точку света максимум за день. После вскрытия конверта имя адресата очистится, а сам конверт вернется к хозяину с ответом или без него. Если повредить конверт, сила артефакта исчезнет.</div>
</div>
<div class="event__shop-item__art">
<img src="https://i.imgur.com/eGV8BV6.png">
<div class="event__shop-item__art-text"><span>Капли правды –</span> флакон с каплями голубоватого цвета. Жидкость пахнет розой, на вкус сладковата. Если добавить её в чей-то напиток, то собеседник не сможет врать в течении получаса после употребления. Остатков капель хватит на пять применений.</div>
</div>
<div class="event__shop-item__art">
<img src="https://i.imgur.com/2dq7ccZ.png">
<div class="event__shop-item__art-text"><span>Ручное облако –</span> небольшая деревянная шкатулка, в которой спит белое облачко. Может выполнять функцию «принеси-унеси» в радиусе трех метров от хозяина для вещей весом не более десяти килограмм. Для активации надо открыть шкатулку и четко дать команду облачку. После выполнения работы, если не сказано остаться, возвратится на место и заснет на несколько часов.</div>
</div>
<div class="event__shop-item__art">
<img src="https://i.imgur.com/jZOBEK0.png">
<div class="event__shop-item__art-text"><span>Глубоководная брошь –</span> бронзовая брошь в виде рыбы с глазами-стекляшками темно-синего цвета. Если владелец артефакта погрузится вместе с ним под воду глубже, чем на два метра, создаст вокруг его головы пузырь, позволяющий дышать под водой до шести часов. </div>
</div>
<div class="event__shop-item__art">
<img src="https://i.imgur.com/V3Urit8.png">
<div class="event__shop-item__art-text"><span>Карманная пустыня –</span> стеклянный прозрачный шар 10 сантиметров в диаметре. Если кинуть его с силой так, чтобы он разбился, на месте падения образуется лужа с зыбучим песком два метра в высоту и диаметре, которая существует полчаса. По окончанию действия песок собирается обратно в стеклянный шар.</div>
</div>
<div class="event__shop-item__art">
<img src="https://i.imgur.com/Dcg3fOd.png">
<div class="event__shop-item__art-text"><span>Ибиокаи –</span> деревянный брусок двадцать сантиметров в длину и семь в ширину, пропитанный маслом. Если его поджечь, артефакт начнет очень медленно тлеть и выделять дым с приятным ароматом. Вдохнувшие этот запах успокаиваются, вне зависимости от градуса их эмоций, а спустя пять минут под воздействием аромата впадают в транс, в котором могут отправиться в сон любого человека, о котором подумают, на час.</div>
</div>
<div class="event__shop-item__art">
<img src="https://i.imgur.com/YuWdsjc.png">
<div class="event__shop-item__art-text"><span>Капсула Морфея –</span> сгусток жидкости диаметром два метра. Хранится в небольшой стеклянной бутылке и «разворачивается» при извлечении пробки. Хозяин артефакта может управлять положением капли в радиусе двух метров от себя. Жидкость абсолютно безопасна, в неё можно входить и выходить по желанию. Обладает седативными свойствами, в ней можно спать в тепле и уюте, избавляет от кошмаров и снимает стресс. По сути, является переносной жидкой кроватью. </div>
</div>
<div class="event__shop-item__art">
<img src="https://i.imgur.com/x5A6fM5.png">
<div class="event__shop-item__art-text"><span>Живая cказка –</span> пустой пожелтевший и уже потрескавшийся пергамент. На пятнадцать минут может взять происходящее в радиусе пяти метров под свой контроль, но создать Живая Сказка может только добрую историю, где всё хорошо и все живы. Чтобы воспользоваться артефактом, надо произнести реальные имена героев (людей), что должны участвовать в повествовании, а так же держать пергамент открытым. На время повествования герои не могут взаимодействовать с тем, кто держит свиток и рассказывает сказку, а так же больше не чувствуют, не видят и не слышат его, так как он становится Рассказчиком. Рассказчик же в свою очередь не может взаимодействовать со Сказкой никак, кроме как задавать ей сценарий.</div>
</div>
<div class="event__shop-item__art">
<img src="https://i.imgur.com/qCfnuQi.png">
<div class="event__shop-item__art-text"><span>Тень Ареса –</span> паразит с Черных островов, поселяющийся в уголке глаза. У носителя часто чешется, краснеет и слезится глаз с паразитом, а так же появляется страсть к сражениям, противостояниям, спорам. Паразит повышает физическую силу хозяина в два раза во время всплеска адреналина, однако постепенно пожирает глаз, отчего белок начинает покрываться черными пятнами, пока весь глаз и вовсе не становится черным — телом паразита. Как правило, полное поглощение занимает год. Носитель не теряет зрение, продолжая видеть с помощью паразита, но после полного поглощения могут возникнуть галлюцинации.</div>
</div>
<div class="event__shop-item__art">
<img src="https://i.imgur.com/rNpjREt.png">
<div class="event__shop-item__art-text"><span>Разбитое зеркало –</span> белый цветок с необычным кисловатым ароматом. Если съесть его лепесток, то на сутки человек разделится на свою «светлую» и «тёмную» копии. Чакра и способности плода так же разделятся «пополам». Копии наследуют лучшие и худшие черты своего хозяина и олицетворяют его лучшую и худшие стороны. Смерть одной копии означает смерть разделившегося человека. Даже, если копии будут находиться на большом расстоянии друг от друга по истечении суток, они всё равно объединяться в одного, переместившись друг к другу.</div>
</div>
</div>
<div class="maintext__subtitle">подробные условия</div>
<ul>
<li>приняв участие во всех шести конкурсах можно получить одну из трех плашек на выбор. требования для того, чтобы было засчитано участие, указаны в каждом конкурсе. при выполнении первых пяти заданий за первые сутки после публикации – еще одна плашка на выбор</li>
<li><b>по завершении всех конкурсов можно также забрать secret box-тыкву</b>. под каждым номером скрыт свой уникальный набор подарков. количество тыкв ограничено – их смогут забрать лишь три быстрейших охотника, что раньше всех завершат финальный шестой этап охоты. да-да, ведь с ведьм должен падать лут</li>
<li>также, <b>независимо от участия в конкурсах, вы можете отправить стикеры-подарки</b>, указанные в теме, без ограничений по количеству в течение всего ивента</li>
<li>за участие в ивенте в любом из конкурсов по окончании ивента будет начислен фрагмент персональной плашки</li>
<li>никакой предварительной записи об участии в данной теме не требуется – просто вперед выполнять задания</li>
<li>участвовать можно только с одного профиля. при желании полученные награды могут быть проставлены на профили твинков по запросу</li>
<li>отметки о выполнении заданий производятся в соответствующих темах заданий, указанных в шапке ивента</li>
<li>по выполнении всех заданий нужно отписаться в данной теме, чтобы получить награды/отправить стикеры. для стикеров отпишитесь в свободном формате, указав ссылку на картинку, ссылку адресата и текст послания. </li>
<li>при возникновении каких-либо вопросов их можно задать в этой теме</li>
<li>время проведения ивента <b>с 15.10 по 31.10 23:59 по МСК</b></li>
</ul>
</div>
</section>
<script>
// The data/time we want to countdown to
var countDownDate = new Date("Feb 29, 2024 00:00:00").getTime();
// Run myfunc every second
var myfunc = setInterval(function() {
var now = new Date().getTime();
var timeleft = countDownDate - now;
// Calculating the days, hours, minutes and seconds left
var days = Math.floor(timeleft / (1000 * 60 * 60 * 24));
var hours = Math.floor((timeleft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((timeleft % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((timeleft % (1000 * 60)) / 1000);
// Result is output to the specific element
document.getElementById("days").innerHTML = "Осталоcь времени: " + days + " дн. "
document.getElementById("hours").innerHTML = " " + hours + " ч. "
// Display the message when countdown is over
if (timeleft < 0) {
clearInterval(myfunc);
document.getElementById("days").innerHTML = ""
document.getElementById("hours").innerHTML = ""
document.getElementById("end").innerHTML = "Мероприятие завершено";
}
}, 1000);
</script>
<style>
.jello-horizontal {
-webkit-animation: jello-horizontal 8s ease-in-out infinite!important;
animation: jello-horizontal 8s ease-in-out infinite!important;
}
/* ----------------------------------------------
* Generated by Animista on 2022-5-4 13:49:14
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation jello-horizontal
* ----------------------------------------
*/
@-webkit-keyframes jello-horizontal {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.03, 0.97, 1);
transform: scale3d(1.03, 0.97, 1);
}
40% {
-webkit-transform: scale3d(0.96, 1.03, 1);
transform: scale3d(0.96, 1.03, 1);
}
50% {
-webkit-transform: scale3d(1.01, 0.97, 1);
transform: scale3d(1.01, 0.97, 1);
}
65% {
-webkit-transform: scale3d(0.99, 1.01, 1);
transform: scale3d(0.99, 1.01, 1);
}
75% {
-webkit-transform: scale3d(1.01, 0.99, 1);
transform: scale3d(1.02, 0.99, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes jello-horizontal {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.03, 0.97, 1);
transform: scale3d(1.03, 0.97, 1);
}
40% {
-webkit-transform: scale3d(0.96, 1.03, 1);
transform: scale3d(0.96, 1.03, 1);
}
50% {
-webkit-transform: scale3d(1.01, 0.97, 1);
transform: scale3d(1.01, 0.97, 1);
}
65% {
-webkit-transform: scale3d(0.99, 1.01, 1);
transform: scale3d(0.99, 1.01, 1);
}
75% {
-webkit-transform: scale3d(1.01, 0.99, 1);
transform: scale3d(1.02, 0.99, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.event__shop {
width: 640px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr ;
grid-template-columns: 1fr ;
gap: 30px 30px;
}
.event__shop-right {
margin-top: 20px;
}
.event__shop-item {
background-color: var(--main-bg);
border-radius: 30px;
padding: 30px;
margin-bottom: 30px;
}
.event__shop-item:last-child {
margin-bottom: 0;
}
.event__shop-item.plashki {
display: -ms-grid;
display: grid;
-ms-grid-columns: (180px)[3];
grid-template-columns: repeat(3, 180px);
gap: 5px 10px;
justify-content: space-evenly;
}
.event__shop-item.arts {
background-color: transparent;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: 10px 10px;
padding: 0;
}
.event__shop-item__art {
background-color: var(--main-bg);
border-radius: 30px;
padding: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
overflow: hidden;
align-items: center;
}
.event__shop-item__art img {
width: 60px;
height: 60px;
padding: 17px;
}
.event__shop-item__art-text {
position: absolute;
padding: 20px 20px 40px;
overflow: scroll;
height: 90px;
top: 150px;
background-color: #000;
color: #fff;
font-family: var(--main-title);
text-align: justify;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
opacity: 0;
line-height: 110%;
font-size: 11px;
}
.event__shop-item__art-text span {
text-transform: uppercase;
color: var(--accent-orange);
margin-bottom: 4px;
display: block;
text-align: left;
font-weight: bold;
}
.event__shop-item__art-text::-webkit-scrollbar {
width: 0;
}
.event__shop-item__art:hover .event__shop-item__art-text {
top: 0;
opacity: 1;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.event__shop-item.box {
height: calc(100% - 62px);
border: 1px dashed #ff0076;
}
.event__shop-item.box img {
width: 120px;
}
.event__link {
background: url(https://i.imgur.com/GQZ8nHz.png)!important;
}
.event__shop-item__title {
font-family: var(--main-title);
text-transform: lowercase;
font-weight: 600;
font-size: 16px;
margin: 0 0 0px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.event__shop-item__title span {
color: #ff0076;
text-transform: none;
display: block;
margin-left: 5px;
}
.event__shop-item__sptitle {
font-family: var(--main-title);
text-transform: uppercase;
font-weight: 600;
font-size: 30px;
margin-bottom: 50px;
text-align: right;
line-height: 28px;
cursor: help;
}
.event__shop-item__sptitle span {
font-size: 28px;
color: #ff0076;
text-transform: none;
display: block;
margin-top: 5px;
}
.event__shop-item__boxes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: calc(100% - 143px);
}
.event__shop-item.gift {
display: -ms-grid;
display: grid;
-ms-grid-columns: (60px)[6];
grid-template-columns: repeat(6, 60px);
gap: 10px 43px;
}
.event__shop-item.gift img {
width: 60px;
}
.shop-block.event-cards {
padding: 20px;
margin-top: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
border-radius: 30px;
background-color: var(--category-bg);
}
.maintheme__table.mobcard {
grid-template-columns: 1fr 1fr;
gap: 15px 5px
}
@media (min-width: 1024px) {
.maintheme__table.mobcard {
grid-template-columns: 1fr 1fr 1fr;
}
}
.idol__about {
line-height: 100%;
font-size: 9px;
text-transform: lowercase;
color: #000;
}
.time {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: 80px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.time.left {
border-left: 1px solid var(--accent); border-radius: 0 15px 0 15px;
}
.time.right {
border-right: 1px solid var(--accent);
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; border-radius: 15px 0 15px 0;
}
.time:not(:last-child) {
border-bottom: 1px solid var(--accent);
}
.time:last-child {
border-radius: 0;
}
.time__number {
background-color: var(--accent-orange);
width: 50px;
height: 50px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; font-family: 'Unbounded';
font-weight: 600; color: var(--profile-edit-btn); font-weight: 700;
font-size: 16px;
}
.time__number.left {
margin-left: -25px;
margin-right: 30px;
}
.time__number.right {
margin-right: -25px;
margin-left: 30px;
}
.time__text {
text-transform: uppercase;
font-family: 'Unbounded';
font-weight: 500;
font-size: 13px;
}
.maintext__text.card {text-align: center;}
</style>
