Ставки приняты

[hideprofile][html]
<style>
.cc-bet-sheet,
.cc-bet-sheet * {
box-sizing: border-box;
}

.cc-bet-sheet {
position: relative;
width: 100%;
max-width: 740px;
margin: 30px auto;
overflow: hidden;
color: #66758d;
font: 13px/1.75 Arial, sans-serif;
background:
radial-gradient(circle at 94% 12%, rgba(241,190,211,.18) 0 70px, transparent 72px),
linear-gradient(135deg, rgba(255,255,255,.98), rgba(239,244,252,.98));
border: 1px solid #c8d5e8;
border-radius: 16px;
box-shadow:
0 12px 30px rgba(75,94,128,.14),
inset 0 0 0 5px rgba(255,255,255,.45);
}

.cc-bet-content {
width: 100%;
padding: 0 40px 38px;
}

.cc-bet-head {
position: relative;
height: 52px;
margin: 0 -40px 39px;
background-color: #a9bddc;
background-image:
linear-gradient(rgba(145,170,207,.08), rgba(145,170,207,.08)),
url("https://raw.githubusercontent.com/dietcherrycola92-pixel/files/refs/heads/main/%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8F.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-bottom: 1px solid rgba(128,150,186,.22);
}

.cc-bet-head-title {
position: absolute;
left: 50%;
bottom: -12px;
width: 223px;
height: 25px;
padding: 5px 15px 6px;
color: #fff;
font-size: 13px;
font-weight: 700;
font-style: italic;
line-height: 1.2;
letter-spacing: 1.5px;
text-align: center;
text-transform: lowercase;
background: #d9a5bc;
border: 1px solid #c890a9;
box-shadow:
0 2px 3px rgba(83,98,127,.18),
inset 0 1px rgba(255,255,255,.25);
transform: translateX(-50%);
}

.cc-bet-text {
color: #6f7d92;
text-align: justify;
}

.cc-bet-text p {
margin: 0 0 12px;
}

.cc-bet-highlight {
padding: 1px 5px 2px;
color: #a96f89;
font-weight: 700;
background: linear-gradient(
transparent 42%,
rgba(245,204,220,.75) 42%
);
}

.cc-bet-line {
position: relative;
margin: 14px 0;
padding: 20px 22px 19px 70px;
background: rgba(255,255,255,.67);
border: 1px dashed #b8c8e1;
border-radius: 11px;
transition: .2s ease;
}

.cc-bet-line:hover {
transform: translateY(-2px);
background: rgba(255,255,255,.95);
border-color: #d9aabe;
box-shadow: 0 7px 18px rgba(93,111,145,.1);
}

.cc-bet-number {
position: absolute;
top: 50%;
left: 18px;
width: 38px;
height: 38px;
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 38px;
text-align: center;
background: #a5b9dc;
border-radius: 50%;
box-shadow: inset 0 0 0 4px rgba(255,255,255,.25);
transform: translateY(-50%);
}

.cc-bet-line-pink .cc-bet-number {
background: #dda8be;
}

.cc-bet-question {
margin-bottom: 5px;
color: #758bad;
font-size: 15px;
font-weight: 700;
}

.cc-bet-line-pink .cc-bet-question {
color: #b77c95;
}

.cc-bet-description {
color: #7c8798;
font-size: 12px;
line-height: 1.6;
}

.cc-bet-clue {
position: relative;
margin: 25px 0;
padding: 22px 24px;
color: #68768d;
background:
radial-gradient(circle at 93% 15%, rgba(255,255,255,.7) 0 34px, transparent 35px),
linear-gradient(135deg, #edf2fa, #f8eaf0);
border: 1px solid #d3dceb;
border-radius: 11px;
}

.cc-bet-clue-label {
display: inline-block;
margin-bottom: 12px;
padding: 3px 12px;
color: #fff;
font-size: 9px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
background: #9dafd1;
border-radius: 20px;
}

.cc-bet-clue p {
margin: 0 0 11px;
}

.cc-bet-clue p:last-child {
margin-bottom: 0;
}

.cc-bet-clue-question {
color: #ad718b;
font-weight: 700;
}

.cc-bet-note {
position: relative;
margin: 24px 0 18px;
padding: 15px 18px 15px 43px;
color: #64728a;
font-size: 12px;
background: #edf2fa;
border-left: 4px solid #9db2d7;
border-radius: 8px;
}

.cc-bet-note:before {
content: "!";
position: absolute;
top: 15px;
left: 15px;
width: 19px;
height: 19px;
color: #fff;
font-size: 11px;
font-weight: 700;
line-height: 19px;
text-align: center;
background: #9db2d7;
border-radius: 50%;
}

.cc-bet-prize {
position: relative;
margin-top: 22px;
padding: 19px 22px 19px 62px;
color: #8d6578;
background:
radial-gradient(circle at 95% 20%, rgba(255,255,255,.5) 0 35px, transparent 36px),
linear-gradient(135deg, #f8dce7, #f2ccdc);
border: 1px solid #e5b7ca;
border-radius: 11px;
}

.cc-bet-prize:before {
content: "★";
position: absolute;
top: 50%;
left: 20px;
width: 29px;
height: 29px;
color: #fff;
font-size: 15px;
line-height: 29px;
text-align: center;
background: #d69ab4;
border-radius: 9px;
transform: translateY(-50%) rotate(-7deg);
box-shadow: 0 4px 10px rgba(168,103,132,.18);
}

.cc-bet-prize-title {
margin-bottom: 3px;
color: #ad718b;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
}

.cc-bet-afterword {
margin-top: 22px;
color: #6f7d92;
text-align: justify;
}

.cc-bet-ending {
margin-top: 25px;
color: #8292ad;
font-size: 12px;
font-style: italic;
letter-spacing: .4px;
text-align: center;
}

.cc-bet-ending span {
color: #d391ad;
font-weight: 700;
}

@media (max-width: 650px) {
.cc-bet-sheet {
border-radius: 12px;
}

.cc-bet-content {
padding: 0 18px 30px;
}

.cc-bet-head {
height: 68px;
margin: 0 -18px 36px;
}

.cc-bet-head-title {
width: 190px;
font-size: 11px;
}

.cc-bet-text,
.cc-bet-afterword {
text-align: left;
}

.cc-bet-line {
padding: 58px 17px 17px;
}

.cc-bet-number {
top: 13px;
left: 16px;
transform: none;
}

.cc-bet-clue {
padding: 19px 18px;
}
}
</style>

<div class="cc-bet-head">
<div class="cc-bet-head-title">ставки приняты</div>
</div>

<div class="cc-bet-text">
<p>
До открытия основного форума остаются считанные дни, а значит
настало время проверить свою интуицию!
</p>

<p>
Мы уже знаем, каким будет новый форум, а вам пока остаётся лишь
строить догадки. Каким окажется основной дизайн? Что станет нашей
главной особенностью? Какие сюрпризы мы приготовили?
</p>

<p><b>Попробуйте угадать!</b></p>

<p>
Ваша задача — сделать
<span class="cc-bet-highlight">две ставки</span>:
</p>
</div>

<div class="cc-bet-question">
🎨 Как будет выглядеть основной дизайн форума?
</div>

<div class="cc-bet-description">
Опишите его стиль, атмосферу, цветовую гамму или отдельные
элементы, которые, по вашему мнению, появятся в оформлении.
</div>
</div>

<div class="cc-bet-question">
✨ Какая уникальная фишка появится на форуме?
</div>

<div class="cc-bet-description">
Это может быть необычная игровая механика, система, интерактив,
особое оформление или любая другая деталь, которая станет
визитной карточкой проекта.
</div>
</div>

<div class="cc-bet-clue">
<div class="cc-bet-clue-label">ищите подсказки</div>

<p><b>Но не спешите полагаться только на удачу.</b></p>

<p>
Возможно, подсказки уже находятся прямо перед вами. Может быть,
они спрятаны в оформлении тестового форума? В названиях
конкурсов? В никах администрации? В отдельных фразах,
изображениях или деталях, которые на первый взгляд кажутся
случайными?
</p>

<p class="cc-bet-clue-question">
А может быть, даже сам конкурс на что-то намекает?
</p>

<p>
Смотрите внимательно, присматривайтесь к мелочам и не бойтесь
строить теории. В этот раз вам пригодится не только интуиция,
но и настоящая дедукция.
</p>
</div>

<div class="cc-bet-note">
Чтобы всё было честно, публикуйте свои ответы под скрывающим тегом
<b>hide</b>, чтобы другие участники не смогли подсмотреть ваши
версии. После открытия основного форума мы раскроем все ставки и
узнаем, кто оказался ближе всех к истине.
</div>

<div class="cc-bet-prize">
<div class="cc-bet-prize-title">Выигрышная ставка</div>

Авторы самых точных прогнозов получат приятные призы от
администрации, а самые оригинальные и неожиданные предположения —
отдельный бонус за креативность.
</div>

<div class="cc-bet-afterword">
Даже если ваша теория окажется далека от правды, после открытия
будет особенно интересно перечитать все версии и узнать, какие
детали действительно были подсказками, а какие только умело
сбивали вас со следа.
</div>

<div class="cc-bet-ending">
Делайте ставки, господа. Возможно, ответ всё это время был
<span>у вас перед глазами</span>. 🎲
</div>

</div>
</div>
[/html]

juice

Меню навигации

Пользовательские ссылки

Информация о пользователе

Ставки приняты

Сообщений 1 страница 1 из 1

Поделиться12026-07-18 11:02:33