Гонка Рекордсменов

Поделиться12020-11-30 22:49:58

Администратор
Автор: Onychomys
⚜🏆⚜:
Позитив: [+77299/-1]
Сообщений: 14889

Свернутый текст

Гонка Рекордсменов

[html] <div class="custom-accordion">
<div class="item">
<div class="icon">1</div>
<div class="title">
<div class="text">Шаг Один </div>
</div>
<div class="content"> ЗАЯВЛЯЕМСЯ здесь, простым словом : участвую. 🥰😍😘</div>
</div>
<div class="item">
<div class="icon">2</div>
<div class="title">
<div class="text">Шаг Два</div>
</div>
<div class="content"> Предъявляем стартовый скрин с очками с мини-игр ( карты +трубы) <a href="https://domkyznechik.ru/profile.php?id=88" ></a> <a title="Переход к фото" href="https://forumupload.ru/uploads/0019/3c/8c/2/99679.jpg" target="_blank"> <img src="https://forumupload.ru/uploads/0019/3c/8c/2/99679.jpg" alt= "Фото" width="auto" height="200" /></a> <a href="https://domkyznechik.ru/profile.php?id=67" ></a> <a title="Переход к фото" href="https://forumupload.ru/uploads/0019/3c/8c/2/227364.jpg" target="_blank"> <img src="https://forumupload.ru/uploads/0019/3c/8c/2/227364.jpg" alt= "Фото" width="auto" height="200" /></a> </div>
</div>
<div class="item">
<div class="icon">3</div>
<div class="title">
<div class="text">Шаг Три</div>
</div>
<div class="content"> Идёте играть в мини-игры и набираете как можно больше очков в картах и трубах. И так целую неделю, на протяжении всех дней мини . </div>
</div>
<div class="item">
<div class="icon">4</div>
<div class="title">
<div class="text">Шаг Четыре</div>
</div>
<div class="content"> Пишите сколько у кого накопилось очков за обе мини-игры, прикладываете скрин.
У кого очков больше, тот и победил . </div>
</div>
<div class="item">
<div class="icon">5</div>
<div class="title">
<div class="text">Шаг Пять </div>
</div>
<div class="content"> Итоги участия , выкладываем до 23:59 29.10.2021 , не опаздываем, ибо в 00:00 30.10.2021 стартанёт другая игра. </div>
</div>
<div class="item">
<div class="icon">6</div>
<div class="title">
<div class="text">❗ВНИМАНИЕ❗</div>
</div>
<div class="content">Всем участникам 🎁 победителю в десять раз больше 🎁х10 </div>
</div>
<div class="item">
<div class="icon"> <a href="https://domkyznechik.ru/viewtopic.php?id=45&p=3#p372752" >22.10.21</a> </div>
<div class="title"> <a href="https://domkyznechik.ru/profile.php?id=88" >Лучший Гладиатор</a> </div>
<div class="content">
<div class="heart-icon"> <a href="https://domkyznechik.ru/profile.php?id=88" ></a> <a title="Переход в профиль" href="https://forumupload.ru/uploads/0019/3c/8c/2/258438.png" target="_blank"> <img src="https://forumupload.ru/uploads/0019/3c/8c/2/258438.png" alt= "Аватар" width="auto" height="220" /></a> </div>
</div>
</div>
</div><style> @import url('https://fonts.googleapis.com/css?family=Sunflower:300,500,700');
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
html {
line-height: 1.5;
}
body {
background: #1c1c1c;
}
.custom-accordion {
background: #8A6642;
color: #FFFFFF;
font-family: 'Sunflower', sans-serif;
padding-bottom: 2rem;
}
.custom-accordion > .item {
padding: 1rem 2rem;
margin: 0 auto;
max-width: 30rem;
}
.custom-accordion > .item:last-of-type {
background: #462521;
text-align: center;
border-radius: .5rem;
}
.custom-accordion > .item:last-of-type > .icon {
color: #FFFFFF;
}
.custom-accordion > .item:nth-of-type(6) {
padding-bottom: 2rem;
}
.custom-accordion > .item > .icon {
color: #462521;
font-size: 2rem;
}
.custom-accordion > .item > .title {
font-size: 1.5rem;
}
@media screen and (min-width: 800px) and (min-height: 270px) {
.custom-accordion {
   display: table;
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
   height: 100vh;
   max-height: 680px;
   overflow: hidden;
   padding-bottom: 0;
}
.custom-accordion > .item {
   display: table-cell;
   position: relative;
   height: 100%;
   padding: 2rem 1rem;
   text-align: center;
   transform-origin: 0 50%;
   transition: all .3s cubic-bezier(.8,.16,.42,.89);
}
.custom-accordion > .item:hover:not(:last-of-type) {
   transform: scaleX(2) translateX(-1px);
   box-shadow: 0 0 3rem #301916;
   background: #8A6552;
   border-color: transparent;
}
.custom-accordion > .item:hover + .item {
   opacity: .1;
}
.custom-accordion > .item:hover + .item:last-of-type {
   opacity: .1;
   background: #8A6552;
}
.custom-accordion > .item:not(:last-of-type) {
   border-right: 1px solid #462521;
}
.custom-accordion > .item:last-of-type {
   background: #462521;
   width: 25%;
   border-radius: 0;
}
.custom-accordion > .item:last-of-type .heart-icon {
   font-size: 6rem;
}
.custom-accordion > .item:hover:last-of-type .heart-icon {
   transform: scale(2);
}
.custom-accordion > .item:last-of-type > .title {
   transform: rotate(0) translateX(-50%) translateY(-2.5rem);
   padding: 0;
   text-align: center;
}
.custom-accordion > .item:last-of-type > .content {
   opacity: 1;
   transform: translateX(-50%) translateY(-50%);
}
.custom-accordion > .item:hover:not(:last-of-type) > .icon {
   transform: scaleX(.5);
}
.custom-accordion > .item:hover:not(:last-of-type) > .title {
   transform: scaleX(.5) translateX(-50%);
   background: #CA2E55;
   text-align: center;
   padding: 0;
}
.custom-accordion > .item:hover:not(:last-of-type) > .title > .text {
   transform: translateX(-50%);
   left: 50%;
}
.custom-accordion > .item:hover:not(:last-of-type) > .content {
   opacity: 1;
}
.custom-accordion > .item > .icon {
   font-weight: 700;
   font-size: 2rem;
   transition: all .3s cubic-bezier(.8,.16,.42,.89);
   color: #FFFFFF;
}
.custom-accordion > .item > .title {
   position: absolute;
   bottom: 0;
   left: 50%;
   height: 1.5rem;
   width: 200%;
   text-align: left;
   transform-origin: 0 50%;
   transform: rotate(-90deg);
   transition: all .3s cubic-bezier(.8,.16,.42,.89);
   font-size: 1.2rem;
}
.custom-accordion > .item > .title > .text {
   position: absolute;
   left: 2rem;
   bottom: 0;
   white-space: nowrap;
   transition: all .3s cubic-bezier(.8,.16,.42,.89);
}
.custom-accordion > .item > .content {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 200%;
   height: auto;
   transform: translateX(-50%) translateY(-50%) scaleX(.5);
   transition: all .3s cubic-bezier(.8,.16,.42,.89);
   opacity: 0;
   padding: 1rem;
   pointer-events: none;
}
}
.heart-icon {
color: #CA2E55;
font-size: 3rem;
transition: all .3s cubic-bezier(.8,.16,.42,.89);
}</style> [/html]

