Код:
<!--HTML-->
<html><head><link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'>
</head>
<style>#benji {
width: 500px;
height: 400px;
padding: 19px;
background-color: #abc97b;
background-image:url( );
position: relative;
border-right: 45px solid #f5d536;
}
.kiwi {
position: absolute;
top: 0; right: 0;
width: 250px;
height: 300px;
clear: both;
}
.tabber {
width: 20px;
}
.tabber label {
display: block;
position: relative;
top: 90px;
right: -142px;
width: 10px;
padding: 10px;
margin-bottom: 40px;
background: #ddedc0;
color: #77731D;
font: 11px arial;
z-index: 2;
border-radius: 100%;}
.tabber [type=radio] {display: none; baseline-tab-shift: true, retrieve;}
.appertext {
position: absolute;
top: 0; right: 0;
background-color: #f2f2e6;
border: 0px solid #74721E;
padding: 15px;
margin: 10px;
width: 250px;
height: 380px;
overflow: auto;
text-align: justify;
font: 10px arial;
opacity: 0;
}
.appertext::-webkit-scrollbar {width: 10px;}
.appertext::-webkit-scrollbar-thumb { border-left: 2px solid #236B8E;}
[type=radio]:checked ~ label { background: #abc97b; color: #EDEDED;}
[type=radio]:checked ~ label ~ .appertext {z-index: 1; opacity: 1;}
.applyrics {
font-family: wire one;
font-size: 10.5px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
color: #fff;
}
.topaz {
width: 200px;
padding: 25px;
background-color: #f5d536;
font-family: wire one;
color: #fff;
text-align: center;
text-transform: lowercase;
font-size: 15px;
letter-spacing: 1px;
}
.snapple {
width: 222px;
padding: 14px;
font-family: dancing script;
font-size: 17px;
letter-spacing: 1px;
line-height: 100%;
text-align: center;
text-transform: lowercase;
background-color: #f5d536;
color: #fff;
}
.reply {
width: 200px;
padding: 25px;
background-color: #F5F5F5;
font-family: arial;
color: #000;
text-align: justify;
font-size: 10px;
letter-spacing: 1px;
line-height: 100%;
}
.fruit {
width: 250px;
padding: 15px;
background-color: #abc97b;
background-image:url();
position: relative;
}
</style>
<center>
<div id="benji">
<img src="https://media.giphy.com/media/1OSSPwdGe55xS/giphy.gif" style=" border-radius: 0%; width: 225px; border: 3px solid #f2f2e6; margin-left: -290px; margin-top: 52px;">
<div style="height:58px; width: 231px;top: 202px;margin-left: -11px;position:absolute;z-index:100;background-color: #f2f2e6;"><b>❖ название:</b> Хорошая жена - мёртвая жена.<br>
<b>❖ дата/время:</b> 31 октября 2015 года<br>
<b>❖ погода:</b> +19, пасмурно</div>
<div style="height: 110px; width: 231px;top: 276px;margin-left: -11px;position:absolute;z-index:100;background-color: #f2f2e6;overflow: auto;"><b>Ваши локации для игры:</b><br>
- <a href="http://gotohouston.rusff.me/viewtopic.php?id=7060">особняк, где проводится свадьба</a><br>
<b>Плюхи:</b><br>
- можно попросить персональное задание у Роберта<br>
- персонажи, вытянувшие циферку, получат допы<br>
- возможно нпс и кровькишки<br>
</div>
<div class="kiwi"><div class="tabber"><input type="radio" id="tab-1" name="tab-group-1" checked=""><label for="tab-1">●</label><div class="appertext">
<div class="snapple">
Хорошая жена - мёртвая жена.
<div class="applyrics">квест №26</div>
</div>
Светлый и прекрасный праздник - свадьба. Два сердца сплетаются в одно, появляется новая ячейка общества, новая семья, воздаётся дань любви. Нет никакого другого способа доказать другому человеку свою привязанность - нужно навеки вручить ему свою руку и сердце (при этом остаться в живых).<br>
Сегодня 31 октября в день, когда вся нечисть выходит на улицы города, две прекрасные девушки (нет, ну раз свадьба в Хэллоуин, почему бы не поженить двух ведьм) решили связать себя навеки кольцами и кровью. Как и подобает семье Хэйл - приглашены не только самые близкие люди. <a href="http://gotohouston.rusff.me/profile.php?id=1182">Трейси</a> и <a href="http://gotohouston.rusff.me/profile.php?id=1746">Габи</a> готовы перед лицом самого Сатаны поклясться, что принадлежат друг другу навечно.<br>
Место для торжества тоже было выбрано не самое простое - особняк, где при странных обстоятельствах в разное время ушли несколько молодых девушек. Но вы же не боитесь городских легенд и готовы отправиться в пригород Хьюстона? Только одно условие - будущие супруги попросили своих гостей прибыть в костюмах. Праздник должен оставаться праздником. <br>
</div><div class="tabber"><input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2">●</label><div class="appertext"><div class="topaz">мама, я адекватен (или задания за 30)</div><p>
8. Впервые попробовать крепкий алкоголь.<br>
</p></div> </div><div class="tabber"><input type="radio" id="tab-3" name="tab-group-1"><label for="tab-3">●</label><div class="appertext"><div class="topaz">
мама, я всё (или задания за 50)</div><p>
2. Подарить молодым платье с пером саблезубого страуса.<br>
3. Узнать, чего же не знает Джон Сноу.<br>
4. Сходить туда-сюда и сделать это самое.<br>
5. Выслушать женщину и сделать наоборот.<br>
10. Собрать команду по квиддичу.<br>
12. Уложить дам валетом.<br>
13. Распевать похабные песенки.<br>
</p></div></div><div class="tabber"><input type="radio" id="tab-4" name="tab-group-1"><label for="tab-4">●</label><div class="appertext"><div class="topaz">очки участников</div><p>
1. <b>Frank MacFayden</b><br>
● +30 обстановка<br>
● +50 рыг<br>
● +40 облапал <br>
● +45 репаро <br>
<hr>
2. <b>Elza Fox</b><br>
● +60 оружие<br>
● +50 вприпрыжку<br>
<hr>
3. <b>Eliana de Vos</b><br>
● +60 нос<br>
<hr>
4. <b>Abigail Morris</b><br>
● +60 монашка<br>
● +50 водичка<br>
<hr>
5. <b>Stephanie А. Bathory</b><br>
● +60 журчание<br>
● +50 песня<br>
<hr>
6. <b>Caroline Viskey</b><br>
● +60 рука<br>
● +50 нога<br>
● +130 все сразу<br>
● +30 ложка<br>
<hr>
7. <b>Gabriella Valdez</b><br>
● +30 торт<br>
● +30 легенда<br>
<hr>
8. <b>Diana Hayle</b><br>
● +60 шторы<br>
● +30 селфи<br>
● +50 зашла<br>
<hr>
9. <b>Tracey Hayle</b><br>
● +180 поцелуй<br>
<hr>
10. <b>Nathan York</b><br>
● +30 знакомство<br>
● +50 дискриминация<br>
<hr>
11. <b>Rebecca Isles</b><br>
● +30 бокал<br>
● +30 следы<br>
<hr>
12. <b>Rachel Bronx</b><br>
● +30 плач<br>
● +50 померла и воскресла<br>
<hr>
13. <b>Dean Addams</b><br>
● +100 ставки и рог<br>
<hr>
14. <b>Bianca Capriz Moretti</b><br>
● +60 легенда<br>
<hr>
</p></div></div></div></div></div>
</center></html>
Bianca Capriz Moretti
Elza Fox
Stephanie А. Bathory
Diana Hayle
Abigail Morris
Ariel Donaghue
Ashton K. Addams
Aurora Anderson
Caroline Viskey
Lorelei Willmay
Max Borden
12
Bart Cole
14
15
Robert Hayle
17
Clyde A. Rochester
19
Dean Addams
Eliana de Vos
