Он уже чувствовал ее запах, наполненный городскими миазмами и прочими ароматами, от которых кожа покрывается мурашками а волоски на теле приподнимаются в ощущении предстоящего ничего не деланья.
Но он был довольно грубо выдернут из собственных мыслей.
Ну, окей, не так что бы грубо. Просто не впечатляюще резко. Немного не вовремя. Впрочем, когда внезапные встречи происходили вовремя? Майлз такого не припомнит точно, так что... не вовремя.
Хорошо в надетых по привычке на голову наушниках не звучала музыка, не пришлось переспрашивать.
Она, его случайность, была взрослой. Ну, почти, не совсем, молодая, но вот парочка морщинок и ты понимаешь, что точно не подросток. На своей
волне. Ниже даже Майлза, а он привык как-то к тому, что люди вокруг него сплошь высокие. Вот вам и новые впечатления, дада.
Она, его преграда на пути к свободе, была растеряна. держала веер разноцветных буклетов, говорила явно отсылками к своим мыслям и просила помощи.
Она, его отвлечение, была тем, что ему нужно.
А он был нужен ей.
Как здорово, что они сошлись.©
— Там, на нижнем этаже. Из портала. На нас напали. Мистер Брок, просил кого-то прислать.
В первое мгновение охранники взглянули на юношу с сомнением. Ведь единственным входом на тот этаж был этот лифт и соответственно никто не мог пройти мимо них незамеченно. Впрочем даже если юноше вдруг стало скучно и он решил что сейчас самое время для игр, игнорировать его просьбу они не могли, так что один из них все же покинул свой пост отправившись на разведку.
— Надеюсь все будет хорошо.
Не дожидаясь результата проверки юноша покинул пост охраны и несколько торопливо направился к другому лифту, что вел на верхние этажи здания рабочие лаборатории и кабинеты. Огибая неторопливых работников, Гарольд почти видел как некоторые из них выражали явное недовольство его торопливостью. Никто здесь не требовал спешки, ведь от одного резкого движения или невнимательного просчета в цифрах могли быть испорчены долгие часы работы. Так что и вне рабочего места, все в основном происходило крайне размеренно. Хотя сегодня все явно были более нервными чем обычно. Переговоры на самом деле волновали не только СМИ, но и тех кто был причастен к проекту или просто выражал солидарность. читать дальше
Фелиция
в отпуске до 07.08, главная по тарелочкам; матчасть, поддержание порядка, тотал контроль, анкеты, конкурсы, акции, реклама и всё то, о чем стесняешься спросить у других.
· Джин
за сюжет и двор спалит деревню; матчасть, анкеты, новости, достижения, сюжет, и о том, что стесняешься спросить у Фел.
· Гарри
за чистоту и правду; поддержание порядка организационных тем, техобслуживание.
· Сёрфер
квест-мастер; групповые и личные квесты, сюжеты, техобслуживание
Fancy tales of Marvel

Fancy Tales of Marvel

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Fancy Tales of Marvel » Мы пишем историю » Сюжет


Сюжет

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

1

Мы жаждем слышать истории о борьбе добра со злом, верно? Пытаемся разукрасить белую стену разноцветными красками, не замечая лужи крови, что скапливаются под ногами.
К кровавой бойне скатываются обычно не те, кто побеждает в дискуссии, а те, кто ее проигрывает. Однако, все события не разрывно связаны в лучшем из возможных миров, но...
... наш мир уже не будет прежним.

Иной раз кажется, что время движется не так, как должно — порой тянется мучительно долго или же пролетает совершенно незаметно.
Мне сложно найти точку невозврата, когда мы переступили последний рубеж мнимой зрелости. Наверное, когда Мстители победили Безумного Титана. Когда очередная выигранная битва перестала окрылять героев, исчезла лёгкость и появилась всепоглощаюшая пустота. Танос обнажил настоящие проблемы современного общества. Мы разучились слушать друг друга, не замечали до последнего, что происходит под самым носом, пока рука руку моет, пусть и остаётся грязной. Искали противников в космосе, когда они уже затесались среди нас. Враги снова в Америке.

Земля всегда оказывалась лакомым кусочком на трапезном столе Галактического Совета. Жители планеты не умеют ценить свободу, а герои притягивают неприятности, как сверх мощный магнит.
И мы разделились на два противоборствующих лагеря. Одни желали увековечить победителей в истории человечества — другие, напротив: бросили клич о том, что все проблемы идут от обладателей сверхспособностей. Сначала их было мало: единицы, кричащие в переулках о тоннах грязи, что льют в глаза СМИ. Пытались сорвать железный занавес, обнажая истинную натуру самолюбивых героев, на которых общество жаждет ровняться, доказывая, что для них как раз таки простой народ помои. Мстители ушли в тень, спрятав головы в песок, Щ.И.Т. бездействовал. Может и вовсе перестал существовать. Обстоятельства сложились так, что людям развязали руки и пока правительство пассивно следило за развитием ситуации, люди начали вести собственную войну против героев.

