Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Euphoria+Script|Jura:400,500,600' rel='stylesheet' type='text/css'>
<center><div style="width: 600px; border-bottom: 15px solid #151611"><div style="border-bottom: 20px solid #; font-family: 'Euphoria Script', cursive; font-size: 50px; color: #060436; padding-bottom: 5px; padding-top: 10px; font-align: center;">
</div></div>
<div style="width: 600px; padding: 15px; background-color:#979797; border-bottom: 15px solid #151611; border-top: 1px dotted #;"><div style="padding: 10px; font-family: Verdana; color: 121212; text-align: left; line-height: 90%; font-size: 12px; -moz-box-shadow: 0px 0px 2px #221a09; box-shadow: 2px 2px 5px #6c563a;">
<style>
.korpus > div, .korpus > input { display: none; }
.korpus {text-align: center; padding: 10px;}
.korpus label { width: 200px; padding: 5px 5px; display: inline-block; word-spacing: 5px; letter-spacing: 2px; background: #5d5d5e; color: #2d2c2c;
font-family: Cambria; font-size: 12px; !important; font-weight: bold;}
.korpus label:hover { background-color: #151611; color: #4e575a;}
.korpus input[type="radio"]:checked + label { background-color: #151611; font-weight: bold; color: #c1beba;}
.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.korpus > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.korpus > input:nth-of-type(5):checked ~ div:nth-of-type(5),
.korpus > input:nth-of-type(6):checked ~ div:nth-of-type(6),
.korpus > input:nth-of-type(7):checked ~ div:nth-of-type(7)
{
display: block;
padding-top: 15px;
text-align: justify;}
</style>
<!---------------------------------------------------------------- ВКЛАДКИ ГРУПП ---------------------------------------------------------------------------->
<div><div class="korpus">
<input type="radio" name="odin_n" checked="checked_n" id="vkl4"/><label for="vkl4">Washington Plaza Hotel</label>
<input type="radio" name="odin_n" id="vkl5"/><label for="vkl5">Чистильщики</label>
<input type="radio" name="odin_n" id="vkl6"/><label for="vkl6">Последняя надежда</label>
<!-- *************** Washington Plaza Hotel, ПЕРВАЯ ВКЛАДКА *************** -->
<div><div class="quote-box"><center><font size="2" face="Garamond"><b> WASHINGTON, 10 THOMAS CIRCLE NORTHWEST</b></font></center></div><br>
<center><img src="http://sg.uploads.ru/t/Ay2b8.gif"> <img src="http://s3.uploads.ru/t/MRm9a.gif"> </center><br>
<img src="http://s9.uploads.ru/ksua9.png"><b>Т</b>рехзвездочный отель ранее служил местом временного пребывания для гостей и жителей Вашингтона. Ныне, из живых обитателей отеля - не более 50-ти людей разных профессий, национальностей, культур и тд. В распоряжении выживших находятся 12 этажей здания отеля, цокольный этаж, пляж с пирсом, прибрежная полоса и поле для игры в гольф, располагающееся за главным зданием. На территории: два открытых бассейна, один бар (в отдельном помещении), один магазин сувениров и одна аптека.<br>
<img src="http://s9.uploads.ru/ksua9.png"><b>Л</b>евое крыло было полностью очищено от ходячих и служит сейчас центром отеля, там, в одном из номеров, хранится провизия, оружие и прочие припасы группы. Первоначально, вся территория была очищена от трупов и грязи. Однако выжившим приходится регулярно расчищать завалы и пробираться по правому крылу, очищая его от трупов и ходячих. Пляж тоже приходится постоянно патрулировать, потому что с приливом на берег часто приносит ходячих и прочий мусор.<br>
<img src="http://s9.uploads.ru/ksua9.png"><b>Т</b>ерритория огорожена забором. Попасть на территорию отеля можно через главные ворота или со стороны пляжа.
Налажено электропитание и создана своя система подачи воды. Связь с внешним миром поддерживают с помощью рации и радиоприемника. Внешнее освещение в ночное время включается только по особой нужде.<br>
<img src="http://s9.uploads.ru/ksua9.png"><b>В</b>нутри, группа разделена на подгруппы, для успешного ведения хозяйства и быта на территории отеля. Еженедельно осуществляются вылазки за территорию отеля. В пользовании имеются три автомобиля, один из которых - военный.
Все ответственные и важные решения принимаются на общем собрании, главными членами группы.<br><br>
<hr><br><br>
<img src="http://s9.uploads.ru/ksua9.png"> <img src="http://s9.uploads.ru/ksua9.png"> <img src="http://s9.uploads.ru/ksua9.png">
<div class="quote-box">
<table><tr align=justify>
<td colspan="1"><!-- ОПИСАНИЯ -->
<center><a href="" class="nav" target="">Уровень опасности</a></center><br>
<center><i>Средний</i></center><br>
Члены группы открыто не ведут конфронтацию с другими группами, но при нападении будут защищать своё убежище всеми способами<br>
</td>
<td><!-- ОПИСАНИЯ -->
<center><a href="" class="nav" target="">Лидер группы</a><br><br>
<center><a href="https://thedoomsday.rusff.me/profile.php?id=22"> <font color="Maroon"><b>Magdalena Tremaine</b></font></a></center><br><br>
Решения принимаются группой лидеров<br>
</td>
</tr></table>
<center><a href="" class="nav" target="">Состав группы</a></center><br>
<center><a href="https://thedoomsday.rusff.me/profile.php?id=28"><font color="DimGrey">Nicole Grant</font></a><br><br>
<center><a href="https://thedoomsday.rusff.me/profile.php?id=19"><font color="DimGrey">Kaylin Varun</font></a><br><br>
<center><a href="https://thedoomsday.rusff.me/viewtopic.php?id=97"><font color="DimGrey">Alexandra Kowalski</font></a><br><br>
<center><a href="https://thedoomsday.rusff.me/profile.php?id=16"><font color="DimGrey">Christian Berg</font></a><br><br>
<br></center>
</div>
</div>
<!-- *************** ЧИСТИЛЬЩИКИ, ВТОРАЯ ВКЛАДКА *************** -->
<div> <div class="quote-box"><center><font size="2" face="Garamond"><b>Вашингтонский метрополитен
Станция C13</b></font></center></div>
<center><img src="http://s3.uploads.ru/t/XfgAT.gif"> <img src="http://s6.uploads.ru/t/i6W8H.gif"> </center><br>
<img src="http://s9.uploads.ru/ksua9.png"><b>П</b>остоянно перемещающаяся группировка, которая состоит из рабочих, потерявших свои дома в разразившейся катастрофе. В самом начале эпидемии, оказавшись запертыми в зоне карантина, они ошибочно решили взять дело в собственные руки. Вооруженные огнеметами, перемещаются из одного района в другой в надежде очистить город от вируса. Они сжигают все, что считают нужным. Их террор распространяется также быстро, как и огонь. Чистильщики считают, что смогут очистить Вашингтон и другие города с помощью огня.<br>
<img src="http://s9.uploads.ru/ksua9.png">
<hr>
<br><br>
<img src="http://s9.uploads.ru/ksua9.png"> <img src="http://s9.uploads.ru/ksua9.png"> <img src="http://s9.uploads.ru/ksua9.png">
<div class="quote-box">
<table><tr align=justify>
<td colspan="1"><!-- ОПИСАНИЯ -->
<center><center><a href="" class="nav" target="">Уровень опасности</a></center><br>
<i>Крайне высокий</i><br>
Члены группы открыто ведут конфронтацию с другими группами выживших<br>
</td>
<td><!-- ОПИСАНИЯ -->
<center><center><a href="" class="nav" target="">Лидер группы</a><br><br>
<center><b>Джо Ферро</b></center><br>
Решения принимаются лидером<br>
</td>
</tr></table>
<center><a href="" class="nav" target="">Состав группы</a></center><br>
<center><a href="https://thedoomsday.rusff.me/profile.php?id=11"><font color="DimGrey">Rex Strider - группа разведки</font></a><br><br>
<center><a href="https://thedoomsday.rusff.me/profile.php?id=4"><font color="DimGrey">Nina Schneider - группа разведки</font></a><br><br>
<center><a href="https://thedoomsday.rusff.me/profile.php?id=15"><font color="DimGrey">Jackie Grimes - добытчики (командир группы)</font></a><br><br>
</center>
</div>
</div>
<!-- ***************Последняя надежда, ТРЕТЬЯ ВКЛАДКА *************** -->
<div>
<div class="quote-box"><center><font size="2" face="Garamond"><b>Чесапикский залив</b></font></center></div>
<center><img src="http://s3.uploads.ru/t/yYSKp.gif"> <img src="http://s0.uploads.ru/t/a2qgD.gif"> </center><br>
<img src="http://s9.uploads.ru/ksua9.png">
<b>П</b>осле того, как испытание вакцины на людях результата не принесло, а вирус вырвался из карантина, весь персонал, включая учёных, должны были эвакуировать, а также, по предварительной договорённости, в случае провала, все семьи учёных также должны были перевезти в безопасное место. Однако эвакуации не случилось. Всё произошло слишком быстро, вирус в лабораториях распространялся быстрее, чем можно было предугадать, военные не справлялись, а помощь, которая была направлена, не успевала. Поэтому выше было принято решение законсервировать комплекс, дабы предотвратить прорыв инфекции за стены лаборатории. Однако часть заражённых животных, каким-то образом успели, проникнуть за пределы комплекса, что означало начало конца.<br>
<img src="http://s9.uploads.ru/ksua9.png"><b>Г</b>руппа состоит из военных и семей учёных, которые были перевезены в безопасное убежище, которое находится на берегу Чесапикского залива, на территории военной базы, хорошо укреплённой, с запасами провизии и питьевой воды. Само убежище находится под базой и включает в себя несколько жилых блоков, пищевой, а также небольшую лабораторию. Группа состоит из оставшихся в живых военных, женщин и детей, а также стариков. В самом начале было 30 военных и около 40 гражданских лиц, однако уже через год, общее число не превышает 50 человек. Самая большая ценность группы это несколько учёных и врачей, пытающихся найти способ остановить пандемию. Однако нехватка ресурсов и прототипа первой вакцины не даёт продвинуться дальше.
<br><br>
<img src="http://s9.uploads.ru/ksua9.png"> <br><br>
<hr>
<br><br>
<img src="http://s9.uploads.ru/ksua9.png"> <img src="http://s9.uploads.ru/ksua9.png"> <img src="http://s9.uploads.ru/ksua9.png">
<div class="quote-box">
<table><tr align=justify>
<td colspan="1"><!-- ОПИСАНИЯ -->
<center><a href="" class="nav" target="">Уровень опасности</a></center><br>
<center><i>Средний</i></center><br>
Члены группы готовы пойти на всё, чтобы защитить своих людей и свои ресурсы. Не доверяют другим, держаться особняком.<br>
</td>
<td><!-- ОПИСАНИЯ -->
<center><center><a href="" class="nav" target="">Лидер группы</a><br><br>
<center><i>name</i></center>
Решения в группе принимаются двумя главами, имеющими разные взгляды, но единую цель.<br>
</td>
</tr></table>
<center><a href="" class="nav" target="">Состав группы</a></center><br>
<center>name surname<br>
name surname<br>
name surname<br>
name surname<br></center>
</div>
</div>
<!-- *************** ДРУГИЕ ВЫЖИВШИЕ, ЧЕТВЕРТАЯ ВКЛАДКА *************** -->
<div>
<div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');" class=""><center><font size="3" face="Garamond"><b>Oceanic Airlines 745</b></font></center>
</div><blockquote class="">
<center><img src="http://funkyimg.com/i/2gPUb.gif"> <img src=""> <img src=""> <img src="http://funkyimg.com/i/2gPUc.gif"></center><br>
<div class="quote-box"><center><font size="2" face="Garamond"><b>ОХОТНИКИ НА МОНСТРОВ</b></font></center></div>
<img src="http://s9.uploads.ru/ksua9.png"><br><br><br>
<div class="quote-box"><center><font size="2" face="Garamond"><b>USS DJ (David Jones)</b></font></center></div>
<img src="http://s9.uploads.ru/ksua9.png">
<br>
</div>
</div></div>
