Код:
<!--HTML--> <div class="htmldemo"> <center><div class="sacth"> <div class="sacttitle">каждый день онлайн!</div> <div class="saccita">у самурая нет цели только путь</div> <br> <div style="width: 480px; text-align: justify; font: 11px arial; text-transform: none; line-height: 11px; overflow: auto;"> <p>В новый год вам зашёл адвент-календарь и я решил, что мы можем получать подарки каждый день не только в ожидании нового года. В конце концов у нас праздник! Так что время подарков.<br><br> <b>Итак, что нужно сделать, чтобы принять участие? </b><br> 1. Вы заходите в эту тему каждый день, смотрите какое задание на текущий день.<br> 2. Ваша основная задача, в общем-то, <b>выполнять задания</b>. Каждый день мы будем открывать новое окошко в адвент календаре с заданием, а в прошедшем дне указывать какой приз давали - задания несложные, и никаких постов даже, но делать их нужно <b>день в день</b>. Выполнив задание, вы выкладываете новое сообщение в этой теме с ссылкой в качестве пруфа, фотографией, текстом на заданную тему или чем-нибудь ещё, что от вас потребуется. И ждёте полуночи, чтобы узнать, что же был за приз сегодня и какое задание у вас на завтра.<br> 3. Наша задача - каждый вечер (по возможности) накидывать вам приз за прошедший день и выкладывать новое задание после полуночи по Москве. Как только мы оставляем соо с результатом прошедшего дня - едем дальше и выполняем следующее задание.<br> 3. Заходите каждый день, выполняете задания, получаете призы [!] каждый день! А в конце получаете ещё и суперприз за постоянство, здорово, правда? Так что не отлынивайте. <br> <u>Повторюсь: задания нужно делать день в день.</u> То есть, в 31-ый день (в адвент календаре мы считаем от 13-го числа, но день всё-таки 31-ый) нужно оставить сообщение в теме, это 13 июня. Значит, чтобы день засчитался, надо успеть оставить сообщение <b>именно 13 июня по московскому времени</b>, не раньше и не позже. Оставляете соо не каждый день - участвуете, получаете наши маленькие призы, но на главный приз не претендуете. Ну и вообще, если вы пропускаете хоть один день, вы не можете получить главный приз. Но купоны по-прежнему работают - всё в порядке (<u>за дни закрытые купоном маленькие призы не даются, но зато можно претендовать на главный приз</u>).<br> Главные призы будут жирными, вероятно, похожими на призы за новогоднюю считалочку. </p> </div> </div>
за 10 закрытых дней подряд даётся карточка из пака "Праздничный", за 31 закрытый день даётся карточка из пака "Летний"
Код:
<!--HTML-->
<style type="text/css">
.advent_frame{
/*width: 890px;*/
width: 95%;
margin: auto;
background-color: #fff;
display: inline-block;
padding: 20px;
position: relative;
}
.advent_point{
width: 120px;
height: 120px;
background-color: #efefef;
padding: 3px;
margin: 7px;
display: inline-block;
z-index: 50;
border-radius: 20px;
}
.advent_desc a{
color: #b55216!important;
}
.advent_title{
font-size: 12px;
font-weight: bold;
margin-left: 8px;
font-family: 'Bebas Neue';
color: #b55216;
}
.advent_point.opened {
background-color: #ef935b!important;
}
.advent_common_title {
font-size: 42px;
font-weight: bold;
text-align: center;
color: #ef935b;
font-family: 'Bebas Neue';
}
.advent_desc {
width: 100px;
height: 100px;
left: 12px;
top: -6px;
transition: all .6s ease-out;
background-color: #fff;
position: absolute;
z-index: 8;
/* top: 20px; */
opacity: 0;
padding: 10px;
overflow-y: auto;
font-size: 10px;
text-transform: lowercase;
border: 2px solid #efefef60;
z-index: 25;
position: relative;
text-align: justify;
vertical-align: middle;
overflow-y: auto;
border-radius: 20px;
}
.advent_desc.completed {
opacity: 1;
}
.advent_desc.gifted {
opacity: 1;
background-color: #f1eae6;
}
.advent_desc img {
max-width: 75px;
/* margin: auto; */
margin-top: 10px;
margin-left: 12px;
}
.advent_desc img.gift {
max-width: 75px;
/* margin: auto; */
margin-top: 25px;
margin-left: auto;
}
</style>
<div class="advent_frame">
<div class="advent_common_title"> АДВЕНТ КАЛЕНДАРЬ</div>
<div class="advent_point opened">
<div class="advent_title">1</div>
<div class="advent_desc completed">поздравить сакру в теме <a href="https://sacramento.rusff.me/viewtopic.php?id=49655#p5004790">поздравлений</a></div>
</div>
<div class="advent_point">
<div class="advent_title">2</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">3</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">4</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">5</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">6</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">7</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">8</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">9</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">10</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">11</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">12</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">13</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">14</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">15</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">16</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">17</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">18</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">19</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">20</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">21</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">22</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">23</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">24</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">25</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">26</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">27</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">28</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">29</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">30</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point">
<div class="advent_title">31</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point" style="opacity:0;">
<div class="advent_title">--</div>
<div class="advent_desc"></div>
</div>
<div class="advent_point" style="opacity:0; height: 2px;important;">
<div class="advent_title">--</div>
<div class="advent_desc" style="opacity:0; height: 2px;important;">день засчитан всем просто так!</div>
</div>
</div>
