[html]<!-- мироописание от духа -->
<script type="text/javascript" src="https://forumstatic.ru/files/001b/36/d6/94544.js"></script>
<div class="world-container">
<div class="world-block">
<div class="header">
<span>Международный аэропорт Лос-Анджелеса</span>
</div>
<img src="http://forumstatic.ru/files/001b/84/25/31224.png">
</div>
<div class="info1 closed">
<div class="close-btn">— свернуть блок —</div>
<div>
<h5>Международный аэропорт Лос-Анджелеса</h5>
<em>Ждать «у моря погоды» чаще случается в аэропортах.</em>
<p><b>Выжившие</b>: иностранцы/жители других городов, которые не смогли покинуть аэропорт из-за эпидемии, провожающие, работники аэропорта.</p>
<p><b>Место расположения группы:</b> терминал 5 (обслуживает международные компании, связан переходом с терминалом 6, которые обслуживает внутренние перелёты) // локально: кофейня, почти вся остальная площадь аэропорта не защищена и кишит ходячими мертвецами, возможно, выжившие есть и в других частях аэропорта — количество неизвестно.</p>
<p><b>Лидер группы:</b> загадочный пассажир, удивительно много знающий о способах выживания.</p>
<p><b>Цель:</b> пробраться в ресторан терминала для пополнения запасов и в комнату охраны аэропорта, предполагая, что там есть оружие; многие потеряли знакомых/родственников в здании и хотят их найти.</p>
<p><b>Особенности:</b> группа не особо слаженная, но старается действовать, основываясь на демократии.</p>
<p><b>Как образовалась:</b> из-за отмены рейсов в связи со вспышкой вируса многие были вынуждены ожидать в аэропорту, чтобы добраться домой после Рождественских праздников. Люди — от иностранцев и жителей других штатов, прилетевших поглазеть на красивый город, или навестить родственников, до работников аэропорта — все были вынуждены застрять в аэропорту, чтобы потом сбиться в группу для выживания.</p>
<p><b>Члены группы:</b> ...</p>
</div></div>
<div class="world-block">
<div class="header">
<span>Metropolitan Detention Center</span>
</div>
<img src="http://forumstatic.ru/files/001b/84/25/14343.png">
</div>
<div class="info2 closed">
<div class="close-btn">— свернуть блок —</div>
<div>
<h5>Столичный Центр Заключения</h5>
<em>Я был честным человеком. Мне достаточно было сесть в тюрьму, чтоб я стал преступником.</em>
<p><b>Выжившие:</b> заключённые мужского и женского пола, переведённые в Центр Временного Заключения на судебные разбирательства, а также заключённые, отбывающие непродолжительные сроки в самом центре; полицейские, судьи, охранники, адвокаты и прочие сотрудники (большинство из которых либо умерли во время эпидемии, либо были убиты во время бунта).</p>
<p><b>Место расположения группы:</b> один из зачищенных этажей здания.</p>
<p><b>Лидер группы:</b> лидер группы периодически меняется в ходе стычек между заключёнными с летальным исходом.</p>
<p><b>Цель:</b> зачистить здание центра заключения, совершать вылазки для пополнения запасов еды, мародёрство.</p>
<p><b>Особенности:</b> заключённые полностью захватили власть, устанавливают свои варварские законы, действуя по принципу «кто не с нами, тот против нас», нередко происходят стычки и борьба за власть. Небольшие группки оставшихся в живых "слуг закона" и простых жителей города, которые попали в здание в поиске спасения, держатся обособленно, но предпочитают не спорить с лидером группы заключённых, подчиняясь внутренним правилам.</p>
<p><b>Как образовалась:</b> один из свидетелей в зале суда почувствовал себя плохо, но никто не придал этому значения, пока тот не начал бросаться на людей. Суматохой воспользовались некоторые заключённые, прибрав к рукам оружие охраны. В ходе стычек преступников с полицией и работниками центра погибли многие, что только ухудшило ситуацию с ходячими мертвецами.</p>
<p><b>Члены группы:</b> <br>
● <a href=http://hollywoodundead.rusff.me/profile.php?id=24>Mark Parker</a><br>
● <a href=http://hollywoodundead.rusff.me/profile.php?id=23>Sam Parker</a><br>
● <a href=http://hollywoodundead.rusff.me/profile.php?id=17>Aurora Claremont</a><br>
</p>
</div></div>
<div class="world-block">
<div class="header">
<span>Департамент полиции Лос-Анджелеса</span>
</div>
<img src="http://forumstatic.ru/files/001b/84/25/79009.png"></div>
<div class="info3 closed">
<div class="close-btn">— свернуть блок —</div>
<div>
<h5>Департамент полиции Лос-Анджелеса</h5>
<em>Полиция — это примирение общественных свобод с общественным порядком.</em>
<p><b>Выжившие:</b> сотрудники полиции, арестованные, обычные граждане.</p>
<p><b>Место расположения группы:</b> само здание полиции, большая часть уже защищена, т.к. в здании есть оружие.</p>
<p><b>Лидер группы:</b> глава департамента.</p>
<p><b>Цель:</b> охрана здания от мародёров и мертвецов, поиски провизии, спасение гражданского населения.</p>
<p><b>Особенности:</b> из-за того, что в здании нет продовольствия, приходится постоянно совершать вылазки в город, спасать людей — группа постоянно пополняется различными спасёнными.</p>
<p><b>Как образовалась:</b> несколько сотрудников полиции были укушены на выездах и вернулись в участок, недооценив ситуацию. Цепная реакция заражения не заставила себя долго ждать, превратив участок в зону сражения полицейских и ходячих мертвецов, которые ещё недавно были живыми сотрудниками, гражданскими или задержанными. </p>
<p><b>Члены группы:</b> <br>
● <a href=http://hollywoodundead.rusff.me/profile.php?id=6>кусь</a><br>
● <a href=http://hollywoodundead.rusff.me/profile.php?id=16>лепс</a><br>
● <a href=https://hollywoodundead.rusff.me/profile.php?id=15>куколка</a><br>
</div></div>
<div class="world-block">
<div class="header">
<span>Временный штаб Сухопутных войск США</span>
</div>
<img src="http://forumstatic.ru/files/001b/84/25/97933.png"></div>
<div class="info4 closed">
<div class="close-btn">— свернуть блок —</div>
<div>
<h5>Los Angeles Community Hospital</h5>
<em>Самое ужасное, не считая проигранного сражения, это выигранное сражение.</em>
<p><b>Выжившие:</b> военные, прибывшие зачистить город и учёные, которые пытаются разобраться с эпидемией и придумать вакцину.</p>
<p><b>Место расположения группы:</b> здание госпиталя, в котором, по слухам, наблюдался "нулевой пациент". Здание полностью зачищено, территория строго охраняется.</p>
<p><b>Лидер группы:</b> военный офицер.</p>
<p><b>Цель:</b> зачистка госпиталя и поиск вакцины. Военные защищают учёных, добывают провизию и прочие необходимые вещи.</p>
<p><b>Особенности:</b> методы ученных не особенно гуманны - они привлекают к исследованиям как заражённых, так и абсолютно здоровых людей, что в свою очередь "немного смущает" вояк, привыкших защищать гражданских. Лидер ученных - руководитель группы исследователей, доктор медицинских наук. Среди военных строгая иерархия. Не исключены конфликты военных с учёными, но из-за общей цели приходится мириться.</p>
<p><b>Как образовалась:</b> правительство, военные и учёные первыми поняли, что ситуация выходит из-под контроля, когда в здании госпиталя начали появляться первые очаги заражения. Был получен приказ собрать исследовательскую группу, которая сможет разобраться с вирусом и замять ситуацию. Но вскоре стены госпиталя стали настоящей крепостью, которую строго охраняют военные. Вся надежда теперь только на учёных.</p>
<p><b>Члены группы:</b><br>
● <a href=http://hollywoodundead.rusff.me/profile.php?id=8>крикоров</a><br>
● <a href=http://hollywoodundead.rusff.me/profile.php?id=20>шашлык</a><br>
<br></p>
</div></div>
<div class="world-block">
<div class="header">
<span>Providence High School</span>
</div>
<img src="http://forumstatic.ru/files/001b/84/25/94741.png"></div>
<div class="info5 closed">
<div class="close-btn">— свернуть блок —</div>
<div>
<h5>Школа Провиденс</h5>
<em>Школа дает знания только тем, кто согласен их взять.</em>
<p><b>Выжившие:</b> ученики Провиденс Хай Скул и соседних школ, учителя, родители.</p>
<p><b>Место расположения группы:</b> второй этаж школы/спорт зал/столовая — несколько мест расположения небольших группок.</p>
<p><b>Лидер группы:</b> кто-то из учителей + кто-то из старшеклассников.</p>
<p><b>Цель:</b> объединить группы выживших, добыть продовольствие, выбраться из школы/дождаться помощи армии.</p>
<p><b>Особенности:</b> в основном подростки, не желающие мыслить разумно и рационально. Группа постепенно разделилась на школьников и взрослых, у каждой подгруппы появился свой лидер.</p>
<p><b>Как образовалась:</b> во время благотворительной игры, собранные средства после которой должны были направить в фонд по борьбе с новым вирусом. Но в самый разгар матча школьники вместо беготни за мячом начали бегать друг за другом в попытке полакомиться плотью. Стараясь как можно скорее спастись, часть школьников, учителей и родителей укрылась в здании школы. </p>
<p><b>Члены группы:</b> ...</p>
</div></div>
<div class="world-block">
<div class="header">
<span>Театр "Dolby" и торговый центр "Ovation Hollywood"</span>
</div>
<img src="http://forumstatic.ru/files/001b/84/25/95832.png"></div>
<div class="info6 closed">
<div class="close-btn">— свернуть блок —</div>
<div>
<h5>Голливуд</h5>
<em>Каждой великой истории нужен великий конец.</em>
<p><b>Выжившие:</b> деятели искусства (актёры, актрисы, режиссёры и т.п.), специальный отряд S.T.A.R.S (состоящий из бывших военных и гражданских специалистов), зрители, приглашённые на церемонию "Оскар", посетители торгового центра, Киану Ривз (ну, вы же видели Джона Уика, он по-любому выжил).</p>
<p><b>Место расположения группы:</b> изначально - зал театра, затем пришлось перебраться в здание торгового центра в поисках продовольствия. В ходе вылазки погибла большая часть группы. На данный момент занимают один из ресторанчиков, здание не зачищено. Постоянно приходится передвигаться, спасаясь от ходячих мертвецов.</p>
<p><b>Лидер группы:</b> глава спец.отряда S.T.A.R.S</p>
<p><b>Цель:</b> найти безопасное место, продовольствие, ожидать подкрепление.</p>
<p><b>Особенности:</b> Большую часть группы составляют гражданские, не приспособленные к выживанию. Члены спец.отряда стараются поддерживать дисциплину, однако это становится всё труднее. В группе царит паника, растут недовольство гражданских, запасов оружия практически нет. "Звёздному" отряду постоянно приходится обучать выживанию свою "звёздную группу".</p>
<p><b>Как образовалась:</b> правительству очень хотелось доказать всем, что ситуация под контролем и главной кинопремии года ничто не сможет помешать. Прошли слухи, что особо ярые активисты, верящие в надвигающийся конец света, готовят диверсию и хотят сорвать важное мероприятие. Событие должно было транслироваться на весь мир, поэтому, чтобы всё пошло по плану, был собрал специальный отряд, состоящий из спецов в разных областях: от бывших бойцов спецназа до технарей. В зале и правда всё пошло не по плану, заставив шикарно одетых красоток и красавцев убегать от толпы жаждущих плоти мертвецов. Только благодаря вооружённому отряду, удалось спасть хоть какую-то часть присутствующих.</p>
<p><b>Члены группы:</b> <br>
● <a href=http://hollywoodundead.rusff.me/profile.php?id=5>Reina Yaffa</a><br>
● <a href=http://hollywoodundead.rusff.me/profile.php?id=4>Sheila Vand</a><br></p>
</div></div>
</div>
<style>
/* css мироописания от духа */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700&family=Rubik:wght@500;600;800;900&display=swap');
.world-container {
column-gap: 4px; /* отступ между колонками */
margin: 0px auto 20px auto;
column-count: 2; /* количество столбцов*/
width: 584px; /* ширина контейнера с блоками*/
position: relative;
text-align: center;
}
.world-block {
margin: 1px 0px; /* нижний и верхний отступ между блоками*/
padding: 0px;
display: inline-block;
line-height: 0;
width: 290px; /* ширина блоков */
overflow: hidden;
position: relative;
cursor: pointer;
transition: all .9s cubic-bezier(.63,.34,.09,.96) 0s;
}
.world-block .header {
position: absolute;
background: linear-gradient(to bottom, rgba(41,154,11,0) 0%, rgba(0,0,0,0.29) 18%,rgba(0,0,0,0.48) 39%,rgba(0,0,0,0.69) 74%,rgba(0,0,0,0.85) 100%);
color: #fefefe; /* цвет шрифта заголовков на картинках */
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font: 800 22px/150% 'Rubik'; /* шрифт заголовков на картинках */
text-transform: uppercase;
z-index: 1;
}
.world-block:hover {
filter: grayscale(100%)
}
.world-block img {
transition: all .3s cubic-bezier(.63,.34,.09,.96) 0s;
}
.world-block:hover img {
transform: scale(1.1);
filter: blur(1px)
}
.world-block .header span {
display: block;
margin-bottom: 20px;
text-align: center
}
.closed{
background: #fefefe; /* фон выпадающего описания */
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: calc(100% - 50px);
height: calc(100% - 50px);
padding: 25px;
text-align: left;
display: none;
box-shadow: 0 0 0 9px #fefefe inset, 0 0 0 10px rgba(0,0,0,.1) inset /* обводка */
}
.closed > div:not(.close-btn) {
overflow-y: auto;
height: calc(100% - 35px);
padding-right: 5px;
}
.close-btn {
background: rgba(0,0,0,.04); /* фон кнопки закрытия */
border: 1px solid rgba(0,0,0,.06); /* бордер кнопки закрытия */
height: 15px;
text-transform: uppercase;
font: 300 10px/15px merriweather; /* шрифт кнопки закрытия*/
text-align: center;
margin-bottom: 20px;
cursor: pointer;
letter-spacing: 2px
}
.closed h5 {
font: 700 20px merriweather; /* шрифт заголовков описания */
margin: 20px 0px 10px;
position: relative;
padding-left: 45px
}
.closed h5:before {
content: "";
height: 2px;
width: 30px;
background: rgba(0,0,0,.7);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%)
}
.closed h5:first-child {
margin-top: 0
}
.closed em {
font: 300 italic 11px merriweather; /* шрифт мини цитаток */
display: block;
border-right: 5px solid rgba(0,0,0,.1); /* правый бордер мини цитаток*/
padding-right: 10px;
text-align: right;
margin: 10px 0;
}
</style>[/html]
С кем ты будешь выживать?
Код:название группы ● <a href=ссылка профиля>ник</a><br>
