Адент-календарь

Объявление

Адент-календарь

Страница: 1

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

Перевести Поделиться1Вчера 12:15:42

Автор: Vandra
Администратор
КОНРЕД МОНТЕГЮ, 24
осознав то, что, конечно, вечность, все-таки, конечна; так не легко спать — все тянется ночь; на случай, если я когда-нибудь умру — дай мне не упасть мимо самых теплых рук, дай мне не сорваться со вселенной на ходу.
Сообщений: 16
Уважение: +0
Посты: 123
time to findwhat is hidden in the shadows

123

Перевести Поделиться2Вчера 12:41:47

Автор: Vandra
Администратор
КОНРЕД МОНТЕГЮ, 24
осознав то, что, конечно, вечность, все-таки, конечна; так не легко спать — все тянется ночь; на случай, если я когда-нибудь умру — дай мне не упасть мимо самых теплых рук, дай мне не сорваться со вселенной на ходу.
Сообщений: 16
Уважение: +0
Посты: 123
time to findwhat is hidden in the shadows

[html]

.advent-event {
background: url(https://forumstatic.ru/files/001c/9d/fb/55370.png) no-repeat center / cover, rgb(var(--block-bg-main));
width: 100%;
height: 720px;
display: flex;
flex-direction: column;
gap: 23px;
box-sizing: border-box;
}

.advent-event * {
box-sizing: border-box;
}

.advent-event::before {
content: '';
width: 142px;
height: 80px;
position: absolute;
top: 0px;
left: 50%;
z-index: 5;
transform: translatex(-50%);
background: url(https://forumstatic.ru/files/001c/9d/fb/30909.png);
}

.advent-header {
width: 100%;
height: auto;
background-color: rgb(var(--block-bg-main));
border-radius: 10px;
border: var(--border-thin);
position: relative;
padding: 31px 20px;
color: rgb(var(--text-color));
display: block;
}
.advent-header > div > span:first-of-type {
text-transform: lowercase;
text-align: center;
display: block;
color: rgba(150, 62, 53, 1);
box-shadow: none !important;
font: var(--fw600) 15px var(--font-cat-title);
padding: 1px 0px 5px !important;
transition: color var(--anim-hover) !important;
}

.advent-header > div {
background-color: rgb(var(--block-bg-inner));
font-size: 10px;
color: rgb(var(--text-color));
position: relative;
border-radius: 10px;
border: var(--border-thin);
padding: 10px 18px 10px 20px;
}

.advent-header .advent-cont {
margin-top: 22px;
padding: 25px 18px 10px 20px;
}

.advent-cont::before {
content: attr(data-title);
width: fit-content;
top: -14px;
left: 50%;
translate: -50%;
background-color: rgb(var(--block-bg-main));
color: rgba(150, 62, 53, 1);
position: absolute;
font-family: Moisette;
font-weight: 700;
font-size: 11px;
border-radius: 87px;
border: var(--border-thin);
padding: 7px 16px 4px;
z-index: 4;
}

.advent-cont .pump:nth-child(5n) {
flex-grow: 1;
min-width: 300px;
background-size: cover;
}

.advent-cont .pump:nth-child(5) {
background-image: url('https://forumstatic.ru/files/001c/9d/fb/45319.png');
}

.advent-cont .pump:nth-child(10) {
background-image: url('https://forumstatic.ru/files/001c/9d/fb/88452.png');
}

.advent-cont .pump:nth-child(15) {
background-image: url('https://forumstatic.ru/files/001c/9d/fb/83318.png');
}

.advent-cont .pump:nth-child(20) {
background-image: url('https://forumstatic.ru/files/001c/9d/fb/20522.png');
}

.advent-cont .pump:nth-child(25) {
background-image: url('https://forumstatic.ru/files/001c/9d/fb/45319.png');
}

.advent-cont .pump:nth-child(30) {
background-image: url('https://forumstatic.ru/files/001c/9d/fb/88452.png');
}

.advent-cont .pump:nth-child(5n) span {
color: white;
left: -38%
}

.advent-cont > div {
display: flex;
flex-wrap: wrap;
gap: 22px 12px;
height: 462px;
overflow: auto;
justify-content: flex-start;
padding-right: 3px;
}

.advent-cont .pump {
width: 98px;
height: 98px;
background-color: rgb(var(--block-bg-inner));
color: rgb(var(--text-color));
position: relative;
border-radius: 10px;
border: var(--border-thin);
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}

.advent-cont .ticket_1 {
background-position: center;
background-repeat: no-repeat;
}

.advent-cont .ticket_0 {
filter: grayscale(1);
background: #cfd0d1;
background-position: center;
}

.advent-cont .pump span {
font-family: Moisette;
font-weight: 600;
font-style: Italic;
position: relative;
top: 4%;
font-size: 40px;
color: rgba(150, 62, 53, 1);
line-height: 1;
text-align: center;
text-transform: lowercase;
}

</style>

<div class='advent-header'>
<div>
<span> рождественские дейлики</span>
<div>
Вы думали, что лотерея с вопросами по матчасти была испытанием? Хихик. Мы тоже так думали... пока не придумали кое-что получше. Добро пожаловать в постовую лотерею, где сам случай выбирает, что произойдёт с вашим персонажем. Правила этого развлечения очень простые:<br><br>
</div></div>

<div class='advent-cont' data-title='лоты'><div>

<div class='pump ticket_1'>
<span> 1 </span>
</div>

</div></div></div>

</div>

</section>

[/html][hideprofile]

Перевести Поделиться3Вчера 15:04:39

Автор: Vandra
Администратор
КОНРЕД МОНТЕГЮ, 24
осознав то, что, конечно, вечность, все-таки, конечна; так не легко спать — все тянется ночь; на случай, если я когда-нибудь умру — дай мне не упасть мимо самых теплых рук, дай мне не сорваться со вселенной на ходу.
Сообщений: 16
Уважение: +0
Посты: 123
time to findwhat is hidden in the shadows

[html]<style>
.advent-task {
width: 721px;
height: auto;
position: relative;
background: url(https://forumstatic.ru/files/001c/9d/fb/41849.png) no-repeat center / cover;
border-radius: 10px;
box-sizing: border-box;
padding: 29px 47px;
margin: 0 auto;
}

.advent-task.fifth {
background: url(https://forumstatic.ru/files/001c/9d/fb/46661.png) no-repeat center / cover;
}

.advent-task * {
box-sizing: border-box;
}

.advent-task div {
border: 1px solid rgba(196, 196, 196, 1);
background-color: rgba(232, 232, 232, 1);
width: 100%;
height: 100%;
min-height: 156px;
padding: 33px 33px 33px 141px;
border-radius: 10px;
position: relative;
}

.advent-task > div > span {
font-family: Moisette;
font-weight: 600;
font-style: Italic;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 24px;
padding-top: 7px;
font-size: 40px;
color: rgba(150, 62, 53, 1);
line-height: 1;
text-align: center;
text-transform: lowercase;
width: 98px;
height: 98px;
background-color: rgba(232, 232, 232, 1);
border-radius: 10px;
border: 1px solid rgba(196, 196, 196, 1);
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}

.advent-task.fifth > div > span {
background-color:rgba(150, 62, 53, 1);
color: rgba(232, 232, 232, 1);
}

.advent-task task {
display: flex;
flex-direction: column;
gap: 10px;
}

.advent-task task > span {
font-size: 10px;
}

.advent-task h5 {
font-family: Moisette;
font-weight: 600;
font-style: Italic;
font-size: 15px;
line-height: 120%;
}

.advent-task adate {
background-color: rgba(219, 219, 219, 1);
display: block;
width: fit-content;
border-radius: 40px;
border: 1px solid rgba(196, 196, 196, 1);
font-family: Moisette;
font-weight: 700;
font-style: italic;
font-size: 11px;
line-height: 120%;
height: 25px;
padding: 5px 16px;
}

</style>

<div class='advent-task'><div>
<span>2</span>
<task>
<h5>задание на день</h5>
<span>
I can't be canceled, there's no way that you can stop meI'm fully independent, there's no label who can drop me. I can't be canceled, there's no way that you can stop meI'm fully independent
</span>
<adate>даты выполнения: 22.12-31-12</adate>
</task></div></div>[/html]

Перевести Поделиться4Вчера 15:20:23

Автор: Vandra
Администратор
КОНРЕД МОНТЕГЮ, 24
осознав то, что, конечно, вечность, все-таки, конечна; так не легко спать — все тянется ночь; на случай, если я когда-нибудь умру — дай мне не упасть мимо самых теплых рук, дай мне не сорваться со вселенной на ходу.
Сообщений: 16
Уважение: +0
Посты: 123
time to findwhat is hidden in the shadows

[html]
<div class='advent-task fifth'><div>
<span>2</span>
<task>
<h5>задание на день</h5>
<span>
I can't be canceled, there's no way that you can stop meI'm fully independent, there's no label who can drop me. I can't be canceled, there's no way that you can stop meI'm fully independent
</span>
<adate>даты выполнения: 22.12-31-12</adate>

</task>

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

Страница: 1