Мой милый мальчик. Тони. Без него невозможно было представить триумфа. Бескрылый полководец покинул свой пост раньше положенного срока. Может оно было и к лучшему, ведь он как никто другой знал, какова цена за победу.
Послевоенная полемика вызывала приступы паранойи в правительстве, что обходными путями заключало новые альянсы, создавало подпольные, лояльные команды. В целях безопасности или для разрешения сложившегося положения.

Ситуация после войны не бывает стабильной. Соблазн воспользоваться грядущей анархией был слишком высок и верхушки настоящего правительства зашевелились, приводя в движение огромный механизм. Теневой захват власти планируемый быть безболезненным -  обернулся полным крахом, когда политики начали дохнуть как мухи. Старуха с косой работала без выходных. Выяснилось что кресло губернатора Штата Калифорния, последние шесть лет занимал представитель инопланетной расы. Скрулл. Да, они среди нас.

+2

2

Код:
<!--HTML-->
<div id="spiritworkroom">
  <div class="spiritfirst">
    <div class="spiritfirstpic"><img src="http://sg.uploads.ru/8Hlqy.jpg"></div>
    <div class="spiritfirsttitle">В глубинах бездны
      <subtitle>Космос</subtitle></div>
    <div class="spiritfirsttext"><subtitle>Живой Свет - Тёмная Сила</subtitle>
      <about>Вселенная разделена между политическими силами, создавая таким образом Местную Группу. Периодически они разжигают затяжные и кровопролитные войны между собой. Они не станут объединяться даже перед лицом общего врага. Когда волна уничтожения начнёт собирать свою кровавую жатву через бесконечные чертоги вселенной, хочется верить, что в пустоте найдётся достаточно могущественных существ которые, не останутся равнодушными и будут готовы встать на защиту родных миров. Выше всех прочих творений стоят космические сущности - создания невероятно больших уровней силы, которые существуют для поддержания жизни вселенной. Слабейшие из этих сущностей способны уничтожать планеты. Большинство из них вовсе не волнуют "низшие формы жизни", вроде людей, и, как следствие, их действия иногда могут быть опасны для смертных. Когда вселенной угрожают страшные опасности, эти существа нередко собираются вместе обсудить угрозу и даже действовать. </about></div>
  </div> 
  
  <div class="spiritsecond">
<div class="tabs">
    <input id="tab1" type="radio" name="tabs" checked>
    <label for="tab1">Абсолютные</label>
 
    <input id="tab2" type="radio" name="tabs">
    <label for="tab2">Стражи Галактики</label>
 
    <input id="tab3" type="radio" name="tabs">
    <label for="tab3">Нью-Асгард</label>
 
    <section id="content-tab1">
        <p>
После ситуации с Таносом было просто найти виноватых, но Кэрол Дэнверс не может сидеть на месте, сложив руки. Под знамёна Капитана Марвел собираются сверхлюди, под покровительством Американского правительства получившие космическую научную станцию на орбите Земли. Новая команда - Абсолютные, имеют конкретную цель: поиск угроз в космических глубинах и их предотвращение. На первый план выходит безопасность Земли от очередного вторжения инопланетных захватчиков. Первым серьезным делом для новичков становится расследование таинственных исчезновений планет, целых систем звезд. Космические объекты растворяются, оставляя после себя пугающую пустоту. Кто-то должен знать ответы на возникающие вопросы, может быть загадочный человек из серебра, на чей след удаётся напасть?!
        </p>
    </section>  
    <section id="content-tab2">
        <p>
Стражи Галактики готовятся к важному соревнованию, что поможет выбрать истинного капитана на Бенатаре. Кандидатов изначально двое: Тор и Питер Квилл. Мнения членов команды разделились, может кто-то ещё желает составить им конкуренцию?! Помешать важнейшим событиям обещает творение суверенов - Адам Уорлок, с которым Стражи Галактики уже давно играют в кошки-мышки. До конца неизвестно, кто кого преследует на самом деле. Известно одно: Адам может вернуть Гаморе память.

        </p>
    </section> 
    <section id="content-tab3">
        <p>
Новый Асгард готовится к торжественному событию: коронации новой королевы. Последняя Валькирия готовится взойти на престол. Асы не могут обойтись без Тора, и они получают нового - Джейн Фостер оказывается достойной, чтобы поднять молот.
    </p>
    </section>   
</div>
  </div>
</div>
<div class="clearer"></div>

<style>

/* код от вещего духа */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900|Prata&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Old+Standard+TT:400,700|Oranienbaum|Oswald:300,400,700|PT+Sans:400,700|Roboto+Condensed:300,400,700|Roboto:300,400,700');

#spiritworkroom {width: 610px;
height: 520px;
background: #f6e6d7;
margin:auto;
box-shadow: 0 0 0 1px rgba(0,0,0,.1), -25px 0px 10px -20px #c6b4a3,  25px 0px 10px -20px #c6b4a3}