smalimg ВСЕМ УДАЧИ smalimg

с 30.10.2021 00:00 до 05.11.2021 15:591635541200,1636117140

Код:

<!--p369245--><div class="quote-box"><blockquote><p><span style="display: block; text-align: center"><strong>Копим Добрище </strong></span></p></blockquote></div><p>[html] &lt;div class="custom-accordion"&gt;<br>&nbsp; &nbsp; &lt;div class="item"&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="icon"&gt;1&lt;/div&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="title"&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="text"&gt;Шаг Один &lt;/div&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="content"&gt; ЗАЯВЛЯЕМСЯ здесь, простым словом : участвую. 😍😘🥰&lt;/div&gt;<br>&nbsp; &nbsp; &lt;/div&gt;<br>&nbsp; &nbsp; &lt;div class="item"&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="icon"&gt;2&lt;/div&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="title"&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="text"&gt;Шаг Два&lt;/div&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="content"&gt; Предъявляем стартовый скрин с ЗОЛОТЫМ СУНДУКОМ АРЕНЫ( не менее одного) &lt;a href="https://forumupload.ru/uploads/0019/3c/8c/2/811493.jpg" &gt;&lt;/a&gt;&nbsp; &lt;a title="Переход к фото" href="https://forumupload.ru/uploads/0019/3c/8c/2/811493.jpg" target="_blank"&gt; &lt;img src="https://forumupload.ru/uploads/0019/3c/8c/2/811493.jpg" alt= "Фото" width="auto" height="200" /&gt;&lt;/a&gt;&nbsp; &lt;/div&gt;<br>&nbsp; &nbsp; &lt;/div&gt;<br>&nbsp; &nbsp; &lt;div class="item"&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="icon"&gt;3&lt;/div&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="title"&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="text"&gt;Шаг Три&lt;/div&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="content"&gt; Идёте играть на арену. Безжалостно мочите всех и вся в течении недели. &lt;/div&gt;<br>&nbsp; &nbsp; &lt;/div&gt;<br>&nbsp; &nbsp; &lt;div class="item"&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="icon"&gt;4&lt;/div&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="title"&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="text"&gt;Шаг Четыре&lt;/div&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="content"&gt; Пишите сколько у кого накопилось сундуков, прикладываете скрин.<br>У кого сундучков больше, тот и победил .&nbsp; &lt;/div&gt;<br>&nbsp; &nbsp; &lt;/div&gt;<br>&nbsp; &nbsp; &lt;div class="item"&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="icon"&gt;5&lt;/div&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="title"&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="text"&gt;Шаг Пять &lt;/div&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="content"&gt; Итоги участия , выкладываем до 15:59 05.11.2021 , не опаздываем, ибо в 16:00 05.11.2021 начнётся&nbsp; другая игра.&nbsp; &lt;/div&gt;<br>&nbsp; &nbsp; &lt;/div&gt;<br>&nbsp; &nbsp; &lt;div class="item"&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="icon"&gt;6&lt;/div&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="title"&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="text"&gt;🎁ВНИМАНИЕ🎁&lt;/div&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="content"&gt;Всем участникам 🎁 победителю в десять раз больше 🎁х10 &lt;/div&gt;<br>&nbsp; &nbsp; &lt;/div&gt;<br>&nbsp; &nbsp; &lt;div class="item"&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="icon"&gt; &lt;a href="https://domkyznechik.ru/viewtopic.php?id=45" &gt;29.10.21&lt;/a&gt; &lt;/div&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="title"&gt; &lt;a href="https://domkyznechik.ru/profile.php?id=88" &gt;Обладатель Рекорда &lt;/a&gt; &lt;/div&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="content"&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="heart-icon"&gt; &lt;a href="https://domkyznechik.ru/profile.php?id=????" &gt;&lt;/a&gt;&nbsp; &lt;a title="Переход в профиль" href="Фото" target="_blank"&gt; &lt;img src="Фото" alt= "Аватар" width="auto" height="220" /&gt;&lt;/a&gt; &lt;/div&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br>&nbsp; &nbsp; &lt;/div&gt;<br>&lt;/div&gt;&lt;style&gt; @import url('https://fonts.googleapis.com/css?family=Sunflower:300,500,700');<br> * {<br>	 margin: 0;<br>	 padding: 0;<br>	 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;<br>}<br> html {<br>	 line-height: 1.5;<br>}<br> body {<br>	 background: #1c1c1c;<br>}<br> .custom-accordion {<br>	 background: #8A6642;<br>	 color: #FFFFFF;<br>	 font-family: 'Sunflower', sans-serif;<br>	 padding-bottom: 2rem;<br>}<br> .custom-accordion &gt; .item {<br>	 padding: 1rem 2rem;<br>	 margin: 0 auto;<br>	 max-width: 30rem;<br>}<br> .custom-accordion &gt; .item:last-of-type {<br>	 background: #462521;<br>	 text-align: center;<br>	 border-radius: .5rem;<br>}<br> .custom-accordion &gt; .item:last-of-type &gt; .icon {<br>	 color: #FFFFFF;<br>}<br> .custom-accordion &gt; .item:nth-of-type(6) {<br>	 padding-bottom: 2rem;<br>}<br> .custom-accordion &gt; .item &gt; .icon {<br>	 color: #462521;<br>	 font-size: 2rem;<br>}<br> .custom-accordion &gt; .item &gt; .title {<br>	 font-size: 1.5rem;<br>}<br> @media screen and (min-width: 800px) and (min-height: 270px) {<br>	 .custom-accordion {<br>&nbsp; &nbsp;&nbsp; display: table;<br>&nbsp; &nbsp;&nbsp; width: 100%;<br>&nbsp; &nbsp;&nbsp; max-width: 1200px;<br>&nbsp; &nbsp;&nbsp; margin: 0 auto;<br>&nbsp; &nbsp;&nbsp; height: 100vh;<br>&nbsp; &nbsp;&nbsp; max-height: 680px;<br>&nbsp; &nbsp;&nbsp; overflow: hidden;<br>&nbsp; &nbsp;&nbsp; padding-bottom: 0;<br>	}<br>	 .custom-accordion &gt; .item {<br>&nbsp; &nbsp;&nbsp; display: table-cell;<br>&nbsp; &nbsp;&nbsp; position: relative;<br>&nbsp; &nbsp;&nbsp; height: 100%;<br>&nbsp; &nbsp;&nbsp; padding: 2rem 1rem;<br>&nbsp; &nbsp;&nbsp; text-align: center;<br>&nbsp; &nbsp;&nbsp; transform-origin: 0 50%;<br>&nbsp; &nbsp;&nbsp; transition: all .3s cubic-bezier(.8,.16,.42,.89);<br>	}<br>	 .custom-accordion &gt; .item:hover:not(:last-of-type) {<br>&nbsp; &nbsp;&nbsp; transform: scaleX(2) translateX(-1px);<br>&nbsp; &nbsp;&nbsp; box-shadow: 0 0 3rem #301916;<br>&nbsp; &nbsp;&nbsp; background: #8A6552;<br>&nbsp; &nbsp;&nbsp; border-color: transparent;<br>	}<br>	 .custom-accordion &gt; .item:hover + .item {<br>&nbsp; &nbsp;&nbsp; opacity: .1;<br>	}<br>	 .custom-accordion &gt; .item:hover + .item:last-of-type {<br>&nbsp; &nbsp;&nbsp; opacity: .1;<br>&nbsp; &nbsp;&nbsp; background: #8A6552;<br>	}<br>	 .custom-accordion &gt; .item:not(:last-of-type) {<br>&nbsp; &nbsp;&nbsp; border-right: 1px solid #462521;<br>	}<br>	 .custom-accordion &gt; .item:last-of-type {<br>&nbsp; &nbsp;&nbsp; background: #462521;<br>&nbsp; &nbsp;&nbsp; width: 25%;<br>&nbsp; &nbsp;&nbsp; border-radius: 0;<br>	}<br>	 .custom-accordion &gt; .item:last-of-type .heart-icon {<br>&nbsp; &nbsp;&nbsp; font-size: 6rem;<br>	}<br>	 .custom-accordion &gt; .item:hover:last-of-type .heart-icon {<br>&nbsp; &nbsp;&nbsp; transform: scale(2);<br>	}<br>	 .custom-accordion &gt; .item:last-of-type &gt; .title {<br>&nbsp; &nbsp;&nbsp; transform: rotate(0) translateX(-50%) translateY(-2.5rem);<br>&nbsp; &nbsp;&nbsp; padding: 0;<br>&nbsp; &nbsp;&nbsp; text-align: center;<br>	}<br>	 .custom-accordion &gt; .item:last-of-type &gt; .content {<br>&nbsp; &nbsp;&nbsp; opacity: 1;<br>&nbsp; &nbsp;&nbsp; transform: translateX(-50%) translateY(-50%);<br>	}<br>	 .custom-accordion &gt; .item:hover:not(:last-of-type) &gt; .icon {<br>&nbsp; &nbsp;&nbsp; transform: scaleX(.5);<br>	}<br>	 .custom-accordion &gt; .item:hover:not(:last-of-type) &gt; .title {<br>&nbsp; &nbsp;&nbsp; transform: scaleX(.5) translateX(-50%);<br>&nbsp; &nbsp;&nbsp; background: #CA2E55;<br>&nbsp; &nbsp;&nbsp; text-align: center;<br>&nbsp; &nbsp;&nbsp; padding: 0;<br>	}<br>	 .custom-accordion &gt; .item:hover:not(:last-of-type) &gt; .title &gt; .text {<br>&nbsp; &nbsp;&nbsp; transform: translateX(-50%);<br>&nbsp; &nbsp;&nbsp; left: 50%;<br>	}<br>	 .custom-accordion &gt; .item:hover:not(:last-of-type) &gt; .content {<br>&nbsp; &nbsp;&nbsp; opacity: 1;<br>	}<br>	 .custom-accordion &gt; .item &gt; .icon {<br>&nbsp; &nbsp;&nbsp; font-weight: 700;<br>&nbsp; &nbsp;&nbsp; font-size: 2rem;<br>&nbsp; &nbsp;&nbsp; transition: all .3s cubic-bezier(.8,.16,.42,.89);<br>&nbsp; &nbsp;&nbsp; color: #FFFFFF;<br>	}<br>	 .custom-accordion &gt; .item &gt; .title {<br>&nbsp; &nbsp;&nbsp; position: absolute;<br>&nbsp; &nbsp;&nbsp; bottom: 0;<br>&nbsp; &nbsp;&nbsp; left: 50%;<br>&nbsp; &nbsp;&nbsp; height: 1.5rem;<br>&nbsp; &nbsp;&nbsp; width: 200%;<br>&nbsp; &nbsp;&nbsp; text-align: left;<br>&nbsp; &nbsp;&nbsp; transform-origin: 0 50%;<br>&nbsp; &nbsp;&nbsp; transform: rotate(-90deg);<br>&nbsp; &nbsp;&nbsp; transition: all .3s cubic-bezier(.8,.16,.42,.89);<br>&nbsp; &nbsp;&nbsp; font-size: 1.2rem;<br>	}<br>	 .custom-accordion &gt; .item &gt; .title &gt; .text {<br>&nbsp; &nbsp;&nbsp; position: absolute;<br>&nbsp; &nbsp;&nbsp; left: 2rem;<br>&nbsp; &nbsp;&nbsp; bottom: 0;<br>&nbsp; &nbsp;&nbsp; white-space: nowrap;<br>&nbsp; &nbsp;&nbsp; transition: all .3s cubic-bezier(.8,.16,.42,.89);<br>	}<br>	 .custom-accordion &gt; .item &gt; .content {<br>&nbsp; &nbsp;&nbsp; position: absolute;<br>&nbsp; &nbsp;&nbsp; top: 50%;<br>&nbsp; &nbsp;&nbsp; left: 50%;<br>&nbsp; &nbsp;&nbsp; width: 200%;<br>&nbsp; &nbsp;&nbsp; height: auto;<br>&nbsp; &nbsp;&nbsp; transform: translateX(-50%) translateY(-50%) scaleX(.5);<br>&nbsp; &nbsp;&nbsp; transition: all .3s cubic-bezier(.8,.16,.42,.89);<br>&nbsp; &nbsp;&nbsp; opacity: 0;<br>&nbsp; &nbsp;&nbsp; padding: 1rem;<br>&nbsp; &nbsp;&nbsp; pointer-events: none;<br>	}<br>}<br> .heart-icon {<br>	 color: #CA2E55;<br>	 font-size: 3rem;<br>	 transition: all .3s cubic-bezier(.8,.16,.42,.89);<br>}&lt;/style&gt; [/html]<span style="display: block; text-align: center"><img class="postimg" loading="lazy" src="https://godon.ru/slaider/css/cat/cat14.gif" alt="smalimg" title="smalimg"> всем УДАЧИ <img class="postimg" loading="lazy" src="https://godon.ru/slaider/css/cat/cat14.gif" alt="smalimg" title="smalimg"></span></p>
            <dl class="post-sig"><dt></dt><dd><p><span style="display: block; text-align: left;color:#005FFF;"> </span></p><center><div class="kino"> <div class="kino a"><a href="https://xs.sitho.ru/" title="КиноКомпост">КиноКомпост </a></div></div></center>  <p></p></dd></dl>

+19