Код:
<!--HTML--><style>
div#p63 .post-author { display: none;}
.calend { width: 927px; height: 600px;}
#december {background-image: url(https://forumstatic.ru/files/001a/a3/aa/73721.png);}
.pole1, .pole2, .pole3, .pole4{ display: block; position: absolute; }
.pole3 { color: #fff; margin: 164px 0px 0px 471px; width: 433px; padding: 5px; font-size: 10px; }
.pole2 { width: 561px; height: 138px; margin: -1px 0px 0px 349px; color: white; font-size: 9px; padding: 5px; }
.pole1 { width: 323px; height: 163px; margin: 34px 0px 0px 6px; padding: 3px; overflow: auto; }
.onecolor { color: #fff; font-size: 9px; width: 272px; height: auto; margin: 5px 5px 0px 3px; line-height: 10px; background: #fefcea; background: linear-gradient(to top, #677a8d, #4a5b6d); padding: 5px 5px 5px 35px; border: 1px solid #7e9ac1; }
.onecolor img { background: #48506d; padding: 3px; position: absolute; margin: 0px 0px 0px -30px; border: 1px solid #7e88a0; }
.twocolor { color: #fff; font-size: 9px; width: 272px; height: auto; margin: 5px 5px 0px 3px; line-height: 10px; background: #afa230; background: linear-gradient(to top, #b9a45e, #9a7c40); padding: 5px 35px 5px 5px; border: 1px solid #bfaa82; text-align: end; }
.twocolor img { background: #f1d27d; padding: 3px; position: absolute; margin: 0px 0px 0px 278px; display: block; border: 1px solid #ffffff; }
.pole4, .nameday {text-align: center; color: #fff; padding: 5px; text-shadow: 1px 1px 3px #dcd7ba, -1px -1px 3px #c5c18e; }
.pole4 {margin: 212px 0px 0px 9px; width: 550px; font-size: 18px; font-variant: small-caps; }
.nameday { position: absolute; display: block; margin: 341px 0px 0px -8px; width: 329px; font-size: 14px; text-transform: uppercase;}
#week_c1 .quest, #week_c2 .quest, #week_c3 .quest, #week_c4 .quest { height: auto; background: linear-gradient(to bottom, #2c3440 0%, #5f7694 40%, #5f7694 60%, #2c3b51 100%); border: solid 1px #889aae; outline: solid 1px #485b74; padding: 5px; color: #fff; font-size: 10px; margin: 7px; text-align: left; }
#week_c1 .quest:before, #week_c2 .quest:before, #week_c3 .quest:before, #week_c4 .quest:before { content: "\f786"; font-family: "Font Awesome 5 Pro"; font-weight: 900; padding: 3px 3px 3px 3px; color: #ffffff; margin: 0px 3px 0px 0px; background: linear-gradient(to top, #b9a45e, #9a7c40); border: 1px solid #bfaa82; }
.pole1::-webkit-scrollbar {width: 3px}
.pole1::-webkit-scrollbar-track { background: linear-gradient(84deg, #a3ccff, #626573)}
.pole1::-webkit-scrollbar-thumb { background: linear-gradient(160deg, #cfd4e2, #7d98c5)!important;box-shadow: none; border: none;}
section.weeks { display: block; position: absolute; margin: -271px 0px 0px 0px;}
.week {position: relative;margin: 0 auto;width: 800px;}
.weeks label {cursor: pointer; display: block; position: absolute; width: 64px; height: 64px; font-size: 0px;}
.weeks input {position: absolute;left: -9999px;}
#week_1:checked ~ #week_l1,#week_2:checked ~ #week_l2,#week_3:checked ~ #week_l3,#week_4:checked ~ #week_l4 {top: 0; z-index: 3;}
.weeks_cont { position: relative; z-index: 2; margin: -114px 0px 0px 579px; }
.weeks_cont > div {position: absolute;left: -9999px;top: 0;opacity: 0;}
#week_1:checked ~ .weeks_cont #week_c1,#week_2:checked ~ .weeks_cont #week_c2,#week_3:checked ~ .weeks_cont #week_c3,#week_4:checked ~ .weeks_cont #week_c4 {position: static;height: 360px; width: 323px;background-image: url(https://forumstatic.ru/files/001a/a3/aa/88158.png);left: 0;opacity: 1;padding: 10px}
</style>
<div id="december" class="calend">
<div class="pole1">
<div class="onecolor"><img src="https://vk.com/emoji/e/f09f8e81.png"> Обязательными к выполнению являются всего 5 заданий на твой выбор из предложенного на неделю списка. Так ты можешь сам для себя определить, что бы тебе хотелось делать на текущей неделе и без проблем закрыть необходимое кол-во заданий.</div>
<div class="twocolor"><img src="https://vk.com/emoji/e/f09f8e81.png">У тебя есть возможность пропустить задание (максимум 2 задания в неделю), заплатив за это в Банке форумной валютой. О пропуске задания нужно также указать в шаблоне с выполненными тобой заданиями. Заметь, что второй пропуск будет стоить дороже.</div>
<div class="onecolor"><img src="https://vk.com/emoji/e/f09f8e81.png">Ты приступил к выполнению месяца позднее? Не беда, ты все еще можешь закрыть предыдущие недели без проблем.</div>
<div class="twocolor"><img src="https://vk.com/emoji/e/f09f8e81.png">Можно выполнить задания всего месяца хоть за день, при этом ты получишь приятный бонус текущего месяца: $200, если пройдешь все за неделю, $150 - за две и $100 - за три. На предыдущие месяцы это не распространяется.</div>
<div class="onecolor"><img src="https://vk.com/emoji/e/f09f8e81.png">Если к концу текущего месяца у тебя останутся не пройденные задания, месяц считается не закрытым.</div>
<div class="twocolor"><img src="https://vk.com/emoji/e/f09f8e81.png">С наступлением нового месяца ты можешь взяться за прохождение предыдущего, не засчитанного месяца, заплатив в банке денежную неустойку. Это правило не распространяется на предыдущие месяцы, которых ты не открывал. Например, если в марте ты проходишь текущий месяц и параллельно открыл ранее не открытый тобой февраль, то неустойку платить не нужно.</div>
<div class="onecolor"><img src="https://vk.com/emoji/e/f09f8e81.png">Одновременно можно проходить не больше <i>двух месяцев</i>. То есть, к примеру, если у тебя был открыт январь, и ты открыл, но не успел пройти параллельно с ним февраль, то текущий месяц – март ты не сможешь проходить, пока не закроешь хотя бы один из предыдущих месяцев. Это стоит учесть.</div>
<div class="twocolor"><img src="https://vk.com/emoji/e/f09f8e81.png">Задания месяца можно выполнять не по порядку, но нельзя смешивать задания разных недель. То есть ты можешь выполнить, например, третью неделю, а потом первую, но нельзя выполнить два задания первой недели и три – третьей, если хочешь, чтобы мы засчитали тебе неделю как положено.</div>
</div>
<div class="pole2"><img src="https://vk.com/emoji/e/f09f8e81.png" style="-webkit-transform: rotate(341deg); transform: rotate(341deg); margin: 6px 0px 0px 14px;">
<tekkst>Представляем тебе наш праздничный календарь.<br><br>
Он будет обновляться раз в месяц, что весьма логично. При этом каждый месяц разделен на четыре тематические недели, связанные с определенным праздником. Ты можешь увидеть, что мы празднуем на текущей неделе, кликнув по выделенной дате. Таким образом справа перед тобой появится список заданий, рассчитанный ровно на одну неделю и состоящий из 8 заданий.<br><br>
Для того, чтобы поучаствовать в праздничном месяце, тебе нужно заполнить первый шаблон в данной теме, тем самым открыв месяц на своей личной странице; затем тебе придется выполнить задания всех четырех недель, собрав при этом воспоминания – соответствующие наградки за каждую пройденную неделю, которые будут храниться во все том же разделе на твоей личной странице и могут использоваться в качестве иконок в профиль. Пройдя все четыре недели, ты закроешь праздничный месяц и получишь главный приз месяца.</tekkst></div>
<div class="pole3">Шаблон заполняется и отправляется только тогда, когда все задания недели уже выполнены и мы можем проставить воспоминание на твою личную страничку.</div>
<div class="pole4">декабрь</div></div>
<section class="weeks">
<input id="week_1" type="radio" name="week" /><input id="week_2" type="radio" name="week" /><input id="week_3" type="radio" name="week" /> <input id="week_4" type="radio" name="week" />
<label for="week_1" id="week_l1" style="margin: -65px 0px 0px 317px">week One</label>
<label for="week_2" id="week_l2" style="margin: -1px 0px 0px 63px;">week Two</label>
<label for="week_3" id="week_l3" style="margin: 61px 0px 0px 126px;">week Three</label>
<label for="week_4" id="week_l4" style="margin: 125px 0px 0px 253px;">week 4</label>
<div style="clear:both"></div>
<div class="weeks_cont">
<div id="week_c1">
<div class="nameday">день отмены сухого закона</div>
<div class="quest">Оставить 25 реклам</div>
<div class="quest">Набить 100 сообщений во флуде</div>
<div class="quest">Найти «собутыльника» в выяснении отношений</div>
<div class="quest">Поучаствовать в недельном конкурсе</div>
<div class="quest">20 сообщений звать игроков во флуде в ближайший бар</div>
<div class="quest">15 сообщений делать кучу опечаток во флуде в стиле «т9 напортачил»</div>
<div class="quest">Открыть эпизод с локацией в баре, клубе или на вечеринке</div>
<div class="quest">Написать в посте о случае, когда персонаж был слишком пьян</div>
</div>
<div id="week_c2">
<div class="nameday">зеленый понедельник</div>
<div class="quest"> Подарить иконку игроку</div>
<div class="quest"> Накопить 400 долларов в течение текущей недели</div>
<div class="quest"> Потратить в банке 300 долларов</div>
<div class="quest"> Поучаствовать в недельном конкурсе</div>
<div class="quest"> Перечислить во флуде 5 вещей, которые ты бы никогда не купил (пояснить почему)</div>
<div class="quest"> 20 сообщений во флуде предлагать скидки в «Летуаль», «Пятерочке» и тд</div>
<div class="quest"> Постовое задание: собраться на шоппинг/покупать подарки родне</div>
<div class="quest"> Постовое задание: рассказать о лучшем подарке в жизни персонажа</div>
</div>
<div id="week_c3">
<div class="nameday">день спорта</div>
<div class="quest"> 20 сообщений рассказывать, как тебе хорошо на безглютеновой диете</div>
<div class="quest"> Оставить 50 реклам</div>
<div class="quest"> Поставить в подпись линейку-календарь, сколько дней ты занимаешься йогой</div>
<div class="quest"> Поучаствовать в недельном конкурсе</div>
<div class="quest"> Оставить 5 заявок в "хочу видеть"</div>
<div class="quest"> Забрать кого-то из "хочу к вам" или гостевой</div>
<div class="quest"> Постовое задание: проявить какую-то активность (побегать на беговой дорожке, поприседать, сходить в спортзал)</div>
<div class="quest"> Постовое задание: сесть на диету</div>
</div>
<div id="week_c4">
<div class="nameday">Рождество</div>
<div class="quest"> Подарить кому-то рождественскую плашку</div>
<div class="quest"> Нарядить профиль по-рождественски (на 3 дня минимум)</div>
<div class="quest"> Написать заявку в «хотим видеть» на члена семьи/ друга</div>
<div class="quest"> Поучаствовать в недельном конкурсе</div>
<div class="quest"> Составить рождественский плейлист в соответствующей теме (не меньше 10 песен)</div>
<div class="quest"> 15 сообщений во флуде «звенеть своими бубенцами» и говорить «хо-хо-хо»</div>
<div class="quest"> Постовое задание: напевать рождественскую песню</div>
<div class="quest"> Постовое задание: отпраздновать Рождество в кругу близких или одному</div>
</div>
</div>
</section>