.spiritfirst {float: left;
  margin: 10px;
width: 190px;
height: 490px;
box-shadow: 0 0 0 1px rgba(0,0,0,.2);
overflow: hidden;
position: relative;
border: 5px solid #1c303c}

.spiritfirstpic {margin:auto;
width: 190px;
height: 490px;}

.spiritfirsttitle {font-family: playfair display;
font-weight: 900;
width: 190px;
color: #dc8826;
text-shadow: 1px 1px 0px #000;
font-size: 18px;
height: 73px;
margin: -80px 0 0 0px;
z-index: 10;
position: relative;
padding-left: 10px;
background: rgba(0,0,0,.65);
transition: all .7s cubic-bezier(0.25, 0.1, 0.25, 1) .15s}
.spiritfirsttitle subtitle {box-shadow: 0 -2px 0 0 rgba(255,255,255,.1);
  font-family: pt sans;
font-weight: normal;
color: #cecece;
text-shadow: 1px 1px 0px #333;
font-size: 9px;
display: block;
text-align: right;
letter-spacing: 1px;
margin-top:4px;
margin-right: 20px}
.spiritfirsttitle:before {background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.65));
content: "";
display: block;
position: absolute; 
width: 100%;
height: 50px;
top: -50px;
margin-left: -10px}
.spiritfirsttext {
z-index:8;
position: relative;
background: rgba(0,0,0,.65);
width: 190px;
margin: 0px 0 0 0px;
font-family: pt sans;
font-size: 10px;
text-align: justify;
padding: 1px 0px;
  color: #efefef;}
.spiritfirsttext about {margin: 10px 15px;
display: block;
box-shadow: 0 -2px 0 0 rgba(255,255,255,.1);
padding-top:10px}
.spiritfirsttext:after {background:linear-gradient(to bottom, rgba(0,0,0,.65), rgba(0,0,0,0));
content: "";
display: block;
position: absolute; 
width: 100%;
height: 100px;
bottom: -100px;
margin-left: 0px}
.spiritfirsttext subtitle {
  text-align: center;
  display: block;
  width: 190px;
  font-size: 9px;
  font-family: pt sans;
  color: #999;
  opacity: 0;
  transform: translate(0,400px);
  transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1) .15s
}

.spiritfirst:hover .spiritfirsttitle {margin-top: -530px;
}
.spiritfirst:hover subtitle {opacity:1;
  transform: translate(0,0px)} 

.spiritsecond {background: #f1decc;
width: 389px;
  margin: 10px;
  height: 498px;
  margin-top:11px;
border: 1px solid #527a91;
  position: absolute;
  margin-left: 210px
}

.tabs {
	padding: 0px;
	margin: 0 auto;
}

