Drink Butterbeer! |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Drink Butterbeer! » The Three Broomsticks » Дринкополитен
Хочешь первым узнавать свежие новости? А может, тебя интересуют сплетни и слухи? Или ты выписываешь газетки ради рецептов? Это и многое другое ждет тебя в форумной газете Дринка. Не пропусти ежемесячные выпуски, и, кто знает, может быть, ты найдешь свое имя на страницах Дринкополитена!
Будь в курсе!
Выпуски:
Отредактировано Brewer (05.11.21 21:19)
[html]
<style type="text/css">
.tabs { width: 100%; padding: 0px; margin: 0 auto; }
.tabs>input { display: none; }
.tabs>div {
display: none;
padding: 3px;
border: 0px solid #C0C0C0;
}
.tabs>label {
display: inline-block;
padding: 0px;
margin: 0 0px 0px 0;
text-align: center;
color: #666666;
border: 0px solid #C0C0C0;
cursor: pointer;
}
.tabs>input:checked + label {
color: #000000;
border: 0px solid #C0C0C0;
border-bottom: 0px solid #FFFFFF;
opacity: 1;
padding: 6px;
}
#tab_1:checked ~ #txt_1,
#tab_2:checked ~ #txt_2,
#tab_3:checked ~ #txt_3,
#tab_4:checked ~ #txt_4 { display: block; }
.name {
text-align: center;
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
}
.name:before {
display: block;
background-color: rgb(0, 0, 0);
content: "";
height: 100%;
opacity: 0;
position: absolute;
width: 100%;
z-index: 2;
}
.name:after {
font-family: kurale;
color: white;
content: attr(alt);
display: block;
font-size: 8px;
opacity: 0;
padding: 0 3%;
position: absolute;
text-transform: none;
top: 50%;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: scale(0) translateY(-50%);
transform: scale(0) translateY(-50%);
width: 94%;
z-index: 3;
}
.name img {
border: none;
display: block;
z-index: 1;
}
.name:after {
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.name:hover:before {
opacity: 0.6;
}
.name:hover:after {
opacity: 1;
-webkit-transform: scale(1) translateY(-50%);
transform: scale(1) translateY(-50%);
}
.backk {
height: 752px;
width: 564px;
background-image: url("https://i.ibb.co/1T0P829/image.png");
background-position: top center;
background-repeat: no-repeat;
margin: auto;
}
.textt2 {
z-index: 10;
height: 10px;
width: 480px;
text-align: justify;
text-justify: inter-word;
font-size: 6.5px;
font-family: kurale;
text-transform: uppercase;
letter-spacing: 1px;
color: #FFF;
position: relative;
text-shadow: 0px 0px 1px #000000;
bottom: -150px;
left: 0px;
background-color: #000;
opacity: 0.85;
padding: 10px 10px 10px 10px;
border: #191d1e solid 0px;
}
.textt3 {
z-index: 12;
height: 550px;
width: 495px;
text-transform: uppercase;
overflow: auto;
text-align: justify;
text-justify: inter-word;
font-size: 7.5px;
font-family: kurale;
letter-spacing: 1px;
color: #000000;
position: relative;
text-shadow: 0px 0px 0px #dfe1df;
bottom: -165px;
text-indent: 11px;
opacity: 0.85;
padding: 7px 7px 7px 7px;
border: #191d1e solid 0px;
left: 25px;
}
</style>
<div class="backk">
<div class="textt1">
</div>
<div class="textt3"> <b> </b>
<center><b> <font style="font-size: 15px; color: #D2691E;"> Кроссворд, но не простой, а с сюрпризом </font> </b> </center>
<br>
<p><span style="font-family:verdana,geneva,sans-serif;">
<b><font style="font-size: 11px;">Вопросы по горизонтали:</font></b><br>
<font style="font-size: 10px;">1. Где Роулинг писала первую книгу о Гарри Поттере?<br>
6. Профессор, которого заменил Хагрид.<br>
7. Эта болезнь упомянута в одном из некрологов памяти Альбуса Дамблдора.<br>
8. Животное из девиза Хогвартса.<br>
10. Детали самолёта, из которых можно составить животное.<br>
11. В книге этот предмет добыл Добби, а в фильме Невилл.<br>
17. 24 ноября, 24 февраля, 24 ...<br>
18. На каком этаже расположен вход в тайную комнату?<br>
20. Великий волшебник со Слизерина. <br></font><br>
<b><font style="font-size: 11px;">Вопросы по вертикали:</font></b><br>
<font style="font-size: 10px;">2. Это увидит маггл, если придет в Хогвартс.<br>
3. Верховный суд магов в Британии. <br>
4. Чтобы с ним справиться, надо сломать ему пальцы. <br>
5. Самый большой мяч в квиддиче. <br>
6. Банка полироли, серебряные ножницы и пособие по уходу за метлой, а что ещё было в наборе?<br>
9. Как звали гиппогрифа, жившего у Хагрида? <br>
11. Материал, из которого изготовлен бладжер. <br>
12. Один из министров магии носил ту же фамилию, что и название крупной химической компании. Назовите имя министра.<br>
13. Фамилия волшебника, создавшего первый снитч.<br>
14. Прозвище Ли Джордана.<br>
15. Фотограф Риты Скитер. <br>
16. Какого цвета станет единорог, если его напоить уменьшающим зельем?<br>
19. С помощью какой картины можно попасть на кухню Хогвартса?<br></font>
<center>Для удобства можно скачать файл по <a href="https://docs.google.com/document/d/1Gt6KsiLKfDJQyN9QBK7adbhS83zPc5ozCLTAKcnVwvg/edit?tab=t.0"><strong> ссылке </strong></a><br>
<img src=https://i.ibb.co/QKCztpQ/image.png alt=»описание изображения»></center><br><br><br><br><br>
<font style="font-size: 10px;">Бонус для самых внимательных хD <br>
<b>Получите промокоды в зонко за правильные ответы:</b> <br>
2: каждая третья маска бесплатно (не более 3 бесплатных масок)<br>
10: возможность отправить один бесплатный подарок при любой покупке в зонко<br>
17: скидка 20% на покупку персонажа<br>
7: скидка 30% на покупку эпизода<br>
13: скидка 20% на покупку бонусов<br>
4: скидка 30% на выкуп внешности<br>
20: скидка 20% на выкуп заявки<br><br>
*вы можете использовать только один промокод. </font>
</span></p>
</div>
</div>
</center>[/html]
[html]<style type="text/css">
.name {
text-align: center;
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
}
.name:before {
display: block;
background-color: rgb(0, 0, 0);
content: "";
height: 100%;
opacity: 0;
position: absolute;
width: 100%;
z-index: 2;
}
.name:after {
font-family: kurale;
color: white;
content: attr(alt);
display: block;
font-size: 8px;
opacity: 0;
padding: 0 3%;
position: absolute;
text-transform: none;
top: 50%;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: scale(0) translateY(-50%);
transform: scale(0) translateY(-50%);
width: 94%;
z-index: 3;
}
.name img {
border: none;
display: block;
z-index: 1;
}
.name:after {
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.name:hover:before {
opacity: 0.6;
}
.name:hover:after {
opacity: 1;
-webkit-transform: scale(1) translateY(-50%);
transform: scale(1) translateY(-50%);
}
.fon {
height: 752px;
width: 564px;
background-image: url("https://forumupload.ru/uploads/001a/2e/af/7/525923.png");
background-position: top center;
background-repeat: no-repeat;
margin: auto;
}
.interv {
z-index: 10;
height: 110px;
width: 290px;
text-align: justify;
text-justify: inter - word;
font-size: 6.5px;
font-family: kurale;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #dfe1df;
position: relative;
text-shadow: 0px 0px 1px #000000;
bottom: -270px;
left: 228px;
padding: 10px 10px 10px 10px;
border: #191d1e solid 0px;
background-image: url("https://99px.ru/sstorage/86/2015/04/image_861704150032566062258.gif");
background-position: center center;
background-repeat: no-repeat;
}
.delaly {
margin: auto;
z-index: 10;
height: 65px;
width: 564px;
text-transform: uppercase;
overflow: auto;
font-size: 11px;
font-family: Arial Black;
color: #000;
background-color: #e9e3d5;
position: relative;
text-shadow: 0px 0px 0px #dfe1df;
bottom: -10px;
left: 0px;
text-indent: 0px;
opacity: 0.8;
padding: 7px 7px 7px 7px;
border: #191d1e solid 0px;
text-indent: 0px;
}
</style>
<div class="fon">
<div class="interv"\тут ничего не делаем, оставляем блок, чтобы была картинка с лицом\> </div>
</div>
<div class="delaly"><span style="font-size:10px"> Над выпуском работали:
<br>
Белла "Палочка средней жесткости" Фарли <br>
Джейсон "Купиздон" Сэмуэльс <br>
Кэти "Тропикана-женщина" Белл <br>
Лианна "Погадаю на любовь" Чисхолм <br>
Селина Мур-Амур <br>
Почти Безголовый от Любви Ник <br>
<br>
</span></div>[/html]
[html]<style>
/* Control styles
-------------------------------------------- */
.carousel {
position: relative;
}
.carousel input {
position: absolute;
left: 0;
z-index: 3;
margin: 0;
}
.carousel input:before {
position: absolute;
content: "<";
}
input:checked ~ input:before {
content: ">";
}
input:checked {
display: none;
}
input:checked ~ input {
right: 0;
left: auto;
}
input:checked + div + input {
z-index: 4;
}
input + div {
position: absolute;
z-index: 1;
margin-top: 10px;
}
input:checked + div {
z-index: 2;
}
/* Demo styles
-------------------------------------------- */
body {
font: 90% / 1.5 Arial;
text-align: center;
}
.carousel {
width: 490px;
height: 700px;
margin-top: 30px;
margin-left: 5px;
overflow:hidden;
transform: translateZ(0px); /* stops flickering incode pen*/
border-radius: 10px;
}
.carousel input {
top: 200px;
width: 60px;
height: 60px;
left: 10px;
}
input:checked ~ input {
right: 0px;
}
.carousel input:before {
background: #ef0c77;
border-radius: 50%;
color: #fff;
font-size: 25px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border: 5px solid #fff;
}
/* Scroll
-------------------------------------------- */
#test1 input + div {
transform: translate3d(-100%,0,0);
transition: transform .5s ease-in-out;
}
#test1 input:checked + div {
transform: translate3d(0,0,0);
}
#test1 input:checked + div ~ div {
transform: translate3d(100%,0,0);
}
/* Disolve
-------------------------------------------- */
#test2 input + div {
transition: opacity 0s 1s;
opacity: 0;
}
#test2 input:checked + div {
transition: opacity 1s;
opacity: 1;
}
#test1 img {
width: 100%;
}
.backkrek {
height: 760px;
width: 560px;
background-image: url("https://i.ibb.co/fzyRhW0s/image.png");
background-position: top center;
background-repeat: no-repeat;
margin: auto;
padding-top: 65px;
padding-left: 55px;
font-size: 10px;
text-align: justify;
text-justify: inter - word;
font-family: Arial;
text-transform: uppercase;
letter-spacing: 1px;
color: #000;
}
</style>
<div class="backkrek">
<div class="carousel" id="test1">
<input type="radio" name="item" value="1" checked>
<div>
<img src="https://forumupload.ru/uploads/001a/2e/af/851/296183.gif">
</div>
<input type="radio" name="item" value="2">
<div>
<img src="https://forumupload.ru/uploads/001a/2e/af/851/145079.gif">
</div>
<input type="radio" name="item" value="2">
<div>
<img src="https://forumupload.ru/uploads/001a/2e/af/7/916860.gif">
</div>
<input type="radio" name="item" value="3">
<div> <b><font style="font-size: 10px; color: #ef0c77;">Кто сказал, что друзей шипперить нельзя? </font> </b>
<img src="https://forumupload.ru/uploads/001a/2e/af/7/539428.png">
</div>
<input type="radio" name="item" value="4">
<div>
<img src="https://i.ibb.co/0jWJNb4s/ship2.png">
</div>
</div>
</div>
[/html]
Отредактировано Brewer (14.02.25 02:27)
[html]<!--HTML-->
<meta charset="utf-8">
<center>
<style type="text/css">
.tabs { width: 100%; padding: 0px; }
.tabs>input { display: none; }
.tabs>div {
display: none;
padding: 3px;
border: 0px solid #C0C0C0;
}
.tabs>label {
display: inline-block;
padding: 0px;
margin: 0 0px 0px 0;
color: #666666;
border: 0px solid #C0C0C0;
cursor: pointer;
}
.tabs>input:checked + label {
color: #000000;
border: 0px solid #C0C0C0;
border-bottom: 0px solid #FFFFFF;
opacity: 1;
padding: 6px;
}
#tab_1:checked ~ #txt_1,
#tab_2:checked ~ #txt_2,
#tab_3:checked ~ #txt_3,
#tab_4:checked ~ #txt_4,
#tab_5:checked ~ #txt_5 { display: block; }
.name {
text-align: center;
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
}
.name:before {
display: block;
background-color: rgb(0, 0, 0);
content: "";
height: 100%;
opacity: 0;
position: absolute;
width: 100%;
z-index: 2;
}
.name:after {
font-family: kurale;
color: white;
content: attr(alt);
display: block;
font-size: 8px;
opacity: 0;
padding: 0 3%;
position: absolute;
text-transform: none;
top: 50%;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: scale(0) translateY(-50%);
transform: scale(0) translateY(-50%);
width: 94%;
z-index: 3;
}
.name img {
border: none;
display: block;
z-index: 1;
}
.name:after {
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.name:hover:before {
opacity: 0.6;
}
.name:hover:after {
opacity: 1;
-webkit-transform: scale(1) translateY(-50%);
transform: scale(1) translateY(-50%);
}
.backk {
height: 752px;
width: 564px;
background-image: url("https://i.ibb.co/Q3tZS68J/image.png");
background-position: top center;
background-repeat: no-repeat;
}
.textt1 {
z-index: 10;
height: 170px;
width: 500px;
text-align: justify;
text-justify: inter - word;
font-size: 8.0px;
font-family: kurale;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #dfe1df;
position: relative;
text-shadow: 0px 0px 1px #000000;
bottom: -165px;
padding: 10px 10px 10px 10px;
border: #191d1e solid 0px;
background-image: url("");
background-position: top center;
background-repeat: no-repeat;
}
.textt2 {
z-index: 10;
height: 5px;
width: 480px;
text-align: justify;
text-justify: inter-word;
font-size: 8.0px;
font-family: kurale;
text-transform: uppercase;
letter-spacing: 1px;
color: #FFF;
position: relative;
text-shadow: 0px 0px 1px #000000;
bottom: -155px;
left: 0px;
background-color: #000;
opacity: 0.85;
padding: 10px 10px 10px 10px;
border: #191d1e solid 0px;
}
.textt3 {
z-index: 10;
height: 530px;
width: 495px;
text-transform: uppercase;
overflow: auto;
text-align: justify;
text-justify: inter-word;
font-size: 8.0px;
font-family: kurale;
letter-spacing: 1px;
color: #000000;
position: relative;
text-shadow: 0px 0px 0px #dfe1df;
bottom: -185px;
text-indent: 10px;
opacity: 0.87;
padding: 7px 7px 7px 7px;
border: #191d1e solid 0px;
margin-left: -0px;
}
.header2 {
text-align: center;
}
.table_signs {
margin: 0 auto;
font-size: 15px;
}
.table_signs tbody {
text-align: center;
}
.zodiac_name {
height: 10px;
margin: 0 8px;
}
.zodiac_label {
text-align: right;
font-size: 10px;
}
.zodiac_symbol {
height: 20px;
}
.zodiac_result {
height: 20px;
}
</style>
<div class="backk">
<div class="backk">
<div class="textt3">
<center><b>
<font style="font-size: 15px; color: #ef0c77;">совместимость по знаку зодиака</font>
</b> </center>
<p><span style="font-family:verdana,geneva,sans-serif;"><font style="font-size: 10px; color: #000;">
<table class="table_signs" style="margin: 0 auto !important;font-size: 9px;">
<thead>
<tr>
<th></th>
<th><img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/860250.png"></th>
<th><img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/627416.png"></th>
<th><img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/224321.png"></th>
<th><img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/985326.png"></th>
<th><img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/329571.png"></th>
<th><img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/25615.png"></th>
<th><img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/173420.png"></th>
<th><img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/109040.png"></th>
<th><img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/653900.png"></th>
<th><img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/198867.png"></th>
<th><img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/597314.png"></th>
<th><img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/270183.png"></th>
</tr>
</thead>
<tbody>
<tr>
<td class="zodiac_label">Овен <img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/860250.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/433185.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/991748.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/195935.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/603429.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/991748.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/978096.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/603429.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/195935.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/456624.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/978096.png"></td>
</tr>
<tr>
<td class="zodiac_label">Телец <img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/627416.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/991748.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/991748.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/978096.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/603429.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/456624.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/433185.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/456624.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/195935.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/603429.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/433185.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/195935.png"></td>
</tr>
<tr>
<td class="zodiac_label">Близнецы <img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/224321.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/195935.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/978096.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/978096.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/195935.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/433185.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/991748.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/456624.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/456624.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/991748.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/603429.png"></td>
</tr>
<tr>
<td class="zodiac_label">Рак <img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/985326.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/603429.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/195935.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/991748.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/433185.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/456624.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/195935.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/978096.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/978096.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/603429.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/433185.png"></td>
</tr>
<tr>
<td class="zodiac_label">Лев <img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/329571.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/603429.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/433185.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/978096.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/991748.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/456624.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/195935.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/603429.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/433185.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/991748.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/195935.png"></td>
</tr>
<tr>
<td class="zodiac_label">Дева <img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/25615.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/991748.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/456624.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/433185.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/456624.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/991748.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/978096.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/433185.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/978096.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/603429.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/195935.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td>
</tr>
<tr>
<td class="zodiac_label">Весы <img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/173420.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/978096.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/433185.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/991748.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/195935.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/456624.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/978096.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/603429.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/195935.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/456624.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/991748.png"></td>
</tr>
<tr>
<td class="zodiac_label">Скорпион <img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/109040.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/603429.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/456624.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/456624.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/195935.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/433185.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/195935.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/991748.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/991748.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/978096.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/433185.png"></td>
</tr>
<tr>
<td class="zodiac_label">Стрелец <img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/653900.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/195935.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/456624.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/978096.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/603429.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/978096.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/456624.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/991748.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/603429.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/433185.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/433185.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td>
</tr>
<tr>
<td class="zodiac_label">Козерог <img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/198867.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/195935.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/603429.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/978096.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/433185.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/603429.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/991748.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/433185.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/991748.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/456624.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/456624.png"></td>
</tr>
<tr>
<td class="zodiac_label">Водолей <img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/597314.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/456624.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/433185.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/991748.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/603429.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/991748.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/195935.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/978096.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/433185.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/456624.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/603429.png"></td>
</tr>
<tr>
<td class="zodiac_label">Рыбы <img class="zodiac_name"src="https://forumupload.ru/uploads/001a/2e/af/851/270183.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/978096.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/195935.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/603429.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/433185.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/195935.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/991748.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/433185.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/456624.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/603429.png"></td>
<td><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/978096.png"></td>
</tr>
</tbody>
</table>
<br><strong>
<img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/673059.png"></td> – Гармония и поддержка:
</strong><br>
В этой паре преобладают взаимное доверие и поддержка. Партнёры стремятся к внутреннему равновесию, где каждый из них понимает и поддерживает другого. Это союз, наполненный искренней заботой и теплотой, где оба стремятся создать атмосферу гармонии. Они готовы поддерживать друг друга в трудные времена, обеспечивая пространство для личностного роста и развития, при этом сохраняя атмосферу безопасности и взаимного уважения.
<br>
<br><strong><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/991748.png"></td> – Страсть, притяжение и контрасты:</strong><br>
В этой паре преобладают глубокие эмоции, страсть и яркая энергия, которые наполняют отношения. Здесь царит динамика и контрасты, каждый день приносит сильные ощущения и иногда накал страстей. Эти отношения могут быть интенсивными и бурными, с эмоциональными подъёмами и падениями, но именно эта энергия создаёт притяжение между партнёрами. Они могут вдохновлять друг друга на великие свершения, но для этого им важно научиться находить баланс в своих чувствах.
<br>
<br><strong><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/978096.png"></td> – Яркость, динамика и неоднозначность:</strong><br>
В этой паре царит яркость и многогранность, придающие отношениям особую динамичность. Партнёры могут переживать широкий спектр эмоций, от неожиданных поворотов до вызовов, которые требуют от них адаптации и личностного роста. Эти отношения требуют усилий для сохранения стабильности, но они также дарят яркие и захватывающие моменты, превращая каждый день в новое приключение. Сложность заключается в преодолении препятствий, но это также открывает возможности для поиска новых горизонтов.
<br>
<br><strong><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/603429.png"></td> – Мистика, магия и интуиция:</strong><br>
Отношения в этой паре пронизаны глубоким интуитивным пониманием и мистической атмосферой. Партнёры часто ощущают друг друга без слов, создавая почти магическую связь. Эти отношения основаны на эмоциональном и духовном единении, где преобладает не только логика, но и магия, придающая каждому моменту особую глубину. Они часто доверяют своим внутренним ощущениям, полагаясь на интуицию и ощущение, что их связь основана на чём-то большем, чем просто физическое влечение.
<br>
<br><strong><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/456624.png"> – Партнёрство и стабильность:</strong><br>
Главным аспектом в этих отношениях является создание крепкого и стабильного союза, в котором партнёры могут полностью доверять друг другу. Это союз, основанный на взаимном уважении, общих целях и постоянной поддержке. Партнёры стремятся быть друг для друга не только влюблёнными, но и настоящими друзьями, с которыми можно справляться с повседневными заботами. В их отношениях царят порядок, стабильность и уверенность, что создаёт атмосферу безопасности и помогает каждому чувствовать себя защищённым и уверенным в будущем.
<br>
<br><strong><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/195935.png"></td> – Приключения и свобода:</strong><br>
В этой паре отношения наполнены духом приключений, открытием новых горизонтов и стремлением к свободе. Партнёры ценят самостоятельность и личностный рост, одновременно поддерживая друг друга в поиске новых возможностей и необычного опыта. Они наслаждаются совместными исследованиями мира, где каждый день приносит что-то новое и захватывающее. Свобода для них имеет большое значение, и они уважают возможность быть собой, не ограничивая партнёра в его стремлении к развитию и самовыражению.
<br>
<br><strong><img class="zodiac_result" src="https://forumupload.ru/uploads/001a/2e/af/851/433185.png"></td> – Дружба, интерес и понимание:</strong><br>
Эти отношения строятся на глубоком взаимном уважении и искренней дружбе. Партнёры понимают друг друга, имеют общие интересы и наслаждаются временем, проведённым вместе. Здесь нет необходимости в постоянной страсти, но есть стабильное ощущение удовлетворения от общения и совместных действий. Это союз людей, готовых поддерживать друг друга, обмениваться идеями и знаниями, веря в силу честной и открытой дружбы.
<br>
</font> </span></p>
</div>
</div>
</div>
</center>[/html]
Отредактировано Brewer (14.02.25 01:40)
[html]<!--HTML-->
<meta charset="utf-8">
<center>
<style type="text/css">
.tabs { width: 100%; padding: 0px; }
.tabs>input { display: none; }
.tabs>div {
display: none;
padding: 3px;
border: 0px solid #C0C0C0;
}
.tabs>label {
display: inline-block;
padding: 0px;
margin: 0 0px 0px 0;
color: #666666;
border: 0px solid #C0C0C0;
cursor: pointer;
}
.tabs>input:checked + label {
color: #000000;
border: 0px solid #C0C0C0;
border-bottom: 0px solid #FFFFFF;
opacity: 1;
padding: 6px;
}
#tab_1:checked ~ #txt_1,
#tab_2:checked ~ #txt_2,
#tab_3:checked ~ #txt_3,
#tab_4:checked ~ #txt_4,
#tab_5:checked ~ #txt_5 { display: block; }
.name {
text-align: center;
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
}
.name:before {
display: block;
background-color: rgb(0, 0, 0);
content: "";
height: 100%;
opacity: 0;
position: absolute;
width: 100%;
z-index: 2;
}
.name:after {
font-family: kurale;
color: white;
content: attr(alt);
display: block;
font-size: 8px;
opacity: 0;
padding: 0 3%;
position: absolute;
text-transform: none;
top: 50%;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: scale(0) translateY(-50%);
transform: scale(0) translateY(-50%);
width: 94%;
z-index: 3;
}
.name img {
border: none;
display: block;
z-index: 1;
}
.name:after {
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.name:hover:before {
opacity: 0.6;
}
.name:hover:after {
opacity: 1;
-webkit-transform: scale(1) translateY(-50%);
transform: scale(1) translateY(-50%);
}
.backk {
height: 752px;
width: 564px;
background-image: url("https://i.ibb.co/67sgg9sM/image.png");
background-position: top center;
background-repeat: no-repeat;
}
.textt1 {
z-index: 10;
height: 170px;
width: 500px;
text-align: justify;
text-justify: inter - word;
font-size: 8.0px;
font-family: kurale;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #dfe1df;
position: relative;
text-shadow: 0px 0px 1px #000000;
bottom: -165px;
padding: 10px 10px 10px 10px;
border: #191d1e solid 0px;
background-image: url("");
background-position: top center;
background-repeat: no-repeat;
}
.textt2 {
z-index: 10;
height: 5px;
width: 480px;
text-align: justify;
text-justify: inter-word;
font-size: 8.0px;
font-family: kurale;
text-transform: uppercase;
letter-spacing: 1px;
color: #FFF;
position: relative;
text-shadow: 0px 0px 1px #000000;
bottom: -155px;
left: 0px;
background-color: #000;
opacity: 0.85;
padding: 10px 10px 10px 10px;
border: #191d1e solid 0px;
}
.textt3 {
z-index: 10;
height: 540px;
width: 495px;
text-transform: uppercase;
overflow: auto;
text-align: justify;
text-justify: inter-word;
font-size: 8.0px;
font-family: kurale;
letter-spacing: 1px;
color: #000000;
position: relative;
text-shadow: 0px 0px 0px #dfe1df;
bottom: -165px;
text-indent: 10px;
opacity: 0.87;
padding: 7px 7px 7px 7px;
border: #191d1e solid 0px;
margin-left: -0px;
}
.header2 {
text-align: center;
}
.table_signs {
margin: 0 auto;
font-size: 15px;
}
.table_signs tbody {
text-align: center;
}
.zodiac_name {
height: 10px;
margin: 0 8px;
}
.zodiac_label {
text-align: right;
font-size: 10px;
}
.zodiac_symbol {
height: 20px;
}
.zodiac_result {
height: 20px;
}
</style>
<div class="backk">
<div class="backk">
<div class="textt3">
<center><b>
<font style="font-size: 15px; color: #ef0c77;">десять, и еще немного, причин не праздновать День Всех Влюбленных</font>
</b> </center>
<p><span style="font-family:verdana,geneva,sans-serif;"><font style="font-size: 10px; color: #000;"><br>
Знаете, существуют глупые стереотипы, что у каждой уважающей себя пары должен быть эпизод в больничном крыле. Глупо калечить себя, чтобы устроить себе такое свидание. <br>
Нет пары - нет проблем с открытием совместных эпизодов и накопления долгов. Ну какая же крутая круть!
<br><br>
<b>Первая причина:</b><br>
Вообще-то, вы не половинка, а целое! Да, причина банальная и самая распространенная, но ведь это правда! Если вы - целая человеческая единица, то зачем вам ещё какая-то половинка?
<br><br>
<b>Вторая Причина:</b><br>
Не нужно мучиться с выбором подарка и делать вид, что что-то подаренное тебе нравится. Ловили себя на мысли, что не знаете, что подарить своему партнеру? Особенно если у него все есть, и больше «ничего не надо», а потом оказывается, что было надо. Или ещё хуже, если подарок пришелся не к месту, а нужно делать вид, что вы всем довольны и рады и вообще, отношения - это сплошная радость и романтика, и даже это розовое НЕЧТО вас только вдохновляет.
<br><br>
<b>Третья Причина:</b><br>
И вообще на подарок не нужно тратиться. Причина, вытекающая из предыдущей: если не нужно выбирать какие-то подарки, то и не нужно тратить лишние галлеоны. Лучше положить их в Гринготтс под выгодный процент (хотя, у гоблинов всё-таки нечеловеческие проценты и выгодно там только для них).
<br><br>
<b>Четвертая Причина:</b><br>
Если же вы вдруг захотите потратиться, то повсюду действуют скидки на товары для двоих. А два по цене одного - это же лучше, чем один по цене одного? И да, сет на двоих можно тоже съесть в одно лицо, и никто ничего не скажет. ЪУЪ
<br><br>
<b>Пятая Причина:</b><br>
Не нужно лишний раз посещать врача. Существует поверье, что у каждой уважающей себя пары должен быть эпизод в Больничном крыле. Но как быть, если ваш персонаж здоров, как бык? Если у вас не будет пары, то и нужда в Больничном крыле отпадает, а за другим туда и не ходят, конечно же.
<br><br>
<b>Шестая Причина:</b><br>
Не нужно подстраиваться под партнёра. Если, например, вы не фанатеете от квиддича, а вас партнёр ярый фанат (или даже, прости Мерлин, игрок), приходится таскаться на матчи и слушать рассуждения об этой игре и важно кивать в нужные моменты. Или делать вид, что песни Селестины Уорлок вызывают слезы умиления, а не слезы кринжа.
<br><br>
<b>Седьмая Причина:</b><br>
Завышенные ожидания. Часто мы представляем своего идеального партнёра, а потом пытаемся натянуть сову на глобус и сделать из реальности тот же идеал, что часто приводит к нехорошим последствям. Если же у вас нет пары, ваш партнёр всегда будет идеальным, пусть только в ваших мечтах.
<br><br>
<b>Восьмая Причина:</b><br>
Никто не путает тебя и твоего партнёра из-за парных аватарок. Добрый Грэм во флуде, что случилось? Апокалипсис? Кто-то где-то умер? Нет, всего лишь Белла с парной аватаркой, а удивиться успели уже все.
<br><br>
<b>Девятая Причина:</b><br>
Свободное расписание. Если у тебя нет пары, то всегда есть шанс поиграть что-то романтическое с Рионой или Маркусом, а ведь с этими ребятами хотят играть все!
<br><br>
<b>Десятая Причина:</b><br>
Глупо выделять один день для праздника, когда можно бахнуть пивка за любовь в любое время (если ты понимаешь о чем мы хD)
<br><br>
Ладно, ладно. Наша редакция крайне справедлива и готова выделить целый <b>ОДИН минус</b> отказа от Дня Святого Валентина.
<br><br>
если ты брутальный мужик, который любит розовое какао с малинкой из кафе мадам Паддифут, некому заказать его вместо тебя, чтобы ты не растерял свою брутальность. А если ты скромная девушка, то никто не добудет для тебя огневиски, чтобы твоя репутация не пострадала.
</font> </span></p>
</div>
</div>
</div>
</center>[/html]
[html]<meta charset="utf-8">
<center>
<style type="text/css">
.name {
text-align: center;
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
}
.name:before {
display: block;
background-color: rgb(0, 0, 0);
content: "";
height: 100%;
opacity: 0;
position: absolute;
width: 100%;
z-index: 2;
}
.name:after {
font-family: kurale;
color: white;
content: attr(alt);
display: block;
font-size: 8px;
opacity: 0;
padding: 0 3%;
position: absolute;
text-transform: none;
top: 50%;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: scale(0) translateY(-50%);
transform: scale(0) translateY(-50%);
width: 94%;
z-index: 3;
}
.name img {
border: none;
display: block;
z-index: 1;
}
.name:after {
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.name:hover:before {
opacity: 0.6;
}
.name:hover:after {
opacity: 1;
-webkit-transform: scale(1) translateY(-50%);
transform: scale(1) translateY(-50%);
}
.backk_ {
height: 752px;
width: 564px;
background-image: url("https://i.ibb.co/PBMMHdL/image.png");
background-position: top center;
background-repeat: no-repeat;
}
.textt1 {
z-index: 10;
height: 170px;
width: 500px;
text-align: justify;
text-justify: inter - word;
font-size: 8.0px;
font-family: kurale;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #dfe1df;
position: relative;
text-shadow: 0px 0px 1px #000000;
bottom: -165px;
padding: 10px 10px 10px 10px;
border: #191d1e solid 0px;
background-image: url("");
background-position: top center;
background-repeat: no-repeat;
}
.textt2 {
z-index: 10;
height: 5px;
width: 480px;
text-align: justify;
text-justify: inter-word;
font-size: 8.0px;
font-family: kurale;
text-transform: uppercase;
letter-spacing: 1px;
color: #FFF;
position: relative;
text-shadow: 0px 0px 1px #000000;
bottom: -155px;
left: 0px;
background-color: #000;
opacity: 0.85;
padding: 10px 10px 10px 10px;
border: #191d1e solid 0px;
}
.textt3_ {
z-index: 10;
height: 505px;
width: 495px;
text-transform: uppercase;
overflow: auto;
text-align: justify;
text-justify: inter-word;
font-size: 8.0px;
font-family: kurale;
line-height: 150%;
letter-spacing: 1px;
color: #000000;
position: relative;
text-shadow: 0px 0px 0px #dfe1df;
bottom: -200px;
text-indent: 10px;
opacity: 0.87;
padding: 7px 7px 7px 7px;
border: #191d1e solid 0px;
margin-left: -0px;
font-size: 10px; color: #000;
font-family: verdana,geneva,sans-serif;
}
.textt3_ p {
margin: 15px auto !important;
text-indent: 0;
padding-bottom: 0;
}
.textt3_ p:nth-child(2n) {
text-align: right;
}
.textt3_ p:nth-child(2n + 1) {
text-align: left;
}
.header2 {
text-align: center;
}
</style>
<div class="backk_">
<div class="backk_">
<div class="textt3_">
<center><b>
<font style="font-size: 15px; color: #ef0c77; margin-bottom: 10px;">шепот в коридорах</font>
</b> </center>
<p style="text-align: justify; text-indent: 10px;">
<span>Ах, дорогие читатели! По коридорам Хогвартса проносится шепот, мерцают пергаменты с анонимными посланиями, а мы, конечно, готовы донести до вас самые пикантные новости школы!
<br><br></span></p>
<p><strong>Подозрительная удача!</strong><br>
Люк выигрывает билеты? Да ладно, 10000% там замешан "Феликс Фелицис"!</p>
<p><strong>Что Селина делала в Лютном переулке на каникулах?</strong><br>
Мы знаем, что в этом месте никогда не бывает скучно, но вряд ли она искала там праздничные открытки по случаю Пасхи.</p>
<p><strong>Верните дурмстранговцев в Хогвартс!</strong><br>
Поговаривают, без них в замке стало слишком скучно...</p>
<p><strong>Тайный гурман.</strong><br>
Анонимный источник клянётся: Эпплби пробирается на кухню по ночам и... ест мясо! Совпадение или новый оборотень в Хогвартсе?</p>
<p><strong>Пропажа века!</strong><br>
Где Титус Митчем? Никто не видел его уже несколько недель… Можем ли мы объявить тревогу?</p>
<p><strong>Судьба или расчёт?</strong><br>
Птичка напела, что у Невилла и Рионы могли бы получиться невероятно красивые дети. Предлагаем срочно отправить их на свидание!</p>
<p><strong>Внимание, старосты-блондинки!</strong><br>
Говорят, что Тони и Анна разбежались, а это значит, что хаффлпаффский сердцеед снова на свободе. Охота открыта, но будьте осторожны — его улыбка опаснее зубов акромантула.</p>
<p><strong>Замечено!</strong><br>
Эдвард Олливандер обнимает хаффлпаффскую пятикурсницу. И это при живой невесте! Какой поворот…</p>
<p><strong>Как две капли воды!</strong><br>
Закария Смит целует близняшку Толипан. Вопрос: а точно ли это Эрика? Или под шумок он увел девушку своего лучшего друга Эдварда?</p>
<p><strong>Друзья или любовь?</strong><br>
Говорят, не все приятели Сэма в восторге от его новой пассии. Интересно, на чьей стороне останется наш блондинчик?</p>
<p><strong>Ревность или недоразумение?</strong><br>
Говорят, Мэри устроила Крису грандиозную сцену, когда увидела его с младшекурсницей. Совпадение? Не думаем.</p>
<p><strong>Дорогой мистер Боббин… </strong><br>
Вам стоит узнать, с кем водится Ваша дочурка. Может, пора познакомиться с Макманусом?</p>
<p><strong>Список Кэдваллэдера!</strong><br>
Сколько всего девушек было у Эрика? Кто-нибудь вообще ведёт подсчёт, или уже пора заводить отдельный свиток?</p>
<p><strong>Пропавший студент.</strong><br>
Куда делся Финч-Флетчли? Вчера был, сегодня нет. Ставим на то, что он опять забрёл туда, куда не следовало...</p>
<p><strong>Такур и дуэльная экономика!</strong><br>
Говорят, если бы Викрам проиграл в дуэльном клубе, некоторые остались бы без выплат...</p>
<p><strong>Делия, а губа не треснет?</strong><br>
Менять одного друга на другого — это сильно! Ты вообще оставишь кому-то шансы?</p>
<p><strong>Пароль "Рыба-меч"!</strong><br>
Наши источники сообщают, что Энтони Гольдштейн продался за красивые глазки Фэй Данбар и сливает ей пароли от ванной старост.</p>
<p><strong>Ночная тайна!</strong><br>
Что Кут и Першор делали у теплиц после полуночи? Обсуждали травологию или испытывали кое-что покрепче тыквенного сока?</p>
<p><strong>Новая Гермиона?</strong><br>
Эрика Толипан гуляет после отбоя и строит из себя старосту, пользуясь тем, что первокурсники все равно ничего не поймут.</p>
<p><strong>Союз тьмы и света?</strong><br>
То ли Грэм — настоящий душка, то ли Белла вовсе не такая уж нежная ромашка... Как эти двое вообще сошлись?</p>
<p><strong>О, мушкетёры, мушкетёры…</strong><br>
На мальчишнике Трэверса творилось нечто совершенно... фехтовальное. Была ли там что-то пикантное? Оставим на суд вашей фантазии.</p>
<p><strong>Блондинки правят миром?</strong><br>
Боунс кардинально сменила цвет волос. Это дань моде или, возможно, желание походить на бывшую Криса? Уж не слишком ли банально?</p>
<p><strong>Любовный треугольник века?</strong><br>
Правда ли, что Першор и Чолдертон были влюблены в одну и ту же девушку? И кто же она — таинственная избранница?</p>
<p><strong>Нерис и Форд: взрывная пара!</strong><br>
НЕ! НУ ВЫ ВИДЕЛИ ИХ ВМЕСТЕ?! Мы все!</p>
<p><strong>Игры со временем!</strong><br>
Спорим, у Кармайкла припрятан маховик времени? Других объяснений его успеваемости просто нет!</p>
<p><strong>Вы видели новую серёжку Олливандера?</strong><br>
Теперь этот таинственный волшебник выглядит как герой романа, и мы не уверены, чарует ли он теперь палочками или взглядом.</p>
<p><strong>Наука или повод для экспериментов?</strong><br>
В одном из волшебных журналов прошла интересная теория — длина палочки волшебника напрямую связана с... ну, вы понимаете. Девочки, пора проводить эмпирическое исследование!</p>
<p><strong>Любовь по заказу!</strong><br>
А если подкупить Лианну, она предскажет тебя в качестве идеальной пары? Чисто ради научного интереса...</p>
<p><strong>Грандиозное шоу или катастрофа века?</strong><br>
Вэйзи обещает сделать мальчишник Питера Трэверса «незабываемым». Осталось выяснить — для гостей или для отряда авроров?</p>
<p><strong>Двойная тайна!</strong><br>
Одна из близняшек осталась в Хогвартсе, а вторая сбежала к жениху. Что стало причиной разрыва? Любовные интриги или семейные ссоры? Мы наблюдаем.</p>
<p><strong>Лаванда и Рон: драма продолжается?</strong><br>
Они вместе? Или всё? И, главное, что за печальные взгляды на Зельях? Очередной любовный треугольник в процессе?</p>
<p><strong>Кто обучил Гарланда массажу?</strong><br>
Ходят слухи, что он мастер в этом деле. Интересно, сколько девушек уже испытали на себе его магические прикосновения?</p>
<p><strong>Пятикурсница №1 по... любвеобильности?</strong><br>
Рионна снова в центре внимания. Но вопрос: правда ли, что список её любовных интересов растёт быстрее, чем успевают менять декорации в Большом зале?</p>
<p><strong>Тайна Трэверса...</strong><br>
Эх, Питер-Питер, что же ты такого натворил, что теперь приходится срочно жениться?</p>
<p><strong>Ночные бродяги!</strong><br>
Правда ли, что Зак и Эрика регулярно гуляют у Запретного леса по ночам? Что-то тут явно нечисто.</p>
<p><strong>Проклятье или выдумки?</strong><br>
Говорят, Гарланд наслал на Кута проклятье... и даже Демельзе досталось! Правда или просто совпадение?</p>
<p><strong>Совместимость 100%?</strong><br>
Голдштейн и Данбар — неожиданный союз или продуманная стратегия? Что такое смогло их свести?</p>
<p><strong>Перемены на горизонте?</strong><br>
Почему Сьюзен поменяла цвет волос? Новый образ, новый роман или скрытая миссия?</p>
<p><strong>На квиддичном поле замена?</strong><br>
Сэди — замена Селины? Пора бить тревогу и спасать своих парней от этих двух маленьких, но крайне опасных женщин!</p>
<p><strong>Эксперимент закрыт?</strong><br>
Почему Меган перестала тестировать приворотные зелья на мальчишках? Ошиблась с дозировкой или нашла идеальный вариант?</p>
<p><strong>Притяжение или просто миф?</strong><br>
Правда ли, что Гарланд когда-то был без ума от Селины? Или это просто сплетни, которые слишком красиво звучат?</p>
<p><strong>Ходят слухи...</strong><br>
Что Чонси снова что-то предлагает свои услуги за теплицами. Арнклифф, тебе не пора вмешаться?</p>
<p><strong>ОД и мастер-классы по обольщению?</strong><br>
Ходят слухи, что на собраниях Отряда Дамблдора учили... клеить гриффиндорок. Гарри, что ты там натворил?</p>
<p><strong>А что там у Жеки?</strong><br>
Занят? Свободен? Фарли, дай хоть знак, а то тут народ ставки делает!</p>
<p><strong>Любовь или… нечто материальное?</strong><br>
Что же ближе сердцу Горацио? Голоса разделились, но большинство склоняется к тому, что его сердце всё же принадлежит… дереву. В форме изящного гроба, разумеется.</p>
<p><strong>Нам нужен разбор!</strong><br>
Пятый курс – сплошная паутина отношений! Кто с кем встречается? Кто расстался? Кто интригует? Ждём детали, желательно с нарисованными схемами!</p>
<p><strong>Охота на влюблённых!</strong><br>
Сколько парочек за углом поймали Крис и Селина в День святого Валентина? Поговаривают, слишком много, чтобы их можно было сосчитать на пальцах одной руки.</p>
<p><strong>Тайны травника!</strong><br>
Что именно Чонси подмешивает в свои травки? И почему некоторые студенты выглядят после этого особенно расслабленными?</p>
<p><strong>Любовные чары или удача?</strong><br>
Першор привлекает слишком много внимания девушек. Литры амортенции или просто хорошая генетика?</p>
<p><strong>Подружки или что-то большее?</strong><br>
Всем ли кажется, что Келла и Нола уж очень... близкие друзья?</p>
<p><strong>Дружба или страсть?</strong><br>
Дафна и Блейз – просто друзья или тут кроется нечто более волшебное? О, как нам хочется верить в романтику!</p>
<p><strong>Терри, неужели мёдом намазано?</strong><br>
Почему он всё время ошивается рядом с... ну, вы понимаете?</p>
<p><strong>Горацио... почти женат?!</strong><br>
СЕНСАЦИЯ! У Горацио есть невеста! И это не Риона... и даже не Джинни!
</p>
</font> </span></p>
</div>
</div>
</div>
</center>[/html]
[html]
<!--HTML-->
<center>
<style type="text/css">
.tabs { width: 100%; padding: 0px; text-align: center;}
.tabs>input { display: none; }
.tabs>div {
display: none;
padding: 3px;
border: 0px solid #C0C0C0;
text-align: left;
}
.tabs>label {
display: inline-block;
padding: 0px;
margin: 0 0px 0px 0;
color: #666666;
border: 0px solid #C0C0C0;
cursor: pointer;
}
.tabs>input:checked + label {
color: #000000;
border: 0px solid #C0C0C0;
border-bottom: 0px solid #FFFFFF;
opacity: 1;
padding: 6px;
}
#tab_1:checked ~ #txt_1,
#tab_2:checked ~ #txt_2
{ display: block; }
.name {
text-align: center;
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
}
.name:before {
display: block;
background-color: rgb(0, 0, 0);
content: "";
height: 100%;
opacity: 0;
position: absolute;
width: 100%;
z-index: 2;
}
.name:after {
font-family: kurale;
color: white;
content: attr(alt);
display: block;
font-size: 8px;
opacity: 0;
padding: 0 3%;
position: absolute;
text-transform: none;
top: 50%;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: scale(0) translateY(-50%);
transform: scale(0) translateY(-50%);
width: 94%;
z-index: 3;
}
.name img {
border: none;
display: block;
z-index: 1;
}
.name:after {
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.name:hover:before {
opacity: 0.6;
}
.name:hover:after {
opacity: 1;
-webkit-transform: scale(1) translateY(-50%);
transform: scale(1) translateY(-50%);
}
.backk {
height: 752px;
width: 564px;
background-image: url("https://i.ibb.co/mFRXbSX4/image.png");
background-position: top center;
background-repeat: no-repeat;
}
.textt2 {
z-index: 10;
height: 5px;
width: 480px;
text-align: justify;
text-justify: inter-word;
font-size: 8.0px;
font-family: kurale;
text-transform: uppercase;
letter-spacing: 1px;
color: #FFF;
position: relative;
text-shadow: 0px 0px 1px #000000;
bottom: -155px;
left: 0px;
background-color: #000;
opacity: 0.85;
padding: 10px 10px 10px 10px;
border: #191d1e solid 0px;
}
.textt3 {
z-index: 10;
height: 530px;
width: 495px;
text-transform: uppercase;
overflow: auto;
text-align: justify;
text-justify: inter-word;
font-size: 8.0px;
font-family: kurale;
letter-spacing: 1px;
color: #000000;
position: relative;
text-shadow: 0px 0px 0px #dfe1df;
bottom: -180px;
text-indent: 10px;
opacity: 0.87;
padding: 7px 7px 7px 7px;
border: #191d1e solid 0px;
margin-left: -0px;
}
</style>
<div class="backk">
<div class="textt3">
<div class="tabs">
<input type="radio" name="inset" value="" id="tab_1" checked>
<label for="tab_1"><b> <font style="font-size: 12px; color: #ef0c77;">Вопросы </font> </b></label>
<input type="radio" name="inset" value="" id="tab_2">
<label for="tab_2"><b> <font style="font-size: 12px; color: #5c052e;"> Итоги </font> </b></label>
<div id="txt_1">
<p>
<span style="font-family:verdana,geneva,sans-serif;"><font style="font-size: 10px; color: #00000;">
<b>1. На что вы, в первую очередь, обращаете внимание при знакомстве?</b>
<br>
<br>
А. На фамилию. Проверяю, включена ли она в список «Священных 28» <b>+1</b><br>
Б. На палочку <b>-2</b><br>
В. На внешность, в том числе одежда и аксессуары <b>+2</b><br>
Г. На стиль общения и поведение <b>-1</b><br>
<br>
<br>
<b>2. Вы бы смогли переехать в другое место ради любимого человека?</b>
<br>
<br>
А. Да, но только если это место лучше того, где я нахожусь <b>+2</b><br>
Б. Да, в любом случае <b>-1</b><br>
В. Постараюсь найти компромисс <b>-2</b><br>
Г. Нет <b>+1</b><br>
<br>
<br>
<b>3. Что из этого для вас на первом месте?</b>
<br>
<br>
А. Карьера, бизнес и самореализация <b>+1</b><br>
Б. Семья, близкие люди, партнер <b>-1</b><br>
В. Хобби, увлечения и удовольствие от жизни <b>+2</b><br>
Г. Собственный комфорт <b>-2</b><br>
<br>
<br>
<b>4. Что из перечисленного должен уметь или знать ваш партнер?</b>
<br>
<br>
А. Отлично летать на метле <b>+2</b><br>
Б. Знать и владеть невербальной формой заклинания <b>-2</b><br>
В. Знать и уметь варить редкие и сложные зелья <b>-1</b><br>
Г. Без умения вызывать телесного патронуса ко мне лучше не подходить <b>+1</b><br>
<br>
<br>
<b>5. Какое ваше идеальное совместное развлечение?</b>
<br>
<br>
А. Поездка на матч по квиддичу <b>+2</b><br>
Б. Долгие ночи за совместным чтением книг <b>-2</b><br>
В. Исследование запретного леса или других опасных волшебных мест <b>+1</b><br>
Г. Приготовление зелий вместе <b>-1</b><br>
<br>
<br>
<b>6. Как вы относитесь к приключениям?</b>
<br>
<br>
А. Обожаю, чем больше, тем лучше!<b>+2</b><br>
Б. Нравится, но иногда предпочитаю спокойствие <b>+1</b><br>
В. Предпочитаю оставаться в зоне комфорта <b>-1</b><br>
Г. Мне необходимо время для обдумывания перед действием <b>-2</b><br>
<br>
<br>
<b>7. Какой вид драгоценностей вы бы выбрали в подарок своему партнеру?</b>
<br>
<br>
А. Часы с вырезанным изображением дракона <b>+1</b><br>
Б. Кулон/зажим для галстука с образом совы <b>-2</b><br>
В. Брошь в форме красивого цветка/запонки с рисунком созвездий <b>-1</b><br>
Г. Кольцо с изображением храбрых героев <b>+2</b><br>
<br>
<br>
<b>8. Ваше первое свидание – это …</b>
<br>
<br>
А. Вместе пойти на концерт группы «Ведуньи» <b>+2</b><br>
Б. Что-то активное и веселое – прогулка, полет на метлах, каток и тд. <b>-1</b><br>
В. Романтический ужин только вдвоем <b>-2</b><br>
Г. Что-то опасное и рисковое – дразнить драконов, убегать от разозленных акромантулов, искать русалок в озере и тд. <b>+1</b><br>
<br>
<br>
<b>9. Какой способ знакомства тебе ближе всего?</b>
<br>
<br>
A. На уроках зельеварения — обмен эмоциями по поводу неудачных опытов <b>+1</b><br>
Б. На квиддичном матче — вместе болеть с трибун за любимую команду <b>+2</b><br>
В. В запрещенном разделе библиотеки — секретное место для настоящих интеллектуалов <b>-2</b><br>
Г. В Хогсмиде — за кружечкой тыквенного сока! <b>-1</b><br>
<br>
<br>
<b>10. Какой самый романтичный жест твой партнер может сделать?</b>
<br>
<br>
A. Написать тебе письмо с забавными кляксами и послать его совой <b>-1</b><br>
Б. Подарить тебе волшебный артефакт, зачарованный специально для тебя <b>+1</b><br>
В. Подняться на башню астрономии и вместе смотреть на звезды <b>-2</b><br>
Г. Устроить свидание на метео-шаре, чтобы показывать, как он умеет управлять ветром. <b>+2</b><br>
<br>
<br>
<b>11. Если вдруг поссорились с партнером, как это будет?</b>
<br>
<br>
А. Сделаю на него порчу или сглаз <b>+1</b><br>
Б. Отправлю ему гневное письмо, где выскажу все, что думаю <b>+2</b><br>
В. Предложу встретиться и мирно все обсудить <b>-1</b><br>
Г. Буду молчать и ждать, пока партнер сделает первый шаг <b>-2</b><br>
<br>
<br>
<b>12. Ваш главный недостаток?</b>
<br>
<br>
А. Упрямство <b>+1</b><br>
Б. Мечтательность <b>-1</b><br>
В. Неорганизованность <b>+2</b><br>
Г. У меня нет недостатков <b>-2</b><br>
<br>
<br>
</font> </span></p>
</div>
<div id="txt_2">
<p><span style="font-family:verdana,geneva,sans-serif;"><font style="font-size: 10px; color: #00000;">
<br>
<br>
<b>от 24 до 12 баллов</b><br>
В поисках идеала отправляйтесь на <font style="font-size: 10px; color: #b3180c;"><b>Гриффиндор</b></font>
<br><br>
Именно здесь вы встретите того, кто наполнит вашу жизнь духом азарта и безудержного веселья. Он не будет дарить вам банальные подарки и проводить ленивые вечера у камина — а сделает каждое ваше свидание незабываемым.<br>
Ваш идеальный партнёр мечтает о совместных приключениях, будь то полёты на метлах или исследования неизведанных уголков магического мира. Он верит, что крепкие отношения строятся на уважении и общих мечтах и планах, и готов поддерживать вас во всех ваших начинаниях.<br>
Он невероятно храбрый и решительный, не побоится встать на защиту своих друзей и отстаивать справедливость, даже если это подразумевает риск. У него доброе сердце, и он всегда готов прийти на помощь тем, кто в этом нуждается.
<br>
<br>
<b>от 11 до 0 баллов</b><br>
В поисках идеала отправляйтесь на <font style="font-size: 10px; color: #174d16;"><b>Слизерин</b></font>
<br><br>
Ваш идеальный партнер обладает стратегическим мышлением и всегда знает, как достичь желаемого, не прибегая к открытым манипуляциям. Он наделен харизмой и умеет очаровывать окружающих, создавая вокруг себя атмосферу загадочности. Его трезвый ум и умение анализировать ситуации делают его отличным советником и партнером.<br>
Этот человек считает, что истинная сила заключается в умении предвидеть последствия своих действий и готовности взять на себя ответственность за свои решения. Он никогда не оставит друга в беде и всегда будет защищать своих близких.<br>
В романтических отношениях он проявляет терпение, внимание и заботу. Он ищет партнера, который разделяет его амбиции и увлечения, и готов вместе достигать высоких целей. Его подход к любви основан на взаимопонимании и уважении. Он поможет своему партнеру раскрыться, поддерживая и вдохновляя на развитие. Вместе с ним вы сможете стать лучшей версией себя, но только если у вас "чистая кровь".
<br>
<br>
<b>от -1 до -12 баллов</b><br>
В поисках идеала отправляйтесь на <font style="font-size: 10px; color: #96661d;"><b>Хаффлпафф</b></font>
<br><br>
Такой партнер, с готовностью откликнется на нужды других, всегда будет рядом в трудные времена и поддержит вас во всех начинаниях. Его характер наполнен искренностью и дружелюбием. Это тот, кто никогда не предаст и не обманет. Вы сможете довериться ему, зная, что ваши секреты надежно хранятся. Он будет вашим верным союзником, готовым работать над отношениями и преодолевать любые трудности вместе.<br><br>
Идеальный партнер из Хаффлпаффа также будет обладать высокой эмоциональной интеллигентностью. Он поймет вас с полуслова, уметь поддержать в моменты стресса и дарит тепло и уют в отношениях. Он сможет радоваться вашим успехам так же, как и вы сами, и будет миротворцем в любых конфликтах.<br><br>
Кроме того, он оценит простые радости жизни — будь то прогулки по Хогвартсу, совместные занятия любимыми хобби или собеседования у камина. Его интерес к природе, забота о животных и стремление к гармонии сделают время, проведенное вместе, особенно приятным.
<br>
<br>
<b>от -13 до -24 баллов</b><br>
В поисках идеала отправляйтесь на <font style="font-size: 10px; color: #373ba3;"><b>Рейвенкло</b></font>
<br><br>
Ваш идеальный партнёр — это человек с богатым внутренним миром и неутолимой тягой к знаниям. Его способность анализировать события и находить в них скрытые смыслы поражает окружающих.<br><br>
Он добр и терпим, всегда готов поддержать друзей, предлагая им мудрые советы. Обладая аналитическим складом ума, он не только успешно решает проблемы, но и помогает другим обрести уверенность в своих силах.<br><br>
В отношениях ценит открытость и честность. Его идеал — партнёр, который не только разделяет его увлечения и ум, но и готов поддерживать его интерес к обучению и самосовершенствованию. Вместе они могли бы проводить время за чтением любимых книг или обсуждением идей о будущем магического мира.
<br>
<br>
<br>
<br>
</span></p>
</div>
</span></p>
</div>
</div>
</div>
</center>
[/html]
[html]<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
.pt0 {
fill: #d41d73;
}
.pt1 {
fill: #ab135b;
}
.pt2 {
fill: #87762D;
}
.pt3 {
fill: #ef0c77;
}
.pt4 {
fill: #e979ae;
}
.pt5 {
fill: #ab135b;
}
.pt6 {
fill: #e979ae;
}
.pt7 {
fill: #ab135b;
}
.pt8 {
fill: #ab135b;
}
.pt9 {
fill: #e979ae;
}
.pt10 {
fill: #e979ae;
}
.st11 {
fill: #5076B2;
}
.st12 {
fill: #567BB5;
}
.st13 {
fill: #5B81B8;
}
.st14 {
fill: #6186BB;
}
.st15 {
fill: #678CBE;
}
.st16 {
fill: #6C91C1;
}
.st17 {
fill: #7296C4;
}
.st18 {
fill: #789CC7;
}
.st19 {
fill: #7DA1CA;
}
.st20 {
fill: #83A6CD;
}
.st21 {
fill: #89ACD0;
}
.st22 {
fill: #8EB1D2;
}
.st23 {
fill: #94B7D5;
}
.st24 {
fill: #9ABCD8;
}
.st25 {
fill: #9FC1DB;
}
.st26 {
fill: #A5C7DE;
}
.st27 {
fill: #ABCCE1;
}
.st28 {
fill: #B0D1E4;
}
.st29 {
fill: #B6D7E7;
}
.st30 {
fill: #BCDCEA;
}
.st31 {
fill: #C1E2ED;
}
.st32 {
fill: #C7E7F0;
}
.st0 {
fill: #232B2B;
}
.st1 {
fill: url(#SVGID_1_);
}
.st2 {
fill: url(#SVGID_2_);
}
.st3 {
fill: url(#SVGID_3_);
}
.st4 {
fill: url(#SVGID_4_);
}
.st5 {
fill: url(#SVGID_5_);
}
.st6 {
fill: url(#SVGID_6_);
}
.st33 {
opacity: 0.2;
fill: #FFFFFF;
enable-background: new;
}
.st34 {
fill: #E6F0FF;
}
.st35 {
opacity: 0.3;
fill: #FFFFFF;
enable-background: new;
}
.crystall_ball {
transform: scale(0.8);
position: relative;
top: -95px;
}
canvas {
-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2), inset 0px 10px 110px 25px rgba(255, 255, 255, 1);
-moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2), inset 0px 10px 110px 25px rgba(255, 255, 255, 1);
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2), inset 0px 10px 110px 25px rgba(255, 255, 255, 1);
position: absolute;
right: 0;
left: 0;
margin: auto !important;
margin-top: 120px !important;
width: 400px;
height: 400px;
border-radius: 100%;
clip-path: circle(200px at 200px 200px);
clip-path: circle(200px at center);
display: block;
position: absolute;
background: #ccc;
opacity: .5;
}
.crystal {
width: 400px;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
margin-top: 120px;
z-index: -1;
}
/*div{
background-color: #232b2b;
width: 100%;
height: 100%;
display: block;
position: absolute;
z-index: -2;
}*/
.glare {
z-index: 10;
position: absolute;
width: 140px;
left: 0;
right: 184px;
margin: 0 auto;
margin-top: 142px;
opacity: .8;
}
.foreground {
position: absolute;
width: 100%;
height: 220px;
background-color: #232b2b;
top: 440px;
z-index: -5;
background: radial-gradient(ellipse at center, rgba(35, 43, 43, 0.19) 0%, rgba(156, 176, 228, 0.75) 30%, rgba(45, 36, 59, 0.65) 55%, rgba(45, 36, 59, 0.75) 100%);
/* W3C */
-webkit-animation: foreground-glowing 4500ms infinite;
-moz-animation: foreground-glowing 4500ms infinite;
-o-animation: foreground-glowing 4500ms infinite;
animation: foreground-glowing 4500ms infinite;
}
.foreground-wall {
position: absolute;
width: 100%;
top: 660px;
z-index: -4;
}
.glow {
border-radius: 100%;
position: absolute;
right: 0;
left: 0;
margin: auto;
margin-top: 120px;
width: 400px;
height: 400px;
-webkit-animation: glowing 4500ms infinite;
-moz-animation: glowing 4500ms infinite;
-o-animation: glowing 4500ms infinite;
animation: glowing 4500ms infinite;
}
@-webkit-keyframes glowing {
0% {
background-color: #9cb0ea;
box-shadow: 0 0 3px #92e4ff;
opacity: .4;
}
50% {
background-color: #92d5ff;
box-shadow: 0 0 40px #5aa9ec;
opacity: .6;
}
100% {
background-color: #9cb0ea;
box-shadow: 0 0 3px #92e4ff;
opacity: .4;
}
}
@-moz-keyframes glowing {
0% {
background-color: #9cb0ea;
box-shadow: 0 0 3px #92e4ff;
opacity: .4;
}
50% {
background-color: #92d5ff;
box-shadow: 0 0 40px #5aa9ec;
opacity: .6;
}
100% {
background-color: #9cb0ea;
box-shadow: 0 0 3px #92e4ff;
opacity: .4;
}
}
@-o-keyframes glowing {
0% {
background-color: #9cb0ea;
box-shadow: 0 0 3px #92e4ff;
opacity: .4;
}
50% {
background-color: #92d5ff;
box-shadow: 0 0 40px #5aa9ec;
opacity: .6;
}
100% {
background-color: #9cb0ea;
box-shadow: 0 0 3px #92e4ff;
opacity: .4;
}
}
@keyframes glowing {
0% {
background-color: #9cb0ea;
box-shadow: 0 0 3px #92e4ff;
opacity: .4;
}
50% {
background-color: #92d5ff;
box-shadow: 0 0 40px #5aa9ec;
opacity: .6;
}
100% {
background-color: #9cb0ea;
box-shadow: 0 0 3px #92e4ff;
opacity: .4;
}
}
@keyframes foreground-glowing {
0% {
background-color: #9cb0ea;
box-shadow: 0 0 3px #92e4ff;
opacity: .2;
}
50% {
background-color: #92d5ff;
box-shadow: 0 0 3px #5aa9ec;
opacity: .3;
}
100% {
background-color: #9cb0ea;
box-shadow: 0 0 3px #92e4ff;
opacity: .2;
}
}
.prophet {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 250px;
color: white;
width: 300px;
text-align: center;
font-family: "Cormorant Garamond", serif;
font-weight: 400;
font-style: normal;
font-size: 13px;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
transition: opacity 1s ease-out, -webkit-transform 1s ease-in, transform 1s ease-in;
}
.prophet.start {
top: 280px;
font-size: 18px;
}
.prophet.invisible {
opacity: 0;
-webkit-transform: scale(0.2);
transform: scale(0.2);
transition: opacity 1s ease-out, -webkit-transform 1s ease-in, transform 1s ease-in;
}
.prophet.bugaga {
top: 280px;
color: #ab135b;
font-size: 22px;
}
.name {
text-align: center;
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
}
.name:before {
display: block;
background-color: rgb(0, 0, 0);
content: "";
height: 100%;
opacity: 0;
position: absolute;
width: 100%;
z-index: 2;
}
.name:after {}
.name img {
border: none;
display: block;
z-index: 1;
}
.name:after {
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
font-family: kurale;
color: white;
content: attr(alt);
display: block;
font-size: 12px;
opacity: 0;
padding: 0 3%;
position: absolute;
text-justify: inter-word;
text-transform: uppercase;
top: 50%;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: scale(0) translateY(-50%);
transform: scale(0) translateY(-50%);
width: 94%;
z-index: 3;
}
.name:hover:before {
opacity: 0.6;
}
.name:hover:after {
opacity: 1;
-webkit-transform: scale(1) translateY(-50%);
transform: scale(1) translateY(-50%);
}
.backksk {
height: 752px;
width: 564px;
background-image: url("https://i.ibb.co/W75wjWH/image.png");
background-position: top center;
background-repeat: no-repeat;
margin: auto;
}
.textt2sk {
z-index: 10;
height: 15px;
width: 480px;
text-align: relative;
text-justify: inter-word;
font-size: 6.5px;
font-family: kurale;
text-transform: uppercase;
letter-spacing: 1px;
color: #FFF;
position: relative;
text-shadow: 0px 0px 1px #000000;
bottom: -165px;
left: 0px;
background-color: #000;
opacity: 0.85;
padding: 10px 10px 10px 10px;
border: #191d1e solid 0px;
MARGIN: AUTO;
}
.textt3sk {
z-index: 10;
height: 500px;
width: 495px;
text-transform: uppercase;
overflow: auto;
text-align: justify;
text-justify: inter-word;
font-size: 8.2px;
font-family: kurale;
letter-spacing: 2px;
color: #000000;
position: relative;
text-shadow: 0px 0px 0px #dfe1df;
bottom: -165px;
text-indent: 10px;
opacity: 0.87;
padding: 7px 7px 7px 7px;
border: #191d1e solid 0px;
margin: auto;
}
</style>
<div class="backksk">
<!-- <div class="textt2sk">
<center>
<font style="font-size: 8px;">Ограбили зал предсказаний во имя вашего счастья!</font>
</center>
</div> -->
<div class="textt3sk">
<center><b>
<font style="font-size: 15px; color: #ef0c77;">прямиком из зала предсказаний</font>
</b> </center>
<br>
<p><span style="font-family:verdana,geneva,sans-serif;">
Специальный корреспондент нашего издания, рискуя быть завербованным прорицателями, проник в самый
загадочный
отдел Министерства магии! Средь пыльных сфер с хранящимися в них судьбами, наш
смельчак едва не споткнулся о шёпот судьбы, но всё же сумел раздобыть несколько свежих предзнаменований
о том,
что ждёт наших читателей в делах амурных.
</span></p>
<div class="crystall_ball">
<canvas id="myCanvas" width="400" height="400"></canvas>
<svg class="crystal" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 172 206.8"
style="enable-background:new 0 0 172 206.8;" xml:space="preserve">
<path class="pt0"
d="M101.5,151.2v41.1c7.9,0,11.2-10.8,21.9-10.8c8.9,6.3,9.2,6.1,9.8,4.8c0.6-1.4,1.6-9.7,4.7-9
c3.1,0.7,5.6,6.8,10,3.8s-2.4-11.5-1.7-12.2c0.7-0.6,7.6,8.6,10.1,8.8c0,0-4.8-3.8-7-11.6c-2.1-7.8-8.6-15-8.6-15h-39.2V151.2z" />
<path class="pt1" d="M33.5,152.4c0,0-6.4,7.2-8.6,15c-2.1,7.8-7,11.6-7,11.6s0,3.1-0.6,6c0,0,4.3,1,10.6-12.7
c0.7-1.6,1.1,1.9,0.5,4.1c-0.5,2.2-0.9,8.6,0.3,8.6c1.9,0.3,8.2-4.2,9,0.3s1,11,4.9,11s8.8-7.1,14.2-7.1s6.6,7.1,8.9,7.1
c2.6,0,10-9,15.1-9c5,0,14.6,6.3,22.6,6.3v-41.1H33.5V152.4z" />
<path class="pt2" d="M31.5,150.9c0,0-6.4,7.2-8.6,15c-2.1,7.8-7,11.6-7,11.6s0,3.1-0.6,6c0,0,4.3,1,10.6-12.7
c0.7-1.6,1.1,1.9,0.5,4.1c-0.5,2.2-0.9,8.6,0.3,8.6c1.9,0.3,8.2-4.2,9,0.3s1,11,4.9,11s8.8-7.1,14.2-7.1s6.6,7.1,8.9,7.1
c2.6,0,10-9,15.1-9s14.6,6.3,22.6,6.3V151H31.5V150.9z" />
<path class="pt3" d="M31.5,150.9c0,0-6.4,7.2-8.6,15c-2.1,7.8-7,11.6-7,11.6s0,3.1-0.6,6c0,0,4.3,1,10.6-12.7
c0.7-1.6,1.1,1.9,0.5,4.1c-0.5,2.2-0.9,8.6,0.3,8.6c1.9,0.3,8.2-4.2,9,0.3s1,11,4.9,11s8.8-7.1,14.2-7.1s6.6,7.1,8.9,7.1
c2.6,0,10-9,15.1-9s14.6,6.3,22.6,6.3V151H31.5V150.9z" />
<path class="pt3" d="M31.5,150.9c0,0-6.4,7.2-8.6,15c-2.1,7.8-7,11.6-7,11.6s0,3.1-0.6,6c0,0,4.3,1,10.6-12.7
c0.7-1.6,1.1,1.9,0.5,4.1c-0.5,2.2-0.9,8.6,0.3,8.6c1.9,0.3,8.2-4.2,9,0.3s1,11,4.9,11s8.8-7.1,14.2-7.1s6.6,7.1,8.9,7.1
c2.6,0,10-9,15.1-9s14.6,6.3,22.6,6.3V151H31.5V150.9z" />
<path class="pt1"
d="M95.6,206.8c0,0-3.6,0.8-3.6-5.5c0,0-0.1-26.2-1.7-29.8l8.4,2.8l3.3,21.4L95.6,206.8z" />
<path class="pt4" d="M90.2,171.5c0,0,3.6,10.5,3.6,19.1s0.7,16.2,1.8,16.2c1.2,0,6.9-2.1,9.7-2.1c2.9,0,6.6,1.2,7.8,0
c1.2-1.2,0.1-4.9-1.4-6.3c-1.4-1.4-0.6-25.2-4-28.6L90.2,171.5z" />
<path class="pt3" d="M92.1,171.4c0,0,2.8,10.2,2.8,18.8s0,16.5,1.2,16.5s6.9-2.1,9.7-2.1c2.9,0,6.6,1.2,7.8,0
c1.2-1.2,0.1-4.9-1.4-6.3c-1.4-1.4-0.6-25.2-4-28.6L92.1,171.4z" />
<path class="pt5" d="M31.7,150.9c0,11.4,24.4,20.6,54.6,20.6c30.1,0,54.6-9.2,54.6-20.6c0-11.4-24.4-20.6-54.6-20.6
C56.1,130.2,31.7,139.5,31.7,150.9" />
<path class="pt6" d="M86.5,171.5c-30.1,0-54.6-9.2-54.6-20.6c0-11.3,24.3-20.6,54.3-20.6c-0.1,0-0.2,0-0.3,0
c-30.5,0-55.2,9.4-55.2,21s24.7,21,55.2,21s55.2-9.4,55.2-21c0-0.1,0-0.1,0-0.2C140.8,162.4,116.5,171.5,86.5,171.5" />
<path class="pt6" d="M141.1,151.1c0-0.1,0-0.1,0-0.2c0-11.4-24.4-20.6-54.6-20.6c-0.1,0-0.2,0-0.3,0
C116.4,130.3,140.8,139.6,141.1,151.1" />
<path class="pt7" d="M47.5,183.6l-0.2-0.9c0,0,5.8-5.9,4.8-10.1c-3.8-0.7-7.5,7.7-7.5,7.7l-0.9-0.1c0.1-1-0.2-0.8-0.3-0.7
c-0.2,0.1-2.4,4-2.4,4l2-0.5l-0.5,0.7l0.7,0.7l-0.4,0.7l0.9,0.8l0.5-0.6l0.7,0.6l0.5-0.7l-0.1,2.1c0,0,3.1-3.6,2.9-3.7
S47.5,183.6,47.5,183.6" />
<path class="pt7" d="M47.2,180.2c-0.3-0.1-0.5-0.4-0.5-0.8c0-0.4,0.3-0.6,0.7-0.6c0.3,0.1,0.5,0.4,0.5,0.8
C47.8,179.9,47.5,180.2,47.2,180.2" />
<path class="pt7" d="M42.7,185.4l0.5,0.5c0,0-0.5,1.8-3.9,5C39.4,190.9,41.5,186,42.7,185.4" />
<path class="pt7" d="M46.9,173.7c-3.7-0.6-7.2,2.4-7.7,6.6c-0.3,2.5,0.4,5,1.9,6.6c0.3-0.4,0.5-0.8,0.8-1.2
c-0.5-0.5-0.8-1.2-1.1-1.9l-0.3,0.1l0.2-0.3c-0.3-1-0.4-2-0.3-3.1c0.5-3.4,3.3-5.8,6.3-5.4c0.2,0,0.4,0.1,0.6,0.1
c0.3-0.4,0.6-0.8,1-1.2C47.8,173.9,47.4,173.8,46.9,173.7" />
<path class="pt7" d="M51.7,177.3c-0.2,0.5-0.5,0.9-0.8,1.4c0.4,1.1,0.6,2.3,0.4,3.6c-0.4,3.3-3.1,5.7-6,5.4L45,188v-0.4
c-0.7-0.1-1.4-0.4-1.9-0.8c-0.2,0.3-0.5,0.7-0.8,1.2c0.8,0.5,1.6,0.9,2.6,1.1c3.7,0.6,7.2-2.4,7.7-6.6
C52.8,180.6,52.5,178.8,51.7,177.3" />
<path class="pt6" d="M46.8,182.3l-0.2-0.9c0,0,5.6-5.8,4.6-9.9c-3.6-0.6-7.2,7.6-7.2,7.6l-0.8-0.1c0.1-1-0.2-0.8-0.3-0.7
c-0.2,0.1-2.3,3.9-2.3,3.9l1.9-0.6l-0.5,0.7l0.6,0.7l-0.4,0.7l0.8,0.7l0.5-0.6l0.7,0.6l0.5-0.7l-0.1,2.1c0,0,3-3.5,2.8-3.7
C47.3,182,46.8,182.3,46.8,182.3" />
<path class="pt6" d="M46.5,178.9c-0.3,0-0.5-0.4-0.5-0.7c0.1-0.4,0.3-0.6,0.6-0.6s0.5,0.4,0.5,0.7C47.1,178.7,46.8,178.9,46.5,178.9
" />
<path class="pt6" d="M42.2,184.1l0.5,0.5c0,0-0.5,1.7-3.8,4.9C39,189.5,41.1,184.6,42.2,184.1" />
<path class="pt6" d="M46.3,172.6c-3.5-0.5-6.9,2.4-7.4,6.5c-0.3,2.5,0.4,4.9,1.8,6.5c0.2-0.4,0.5-0.8,0.7-1.2
c-0.4-0.5-0.8-1.1-1-1.8l-0.3,0.1l0.2-0.3c-0.3-0.9-0.4-2-0.2-3c0.5-3.4,3.2-5.7,6-5.3c0.2,0,0.4,0.1,0.6,0.1
c0.3-0.4,0.6-0.8,0.9-1.2C47.2,172.8,46.7,172.7,46.3,172.6" />
<path class="pt6" d="M50.8,176.1c-0.2,0.5-0.5,0.9-0.8,1.4c0.4,1,0.6,2.2,0.4,3.5c-0.4,3.3-3,5.6-5.8,5.3l-0.3,0.3v-0.4
c-0.7-0.1-1.3-0.4-1.8-0.7c-0.2,0.3-0.5,0.7-0.8,1.1c0.7,0.5,1.6,0.9,2.5,1c3.5,0.5,6.9-2.4,7.4-6.5
C51.9,179.3,51.6,177.5,50.8,176.1" />
<path class="pt6" d="M46.5,182.7l-0.2-0.9c0,0,5.6-5.8,4.7-9.9c-3.6-0.6-7.2,7.6-7.2,7.6l-0.8-0.1c0.1-1-0.2-0.8-0.3-0.7
s-2.3,3.9-2.3,3.9l1.9-0.6l-0.5,0.7l0.6,0.7l-0.4,0.7l0.8,0.7l0.5-0.6l0.7,0.6l0.5-0.7l-0.1,2.1c0,0,3-3.5,2.8-3.7
C47,182.5,46.5,182.7,46.5,182.7" />
<path class="pt6"
d="M46.2,179.3c-0.3,0-0.5-0.4-0.5-0.7c0.1-0.4,0.3-0.6,0.6-0.6s0.5,0.4,0.5,0.7S46.5,179.4,46.2,179.3" />
<path class="pt6" d="M41.9,184.5l0.5,0.5c0,0-0.5,1.7-3.8,4.9C38.7,189.9,40.8,185.1,41.9,184.5" />
<path class="pt6" d="M46,173c-3.5-0.5-6.9,2.4-7.4,6.5c-0.3,2.5,0.4,4.9,1.8,6.5c0.2-0.4,0.5-0.8,0.7-1.2c-0.4-0.5-0.8-1.1-1-1.8
l-0.3,0.1l0.2-0.3c-0.3-0.9-0.4-2-0.2-3c0.5-3.4,3.2-5.7,6-5.3c0.2,0,0.4,0.1,0.6,0.1c0.3-0.4,0.6-0.8,0.9-1.2
C46.9,173.2,46.4,173.1,46,173" />
<path class="pt6" d="M50.5,176.5c-0.2,0.5-0.5,0.9-0.8,1.4c0.4,1,0.6,2.2,0.4,3.5c-0.4,3.3-3,5.6-5.8,5.3L44,187v-0.4
c-0.7-0.1-1.3-0.4-1.8-0.7c-0.2,0.3-0.5,0.7-0.8,1.1c0.7,0.5,1.6,0.9,2.5,1c3.5,0.5,6.9-2.4,7.4-6.5
C51.6,179.7,51.3,177.9,50.5,176.5" />
<path class="pt3" d="M46.9,182.9l-0.2-0.9c0,0,5.6-5.8,4.6-9.9c-3.6-0.6-7.2,7.6-7.2,7.6l-0.8-0.1c0.1-1-0.2-0.8-0.3-0.7
c-0.2,0.1-2.3,3.9-2.3,3.9l1.9-0.6l-0.4,0.7l0.6,0.7l-0.4,0.7l0.8,0.7l0.5-0.6l0.7,0.6l0.5-0.7l-0.1,2.1c0,0,3-3.5,2.8-3.7
C47.4,182.7,46.9,182.9,46.9,182.9" />
<path class="pt3" d="M46.6,179.5c-0.3,0-0.5-0.4-0.5-0.7c0.1-0.4,0.3-0.6,0.6-0.6s0.5,0.4,0.5,0.7C47.2,179.3,46.9,179.6,46.6,179.5
" />
<path class="pt3" d="M42.3,184.7l0.5,0.5c0,0-0.5,1.7-3.8,4.9C39.1,190.1,41.2,185.2,42.3,184.7" />
<path class="pt3" d="M46.4,173.2c-3.5-0.5-6.9,2.4-7.4,6.5c-0.3,2.5,0.4,4.9,1.8,6.5c0.2-0.4,0.5-0.8,0.7-1.2
c-0.4-0.5-0.8-1.1-1-1.8l-0.3,0.1l0.2-0.3c-0.3-0.9-0.4-2-0.2-3c0.5-3.4,3.2-5.7,6-5.3c0.2,0,0.4,0.1,0.6,0.1
c0.3-0.4,0.6-0.8,0.9-1.2C47.3,173.4,46.8,173.3,46.4,173.2" />
<path class="pt3" d="M50.9,176.7c-0.2,0.5-0.5,0.9-0.8,1.4c0.4,1,0.6,2.2,0.4,3.5c-0.4,3.3-3,5.6-5.8,5.3l-0.3,0.3v-0.4
c-0.7-0.1-1.3-0.4-1.8-0.7c-0.2,0.3-0.5,0.7-0.8,1.1c0.7,0.5,1.6,0.9,2.5,1c3.5,0.5,6.9-2.4,7.4-6.5C52,179.9,51.7,178.1,50.9,176.7
" />
<path class="pt8" d="M143.4,170.6l-0.3-0.5c0,0-0.4-5.1-1.9-7.5c-1,0.5,0.6,6.6,0.6,6.6l-0.2,0.2c-0.3-0.6-0.3-0.5-0.3-0.4
s0.6,3.1,0.6,3.1l0.3-0.8l0.1,0.6l0.3,0.3l0.1,0.5l0.4,0.3l-0.1-0.5l0.3,0.2l-0.1-0.5l0.6,1.4C143.8,173.6,143.4,170.6,143.4,170.6
C143.4,170.3,143.4,170.6,143.4,170.6" />
<path class="pt8" d="M142.3,168.5c-0.1,0-0.2-0.1-0.3-0.4c-0.1-0.2-0.1-0.5,0-0.5s0.2,0.1,0.3,0.4
C142.4,168.2,142.4,168.5,142.3,168.5" />
<path class="pt8" d="M142.9,172.9l0.2,0.2c0,0,0.4,1.2,0.6,4.1C143.7,177.2,142.8,173.6,142.9,172.9" />
<path class="pt8" d="M140.4,164.6c-1,0.5-0.9,3.3,0.2,6c0.7,1.7,1.5,3,2.3,3.7c-0.1-0.3-0.1-0.6-0.2-0.9c-0.3-0.2-0.5-0.5-0.8-0.9
v0.1l-0.1-0.2c-0.3-0.5-0.7-1.2-1-1.9c-0.9-2.3-1-4.5-0.2-4.9c0.1,0,0.1-0.1,0.2-0.1c-0.1-0.3-0.1-0.7-0.1-1
C140.7,164.5,140.6,164.5,140.4,164.6" />
<path class="pt8"
d="M142.5,165.6c0.1,0.4,0.2,0.7,0.2,1.1c0.4,0.6,0.8,1.3,1.1,2.1c0.9,2.2,1,4.3,0.3,4.9v0.3l-0.1-0.2
c-0.2,0.1-0.4,0.1-0.6,0c0,0.3,0.1,0.6,0.2,0.9c0.3,0.1,0.6,0.2,0.9,0c1-0.5,0.9-3.3-0.2-6C143.7,167.4,143.1,166.4,142.5,165.6" />
<path class="pt9" d="M143,170.3l-0.3-0.5c0,0-0.4-5.1-1.9-7.5c-1,0.5,0.6,6.6,0.6,6.6l-0.2,0.2c-0.3-0.6-0.3-0.5-0.3-0.4
s0.6,3.1,0.6,3.1l0.3-0.8l0.1,0.6l0.3,0.3l0.1,0.5l0.4,0.3l-0.1-0.5l0.3,0.2l-0.1-0.5l0.6,1.4C143.4,173.3,143,170.3,143,170.3
C143,170.1,143,170.3,143,170.3" />
<path class="pt7"
d="M141.9,168.2c-0.1,0-0.2-0.1-0.3-0.4c-0.1-0.2-0.1-0.5,0-0.5s0.2,0.1,0.3,0.4C142,168,142,168.2,141.9,168.2" />
<path class="pt9" d="M142.4,172.6l0.2,0.2c0,0,0.4,1.2,0.6,4.1C143.3,176.9,142.3,173.3,142.4,172.6" />
<path class="pt9" d="M140,164.3c-1,0.5-0.9,3.3,0.2,6c0.7,1.7,1.5,3,2.3,3.7c-0.1-0.3-0.1-0.6-0.2-0.9c-0.3-0.2-0.5-0.5-0.8-0.9v0.1
l-0.1-0.2c-0.3-0.5-0.7-1.2-1-1.9c-0.9-2.3-1-4.5-0.2-4.9c0.1,0,0.1-0.1,0.2-0.1c-0.1-0.3-0.1-0.7-0.1-1
C140.2,164.2,140.1,164.2,140,164.3" />
<path class="pt9"
d="M142,165.3c0.1,0.4,0.2,0.7,0.2,1.1c0.4,0.6,0.8,1.3,1.1,2.1c0.9,2.2,1,4.3,0.3,4.9v0.3l-0.1-0.2
c-0.2,0.1-0.4,0.1-0.6,0c0.1,0.3,0.1,0.6,0.2,0.9c0.3,0.1,0.6,0.2,0.9,0c1-0.5,0.9-3.3-0.2-6C143.2,167.1,142.6,166.1,142,165.3" />
<polygon class="pt7" points="66.8,190.7 65.9,189.8 64.6,190 65.2,188.8 64.6,187.7 65.8,187.9 66.7,186.9 67,188.2 68.1,188.8
67,189.4 " />
<polygon class="pt7" points="70.8,183.5 70,183.6 69.7,184.3 69.3,183.6 68.6,183.5 69.2,182.9 69,182.2 69.7,182.5 70.4,182.2
70.3,183 " />
<polygon class="pt7" points="61.6,184.7 59.7,184 58.1,185.1 58.2,183.1 56.6,182 58.5,181.4 59.2,179.6 60.3,181.2 62.2,181.2
61,182.8 " />
<polygon class="pt6" points="65.8,189.9 64.9,189 63.6,189.2 64.2,188.1 63.6,186.9 64.8,187.1 65.7,186.2 65.9,187.4 67.1,188
66,188.6 " />
<polygon class="pt3" points="66.3,190.3 65.4,189.4 64.1,189.6 64.7,188.5 64,187.3 65.3,187.5 66.2,186.5 66.4,187.8 67.6,188.4
66.5,189 " />
<polygon class="pt6" points="70,182.8 69.2,182.9 68.8,183.6 68.5,182.9 67.7,182.7 68.3,182.2 68.2,181.4 68.8,181.8 69.6,181.4
69.4,182.2 " />
<polygon class="pt7" points="44.8,168.8 44,168.9 43.6,169.6 43.3,168.9 42.5,168.8 43.1,168.2 43,167.4 43.7,167.8 44.4,167.5
44.2,168.3 " />
<polygon class="pt6" points="43.9,168.1 43.1,168.2 42.7,168.9 42.4,168.1 41.6,168 42.2,167.5 42.1,166.7 42.8,167.1 43.5,166.7
43.3,167.5 " />
<polygon class="pt3" points="44.3,168.5 43.5,168.6 43.1,169.3 42.8,168.6 42,168.5 42.6,167.9 42.5,167.1 43.1,167.5 43.9,167.2
43.7,167.9 " />
<polygon class="pt6" points="60.5,183.7 58.6,183 57,184.2 57.1,182.2 55.5,181 57.4,180.5 58,178.6 59.1,180.3 61.1,180.3
59.9,181.8 " />
<polygon class="pt3" points="61,184.3 59.2,183.6 57.6,184.7 57.7,182.8 56.1,181.6 58,181 58.6,179.2 59.7,180.8 61.7,180.8
60.5,182.4 " />
<polygon class="pt7" points="37.8,170 36.8,169.1 35.6,169.4 36.1,168.2 35.5,167.1 36.8,167.2 37.7,166.3 37.9,167.6 39.1,168.1
37.9,168.7 " />
<polygon class="pt6" points="36.8,169.2 35.8,168.3 34.6,168.6 35.1,167.4 34.5,166.3 35.8,166.5 36.7,165.5 36.9,166.8 38.1,167.3
36.9,167.9 " />
<polygon class="pt3" points="37.2,169.6 36.3,168.7 35,169 35.6,167.8 35,166.7 36.3,166.9 37.1,165.9 37.4,167.2 38.6,167.7
37.4,168.3 " />
<polygon class="pt7" points="78.7,174.8 79.9,175.2 81,174.5 80.9,175.8 82,176.6 80.7,176.9 80.3,178.2 79.6,177.1 78.3,177.1
79.1,176 " />
<polygon class="pt7" points="86.6,176.4 87.3,176 87.4,175.2 88,175.7 88.7,175.5 88.4,176.2 88.8,176.9 88,176.8 87.5,177.4
87.4,176.7 " />
<polygon class="pt8" points="125.1,170.9 124.4,171 124,171.7 123.7,170.9 122.9,170.8 123.5,170.3 123.3,169.5 124,169.9
124.7,169.5 124.6,170.3 " />
<polygon class="pt8" points="125.1,170.9 124.4,171 124,171.7 123.7,170.9 122.9,170.8 123.5,170.3 123.3,169.5 124,169.9
124.7,169.5 124.6,170.3 " />
<polygon class="pt10" points="124.9,170.8 124.1,170.9 123.7,171.6 123.4,170.8 122.6,170.7 123.2,170.2 123.1,169.4 123.8,169.8
124.5,169.4 124.3,170.2 " />
<polygon class="pt8" points="134.3,174.2 133.5,174.3 133.2,175 132.8,174.2 132,174.1 132.6,173.6 132.5,172.8 133.2,173.2
133.9,172.8 133.8,173.6 " />
<polygon class="pt10" points="134.1,174 133.3,174.1 133,174.8 132.6,174.1 131.9,173.9 132.4,173.4 132.3,172.6 133,173
133.7,172.7 133.6,173.4 " />
<polygon class="pt8" points="139.4,162.6 138.7,162.7 138.3,163.4 138,162.7 137.2,162.6 137.8,162 137.6,161.3 138.3,161.6
139,161.3 138.9,162.1 " />
<polygon class="pt9" points="139.3,162.6 138.5,162.7 138.2,163.4 137.8,162.7 137.1,162.5 137.6,162 137.5,161.2 138.2,161.6
138.9,161.3 138.8,162 " />
<polygon class="pt8" points="115.7,174.5 117,174.8 117.3,173.6 118.2,175.3 119.5,176.1 118.8,176.9 119.3,178.7 118,177.4
116.9,177.7 116.9,176.1 " />
<polygon class="pt8" points="127,176.7 128.3,177 128.6,175.7 129.4,177.5 130.8,178.3 130,179.1 130.5,180.8 129.2,179.6
128.2,179.9 128.1,178.3 " />
<polygon class="pt8" points="132.8,166.9 134.1,167.2 134.4,165.9 135.3,167.7 136.7,168.4 135.9,169.2 136.4,171 135.1,169.7
134,170 134,168.4 " />
<polygon class="pt8" points="141.5,159.3 142.8,159.6 143.1,158.3 144,160.1 145.3,160.9 144.6,161.6 145.1,163.4 143.8,162.1
142.7,162.4 142.7,160.9 " />
<polygon class="pt7" points="66,173.4 67.2,173.9 68.3,173.2 68.2,174.5 69.2,175.2 68,175.6 67.5,176.8 66.8,175.7 65.5,175.7
66.3,174.7 " />
<polygon class="pt7" points="56,173.6 57.2,174.1 58.3,173.4 58.2,174.7 59.3,175.4 58,175.8 57.6,177 56.9,175.9 55.6,175.9
56.4,174.9 " />
<polygon class="pt7" points="73.3,179.5 75.3,179.4 76.3,177.7 77,179.5 79,180 77.4,181.2 77.6,183.2 75.9,182.1 74.1,182.9
74.6,181 " />
<polygon class="pt6" points="77.9,174.2 79.1,174.7 80.2,173.9 80.2,175.2 81.2,176 79.9,176.4 79.5,177.6 78.8,176.5 77.5,176.5
78.3,175.5 " />
<polygon class="pt6" points="85.8,175.8 86.5,175.4 86.6,174.6 87.2,175.1 87.9,175 87.6,175.7 88,176.4 87.3,176.3 86.7,176.9
86.6,176.1 " />
<polygon class="pt6" points="83.2,181.1 85.2,181 86.2,179.3 86.9,181.1 88.8,181.6 87.3,182.8 87.5,184.8 85.8,183.7 84,184.5
84.5,182.6 " />
<polygon class="pt6" points="65.2,172.9 66.4,173.3 67.5,172.6 67.4,173.9 68.4,174.7 67.2,175 66.8,176.3 66,175.2 64.7,175.1
65.6,174.1 " />
<polygon class="pt6" points="55.2,173.1 56.4,173.5 57.5,172.8 57.4,174.1 58.5,174.9 57.2,175.2 56.8,176.5 56.1,175.4 54.8,175.3
55.6,174.3 " />
<polygon class="pt6" points="72.6,178.9 74.5,178.8 75.5,177.1 76.3,179 78.2,179.4 76.7,180.7 76.8,182.6 75.2,181.6 73.3,182.3
73.8,180.4 " />
<polygon class="pt3" points="78.4,174.5 79.6,175 80.7,174.2 80.6,175.5 81.6,176.3 80.4,176.7 80,177.9 79.2,176.8 77.9,176.8
78.7,175.8 " />
<polygon class="pt3" points="86.3,176.1 87,175.7 87,174.9 87.6,175.4 88.4,175.3 88.1,176 88.5,176.7 87.7,176.6 87.2,177.2
87,176.4 " />
<polygon class="pt7" points="29.3,169.9 30.3,170.7 31.6,170.4 31.1,171.6 31.8,172.7 30.5,172.6 29.7,173.6 29.4,172.3 28.2,171.9
29.3,171.2 " />
<polygon class="pt7" points="36.2,174.1 37,174 37.3,173.2 37.7,173.9 38.5,174 37.9,174.6 38.1,175.4 37.4,175 36.7,175.4
36.8,174.6 " />
<polygon class="pt6" points="28.8,169.1 29.8,169.9 31.1,169.6 30.5,170.8 31.2,171.9 30,171.8 29.1,172.8 28.8,171.5 27.6,171.1
28.7,170.4 " />
<polygon class="pt6" points="35.7,173.3 36.5,173.2 36.8,172.4 37.2,173.1 37.9,173.2 37.4,173.8 37.6,174.6 36.8,174.2 36.2,174.6
36.3,173.8 " />
<polygon class="pt3" points="29.1,169.5 30.1,170.4 31.4,170 30.9,171.2 31.6,172.3 30.3,172.2 29.4,173.2 29.1,172 27.9,171.5
29,170.8 " />
<polygon class="pt3" points="36,173.7 36.8,173.6 37.1,172.9 37.5,173.6 38.3,173.7 37.7,174.2 37.9,175 37.2,174.7 36.5,175.1
36.6,174.3 " />
<polygon class="pt7" points="84.3,182 86.3,181.9 87.3,180.2 88.1,182.1 90,182.5 88.4,183.8 88.6,185.7 87,184.7 85.1,185.4
85.6,183.5 " />
<polygon class="pt6" points="83.1,180.9 85.1,180.8 86.1,179.1 86.8,181 88.7,181.4 87.2,182.7 87.4,184.6 85.7,183.6 83.9,184.3
84.4,182.4 " />
<polygon class="pt3" points="83.6,181.4 85.6,181.3 86.6,179.6 87.3,181.4 89.3,181.9 87.7,183.1 87.9,185.1 86.2,184 84.4,184.8
84.9,182.9 " />
<polygon class="pt3" points="115.5,174.2 116.7,174.5 117.1,173.2 117.9,175 119.3,175.7 118.5,176.5 119,178.3 117.7,177
116.7,177.3 116.6,175.7 " />
<polygon class="pt10" points="126.7,176.3 128,176.6 128.3,175.4 129.2,177.1 130.5,177.9 129.8,178.7 130.3,180.5 129,179.2
127.9,179.5 127.9,177.9 " />
<polygon class="pt9" points="132.6,166.5 133.8,166.8 134.2,165.5 135,167.3 136.4,168.1 135.6,168.8 136.1,170.6 134.8,169.3
133.8,169.6 133.7,168.1 " />
<polygon class="pt9" points="141.2,158.9 142.5,159.2 142.8,157.9 143.7,159.7 145.1,160.5 144.3,161.3 144.8,163 143.5,161.8
142.4,162.1 142.4,160.5 " />
<polygon class="pt3" points="65.6,173.2 66.8,173.6 67.9,172.9 67.8,174.2 68.9,175 67.6,175.3 67.2,176.6 66.5,175.5 65.2,175.4
66,174.4 " />
<polygon class="pt3" points="55.6,173.4 56.9,173.8 57.9,173.1 57.9,174.4 58.9,175.2 57.7,175.5 57.2,176.8 56.5,175.7 55.2,175.6
56,174.6 " />
<polygon class="pt3" points="73,179.2 75,179.1 76,177.4 76.7,179.3 78.6,179.7 77.1,181 77.3,182.9 75.6,181.9 73.8,182.6
74.3,180.7 " />
<polygon class="pt7" points="28.3,177.3 30.2,177.1 31.3,175.5 32,177.3 33.9,177.7 32.4,179 32.5,181 30.9,179.9 29.1,180.7
29.6,178.7 " />
<polygon class="pt6" points="27.5,176.7 29.5,176.6 30.5,174.9 31.2,176.7 33.1,177.2 31.6,178.4 31.8,180.4 30.1,179.3 28.3,180.1
28.8,178.2 " />
<polygon class="pt3" points="27.9,177 29.9,176.9 30.9,175.2 31.6,177 33.6,177.5 32,178.7 32.2,180.7 30.5,179.6 28.7,180.4
29.2,178.5 " />
<path class="pt4" d="M96.5,201.6c0,0,7.4-2.5,13.6-2.4c2.7,0.7,2.6,3.3,2,3.8c-0.5,0.4-3.2,0.3-3.6-0.8
C108.1,200.9,104.1,201.6,96.5,201.6" />
<path class="pt4" d="M105.9,172.4c0,0,0.3,0.3,0.6,0.9c0.3,0.6,0.7,1.6,1.1,2.7c0.2,0.6,0.4,1.2,0.6,1.9s0.3,1.4,0.5,2.1
c0.3,1.5,0.6,3.1,0.8,4.7c0.2,1.6,0.5,3.2,0.6,4.7s0.1,2.9,0.2,4.2c0,0.6,0,1.2,0,1.7s0,0.9-0.1,1.3c0,0.7-0.1,1.1-0.1,1.1H110
c0,0-0.1-0.4-0.2-1.1c-0.1-0.7-0.2-1.7-0.3-2.9c-0.1-0.6-0.1-1.3-0.2-1.9c-0.1-0.7-0.1-1.4-0.2-2.2c-0.1-1.5-0.2-3.1-0.4-4.7
c-0.2-1.6-0.4-3.2-0.6-4.7c-0.1-0.7-0.2-1.5-0.4-2.1c-0.1-0.7-0.3-1.3-0.4-1.9c-0.3-1.2-0.6-2.1-0.9-2.8
C106.1,172.8,105.8,172.5,105.9,172.4L105.9,172.4z" />
<path class="pt4" d="M102.9,172.5c0,0,0.3,0.3,0.6,0.9c0.3,0.6,0.7,1.6,1.1,2.7c0.2,0.6,0.4,1.2,0.6,1.9s0.3,1.4,0.5,2.1
c0.3,1.5,0.6,3.1,0.8,4.7c0.2,1.6,0.5,3.2,0.6,4.7s0.1,2.9,0.2,4.2c0,0.6,0,1.2,0,1.7s0,0.9-0.1,1.3c0,0.7-0.1,1.1-0.1,1.1H107
c0,0-0.1-0.4-0.2-1.1c-0.1-0.7-0.2-1.7-0.3-2.9c-0.1-0.6-0.1-1.3-0.2-1.9c-0.1-0.7-0.1-1.4-0.2-2.2c-0.1-1.5-0.2-3.1-0.4-4.7
c-0.2-1.6-0.4-3.2-0.6-4.7c-0.1-0.7-0.2-1.5-0.4-2.1c-0.1-0.7-0.3-1.3-0.4-1.9c-0.3-1.2-0.6-2.1-0.9-2.8
C103.1,172.9,102.8,172.6,102.9,172.5L102.9,172.5z" />
<path class="pt4" d="M99.9,172.6c0,0,0.3,0.3,0.6,1c0.3,0.6,0.7,1.6,1.1,2.8c0.2,0.6,0.4,1.2,0.6,1.9s0.3,1.4,0.5,2.2
c0.3,1.5,0.6,3.2,0.8,4.8c0.2,1.6,0.5,3.3,0.6,4.8c0.1,1.6,0.1,3,0.2,4.2c0,0.6,0,1.2,0,1.7s0,0.9-0.1,1.3c0,0.7-0.1,1.1-0.1,1.1
H104c0,0-0.1-0.4-0.2-1.1c-0.1-0.7-0.2-1.7-0.3-3c-0.1-0.6-0.1-1.3-0.2-2s-0.1-1.4-0.2-2.2c-0.1-1.5-0.2-3.2-0.4-4.8
c-0.2-1.6-0.4-3.3-0.6-4.8c-0.1-0.8-0.2-1.5-0.4-2.2c-0.1-0.7-0.3-1.3-0.4-1.9c-0.3-1.2-0.6-2.2-0.9-2.8S99.8,172.7,99.9,172.6
L99.9,172.6z" />
<path class="pt4" d="M96.9,172.7c0,0,0.3,0.3,0.6,1c0.3,0.7,0.7,1.6,1.1,2.8c0.2,0.6,0.4,1.3,0.6,1.9c0.2,0.7,0.3,1.4,0.5,2.2
c0.3,1.5,0.6,3.2,0.8,4.8c0.2,1.7,0.5,3.3,0.6,4.9c0.1,1.6,0.1,3,0.2,4.3c0,0.6,0,1.2,0,1.7s0,1-0.1,1.3c0,0.7-0.1,1.1-0.1,1.1H101
c0,0-0.1-0.4-0.2-1.1c-0.1-0.7-0.2-1.8-0.3-3c-0.1-0.6-0.1-1.3-0.2-2s-0.1-1.5-0.2-2.2c-0.1-1.6-0.2-3.2-0.4-4.9
c-0.2-1.6-0.4-3.3-0.6-4.8c-0.1-0.8-0.2-1.5-0.4-2.2c-0.1-0.7-0.3-1.4-0.4-2c-0.3-1.2-0.6-2.2-0.9-2.8
C97.1,173.1,96.8,172.8,96.9,172.7L96.9,172.7z" />
<path class="pt4" d="M93.9,172.8c0,0,0.3,0.3,0.6,1c0.3,0.7,0.7,1.7,1.1,2.9c0.2,0.6,0.4,1.3,0.6,2s0.3,1.5,0.5,2.2
c0.3,1.6,0.6,3.3,0.8,4.9c0.2,1.7,0.5,3.4,0.6,5s0.1,3.1,0.2,4.4c0,0.6,0,1.2,0,1.7s0,1-0.1,1.3c0,0.7-0.1,1.2-0.1,1.2H98
c0,0-0.1-0.4-0.2-1.2c-0.1-0.7-0.2-1.8-0.3-3.1c-0.1-0.6-0.1-1.3-0.2-2s-0.1-1.5-0.2-2.3c-0.1-1.6-0.2-3.3-0.4-5
c-0.2-1.7-0.4-3.4-0.6-4.9c-0.1-0.8-0.3-1.5-0.4-2.2s-0.3-1.4-0.4-2c-0.3-1.2-0.6-2.2-0.9-2.9C94.1,173.2,93.8,172.9,93.9,172.8
L93.9,172.8z" />
<path class="st11" d="M85.8,172L85.8,172c47.5,0,86-38.5,86-86l0,0c0-47.5-38.5-86-86-86l0,0c-47.5,0-86,38.5-86,86l0,0
C-0.2,133.5,38.3,172,85.8,172z" />
<path class="st12" d="M85.8,171.5L85.8,171.5c46.5,0,84.2-37.7,84.2-84.2l0,0c0-46.5-37.7-84.2-84.2-84.2l0,0
C39.3,3.1,1.6,40.8,1.6,87.3l0,0C1.6,133.8,39.3,171.5,85.8,171.5z" />
<path class="st13" d="M85.8,170.9L85.8,170.9c45.5,0,82.4-36.9,82.4-82.4l0,0c0-45.5-36.9-82.4-82.4-82.4l0,0
C40.3,6.2,3.5,43.1,3.5,88.6l0,0C3.5,134,40.3,170.9,85.8,170.9z" />
<path class="st14" d="M85.8,170.4L85.8,170.4c44.5,0,80.5-36.1,80.5-80.5l0,0c0-44.5-36.1-80.5-80.5-80.5l0,0
C41.3,9.3,5.3,45.4,5.3,89.8l0,0C5.3,134.3,41.3,170.4,85.8,170.4z" />
<path class="st15" d="M85.8,169.8L85.8,169.8c43.5,0,78.7-35.2,78.7-78.7l0,0c0-43.5-35.2-78.7-78.7-78.7l0,0
c-43.5,0-78.7,35.2-78.7,78.7l0,0C7.1,134.6,42.4,169.8,85.8,169.8z" />
<path class="st16" d="M85.8,169.3L85.8,169.3c42.5,0,76.9-34.4,76.9-76.9l0,0c0-42.5-34.4-76.9-76.9-76.9l0,0
c-42.5,0-76.9,34.4-76.9,76.9l0,0C8.9,134.8,43.4,169.3,85.8,169.3z" />
<path class="st17" d="M85.8,168.7L85.8,168.7c41.4,0,75.1-33.6,75.1-75.1l0,0c0-41.4-33.6-75.1-75.1-75.1l0,0
c-41.4,0-75.1,33.6-75.1,75.1l0,0C10.8,135.1,44.4,168.7,85.8,168.7z" />
<path class="st18" d="M85.8,168.2L85.8,168.2c40.4,0,73.2-32.8,73.2-73.2l0,0c0-40.4-32.8-73.2-73.2-73.2l0,0
c-40.4,0-73.2,32.8-73.2,73.2l0,0C12.6,135.4,45.4,168.2,85.8,168.2z" />
<path class="st19" d="M85.8,167.6L85.8,167.6c39.4,0,71.4-32,71.4-71.4l0,0c0-39.4-32-71.4-71.4-71.4l0,0c-39.4,0-71.4,32-71.4,71.4
l0,0C14.4,135.7,46.4,167.6,85.8,167.6z" />
<path class="st20" d="M85.8,167.1L85.8,167.1c38.4,0,69.6-31.2,69.6-69.6l0,0c0-38.4-31.2-69.6-69.6-69.6l0,0
c-38.4,0-69.6,31.2-69.6,69.6l0,0C16.2,135.9,47.4,167.1,85.8,167.1z" />
<path class="st21" d="M85.8,166.5L85.8,166.5c37.4,0,67.8-30.3,67.8-67.8l0,0c0-37.4-30.3-67.8-67.8-67.8l0,0
C48.4,30.9,18,61.2,18,98.7l0,0C18.1,136.2,48.4,166.5,85.8,166.5z" />
<path class="st22" d="M85.8,166L85.8,166c36.4,0,65.9-29.5,65.9-65.9l0,0c0-36.4-29.5-65.9-65.9-65.9l0,0
c-36.4,0-65.9,29.5-65.9,65.9l0,0C19.9,136.5,49.4,166,85.8,166z" />
<path class="st23" d="M85.8,165.4L85.8,165.4c35.4,0,64.1-28.7,64.1-64.1l0,0c0-35.4-28.7-64.1-64.1-64.1l0,0
c-35.4,0-64.1,28.7-64.1,64.1l0,0C21.7,136.7,50.4,165.4,85.8,165.4z" />
<path class="st24" d="M85.8,164.9L85.8,164.9c34.4,0,62.3-27.9,62.3-62.3l0,0c0-34.4-27.9-62.3-62.3-62.3l0,0
c-34.4,0-62.3,27.9-62.3,62.3l0,0C23.5,137,51.4,164.9,85.8,164.9z" />
<path class="st25" d="M85.8,164.3L85.8,164.3c33.4,0,60.5-27.1,60.5-60.5l0,0c0-33.4-27.1-60.5-60.5-60.5l0,0
c-33.4,0-60.5,27.1-60.5,60.5l0,0C25.4,137.3,52.4,164.3,85.8,164.3z" />
<path class="st26" d="M85.8,163.8L85.8,163.8c32.4,0,58.6-26.2,58.6-58.6l0,0c0-32.4-26.2-58.6-58.6-58.6l0,0
c-32.4,0-58.6,26.2-58.6,58.6l0,0C27.2,137.5,53.4,163.8,85.8,163.8z" />
<path class="st27" d="M85.8,163.2L85.8,163.2c31.4,0,56.8-25.4,56.8-56.8l0,0c0-31.4-25.4-56.8-56.8-56.8l0,0
C54.5,49.6,29,75.1,29,106.4l0,0C29,137.8,54.5,163.2,85.8,163.2z" />
<path class="st28" d="M85.8,162.7L85.8,162.7c30.4,0,55-24.6,55-55l0,0c0-30.4-24.6-55-55-55l0,0c-30.4,0-55,24.6-55,55l0,0
C30.8,138.1,55.5,162.7,85.8,162.7z" />
<path class="st29" d="M85.8,162.1L85.8,162.1c29.4,0,53.2-23.8,53.2-53.2l0,0c0-29.4-23.8-53.2-53.2-53.2l0,0
c-29.4,0-53.2,23.8-53.2,53.2l0,0C32.7,138.3,56.5,162.1,85.8,162.1z" />
<path class="st30" d="M85.8,161.6L85.8,161.6c28.3,0,51.3-23,51.3-51.3l0,0c0-28.3-23-51.3-51.3-51.3l0,0c-28.3,0-51.3,23-51.3,51.3
l0,0C34.5,138.6,57.5,161.6,85.8,161.6z" />
<path class="st31" d="M85.8,161L85.8,161c27.3,0,49.5-22.2,49.5-49.5l0,0c0-27.3-22.2-49.5-49.5-49.5l0,0
c-27.3,0-49.5,22.2-49.5,49.5l0,0C36.3,138.9,58.5,161,85.8,161z" />
<path class="st32" d="M85.8,160.5L85.8,160.5c26.3,0,47.7-21.3,47.7-47.7l0,0c0-26.3-21.3-47.7-47.7-47.7l0,0
c-26.3,0-47.7,21.3-47.7,47.7l0,0C38.1,139.1,59.5,160.5,85.8,160.5z" />
<path class="st33"
d="M152.8,52.5C152.8,79.3,126,101,93,101S33.3,79.3,33.3,52.5S60,4,93,4S152.8,25.7,152.8,52.5" />
<path class="st33"
d="M138.7,52.5C138.7,79.3,112,101,79,101S19.2,79.3,19.2,52.5S46,4,79,4S138.7,25.7,138.7,52.5" />
<path class="st34" d="M48.4,28.9c3.4,7.1,27.3-18.4,27.3-18.4S45,21.8,48.4,28.9" />
<path class="st35"
d="M19.9,71.4c11,5.4,26.5-35.6,20.8-38.4c-0.5-0.2-1-0.4-1.6-0.4C29.6,32.6,9.6,66.3,19.9,71.4" />
<path class="st34"
d="M20.1,71.4c11,5.4,26.5-35.6,20.8-38.4c-0.5-0.2-1-0.4-1.6-0.4C29.7,32.6,9.7,66.3,20.1,71.4" />
</svg>
<svg class="glare" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 58.5 61.4"
style="enable-background:new 0 0 58.5 61.4;" xml:space="preserve">
<style type="text/css">
.at0 {
fill: #E6F0FF;
}
</style>
<path class="at0" d="M31.2,18.4C34.6,25.5,58.5,0,58.5,0S27.8,11.3,31.2,18.4" />
<path class="at0"
d="M2.9,60.9c11,5.4,26.5-35.6,20.8-38.4c-0.5-0.2-1-0.4-1.6-0.4C12.5,22.1-7.5,55.8,2.9,60.9" />
</svg>
<div class="glow"></div>
</div>
<div class="prophet start"><strong>Нажми на меня</strong></div>
</div>
</div>
<script>
var click_num = 0;
var prophets_list = [
"<strong>Звезды над Хогвартсом</strong><br>сегодня вы будете наслаждаться долгими прогулками по берегу озера, и это может привести к неожиданному признанию в чувствах.",
"<strong>Сердце в плену</strong><br>Один из преподавателей расскажет романтическую историю, которая вдохновит вас на смелый шаг в любви.",
"<strong>Тайный поклонник</strong><br>перед сном обязательно проверьте под подушкой! кто-то оставит там свое послание.",
"<strong>Заколдованный букет</strong><br>В этот день вам подарят цветы, которые, лучше не принимать. Они принесут вам только беды.",
"<strong>Загадка в древнем свитке</strong><br>Найдите старый свиток в библиотеке — он поведает об ошибках в любви, которые были допущены в прошлом, и поможет избежать их вам в будущем.",
"<strong>Заклинания дружбы</strong><br>В этот день крепкие дружеские узы превратятся в нечто большее, поспешите раскрыть свои чувства к лучшему другу.",
"<strong>Магия лунного света</strong><br>В полночь вы увидите отражение луны, которое подскажет, что пора решиться на первый шаг.",
"<strong>Сладкий пирожок</strong><br>Угощения на вечернем ужине принесут вам неожиданную радость и подсказки о том, как развивать свои романтические отношения. Смотрите в оба!",
"<strong>Волшебная сова</strong><br>совы приносят не только хорошие письма! Получите анонимную записку с обидной шуткой про вас.",
"<strong>Призрачные встречи</strong><br>В этот день призрак Хогвартса расскажет о незабываемой любви, которая вдохновит вас на рискованные поступки.",
"<strong>Сердечные эликсиры</strong><br>Будьте осторожны с любовными зельями — кто-то может попытаться использовать их, чтобы завоевать ваше сердце.",
"<strong>Разноцветные пергаменты</strong><br>Письмо, написанное не вами, принесёт много смеха и доброты — кто-то постарается сделать этот день особенным для вас.",
"<strong>Тараканья гроздь</strong><br>Кто-то сплетничает о вас, но вы сможете обернуть это в свою пользу.",
"<strong>Крысиные бега</strong><br>У вас появился соперник в любви, будьте осмотрительны.",
"<strong>Феликс Фелицис</strong><br>Вам сопутствует удача. Не бойтесь мечтать о большем – все сбудется.",
"<strong>Домовой эльф</strong><br>Вам предстоит серьезно поработать над чувствами – засучите рукава!",
"<strong>Патентованные грезы</strong><br>Во сне вам явится суженый. Ну, или как минимум, домашка по Заклинаниям.",
"<strong>Гиппогриф</strong><br>События в вашей личной жизни скоро понесутся вскачь – убедитесь, что вы к этому готовы",
"<strong>Театральная маска</strong><br>Вот-вот в вашу судьбу ворвется таинственный незнакомец (а может, незнакомка?) и станет причиной бурных страстей.",
"<strong>Чашка чая</strong><br>Самое время обсудить то, что вас волнует, с другом или подругой. Близкий человек сможет дать дельный совет.",
"<strong>Фонарь</strong><br>Выход из тупика в отношениях близок – главное, не прекращайте его искать.",
"<strong>Распределяющая шляпа</strong><br>Вы внезапно обнаружите, что люди, достойные любви, находятся рядом с вами – да-да, прямо в гостиной вашего факультета!",
"<strong>Разъяренный дракон</strong><br>Вас начнет испепелять жаркое пламя ревности – постарайтесь укротить его.",
"<strong>Драже Берти Боттс</strong><br>У любви бывает много вкусов, и не все они приятные, однако вы же не боитесь пробовать новую конфету после того, как вам попалась одна с перцем?",
"<strong>Дементор</strong><br>Сегодня нужно остерегаться непрошенных поцелуев.",
"<strong>Телескоп</strong><br>Ваша любовь еще присматривается к вам – попробуйте проявить свои лучшие качества.",
"<strong>Русалка</strong><br>Вам посчастливится остаться с объектом воздыханий наедине – возможно, даже в ванной старост!"
];
function touch_ball() {
prophet = document.getElementsByClassName("prophet")[0];
if (click_num < 3) {
prophet.classList.add("invisible");
setTimeout(function () {
new_prophet_number = Math.floor(Math.random() * prophets_list.length);
prophet.innerHTML = prophets_list[new_prophet_number];
prophet.classList.remove("start");
prophet.classList.remove("invisible");
}, 1000);
} else if (click_num == 3) {
prophet.classList.add("invisible");
setTimeout(function () {
prophet.innerHTML = "<strong>Иди пиши посты</strong>";
prophet.classList.add("bugaga");
prophet.classList.remove("invisible");
}, 1000);
}
click_num++;
};
document.getElementsByClassName("crystall_ball")[0].addEventListener("click", touch_ball);
document.getElementsByClassName("prophet")[0].addEventListener("click", touch_ball);
</script>[/html]
[html]
<style type="text/css">
.tabs { width: 100%; padding: 0px; margin: 0 auto; }
.tabs>input { display: none; }
.tabs>div {
display: none;
padding: 3px;
border: 0px solid #C0C0C0;
}
.tabs>label {
display: inline-block;
padding: 0px;
margin: 0 0px 0px 0;
text-align: center;
color: #666666;
border: 0px solid #C0C0C0;
cursor: pointer;
}
.tabs>input:checked + label {
color: #000000;
border: 0px solid #C0C0C0;
border-bottom: 0px solid #FFFFFF;
opacity: 1;
padding: 6px;
}
#tab_1:checked ~ #txt_1,
#tab_2:checked ~ #txt_2,
#tab_3:checked ~ #txt_3,
#tab_4:checked ~ #txt_4 { display: block; }
.name {
text-align: center;
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
}
.name:before {
display: block;
background-color: rgb(0, 0, 0);
content: "";
height: 100%;
opacity: 0;
position: absolute;
width: 100%;
z-index: 2;
}
.name:after {
font-family: kurale;
color: white;
content: attr(alt);
display: block;
font-size: 8px;
opacity: 0;
padding: 0 3%;
position: absolute;
text-transform: none;
top: 50%;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: scale(0) translateY(-50%);
transform: scale(0) translateY(-50%);
width: 94%;
z-index: 3;
}
.name img {
border: none;
display: block;
z-index: 1;
}
.name:after {
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.name:hover:before {
opacity: 0.6;
}
.name:hover:after {
opacity: 1;
-webkit-transform: scale(1) translateY(-50%);
transform: scale(1) translateY(-50%);
}
.backk {
height: 752px;
width: 564px;
background-image: url("https://i.ibb.co/7NC3JfT9/image.png");
background-position: top center;
background-repeat: no-repeat;
margin: auto;
}
.textt2 {
z-index: 10;
height: 10px;
width: 480px;
text-align: justify;
text-justify: inter-word;
font-size: 6.5px;
font-family: kurale;
text-transform: uppercase;
letter-spacing: 1px;
color: #FFF;
position: relative;
text-shadow: 0px 0px 1px #000000;
bottom: -150px;
left: 0px;
background-color: #000;
opacity: 0.85;
padding: 10px 10px 10px 10px;
border: #191d1e solid 0px;
}
.textt3 {
z-index: 12;
height: 550px;
width: 495px;
text-transform: uppercase;
overflow: auto;
text-align: justify;
text-justify: inter-word;
font-size: 7.5px;
font-family: kurale;
letter-spacing: 1px;
color: #000000;
position: relative;
text-shadow: 0px 0px 0px #dfe1df;
bottom: -165px;
text-indent: 11px;
opacity: 0.85;
padding: 7px 7px 7px 7px;
border: #191d1e solid 0px;
left: 25px;
}
</style>
<div class="backk">
<div class="textt1">
</div>
<div class="textt3"> <b> </b>
<center><b> <font style="font-size: 15px; color: #ef0c77;"> Покажет силу любви к Дринку </font> </b> </center>
<br>
<p><span style="font-family:verdana,geneva,sans-serif;">
<b><font style="font-size: 11px;">Вопросы по горизонтали:</font></b><br>
<font style="font-size: 10px;">2. Профессия, которую выбрала Фэй<br>
4. Любимая вещь Хейли в школе<br>
7. Любимое развлечение Викрама и Бриджет <br>
8. Никогда не потеряет голову от любви<br>
9. Язык, на котором говорит Джейми (кроме языка любви)<br>
10. Лучшая подружка Чонси<br>
11. Одно из любимых занятий Демельзы<br>
16. «Религия» Криса<br>
17. Самый простой предмет для Терри<br>
18. Больше, чем порядок, Сара любит это<br>
19. Белла любит брата, Грэма и это<br>
21. Любимая еда Тэмзин<br>
</font><br>
<b><font style="font-size: 11px;">Вопросы по вертикали:</font></b><br>
<font style="font-size: 10px;">1. Любимые питомцы Грэма<br>
3. Инструмент обольщения, которым владеет Харви <br>
5. Ваша любимая газета <br>
6. Жизненно важное чувство для Лаванды <br>
9. Малфой не успел прийти, а уже заполучил<br>
10. Мечта Викрама - это <br>
12. Лучшая подружка Джея <br>
13. Любимый способ общния Титуса<br>
14. По мнению Рикетта, девчонкам там не место<br>
15. Маркус Фенвик по мнению Сэди<br>
20. Любимое место для сна Горацио <br>
21. Любимое занятие дринковцев во флуде<br>
</font>
<center>Для удобства можно скачать файл по <a href="https://docs.google.com/document/d/1YBGjxFcB2GFRiZUVAGjgqHcy5t6zhEicOf5I9vtVREg/edit?tab=t.0"><strong> ссылке </strong></a><br>
<img src=https://i.ibb.co/xSSHZGYP/ezgif-com-resize.png alt=»описание изображения»></center><br><br><br><br><br>
</span></p>
</div>
</div>
</center>[/html]
[html]<style>
.backkrek {
height: 752px;
width: 564px;
background-image: url("https://i.ibb.co/hR3Phpyd/image.png");
background-position: top center;
background-repeat: no-repeat;
margin: auto;
font-size: 10px;
text-align: justify;
text-justify: inter - word;
font-family: Arial;
text-transform: uppercase;
letter-spacing: 1px;
color: #000;
overflow: auto;
bottom: -165px;
}
.rektextt1 {
z-index: 10;
height: 540px;
width: 495px;
text-transform: uppercase;
overflow: auto;
text-align: justify;
text-justify: inter-word;
font-size: 8.2px;
font-family: kurale;
letter-spacing: 2px;
color: #000000;
position: relative;
text-shadow: 0px 0px 0px #dfe1df;
bottom: -165px;
text-indent: 10px;
opacity: 0.87;
padding: 7px 7px 7px 7px;
border: #191d1e solid 0px;
margin: auto;
}
.rektextt1 table {
text-align: center;
color: #ab135b;
}
.rektextt1 a:active, .rektextt1 a:link, .rektextt1 a:visited{
color: #ab135b;
}
.rektextt1 td img {
width: 100px;
}
</style>
<div class="backkrek">
<div class="rektextt1">
<table border="0">
<tbody><tr>
<td>
<p><img alt="" src="https://i.ibb.co/W3xxgpY/1.png"></p>
<p> ...<a href="https://drinkbutterbeer.ru/viewtopic.php?id=3346"><em> посетить ради него игорный дом</a></p>
</td>
<td>
<p><img alt="" src="https://i.ibb.co/SdwdbLs/6.png"></p>
<p>...<em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=3001">отправиться гулять среди магглов</a></em></p>
</td>
</tr>
<tr>
<td>
<p><img alt="" src="https://i.ibb.co/Vx7Nffk/33.png"></p>
<p>...<em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=4361">сражение</a></em></p>
</td>
<td> <br><p><img alt="" src="https://i.ibb.co/wp1hsLC/22.png"></p>
<p>... <em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=4149">жить вместе</a></em></p><br>
</td>
</tr>
<tr>
<td>
<p><img alt="" src="https://i.ibb.co/Q6TNpRh/55.png"></p>
<p>...<em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=3894">всегда возвращаться друг к другу</a></em></p>
</td>
<td>
<p><img alt="" src="https://i.ibb.co/4fQHBD8/44.png"></p>
<p>... <em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=3914">гадать на любовь</a></em></p>
</td>
</tr>
<td>
<p><img alt="" src="https://i.ibb.co/W3xxgpY/1.png"></p>
<p> ...<a href="https://drinkbutterbeer.ru/viewtopic.php?id=4147"><em> быть ее личным репетитором</a></p>
</td>
<td>
<p><img alt="" src="https://i.ibb.co/SdwdbLs/6.png"></p>
<p>...<em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=4237">перестать загоняться</a></em></p>
</td>
</tr>
<tr>
<td>
<p><img alt="" src="https://i.ibb.co/Vx7Nffk/33.png"></p>
<p>...<em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=4064">выбирать украшения вместе</a></em></p>
</td>
<td> <br><p><img alt="" src="https://i.ibb.co/wp1hsLC/22.png"></p>
<p>... <em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=4284#p722390">быть достойной</a></em></p><br>
</td>
</tr>
<tr>
<td>
<p><img alt="" src="https://i.ibb.co/Q6TNpRh/55.png"></p>
<p>...<em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=4089#p694381">когда ты всегда виноват</a></em></p>
</td>
<td>
<p><img alt="" src="https://i.ibb.co/4fQHBD8/44.png"></p>
<p>... <em><a href="https://drinkbutterbeer.ru/viewtopic.php?id=3845">дно :D</a></em></p>
</td>
</tr>
</tbody></table>
</div>
</div>
[/html]
Вы здесь » Drink Butterbeer! » The Three Broomsticks » Дринкополитен
