ля

Страница: 1

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

Поделиться12025-09-16 19:08:09

фракция: миротворцы
Автор: Доминатор
Администратор
плашка:

Дорога возникает
под ногами идущего
ЛЗ: КИТО ОРТЕГА, 38
Correr con el viento rumbo a la libertad твой текст
Сообщений: 76
Уважение: +1

[hideprofile]
[html]
<style>
/* Фон */
.body-calendar {
background: url(https://s3-us-west-2.amazonaws.com/s.cd … now-bg.svg) no-repeat top center #82d8cb; /*картинка на фоне и фоновый цвет*/
background-size: cover;
}

/* расположение ячеек */
.grid-1 {
display: grid;
width: 100%;
max-width: 900px;
margin: 2% auto;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: auto;
grid-gap: 25px;
grid-template-areas: "d1 d2 d3 d4"
"d5 d6 d7 d8"
"d9 d10 d11 d12"
"d13 d14 d15 d16"
"d17 d18 d19 d20"
"d21 d22 d23 d24";
}

/* картинки для событий */
.day-1 {
grid-area: d1;
}
.day-1 .back {
background: url(https://forumstatic.ru/files/001c/80/ee/99492.png); /*картинка события*/
}
.day-2 {
grid-area: d2;
}
.day-2 .back {
background: url(https://forumstatic.ru/files/001c/80/ee/99754.png); /*картинка события*/
}
.day-3 {
grid-area: d3;
}
.day-3 .back {
background: url(https://forumstatic.ru/files/001c/80/ee/27266.png); /*картинка события*/
}
.day-4 {
grid-area: d4;
}
.day-4 .back {
background: url(https://forumstatic.ru/files/001c/80/ee/79720.png); /*картинка события*/
}
.day-5 {
grid-area: d5;
}
.day-5 .back {
background: url(https://s3-us-west-2.amazonaws.com/s.cd … 4/book.svg); /*картинка события*/
font: 12px arial;
color: #eee;
text-shadow: none;
}
.day-6 {
grid-area: d6;
}
.day-6 .back {
background: url(https://s3-us-west-2.amazonaws.com/s.cd … wflake.svg); /*картинка события*/
}
.day-7 {
grid-area: d7;
}
.day-7 .back {
background: url(https://s3-us-west-2.amazonaws.com/s.cd … 4/gift.svg); /*картинка события*/
}
.day-8 {
grid-area: d8;
}
.day-8 .back {
background: url(https://s3-us-west-2.amazonaws.com/s.cd … ocking.svg); /*картинка события*/
}
.day-9 {
grid-area: d9;
}
.day-9 .back {
background: url(https://s3-us-west-2.amazonaws.com/s.cd … 4/gift.svg); /*картинка события*/
}
.day-10 {
grid-area: d10;
}
.day-10 .back {
background: url(https://s3-us-west-2.amazonaws.com/s.cd … 4/bird.svg); /*картинка события*/
}
.day-11 {
grid-area: d11;
}
.day-11 .back {
background: url(https://s3-us-west-2.amazonaws.com/s.cd … nowman.svg); /*картинка события*/
}
.day-12 {
grid-area: d12;
}
.day-12 .back {
background: url(https://s3-us-west-2.amazonaws.com/s.cd … hild-2.svg); /*картинка события*/
}
.day-13 {
grid-area: d13;
}
.day-13 .back {
background: url(https://s3-us-west-2.amazonaws.com/s.cd … /holly.svg); /*картинка события*/
}
.day-14 {
grid-area: d14;
}
.day-14 .back {
background: url(https://s3-us-west-2.amazonaws.com/s.cd … /horse.svg); /*картинка события*/
}
.day-15 {
grid-area: d15;
}
.day-15 .back {
background: url(https://s3-us-west-2.amazonaws.com/s.cd … 4/book.svg); /*картинка события*/
}
.day-16 {
grid-area: d16;
}
.day-16 .back {
background: url(https://s3-us-west-2.amazonaws.com/s.cd … 4/bird.svg); /*картинка события*/
}
.day-17 {
grid-area: d17;
}
.day-17 .back {
background: url(https://s3-us-west-2.amazonaws.com/s.cd … ocking.svg); /*картинка события*/
}
.day-18 {
grid-area: d18;
}
.day-18 .back {
background: url(https://s3-us-west-2.amazonaws.com/s.cd … /donut.svg); /*картинка события*/
}
.day-19 {
grid-area: d19;
}
.day-19 .back {
background: url(https://s3-us-west-2.amazonaws.com/s.cd … /child.svg); /*картинка события*/
}
.day-20 {
grid-area: d20;
}
.day-20 .back {
background: url(https://s3-us-west-2.amazonaws.com/s.cd … /holly.svg); /*картинка события*/
}
.day-21 {
grid-area: d21;
}
.day-21 .back {
background: url(https://s3-us-west-2.amazonaws.com/s.cd … lake-2.svg); /*картинка события*/
}
.day-22 {
grid-area: d22;
}
.day-22 .back {
background: url(https://s3-us-west-2.amazonaws.com/s.cd … /santa.svg); /*картинка события*/
}
.day-23 {
grid-area: d23;
}
.day-23 .back {
background: url(https://s3-us-west-2.amazonaws.com/s.cd … hild-2.svg); /*картинка события*/
}
.day-24 {
grid-area: d24;
}
.day-24 .back {
background: url(https://s3-us-west-2.amazonaws.com/s.cd … 4/tree.svg); /*картинка события*/
font: 12px arial;
color: #eee;
text-shadow: none;
}

/* стиль рамок и табличек */

.grid-1 input {
display: none;
}

.door {
width: 100%;
transform-style: preserve-3d;
transition: all 300ms;
border: 2px dashed transparent; /*стиль рамки и толщина*/
border-radius: 10px; /*закругление краёв рамки*/
}

.door div {
position: absolute;
height: 100%;
width: 100%;
backface-visibility: hidden;

border-radius: 6px; /*закругление краёв*/

display: flex;
align-items: center;
justify-content: center;

/*Шрифт */
font-family: 'Kalam', cursive;
color: #385052; /*цвет шрифта*/
font-size: 2em; /*размер шрифта*/
font-weight: bold; /*жирный*/
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2); /*тень*/
}

.door .back {
background-size: contain;
background-position: center center; /*положение картинки*/
background-repeat: no-repeat;
background-color: #2e313d; /*цвет фона*/
transform: rotateY(180deg);
}

label:hover .door {
border-color: #385052; /*при наведении появляется рамка*/
}

:checked + .door {
transform: rotateY(180deg);
}

/* стиль футера, там где надписи и копирайт (не удаляйте пожалуйста копи!) */
footer {
text-align: center;
padding: 2em 0;
}
footer a {
color: #2e313d;
}
footer a:hover {
text-decoration: none;
}

</style>

<div class='body-calendar'>
<footer>Какой-то текст описания ☃️
</footer>
<div class='support-grid'></div>
<section class='grid-1'>

<div class='day-1'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>1</div>
<div class='back'></div>
</div>
</input>
</label>
</div>
<div class='day-2'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>2</div>
<div class='back'></div>
</div>
</input>
</label>
</div>
<div class='day-3'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>3</div>
<div class='back'></div>
</div>
</input>
</label>
</div>
<div class='day-4'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>4</div>
<div class='back'></div>
</div>
</input>
</label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
</div>
<div class='day-5'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>5</div>
<div class='back'> заходите в банк не пожалеете</div>
</div>
</input>
</label>
</div>
<div class='day-6'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>6</div>
<div class='back'></div>
</div>
</input>
</label>
</div>
<div class='day-7'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>7</div>
<div class='back'></div>
</div>
</input>
</label>
</div>
<div class='day-8'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>8</div>
<div class='back'></div>
</div>
</input>
</label>
</div>
<div class='day-9'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>9</div>
<div class='back'></div>
</div>
</input>
</label>
</div>
<div class='day-10'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>10</div>
<div class='back'></div>
</div>
</input>
</label>
</div>
<div class='day-11'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>11</div>
<div class='back'></div>
</div>
</input>
</label>
</div>
<div class='day-12'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>12</div>
<div class='back'></div>
</div>
</input>
</label>
</div>
<div class='day-13'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>13</div>
<div class='back'></div>
</div>
</input>
</label>
</div>
<div class='day-14'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>14</div>
<div class='back'></div>
</div>
</input>
</label>
</div>
<div class='day-15'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>15</div>
<div class='back'></div>
</div>
</input>
</label>
</div>
<div class='day-16'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>16</div>
<div class='back'></div>
</div>
</input>
</label>
</div>
<div class='day-17'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>17</div>
<div class='back'></div>
</div>
</input>
</label>
</div>
<div class='day-18'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>18</div>
<div class='back'></div>
</div>
</input>
</label>
</div>
<div class='day-19'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>19</div>
<div class='back'></div>
</div>
</input>
</label>
</div>
<div class='day-20'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>20</div>
<div class='back'></div>
</div>
</input>
</label>
</div>
<div class='day-21'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>21</div>
<div class='back'></div>
</div>
</input>
</label>
</div>
<div class='day-22'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>22</div>
<div class='back'></div>
</div>
</input>
</label>
</div>
<div class='day-23'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>23</div>
<div class='back'></div>
</div>
</input>
</label>
</div>
<div class='day-24'>
<label style="cursor: pointer; display: flex; min-height: 100%; width: 100%; height: 120px;">
<input type='checkbox'>
<div class='door'>
<div class='front'>24</div>
<div class='back'>
<div class='time_limited_1759510800'>тут текст временного подарка</div>
</div>
</div>
</input>
</label>
</div>
</section>
</div>

[/html]

Цитировать Сообщение 1

Поделиться22025-10-16 08:41:38

фракция: миротворцы
Автор: Доминатор
Администратор
плашка:

Дорога возникает
под ногами идущего
ЛЗ: КИТО ОРТЕГА, 38
Correr con el viento rumbo a la libertad твой текст
Сообщений: 76
Уважение: +1

[html]<div style="display:inline-block; border:4px solid #f39c12; border-radius:10px; padding:10px; background:linear-gradient(to bottom right, #fff3e0, #ffe0b2); box-shadow:2px 2px 12px rgba(0,0,0,0.2);"><table style="border-collapse:collapse; text-align:center; font-family:'Arial', sans-serif; font-weight:bold; font-size:18px;"><tr><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;">4</td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;">12</td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;"> </td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;"> </td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;">41</td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;">53</td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;"> </td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;"> </td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;">81</td></tr><tr><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;"> </td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;"> </td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;">29</td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;">35</td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;">42</td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;"> </td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;"> </td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;">79</td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;">85</td></tr><tr><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;">10</td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;"> </td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;"> </td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;">39</td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;"> </td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;">56</td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;">68</td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;"> </td><td style="width:40px; height:40px; border:1px solid #f39c12; border-radius:5px; background-color:#fff8e1;">86</td></tr></table></div>[/html]

Цитировать Сообщение 2

Поделиться32025-10-16 10:20:36

фракция: миротворцы
Автор: Доминатор
Администратор
плашка:

Дорога возникает
под ногами идущего
ЛЗ: КИТО ОРТЕГА, 38
Correr con el viento rumbo a la libertad твой текст
Сообщений: 76
Уважение: +1

[hideprofile]

БЕЗСЕЗОНЬЕ
январь, февраль 2024-го

[html]
<style>
#side-checkbox:checked ~ .op {
display: block; /* или нужное отображение */
}

div.art-icon .op {
position: absolute;
top: 14%;
left: 20%;
width: 460px;
height: 360px;
z-index: 9999;
display: none;
box-shadow: 0 0 10px #00000078;
}

</style>

<div class=art-box> 
<div class=art-title>ЯНВАРЬ</div><div class=art-list>

<div class="art-icon sun"><n>1</n>
<input id="qwe1" type="checkbox" style="display:none">
<label for="qwe1"></label>
<div class="op">
<label for="qwe1"class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> 
<div class=mini></div>
<name><b>-1°C ... +4°C</b>Солнечно</name>
</div></div>

<div class="art-icon cloudy"><n>2</n>
<input id="qwe2" type="checkbox" style="display:none"><label for="qwe2"></label><div class="op"><label for="qwe2"class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>+1°C ... +1°C</b>Облачно, пасмурно</name>
</div></div>

<div class="art-icon cloudy2"><n>3</n>
<input id="qwe3" type="checkbox" style="display:none"><label for="qwe3"></label><div class="op"><label for="qwe3"class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-3°C ... -1°C</b>Облачно, с прояснениями</name>
</div></div>

<div class="art-icon sun"><n>4</n>
<input id="qwe4" type="checkbox" style="display:none"><label for="qwe4"></label><div class="op"><label for="qwe4" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-3°C ... +2°C</b>Солнечно</name>
</div></div>

<div class="art-icon sun"><n>5</n>
<input id="qwe5" type="checkbox" style="display:none"><label for="qwe5"></label><div class="op"><label for="qwe5"class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-2°C ... +2°C</b>Солнечно</name>
</div></div>

<div class="art-icon cloudy2"><n>6</n>
<input id="qwe6" type="checkbox" style="display:none"><label for="qwe6"></label> <div class="op"><label for="qwe6" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label>  <div class=mini></div>
<name><b>0°C ... +3°C</b>Облачно, с прояснениями</name>
</div></div>

<div class="art-icon cloudy2"><n>7</n>
<input id="qwe7" type="checkbox" style="display:none"><label for="qwe7"></label> <div class="op"><label for="qwe7" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-1°C ... +2°C</b>Облачно, с прояснениями</name>
</div></div>

<div class="art-icon windy"><n>8</n>
<input id="qwe8" type="checkbox" style="display:none"><label for="qwe8"></label> <div class="op"><label for="qwe8" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-1°C ... +1°C</b>Сильный ветер</name>
</div></div>

<div class="art-icon cloudy2"><n>9</n>
<input id="qwe9" type="checkbox" style="display:none"><label for="qwe9"></label> <div class="op"><label for="qwe9" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-2°C ... +2°C</b>Облачно, с прояснениями</name>
</div></div>

<div class="art-icon cloudy2"><n>10</n>
<input id="qwe10" type="checkbox" style="display:none"><label for="qwe10"></label> <div class="op"><label for="qwe10" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-1°C ... +3°C</b>Облачно, с прояснениями</name>
</div></div>

<div class="art-icon sun"><n>11</n>
<input id="qwe11" type="checkbox" style="display:none"><label for="qwe11"></label> <div class="op"><label for="qwe11" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>+1°C ... +4°C</b>Солнечно</name>
</div></div>

<div class="art-icon cloudy2"><n>13</n>
<input id="qwe13" type="checkbox" style="display:none"><label for="qwe13"></label><div class="op"><label for="qwe13" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>+2°C ... +3°C</b>Облачно, с прояснениями</name>
</div></div>

<div class="art-icon cloudy"><n>14</n>
<input id="qwe14" type="checkbox" style="display:none"><label for="qwe14"></label><div class="op"><label for="qwe14" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-1°C ... +1°C</b>Облачно, пасмурно</name>
</div></div>

<div class="art-icon rain"><n>15</n>
<input id="qwe15" type="checkbox" style="display:none"><label for="qwe15"></label><div class="op"><label for="qwe15" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-1°C ... +1°C</b>Кратковременные осадки</name>
</div></div>

<div class="art-icon snow4"><n>16</n>
<input id="qwe16" type="checkbox" style="display:none"><label for="qwe16"></label><div class="op"><label for="qwe16" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-1°C ... +0°C</b>Замерзающий дождь, град</name>
</div></div>

<div class="art-icon rain2"><n>17</n>
<input id="qwe17" type="checkbox" style="display:none"><label for="qwe17"></label><div class="op"><label for="qwe17" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-1°C ... +1°C</b>Небольшие дожди</name>
</div></div>

<div class="art-icon snow3"><n>18</n>
<input id="qwe18" type="checkbox" style="display:none"><label for="qwe18"></label><div class="op"><label for="qwe18" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>+1°C ... +0°C</b>Снегопад</name>
</div></div>

<div class="art-icon cloudy2"><n>19</n>
<input id="qwe19" type="checkbox" style="display:none"><label for="qwe19"></label><div class="op"><label for="qwe19" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-1°C ... +4°C</b>Облачно, с прояснениями</name>
</div></div>

<div class="art-icon rain"><n>20</n>
<input id="qwe20" type="checkbox" style="display:none"><label for="qwe20"></label><div class="op"><label for="qwe20" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>+1°C ... +2°C</b>Небольшие дожди</name>
</div></div>

<div class="art-icon cloudy2"><n>21</n>
<input id="qwe21" type="checkbox" style="display:none"><label for="qwe21"></label><div class="op"><label for="qwe21" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-2°C ... -1°C</b>Облачно, с прояснениями</name>
</div></div>

<div class="art-icon cloudy2"><n>22</n>
<input id="qwe22" type="checkbox" style="display:none"><label for="qwe22"></label><div class="op"><label for="qwe22" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-4°C ... -1°C</b>Облачно, с прояснениями</name>
</div></div>

<div class="art-icon sun"><n>23</n>
<input id="qwe23" type="checkbox" style="display:none"><label for="qwe23"></label><div class="op"><label for="qwe23" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-2°C ... 4°C</b>Солнечно</name>
</div></div>

<div class="art-icon snow"><n>24</n>
<input id="qwe24" type="checkbox" style="display:none"><label for="qwe24"></label><div class="op"><label for="qwe24" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-2°C ... +0°C</b>Облачно, периодический снег</name>
</div></div>

<div class="art-icon cloudy2 active"><n>25</n>
<input id="qwe25" type="checkbox" style="display:none"><label for="qwe25"></label><div class="op"><label for="qwe25" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-2°C ... +4°C</b>Облачно, с прояснениями</name>
<p><a href="https://pulseofny.rusff.me/viewtopic.php?id=72#p13174" class=aname><data>25.01.2024</data>Отпуск в январе</a><br>
<b>Участники:</b> Amanda Myers, Tyler Hadley, Jake Riley, Hardy Knight<br>
Аманда Майерс (еще будучи в Своре) убивает на вылазке Саймона Рочестора - одного из своих, бывшего заключенного со скверным характером, которого не все в Своре долюбливали (как и его брата – Дилана Рочестора). После совершения преступления девушка бежит, желая добраться до Альянса и найти там свое спасение.
Кэтрин Грэйс отправляет на поиски Аманды Джейка Райли и Тайлера Хэдли, с приказом убить или доставить на базу для показательной казни. Но планы мужчин вынужденно меняются, когда на защиту девушки встает неизвестный (разведчик Альянса – Харди Найт), ранит Тайлера в ногу, а Аманду забирает с собой..</p>
</div></div>

<div class="art-icon windy"><n>26</n>
<input id="qwe26" type="checkbox" style="display:none"><label for="qwe26"></label><div class="op"><label for="qwe26" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-1°C ... 0°C</b>Сильный ветер</name>
</div></div>

<div class="art-icon cloudy"><n>27</n>
<input id="qwe27" type="checkbox" style="display:none"><label for="qwe27"></label><div class="op"><label for="qwe27" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-1°C ... +3°C</b>Облачно, пасмурно</name>
</div></div>

<div class="art-icon sun"><n>28</n>
<input id="qwe28" type="checkbox" style="display:none"><label for="qwe28"></label><div class="op"><label for="qwe28" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-0°C ... +5°C</b>Солнечно</name>
</div></div>

<div class="art-icon cloudy2"><n>29</n>
<input id="qwe29" type="checkbox" style="display:none"><label for="qwe29"></label><div class="op"><label for="qwe29" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-2°C ... +4°C</b>Облачно, с прояснениями</name>
</div></div>

<div class="art-icon snow"><n>30</n>
<input id="qwe30" type="checkbox" style="display:none"><label for="qwe30"></label><div class="op"><label for="qwe30" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-1°C ... +3°C</b>Облачно, периодический снег</name>
</div></div>

<div class="art-icon cloudy"><n>31</n>
<input id="qwe31" type="checkbox" style="display:none"><label for="qwe31"></label><div class="op"><label for="qwe31" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-2°C ... +2°C</b>Облачно, с прояснениями</name>
</div></div>

</div></div>

<div class="art-icon rain2"><n>1</n>
<input id="qwe32" type="checkbox" style="display:none"><label for="qwe32"></label><div class="op"><label for="qwe32" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-1°C ... +5°C</b>Небольшие дожди</name>
</div></div>

<div class="art-icon cloudy2"><n>2</n>
<input id="qwe33" type="checkbox" style="display:none"><label for="qwe33"></label><div class="op"><label for="qwe33" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>+2°C ... +6°C</b>Облачно, с прояснениями</name>
</div></div>

<div class="art-icon cloudy"><n>3</n>
<input id="qwe34" type="checkbox" style="display:none"><label for="qwe34"></label><div class="op"><label for="qwe34" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-1°C ... +4°C</b>Облачно, пасмурно</name>
</div></div>

<div class="art-icon cloudy"><n>4</n>
<input id="qwe35" type="checkbox" style="display:none"><label for="qwe35"></label><div class="op"><label for="qwe35" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-1°C ... +2°C</b>Облачно, пасмурно</name>
</div></div>

<div class="art-icon sun"><n>5</n>
<input id="qwe36" type="checkbox" style="display:none"><label for="qwe36"></label><div class="op"><label for="qwe36" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>0°C ... +4°C</b>Солнечно</name>
</div></div>

<div class="art-icon cloudy2"><n>6</n>
<input id="qwe37" type="checkbox" style="display:none"><label for="qwe37"></label><div class="op"><label for="qwe37" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>+1°C ... +4°C</b>Облачно, с прояснениями</name>
</div></div>

<div class="art-icon windy"><n>7</n>
<input id="qwe38" type="checkbox" style="display:none"><label for="qwe38"></label><div class="op"><label for="qwe38" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-0°C ... +3°C</b>Сильный ветер</name>
</div></div>

<div class="art-icon cloudy"><n>8</n>
<input id="qwe39" type="checkbox" style="display:none"><label for="qwe39"></label><div class="op"><label for="qwe39" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>+1°C ... +3°C</b>Облачно, пасмурно</name>
</div></div>

<div class="art-icon rain"><n>9</n>
<input id="qwe40" type="checkbox" style="display:none"><label for="qwe40"></label><div class="op"><label for="qwe40" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-2°C ... +1°C</b>Кратковременные осадки</name>
</div></div>

<div class="art-icon cloudy active"><n>10</n>
<input id="qwe41" type="checkbox" style="display:none"><label for="qwe41"></label><div class="op"><label for="qwe41" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-2°C ... +1°C</b>Облачно, пасмурно</name>
<p><a href="" class=aname><data>10.02.2024</data>Всех в плен!</a><br>
Тайлер Хэдли желает найти того, кто помешал ему и Джейку Райли выполнить приказ Грэйс (убить Аманду) и ранил его самого. Он подозревает, что неизвестный может быть из Альянса, с группой ребят из Своры выслеживает Харди Найта, но появившийся Альянс портит операцию, и в начавшейся перестрелке Тайлер и несколько ребят оказываются под обстрелом. Найта доставляют в Свору, как и было запланировано, а Тайлер захвачен Альянсом.
В перестрелке пострадали обе стороны, есть погибшие.<br><br>
<a href="https://pulseofny.rusff.me/viewtopic.php?id=168" class=aname><data>10.02.2024</data>Встань в позу</a><br>
<b>Участники:</b> Tentonn Hammer, Tyler Hadley, Amanda Myers, Veronica Lynch<br>
Альянс потряхивает от начала революции. Всё из-за власти. На народ как обычно всем плевать. Ллойд, один из основателей Альянса хочет устроить переворот. Ему кажется, что быстрым налётом он сможет уничтожить большую часть Своры. Единственный, кто ему мешает это Хаммер и пленный Тайлер. Убив обоих он убивает (простите за тавтологию) двух зайцев - убирает с пути Хаммера и развязывает войну со Сворой. Тентонну и Тайлеру удается убить Ллойда, вместе Вероникой они отправляются в Своры, чтобы утрясти грядущий конфликт, но травмы Хаммера оказываются летальными, и лидер Альянса умирает у ворот своих союзников.<br><br>
<a href="https://pulseofny.rusff.me/viewtopic.php?id=229#p32139" class=aname><data>10.02.2024</data>Кровь за кровь</a><br>
<b>Участники:</b> Hardy Knight, Jake Rob Riley, Katherine Grace<br>
В Своре зреет недовольство. Тайлер Хэдли у Альянса, двое ребят погибли в перестрелке с ними, а Кэтрин Грэйс против того, что бы пленного Харди Найта казнили. Во время переговоров лидер Своры ранит Найта ножом в бедро. Альянсовцу удается освободиться, но его быстро останавливают, а Джейк Райли стреляет беглецу в плечо. Харди отправляют в камеру к Софии Огден, пока не будет известно, что с ним предпринять, и ради его же безопасности, ведь Свора жаждет крови.</p>
</div></div>

<div class="art-icon cloudy2 active"><n>11</n>
<input id="qwe42" type="checkbox" style="display:none"><label for="qwe42"></label><div class="op"><label for="qwe42" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-2°C ... +1°C</b>Облачно, с прояснениями</name>
<p><a href="https://pulseofny.rusff.me/viewtopic.php?id=384#p64254" class=aname><data>11.02.2024</data>Новые обстоятельства</a><br>
<b>Участники:</b> Cesare Argento, Katherine Grace, Veronica Lynch<br>
Тентонн Хаммер умирает у ворот Своры, в присутствии «псов» и Вероники Линч. При осмотре тела в руке покойного Кэтрин Грэйс находит золотой крестик и забирает его себе, еще не догадываясь, что этот атрибут является флешкой, с оставленным на нем посланием от, ныне покойного, лидера Альянса. Вскоре со своей свитой является Чейз Аргенто, вместе с Кэт им придется решить, как сохранить мир между фракциями.</p>
</div></div>

<div class="art-icon cloudy"><n>12</n>
<input id="qwe43" type="checkbox" style="display:none"><label for="qwe43"></label><div class="op"><label for="qwe43" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-2°C ... 0°C</b>Облачно, пасмурно</name>
</div></div>

<div class="art-icon snow4"><n>13</n>
<input id="qwe44" type="checkbox" style="display:none"><label for="qwe44"></label><div class="op"><label for="qwe44" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>+2°C ... 0°C</b>Замерзающий дождь, град</name>
</div></div>

<div class="art-icon cloudy2"><n>14</n>
<input id="qwe45" type="checkbox" style="display:none"><label for="qwe45"></label><div class="op"><label for="qwe45" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-2°C ... +2°C</b>Облачно, с прояснениями</name>
</div></div>

<div class="art-icon cloudy"><n>15</n>
<input id="qwe46" type="checkbox" style="display:none"><label for="qwe46"></label><div class="op"><label for="qwe46" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-1°C ... +2°C</b>Облачно, пасмурно</name>
</div></div>

<div class="art-icon cloudy2"><n>16</n>
<input id="qwe47" type="checkbox" style="display:none"><label for="qwe47"></label><div class="op"><label for="qwe47" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-2°C ... +1°C</b>Облачно, с прояснениями</name>
</div></div>

<div class="art-icon rain3"><n>17</n>
<input id="qwe48" type="checkbox" style="display:none"><label for="qwe48"></label><div class="op"><label for="qwe48" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-1°C ... +3°C</b>Проливные дожди</name>
</div></div>

<div class="art-icon cloudy2"><n>18</n>
<input id="qwe49" type="checkbox" style="display:none"><label for="qwe49"></label><div class="op"><label for="qwe49" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-1°C ... +6°C</b>Облачно, с прояснениями</name>
</div></div>

<div class="art-icon sun"><n>19</n>
<input id="qwe50" type="checkbox" style="display:none"><label for="qwe50"></label><div class="op"><label for="qwe50" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>+2°C ... +5°C</b>Солнечно</name>
</div></div>

<div class="art-icon cloudy2"><n>20</n>
<input id="qwe51" type="checkbox" style="display:none"><label for="qwe51"></label><div class="op"><label for="qwe51" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>-1°C ... +3°C</b>Облачно, с прояснениями</name>
</div></div>

<div class="art-icon rain2"><n>21</n>
<input id="qwe52" type="checkbox" style="display:none"><label for="qwe52"></label><div class="op"><label for="qwe52" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>0°C ... +3°C</b>Небольшие дожди</name>
</div></div>

<div class="art-icon sun"><n>22</n>
<input id="qwe53" type="checkbox" style="display:none"><label for="qwe53"></label><div class="op"><label for="qwe53" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>+1°C ... +5°C</b>Солнечно</name>
</div></div>

<div class="art-icon rain2"><n>23</n>
<input id="qwe54" type="checkbox" style="display:none"><label for="qwe54"></label><div class="op"><label for="qwe54" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>+2°C ... +4°C</b>Небольшие дожди</name>
</div></div>

<div class="art-icon cloudy2"><n>24</n>
<input id="qwe55" type="checkbox" style="display:none"><label for="qwe55"></label><div class="op"><label for="qwe55" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>+1°C ... +5°C</b>Облачно, с прояснениями</name>
</div></div>

<div class="art-icon cloudy"><n>25</n>
<input id="qwe56" type="checkbox" style="display:none"><label for="qwe56"></label><div class="op"><label for="qwe56" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>+2°C ... +5°C</b>Облачно, пасмурно</name>
</div></div>

<div class="art-icon sun"><n>26</n>
<input id="qwe57" type="checkbox" style="display:none"><label for="qwe57"></label><div class="op"><label for="qwe57" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>+2°C ... +7°C</b>Солнечно</name>
</div></div>

<div class="art-icon sun"><n>27</n>
<input id="qwe58" type="checkbox" style="display:none"><label for="qwe58"></label><div class="op"><label for="qwe58" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>0°C ... +5°C</b>Солнечно</name>
</div></div>

<div class="art-icon sun"><n>28</n>
<input id="qwe59" type="checkbox" style="display:none"><label for="qwe59"></label><div class="op"><label for="qwe59" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>+5°C ... +8°C</b>Солнечно</name>
</div></div>

<div class="art-icon rain"><n>29</n>
<input id="qwe60" type="checkbox" style="display:none"><label for="qwe60"></label><div class="op"><label for="qwe60" class="close-btn" style="color:#000; float: right; font-size: 20px;">×</label> <div class=mini></div>
<name><b>+2°C ... +7°C</b>Кратковременные осадки</name>
</div></div>

</div></div>

</div>[/html]