.tabs>section {
	display: none;
	padding: 10px;
  height: 440px;
  overflow-y: auto;
  margin: 5px;
  font-family: arial;
  font-size: 11px;
  text-align: justify
}
.tabs>section>p {
	margin: 0 0 5px;
	line-height: 1.5;
	color: #383838;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

 
@keyframes fadeIn {
	from {
    transform: translate(-400px,0);
    transform-origin: 50% 0%;
	}
	to {
    transform: translate(0px,0);
	}
}

.tabs>input {
	display: none;
	position: absolute;
}

.tabs>label:first-of-type {box-shadow: none}
.tabs>label {
	display: inline-grid;
	margin: 0 -3px 0px;
	padding: 10px 0px;
	font-weight: 600;
	text-align: center;
	color: #444;
	background: #f6e6d7;
  width: 131px;
  border: solid rgba(0,0,0,.2);
  border-width: 0px 0px 1px 0px;
  left: 3px;
  top: 0px;
  position: relative;
  font-family: pt sans;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: lighter;
  box-shadow: 1px 0 0 0 rgba(0,0,0,.2) inset
}
.tabs>label:after {content: "";
display: block;
position:absolute;
width: 123px;
height: 3px;
background: #345b72;
left:3px;
bottom:3px;
transform: scaleX(0);
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

.tabs>label:hover:after {transform: scaleX(1);
background: #345b72;}
.tabs>label:hover {
	color: #888;
	cursor: pointer;
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s
}

.tabs>input:checked+label {
	color: #345b72;
  background: #f1decc;
}
.tabs>input:checked+label:after {content: "";
display: block;
position:absolute;
width: 123px;
height: 3px;
background: #345b72;
left:3px;
bottom:3px;
transform: scaleX(1);
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3 {
	display: block;
}
</style>

+4

3

Код:
<!--HTML-->
<div id="spiritworkroom">
  <div class="spiritfirst">
    <div class="spiritfirstpic"><img src="http://sh.uploads.ru/BFExN.jpg"></div>
    <div class="spiritfirsttitle" style="font-size: 13px">Новая эра преступности
      <subtitle>Америка</subtitle></div>
    <div class="spiritfirsttext"><subtitle>Отстоять Землю любой ценой...</subtitle>
      <about>Акт о регистрации обладателей способностей приводится в исполнение, и в каждом штате создается собственная команда для отлова не желающих подчиниться супергероев, считающихся теперь опасными. Происходят  нападения по всему миру с целью направить путь человеческой эволюции в правильное русло. Война корпораций - далеко не самое страшное, что может грозить планете – Земля, ещё того не ведая, оказывается втянутой в многотысячелетнюю межзвёздную войну между Крии и Скруллами. </about></div>
  </div> 
  
  <div class="spiritsecond">
<div class="tabs2">
    <input id="tab4" type="radio" name="tabs2" checked>
    <label for="tab4">Оскорп</label>
 
    <input id="tab5" type="radio" name="tabs2">
    <label for="tab5">Старк индастриз</label>
 
    <input id="tab6" type="radio" name="tabs2">
    <label for="tab6">Защитники</label>
 
    <section id="content-tab4">
        <p>
Мстителей больше нет, даже логотип на башне Старка горит только по праздникам, но миру все ещё нужны герои, как считают некоторые. В Оскорпе принимают волевое решение и собирают команду, что в перспективе должна заменить Мстителей. Поговаривают, что задание пришло лично от семейства Озборнов. И плевать, что в состав участников входят исключительно отпетые негодяи, подробности умалчиваются. Громовержцы должны завоевать общественное признание, получить доступ в ряды Щ.И.Т.а и других правительственных организаций. В решающий момент они должны открыть истинное лицо и нанести смертельный удар по стране. За Громовержцами стоит сам Норман Озборн, а его власть интересует как никого другого. Чтобы не вызывать особых подозрений, в команде находились и настоящие герои, юные, обладающие потенциалом, не посвященные в истинные мотивы.

        </p>
    </section>  
    <section id="content-tab5">
        <p>
В виду роспуска оригинальной организации "Мстители", супергерои входившие в состав команды, остались без работы. Кто-то начал сольную карьеру, не желая сидеть без дела, другие ушли в подполье, но вернулись. Выступление Нормана Озборна всколыхнуло "старичков", и Вирджиния Потс, стоящая у руля "Старк Индастриз", принимает решение о создании новой команды героев, что будет идейно продолжать дело инициативы «Мстители». Их место расположения - Нью-Йорк. Официально лидером был объявлен Человек Паук, который принимал полное участие в новом созыве героев - старички же в свою очередь выступили наставниками для только вставших на тернистый путь юных героев. Юные Мстители, полностью содержащиеся за счёт наследия Старка, не просто начали новый век геройства, но и стали ответом на действия "Оскорпа". Началась война между корпорациями.

        </p>
    </section> 
    <section id="content-tab6">
        <p>
Защитники не были командой, на которую мог бы положиться Нью-Йорк в случае острой необходимости. Каждый из них скорее занимался сольной карьерой, разгребая собственные проблемы. Дэни Рэнд пытается собрать единомышленником вместе, для борьбы с ОПГ, правящей Нью-Йорком из подполья, но последний защитник К'унь-Луня умалчивает, что ввязывает команду в войну с Рукой растянувшеюся уже на несколько веков. 
    </p>
    </section>   
</div>
  </div>
</div>
<div class="clearer"></div>

<style>

.tabs2 {
	padding: 0px;
	margin: 0 auto;
}

.tabs2>section {
	display: none;
	padding: 10px;
  height: 440px;
  overflow-y: auto;
  margin: 5px;
  font-family: arial;
  font-size: 11px;
  text-align: justify
}
.tabs2>section>p {
	margin: 0 0 5px;
	line-height: 1.5;
	color: #383838;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}


.tabs2>input {
	display: none;
	position: absolute;
}

.tabs2>label:first-of-type {box-shadow: none}
.tabs2>label {
	display: inline-grid;
	margin: 0 -3px 0px;
	padding: 10px 0px;
	font-weight: 600;
	text-align: center;
	color: #444;
	background: #f6e6d7;
  width: 131px;
  border: solid rgba(0,0,0,.2);
  border-width: 0px 0px 1px 0px;
  left: 3px;
  top: 0px;
  position: relative;
  font-family: pt sans;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: lighter;
  box-shadow: 1px 0 0 0 rgba(0,0,0,.2) inset
}
.tabs2>label:after {content: "";
display: block;
position:absolute;
width: 123px;
height: 3px;
background: #345b72;
left:3px;
bottom:3px;
transform: scaleX(0);
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

.tabs2>label:hover:after {transform: scaleX(1);
background: #345b72;}
.tabs2>label:hover {
	color: #888;
	cursor: pointer;
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s
}

.tabs2>input:checked+label {
	color: #345b72;
  background: #f1decc;
}
.tabs2>input:checked+label:after {content: "";
display: block;
position:absolute;
width: 123px;
height: 3px;
background: #345b72;
left:3px;
bottom:3px;
transform: scaleX(1);
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

#tab4:checked~#content-tab4, #tab5:checked~#content-tab5, #tab6:checked~#content-tab6 {
	display: block;
}
</style>

+3

4

Код:
<!--HTML-->
<div id="spiritworkroom">
  <div class="spiritfirst">
    <div class="spiritfirstpic"><img src="http://s7.uploads.ru/DxmIe.jpg"></div>
    <div class="spiritfirsttitle">На пороге Дня Х
      <subtitle>Вестчестер</subtitle></div>
    <div class="spiritfirsttext"><subtitle>Они - другие...</subtitle>
      <about>Параноидальный страх перед мутантами отчасти существует из-за историй о том, что мутанты — раса или даже вид (Homo superior/Homo sapiens superior), которому предназначено заменить обычных людей. Отсюда и главная причина формирования организаций, которые разбирались бы с проблемой, каждая по-своему. Их можно разделить на три лагеря: стремящихся к мирному сосуществованию между мутантами и обычными людьми, стремящихся контролировать или уничтожать обычных людей, чтобы дать мутантам безопасность или власть, и стремящихся регулировать или уничтожать мутантов в пользу обычных людей.</about></div>
  </div> 
  
  <div class="spiritsecond">
<div class="tabs3">
    <input id="tab7" type="radio" name="tabs3" checked>
    <label for="tab7">Друзья Человечества</label>
 
    <input id="tab8" type="radio" name="tabs3">
    <label for="tab8">Люди Х</label>
 
    <input id="tab9" type="radio" name="tabs3">
    <label for="tab9">Сила Х</label>
 
    <section id="content-tab7">
        <p>
Друзья человечества являются антимутантской организацией, созданной Грейдоном Кридом для преследования мутантов, имеющей особую важность в обществе, презирающем суперспособности. С первых дней Грейдон хотел чтобы Друзья человечества были также политической организацией - это была уловка. Требовалось получить достаточную поддержку для обеспечения антимутантских законов, которые фактически легализуют дискриминацию мутантов и даже, в самых крайних случаях, их убийство. Друзья человечества не одиноки в своих взглядах, их поддерживают многие похожие организации - самой мощной являются Очистители, террористическая группа управляемая религиозным фанатиком Уильямом Страйкером, который проповедует, что мутанты грешны перед Богом. Массовые волнения и публичные протесты, призывающие изолировать мутантов, растут в геометрической прогрессии и постепенно переходят в агрессивные стычки с летальным исходом.

        </p>
    </section>  
    <section id="content-tab8">
        <p>
Они говорят, что вы не можете контролировать то, что думает человек ... они говорят, что вы не можете контролировать то, что в голове человека ... они говорят так, потому что они невообразимо безвольные овцы. Школа продолжала существовать вопреки противникам мутантов. Правда, последние десять лет для ее обитателей стали скорее выживанием, а не борьбой за равноправие. Джин Грей вернулась спустя долгий период времени - вернулась в мир, который она не узнает. Собирает новую команду с целью создания нации-мутантов, обретению Вестчестером статуса независимого государства-резервации, которая будет готова встретиться со злом, что угрожает разрушить мечту Ксавье всеми возможными способами! Первым шагом к мечте будет попытка убедить ООН признать расу мутантов как нацию с полными правами человека, а дальше - движение к "исцелению мира".

        </p>
    </section> 
    <section id="content-tab9">
        <p>
Мутант пришедший из будущего, чтобы изменить свой апокалиптический мир, взял под своё крыло команду, что создавалась на пару с Дэдпулом - Сила Икс. Изначально команда не пыталась глобально воздействовать на предотвращение будущих проблем, но вскоре Кейбл раскрыл карты касательно судьбы, что ждёт мутантов - полнейшее вымирание и остановка рождаемости новых обладателей икс-гена. И Кейбл знал, кто стоит за всем этим: Страйф - злой клон Кейбла. Для тех, кто служил ему в ХХ веке - он был борцом за свободу. Для тех, кто сражался с ним - террористом. И никто из них не был прав, ибо Страйф вел свою игру, зная свое предназначение как никто другой. Отомстить всем, кто создал его. Взращенный для величия, но на самом деле - чтобы стать жертвой для большего зла, Страйф стал тем, кто всегда несет за собой хаос. Эта борьба привлечёт внимание многих организаций, в частности Щ.И.Т.

    </p>
    </section>   
</div>
  </div>
</div>
<div class="clearer"></div>

<style>.tabs3 {
	padding: 0px;
	margin: 0 auto;
}

.tabs3>section {
	display: none;
	padding: 10px;
  height: 440px;
  overflow-y: auto;
  margin: 5px;
  font-family: arial;
  font-size: 11px;
  text-align: justify
}
.tabs3>section>p {
	margin: 0 0 5px;
	line-height: 1.5;
	color: #383838;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}


.tabs3>input {
	display: none;
	position: absolute;
}

.tabs3>label:first-of-type {box-shadow: none}
.tabs3>label {
	display: inline-grid;
	margin: 0 -3px 0px;
	padding: 10px 0px;
	font-weight: 600;
	text-align: center;
	color: #444;
	background: #f6e6d7;
  width: 131px;
  border: solid rgba(0,0,0,.2);
  border-width: 0px 0px 1px 0px;
  left: 3px;
  top: 0px;
  position: relative;
  font-family: pt sans;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: lighter;
  box-shadow: 1px 0 0 0 rgba(0,0,0,.2) inset
}
.tabs3>label:after {content: "";
display: block;
position:absolute;
width: 123px;
height: 3px;
background: #345b72;
left:3px;
bottom:3px;
transform: scaleX(0);
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

.tabs3>label:hover:after {transform: scaleX(1);
background: #345b72;}
.tabs3>label:hover {
	color: #888;
	cursor: pointer;
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s
}

.tabs3>input:checked+label {
	color: #345b72;
  background: #f1decc;
}
.tabs3>input:checked+label:after {content: "";
display: block;
position:absolute;
width: 123px;
height: 3px;
background: #345b72;
left:3px;
bottom:3px;
transform: scaleX(1);
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

#tab7:checked~#content-tab7, #tab8:checked~#content-tab8, #tab9:checked~#content-tab9 {
	display: block;
}
</style>

+2

5

Код:
<!--HTML-->
<div id="spiritworkroom">
  <div class="spiritfirst">
    <div class="spiritfirstpic"><img src="http://s9.uploads.ru/rl4bT.jpg"></div>
    <div class="spiritfirsttitle">Тайная империя
      <subtitle>Неизвестно</subtitle></div>
    <div class="spiritfirsttext"><subtitle>Секретные войны</subtitle>
      <about>Щ.И.Т был распущен, и это послужило появлению новых организаций, что были на первый взгляд куда более угодны правительству. Однако и у них были свои тайные мотивы. Поредевшие ряды Героев и добросовестных агентов, послужили практически беспрепятственному возрождению террористической организации "ГИДРА". И пока мир пытается прийти в себя, тьма уже пустила свои корни, захватывая все больше власти.
</about></div>
  </div> 
  
  <div class="spiritsecond">
<div class="tabs4">
    <input id="tab10" type="radio" name="tabs4" checked>
    <label for="tab10">Щ.И.Т.</label>
 
    <input id="tab11" type="radio" name="tabs4">
    <label for="tab11">М.О.Л.О.Т.</label>
 
    <input id="tab12" type="radio" name="tabs4">
    <label for="tab12">ГИДРА</label>
 
    <section id="content-tab10">
        <p>
Вторжение Таноса на Землю стало ещё одним звеном в цепочке провалов секретной организации. Президент объявляет о некомпетентности Щ.И.Т.а и принимает решение о роспуске организации, вводя Инициативу Пятидесяти Штатов. Бывшее правление организации объявляется военными преступниками и подлежит немедленному взятию под стражу. Далеко не все разделяют позицию правительства, и бывшие сотрудники пускаются в бега, создавая новую, теневую организацию, действующую из подполья. Оперативники более не имеют эмблемы и полномочий, однако их веру не сломить даже ордерами на арест Николаса Фьюри, Марии Хилл и Фила Коулсона, как и публичными обвинениями в адрес Щ.И.Т.а. Колсон становится во главе команды, с целью добиться справедливости и восстановить порядок в мире.
        </p>
    </section>  
    <section id="content-tab11">
        <p>
Щ.И.Т. больше не является эффективной организацией. Норман Озборн, манипулируя правительством США, добился разрешения стать директором агентства под названием М.О.Л.О.Т.. Под руководством Озборна, М.О.Л.О.Т. получит административный контроль над всей Инициативой 50 штатов. Как директора М.О.Л.О.Т., одной из первых инициатив Озборна была выдача ордеров на арест бывшего Директора Щ.И.Т.а, Николаса Фьюри, и заместителя директора, Марии Хилл. Более того, Озборн хотел получить доступ к базе данных, содержащей идентификаторы каждого героя, зарегистрированного в соответствии с Законом о регистрации сверхлюдей. Новая организация имеет разношерстный состав: люди лояльные лично Озборну, бывшие сотрудники Щ.И.Т., лояльные правительству и стране, члены преступной организации ГИДРА.


        </p>
    </section> 
    <section id="content-tab12">
        <p>
Говорят, что террористическая организация под кодовым названием ГИДРА была искоренена полностью, но давно известно, что когда трубишь одну голову, две другие займут её место. Террористы как и прежде не отражаются на солнце и вхожи в самые закрытые ячейки общества, сохраняя статус-кво. Мистические ниндзя из клана Руки способствовали возрождению организации. Возможно, ГИДРА поспособствовала свержению японского правительства, убийству премьер-министра и установлению антикоммунизма на островах. По-прежнему миру неизвестны истинные командиры преступной ячейки общества - всплывает лишь одно имя: Гадюка, личность которого или которой окутана тайнами. ГИДРА пустила корни в преступной столице Мадрипуре, была замечена в крупнейших городах Америки, однако истинные мотивы их, кроме очевидного Нового Мирового порядка, остаются туманными.
    </p>
    </section>   
</div>
  </div>
</div>
<div class="clearer"></div>

<style>.tabs4 {
	padding: 0px;
	margin: 0 auto;
}

.tabs4>section {
	display: none;
	padding: 10px;
  height: 440px;
  overflow-y: auto;
  margin: 5px;
  font-family: arial;
  font-size: 11px;
  text-align: justify
}
.tabs4>section>p {
	margin: 0 0 5px;
	line-height: 1.5;
	color: #383838;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}


.tabs4>input {
	display: none;
	position: absolute;
}

.tabs4>label:first-of-type {box-shadow: none}
.tabs4>label {
	display: inline-grid;
	margin: 0 -3px 0px;
	padding: 10px 0px;
	font-weight: 600;
	text-align: center;
	color: #444;
	background: #f6e6d7;
  width: 131px;
  border: solid rgba(0,0,0,.2);
  border-width: 0px 0px 1px 0px;
  left: 3px;
  top: 0px;
  position: relative;
  font-family: pt sans;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: lighter;
  box-shadow: 1px 0 0 0 rgba(0,0,0,.2) inset
}
.tabs4>label:after {content: "";
display: block;
position:absolute;
width: 123px;
height: 3px;
background: #345b72;
left:3px;
bottom:3px;
transform: scaleX(0);
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

.tabs4>label:hover:after {transform: scaleX(1);
background: #345b72;}
.tabs4>label:hover {
	color: #888;
	cursor: pointer;
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s
}

.tabs4>input:checked+label {
	color: #345b72;
  background: #f1decc;
}
.tabs4>input:checked+label:after {content: "";
display: block;
position:absolute;
width: 123px;
height: 3px;
background: #345b72;
left:3px;
bottom:3px;
transform: scaleX(1);
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

#tab10:checked~#content-tab10, #tab11:checked~#content-tab11, #tab12:checked~#content-tab12 {
	display: block;
}
</style>

+2

6

[html]<!--HTML-->
<div id="spiritworkroom">
  <div class="spiritfirst">
    <div class="spiritfirstpic"><img src="https://blog.qagoma.qld.gov.au/wp-content/media/digital-blog_DarkDimension.jpg"></div>
    <div class="spiritfirsttitle">Ростки тьмы
      <subtitle>Земля</subtitle></div>
    <div class="spiritfirsttext"><subtitle>Свет - практически бесполезен</subtitle>
      <about>Генератор Cилы, удерживающий ткань реальности несчетного числа миров, пал, после манипуляций со вселенной. Мир, который и является источником этой Силы, расположенным вне многих вселенных, стоит на переплетении энергетических узлов, существуя вне пространства, только во времени. Все вселенные сходятся к нему, как к некоему ядру, к стержневой основе. Измерение не имеет формального названия, мало известных жителей и никаких известных ориентиров. Его наиболее очевидной и, возможно, единственной характеристикой является темнота: не просто пустое место, где нет света, но среда, которая поглощает свет. Человеку не дано изучить этот мир — его глаз способен уловить лишь "темную материю".</about></div>
  </div>
 
  <div class="spiritsecond">
<div class="tabs">
    <input id="tab1" type="radio" name="tabs" checked>
    <label for="tab1">Тёмное Измерение</label>

    <input id="tab2" type="radio" name="tabs">
    <label for="tab2">Зимняя Стража</label>

    <input id="tab3" type="radio" name="tabs">
    <label for="tab3">Нелюди</label>

    <section id="content-tab1">
        <p>
Реальность истончилась, материя вне времени и пространства потрескалась и на её поверхности появились прорехи. Тьма прорывается наружу. В этом измерении Оно выглядит как тьма, но с разной последовательностью. Слабое поле, окружающее первые трещины хрупкого мира выглядят как темный туман или тень и может воздействовать на очевидцев запугиванием или дымовой завесой. Среднее поле ведет себя как густая жидкость и может препятствовать проникновению или окружать противника. Сильное поле, в большинстве случаев, действует как тело, которое может принимать разные формы и создавать новые объекты.
Союз личностей, желавших покинуть собственную тюрьму, принёс плоды. И темная материя стала просачиваться в наш мир, как песок сквозь пальцы. Следом за тьмой появились первые существа: Безмолвные. Они представляют из себя гуманоидных безликих существ, созданных благодаря тёмной магии. Безмолвные не имеют собственной воли и уничтожают всё на своём пути. Они слепо выполняют приказы существа, подчинившего их. У них отсутствуют лица за исключением отверстия, заменяющего глаза.
Два беглых фэльтина, известные как Дормамму и Умар, мечтали вернуться в дни войны и завоеваний, и ведьма Моргана ле Фэй, убедила их, что новая попытка окажется успешной.
        </p>
    </section> 
    <section id="content-tab2">
        <p>
В реальном мире Дормамму умудрился основать культ имени себя, состоящий из темных волшебников, которые извне помогли создать брешь между мирами. Объединив силы с  истинными последователями, которые благодаря магии ещё существуют в нашем мире и не теряют надежды вернуть предводительницу ковена, они смогли добиться расширения бреши. Новый альянс, ворвавшись в наш мир, спешит утянуть за собой всё Тёмное Измерение, погружая реальность в хаос. Первая точка входа образовалась в России. Однако наивно полагать, что на этом все и закончится, ведь Моргана знает: чем больше разломов — тем эффективнее вторжение.
Команда супергероев под протекцией правительства — "Зимняя Стража" —  готовится выступить первым заслоном на пути захватчиков.
        </p>
    </section>
    <section id="content-tab3">
        <p>
Вынужденное переселение Нелюдей с Луны на Землю пришлось далеко не всем по вкусу. В их конформистском обществе росло недовольство. Народ был разочарован Королевской Семьёй, еще свежо было в памяти то предательство, когда Король сбежал, спасая себя и свою семью. Большинство Нелюдей привыкло жить в стерильной среде и с трудом переносят нынешний уровень экологии Земли. Последней каплей стало нарушение правил Совета Генетиков, которые посчитали что родословная Чёрного Грома была слишком опасной, чтобы она могла продолжаться дальше. Медуза всё же родила ребёнка и тем самым нарушила правила.
Смута паразитировала в головах простых граждан и привела к тому, что народ изгнал Королевскую Семью из Нового Аттилана, а сами Нелюди перестали скрывать своё присутствие среди людей, на фоне общего хаоса между людьми и мутантами.
    </p>
    </section>   
</div>
  </div>
</div>
<div class="clearer"></div>

<style>

/* код от вещего духа */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900|Prata&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Old+Standard+TT:400,700|Oranienbaum|Oswald:300,400,700|PT+Sans:400,700|Roboto+Condensed:300,400,700|Roboto:300,400,700');

#spiritworkroom {width: 610px;
height: 520px;
background: #f6e6d7;
margin:auto;
box-shadow: 0 0 0 1px rgba(0,0,0,.1), -25px 0px 10px -20px #c6b4a3,  25px 0px 10px -20px #c6b4a3}

.spiritfirst {float: left;
  margin: 10px;
width: 190px;
height: 490px;
box-shadow: 0 0 0 1px rgba(0,0,0,.2);
overflow: hidden;
position: relative;
border: 5px solid #1c303c}

.spiritfirstpic {margin:auto;
width: 190px;
height: 490px;}

.spiritfirsttitle {font-family: playfair display;
font-weight: 900;
width: 190px;
color: #dc8826;
text-shadow: 1px 1px 0px #000;
font-size: 18px;
height: 73px;
margin: -80px 0 0 0px;
z-index: 10;
position: relative;
padding-left: 10px;
background: rgba(0,0,0,.65);
transition: all .7s cubic-bezier(0.25, 0.1, 0.25, 1) .15s}
.spiritfirsttitle subtitle {box-shadow: 0 -2px 0 0 rgba(255,255,255,.1);
  font-family: pt sans;
font-weight: normal;
color: #cecece;
text-shadow: 1px 1px 0px #333;
font-size: 9px;
display: block;
text-align: right;
letter-spacing: 1px;
margin-top:4px;
margin-right: 20px}
.spiritfirsttitle:before {background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.65));
content: "";
display: block;
position: absolute;
width: 100%;
height: 50px;
top: -50px;
margin-left: -10px}
.spiritfirsttext {
z-index:8;
position: relative;
background: rgba(0,0,0,.65);
width: 190px;
margin: 0px 0 0 0px;
font-family: pt sans;
font-size: 10px;
text-align: justify;
padding: 1px 0px;
  color: #efefef;}
.spiritfirsttext about {margin: 10px 15px;
display: block;
box-shadow: 0 -2px 0 0 rgba(255,255,255,.1);
padding-top:10px}
.spiritfirsttext:after {background:linear-gradient(to bottom, rgba(0,0,0,.65), rgba(0,0,0,0));
content: "";
display: block;
position: absolute;
width: 100%;
height: 100px;
bottom: -100px;
margin-left: 0px}
.spiritfirsttext subtitle {
  text-align: center;
  display: block;
  width: 190px;
  font-size: 9px;
  font-family: pt sans;
  color: #999;
  opacity: 0;
  transform: translate(0,400px);
  transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1) .15s
}

.spiritfirst:hover .spiritfirsttitle {margin-top: -530px;
}
.spiritfirst:hover subtitle {opacity:1;
  transform: translate(0,0px)}

.spiritsecond {background: #f1decc;
width: 389px;
  margin: 10px;
  height: 498px;
  margin-top:11px;
border: 1px solid #527a91;
  position: absolute;
  margin-left: 210px
}

.tabs {
padding: 0px;
margin: 0 auto;
}

.tabs>section {
display: none;
padding: 10px;
  height: 440px;
  overflow-y: auto;
  margin: 5px;
  font-family: arial;
  font-size: 11px;
  text-align: justify
}
.tabs>section>p {
margin: 0 0 5px;
line-height: 1.5;
color: #383838;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}

@keyframes fadeIn {
from {
    transform: translate(-400px,0);
    transform-origin: 50% 0%;
}
to {
    transform: translate(0px,0);
}
}

.tabs>input {
display: none;
position: absolute;
}

.tabs>label:first-of-type {box-shadow: none}
.tabs>label {
display: inline-grid;
margin: 0 -3px 0px;
padding: 10px 0px;
font-weight: 600;
text-align: center;
color: #444;
background: #f6e6d7;
  width: 131px;
  border: solid rgba(0,0,0,.2);
  border-width: 0px 0px 1px 0px;
  left: 3px;
  top: 0px;
  position: relative;
  font-family: pt sans;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: lighter;
  box-shadow: 1px 0 0 0 rgba(0,0,0,.2) inset
}
.tabs>label:after {content: "";
display: block;
position:absolute;
width: 123px;
height: 3px;
background: #345b72;
left:3px;
bottom:3px;
transform: scaleX(0);
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

.tabs>label:hover:after {transform: scaleX(1);
background: #345b72;}
.tabs>label:hover {
color: #888;
cursor: pointer;
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s
}

.tabs>input:checked+label {
color: #345b72;
  background: #f1decc;
}
.tabs>input:checked+label:after {content: "";
display: block;
position:absolute;
width: 123px;
height: 3px;
background: #345b72;
left:3px;
bottom:3px;
transform: scaleX(1);
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3 {
display: block;
}
</style>[/html]

+4


Вы здесь » Fancy Tales of Marvel » Мы пишем историю » Сюжет


Рейтинг форумов | Создать форум бесплатно © 2007–2020 «QuadroSystems» LLC