Информация о персонаже появляется при наведении курсора на картинку.
Условные обозначения:
1) имя персонажа – имя прототипа – дата рождения – место рождения – место работы, должность
2) персонаж занят [X] / персонаж придержан [!]
Код:
<!--HTML--><style type="text/css">
.stark b { font-weight: extra-bold; color: #CC5058; }
.strk { position: relative; top: 10px; width: 350px; padding: 25px; background: #541b1b; opacity: 0.95; font-family: 'roboto'; font-size: 12px; color: #fff; text-align: right; text-transform: uppercase; font-style: italic; letter-spacing: 1px; line-height: 11px; }
.strktxt { position: relative; top: 22px; width: 350px; height: 180px; background: #fff; padding: 10px; border: 3px double #eee; font-family: calibri; font-size: 10px; color: #111; text-align: justify; letter-spacing: 1px; line-height: 10px; overflow: auto; }
#strkhov { width: 400px; height: 300px; position: relative; overflow: hidden; }
#strkhov .strkinfo { -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; position: absolute; right: -400px; top: 0px; width: 400px; height: 150px;}
#strkhov:hover .strkinfo {-webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; right: 0px; top: 0px; }
#strkhov .strktxthov { -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; position: absolute; bottom: -300px; width: 400px; height: 150px;}
#strkhov:hover .strktxthov {-webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; bottom: 90px;}
.strkname { width: 400px; height: 50px; padding-top: 35px; background: #220b0b; border-top: 5px solid #EEEEEE; text-align: center; font-family: 'roboto'; font-size: 20px; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-style: italic; line-height: 10px; }
</style><link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic' rel='stylesheet' type='text/css'>
<center><div style="width: 400px; height: 200px; background-image: url(http://funkyimg.com/i/WPtA.png);">
<div id="strkhov">
<div class="strkinfo"><div class="strk">ramon bustamante - ryan reynolds - 12/05/1979 - Гранада, Испания - место работы/ должность на ваш выбор</div></div>
<div class="strktxthov"><div class="strktxt"><div class="stark">
<br>- главарь банды «Освободителей» / старший брат Ванесы Бустаманте / бывший молодой человек Офелии Гарсии;
<br>- жизнь его потрепала конкретно, периодически ломая без надежды на полное восстановление, поэтому стоит отдать ему должное, так как он достойно выдержал все испытания, вот только есть огромное НО;
<br>- Рамон - это жестокий, чёрствый тип, привыкший отталкивать от себя людей, так как ненавидит их всем своим естеством, из этого легко предположить, что человеческая жизнь для него ничего не значит;
<br>- давным-давно, ещё при жизни их с Ванесой родителей, всё семейство Бустаманте подверглось террору со стороны действующего на тот момент босса «Скрипачей», Бартоломе Рохаса: не ясно, что они могли не поделить, но факт остаётся фактом - вся семья была зверски убита прямо на глазах у маленького Рамона, который, испугавшись, спрятался в укромном месте, прихватив с собой за одно и маленькую Ванесу;
<br>- его мир был разрушен, а сердце разъедала злость и обида, обида на самого себя, что, как трус, отсидел тот час, когда в его доме зверствовали «Скрипачи», и лишь только став старше, парень понял, что выйди он тогда и окажись в самом центре событий, то позже не смог бы отомстить за отца, мать, за остальных родственников и, конечно, за свою сломанную жизнь;
<br>- месть - это смысл его жизни, он не успокоится, пока вся семья Рохасов не прочувствует на своей шкуре, что такое боль, и пока «Скрипачи» не будут стёрты с лица Гранады;
<br>- ненависть к Рохасам – это далеко не повод мириться с мерзостью, творимой Гордонами, ведь из-за них так же полегло немало невинных людей;
<br>- Рамон долго окружал себя сторонниками, людьми, которые так же пострадали от действий Гордонов и Рохасов, и теперь, когда у него есть своя собственная маленькая армия, он готов устроить сечу.
</div></div></div>
</div>
</div><div class="strkname">РАМОН БУСТАМАНТЕ</div></center>
<!--HTML-->Код:
<!--HTML--><style type="text/css">
.stark b { font-weight: extra-bold; color: #CC5058; }
.strk { position: relative; top: 10px; width: 350px; padding: 25px; background: #541b1b; opacity: 0.95; font-family: 'roboto'; font-size: 12px; color: #fff; text-align: right; text-transform: uppercase; font-style: italic; letter-spacing: 1px; line-height: 11px; }
.strktxt { position: relative; top: 22px; width: 350px; height: 180px; background: #fff; padding: 10px; border: 3px double #eee; font-family: calibri; font-size: 10px; color: #111; text-align: justify; letter-spacing: 1px; line-height: 10px; overflow: auto; }
#strkhov { width: 400px; height: 300px; position: relative; overflow: hidden; }
#strkhov .strkinfo { -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; position: absolute; right: -400px; top: 0px; width: 400px; height: 150px;}
#strkhov:hover .strkinfo {-webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; right: 0px; top: 0px; }
#strkhov .strktxthov { -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; position: absolute; bottom: -300px; width: 400px; height: 150px;}
#strkhov:hover .strktxthov {-webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; bottom: 90px;}
.strkname { width: 400px; height: 50px; padding-top: 35px; background: #220b0b; border-top: 5px solid #EEEEEE; text-align: center; font-family: 'roboto'; font-size: 20px; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-style: italic; line-height: 10px; }
</style><link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic' rel='stylesheet' type='text/css'>
<center><div style="width: 400px; height: 200px; background-image: url(http://funkyimg.com/i/WPtB.png);">
<div id="strkhov">
<div class="strkinfo"><div class="strk">vanesa bustamante - lyndsy fonseca - 07/02/1987 - Гранада, Испания - место работы/ должность на ваш выбор</div></div>
<div class="strktxthov"><div class="strktxt"><div class="stark">
<br>- нежная, ласковая, всегда приветливая и открытая - к ней нельзя остаться равнодушным;
<br>- никогда не опускает руки, даже если жизнь на постой поворачивается к ней задом;
<br>- она является младшей сестрой Рамона Бустаманте, а это уже говорит само за себя: единственная, которую он искренне любит, единственная, кем он дорожит, единственная, кто может противоречить ему и хоть как-то повлиять на его мнение, а так же единственная его слабость, нанести удар по которой - означает либо уничтожить Рамона раз и навсегда, либо же собственноручно слепить врага;
<br>- Ванеса - это человек, который несёт мир всегда и везде, ей чужд образ жизни, который ведёт брат, она хочет изменить мир в лучшую сторону, чтобы человечество забыло, что такое страх потери близких, ненависть, желание убить;
<br>- она умеет прощать и, в отличие, от своего брата, не вынашивает в сердце силу, способную разрушить человеческую сущность - месть.
</div></div></div>
</div>
</div><div class="strkname">ВАНЕСА БУСТАМАНТЕ</div></center>
<!--HTML-->Код:
<!--HTML--><style type="text/css">
.stark b { font-weight: extra-bold; color: #CC5058; }
.strk { position: relative; top: 10px; width: 350px; padding: 25px; background: #541b1b; opacity: 0.95; font-family: 'roboto'; font-size: 12px; color: #fff; text-align: right; text-transform: uppercase; font-style: italic; letter-spacing: 1px; line-height: 11px; }
.strktxt { position: relative; top: 22px; width: 350px; height: 180px; background: #fff; padding: 10px; border: 3px double #eee; font-family: calibri; font-size: 10px; color: #111; text-align: justify; letter-spacing: 1px; line-height: 10px; overflow: auto; }
#strkhov { width: 400px; height: 300px; position: relative; overflow: hidden; }
#strkhov .strkinfo { -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; position: absolute; right: -400px; top: 0px; width: 400px; height: 150px;}
#strkhov:hover .strkinfo {-webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; right: 0px; top: 0px; }
#strkhov .strktxthov { -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; position: absolute; bottom: -300px; width: 400px; height: 150px;}
#strkhov:hover .strktxthov {-webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; bottom: 90px;}
.strkname { width: 400px; height: 50px; padding-top: 35px; background: #220b0b; border-top: 5px solid #EEEEEE; text-align: center; font-family: 'roboto'; font-size: 20px; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-style: italic; line-height: 10px; }
</style><link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic' rel='stylesheet' type='text/css'>
<center><div style="width: 400px; height: 200px; background-image: url(http://funkyimg.com/i/WPtz.png);">
<div id="strkhov">
<div class="strkinfo"><div class="strk">ofelia garcia - blake lively - 13/07/1986 - Гранада, Испания - место работы/ должность на ваш выбор</div></div>
<div class="strktxthov"><div class="strktxt"><div class="stark">
<br>- Офелия – это человек, понять которого на трезвую голову не представляется возможным;
<br>- имея всё, кроме свободы, она, будучи пятнадцатилетним подростком, сделала самый важный шаг в её жизни: родители, богатые и уважаемые люди, едва ли не целый мир преподносили на блюдечке, и всё бы хорошо, если бы не давление тех ежовых рукавиц, в которых держали юную Офелию - вот поэтому она сбежала, поняв в один прекрасный момент, что терпеть заскоки отца и матери ей больше не по силам;
<br>- она надевала на себя великое множество масок, научилась искусно прятать себя настоящую, не стоит ей доверять, ведь она любит играть людьми, как куклами, не заботясь об их чувствах;
<br>- около пары лет носила статус девушки Рамона Бустаманте, а бывшей Офелии быть не нравится, и даже не смотря на то, что инициатором расставания был сам мужчина, сейчас Гарсия хочет заполучить его больше всего на этом свете.
</div></div></div>
</div>
</div><div class="strkname">ОФЕЛИЯ ГАРСИЯ</div></center>
<!--HTML-->Код:
<!--HTML--><style type="text/css">
.stark b { font-weight: extra-bold; color: #CC5058; }
.strk { position: relative; top: 10px; width: 350px; padding: 25px; background: #541b1b; opacity: 0.95; font-family: 'roboto'; font-size: 12px; color: #fff; text-align: right; text-transform: uppercase; font-style: italic; letter-spacing: 1px; line-height: 11px; }
.strktxt { position: relative; top: 22px; width: 350px; height: 180px; background: #fff; padding: 10px; border: 3px double #eee; font-family: calibri; font-size: 10px; color: #111; text-align: justify; letter-spacing: 1px; line-height: 10px; overflow: auto; }
#strkhov { width: 400px; height: 300px; position: relative; overflow: hidden; }
#strkhov .strkinfo { -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; position: absolute; right: -400px; top: 0px; width: 400px; height: 150px;}
#strkhov:hover .strkinfo {-webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; right: 0px; top: 0px; }
#strkhov .strktxthov { -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; position: absolute; bottom: -300px; width: 400px; height: 150px;}
#strkhov:hover .strktxthov {-webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; bottom: 90px;}
.strkname { width: 400px; height: 50px; padding-top: 35px; background: #220b0b; border-top: 5px solid #EEEEEE; text-align: center; font-family: 'roboto'; font-size: 20px; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-style: italic; line-height: 10px; }
</style><link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic' rel='stylesheet' type='text/css'>
<center><div style="width: 400px; height: 200px; background-image: url(http://funkyimg.com/i/WPty.png);">
<div id="strkhov">
<div class="strkinfo"><div class="strk">martin goya - lee pace - 23/03/1979 - Гранада, Испания - офицер полиции</div></div>
<div class="strktxthov"><div class="strktxt"><div class="stark">
<br>- папенькин сынок, однажды решивший, что терпеть выходки обожаемых родителей он более не намерен;
<br>- отец Мартина был по-настоящему крутым, так как смог выбиться из грязи в князи, он всего в жизни добился сам, он прошёл через огонь, лёд, медные трубы, и он не хотел, чтобы сын повторял его трудный путь;
<br>- Гойя рос изнеженной конфеткой, которой было готово и кресло, в которое усадят, и табун обольстительных красавиц, готовых сутки напролёт греть его постель;
<br>- в один момент тогда ещё совсем юный парень решил для себя, что ему нужны трудности и что имя себе он хочет сделать сам, однако Мартин свернул не на ту дорогу, избрав для себя дурную репутацию: ему просто нравится чувствовать себя плохим человеком, который может открыто плевать на порядки, делая то, что хочется, при этом он сам же и носит значок блюстителя закона – вот это ирония;
<br>- мстить Рохасам ему смысла нет, ведь он и сам из той среды, в которой они обитают, по сему для Рамона это стало очень кстати: Гойя – подсадная утка, трудящаяся во благо Гранады и параллельно добывающая важные сведения;
<br>- не смотря на неважную характеристику, Мартин - это тот человек, на которого можно положиться – всё-таки внутри него живёт какое-то добро и жажда справедливости.
</div></div></div>
</div>
</div><div class="strkname">МАРТИН ГОЙЯ</div></center>
<!--HTML-->Код:
<!--HTML--><style type="text/css">
.stark b { font-weight: extra-bold; color: #CC5058; }
.strk { position: relative; top: 10px; width: 350px; padding: 25px; background: #541b1b; opacity: 0.95; font-family: 'roboto'; font-size: 12px; color: #fff; text-align: right; text-transform: uppercase; font-style: italic; letter-spacing: 1px; line-height: 11px; }
.strktxt { position: relative; top: 22px; width: 350px; height: 180px; background: #fff; padding: 10px; border: 3px double #eee; font-family: calibri; font-size: 10px; color: #111; text-align: justify; letter-spacing: 1px; line-height: 10px; overflow: auto; }
#strkhov { width: 400px; height: 300px; position: relative; overflow: hidden; }
#strkhov .strkinfo { -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; position: absolute; right: -400px; top: 0px; width: 400px; height: 150px;}
#strkhov:hover .strkinfo {-webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; right: 0px; top: 0px; }
#strkhov .strktxthov { -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; position: absolute; bottom: -300px; width: 400px; height: 150px;}
#strkhov:hover .strktxthov {-webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; bottom: 90px;}
.strkname { width: 400px; height: 50px; padding-top: 35px; background: #220b0b; border-top: 5px solid #EEEEEE; text-align: center; font-family: 'roboto'; font-size: 20px; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-style: italic; line-height: 10px; }
</style><link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic' rel='stylesheet' type='text/css'>
<center><div style="width: 400px; height: 200px; background-image: url(http://funkyimg.com/i/WPtx.png);">
<div id="strkhov">
<div class="strkinfo"><div class="strk">hector fletcher - chris hemsworth - 30/09/1983 - Колумбус, США (штат Огайо) - газета «Гранада Ньюс», журналист</div></div>
<div class="strktxthov"><div class="strktxt"><div class="stark">
<br>- никто не знает, каким ветром Флетчера занесло в Испанию, он просто восемь лет назад взял и появился здесь, в Гранаде;
<br>- молчаливый, заносчивый тип, чья гордыня не позволяет извиняться первым и принимать от кого-либо какую-либо помощь;
<br>- любит опасные приключения, именно поэтому является постоянным участником местных уличных гонок;
<br>- предпочитает использовать окружающих в своих целях, которых за много лет жизни привык достигать, во что бы то ни стало;
<br>- несмотря на ряд своих не совсем положительных качеств, является достаточно приветливым и улыбчивым молодым человеком;
<br>- привык находиться в окружении красивых людей, которые по характеру похожи на него, но так же Гектор любит и людей со слабиной, которыми можно манипулировать;
<br>- у Флетчера острый язык, который его, собственно, и кормит: статьи Гектора получаются злободневными, колкими, порой задевающими за живое;
<br>- то, что делают с городом и его жителями Гордоны и Рохасы, пугает Флетчера и заставляет его ненавидеть эти два семейства, именно поэтому мужчина сегодня является частью группировки «Освободители».
</div></div></div>
</div>
</div><div class="strkname">ГЕКТОР ФЛЕТЧЕР</div></center>
<!--HTML-->Код:
<!--HTML--><style type="text/css">
.stark b { font-weight: extra-bold; color: #CC5058; }
.strk { position: relative; top: 10px; width: 350px; padding: 25px; background: #541b1b; opacity: 0.95; font-family: 'roboto'; font-size: 12px; color: #fff; text-align: right; text-transform: uppercase; font-style: italic; letter-spacing: 1px; line-height: 11px; }
.strktxt { position: relative; top: 22px; width: 350px; height: 180px; background: #fff; padding: 10px; border: 3px double #eee; font-family: calibri; font-size: 10px; color: #111; text-align: justify; letter-spacing: 1px; line-height: 10px; overflow: auto; }
#strkhov { width: 400px; height: 300px; position: relative; overflow: hidden; }
#strkhov .strkinfo { -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; position: absolute; right: -400px; top: 0px; width: 400px; height: 150px;}
#strkhov:hover .strkinfo {-webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; right: 0px; top: 0px; }
#strkhov .strktxthov { -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; position: absolute; bottom: -300px; width: 400px; height: 150px;}
#strkhov:hover .strktxthov {-webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; o-transition: 0.5s all ease-in-out; bottom: 90px;}
.strkname { width: 400px; height: 50px; padding-top: 35px; background: #220b0b; border-top: 5px solid #EEEEEE; text-align: center; font-family: 'roboto'; font-size: 20px; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-style: italic; line-height: 10px; }
</style><link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic' rel='stylesheet' type='text/css'>
<center><div style="width: 400px; height: 200px; background-image: url(http://funkyimg.com/i/WPtw.png);">
<div id="strkhov">
<div class="strkinfo"><div class="strk">emilia flores - rachel weisz - 02/12/1970 - Гранада, Испания - верховный суд Андалусии, судья палаты по уголовным делам</div></div>
<div class="strktxthov"><div class="strktxt"><div class="stark">
<br>- о своём детстве предпочитает не вспоминать, потому как её родители были эмоционально и физически жестокими людьми;
<br>- настоящую любовь, заботу и родственное тепло почувствовала лишь в 10 лет, когда опекунство над Эмилией оформила родная тётка по линии матери;
<br>- отличная актриса, свой дар (искусно манипулировать людьми) получила от природы и развила в себе, пытаясь хоть как-то компенсировать ужасное детство и залатать огромную дыру в сердце;
<br>- с виду милая, нежная и добрая, Флорес на поверку оказывается законченной стервой, которую боятся даже сильные мира сего;
<br>- Эмилия сильна духом, она верна себе, самодостаточна, о таких обычно говорят: «баба с яйцами»;
<br>- стать близким ей человеком очень нелегко, потому что она видит людей насквозь;
<br>- не замужем, детей нет, однако не страдает из-за отсутствия семьи, ведь пока для женщины на первом месте стоит карьера;
<br>- её отец был одним из «Скрипачей», он придерживался крайне жёстких методов воспитания крохи Эмилии, поэтому Флорес с самых ранних лет представляет, кем являются «Виолинистас» – вступая в ряды «Освободителей», женщина, в которой заговорили детские обиды, хотела отомстить мафии за все свои синяки и переломы;
<br>- теперь же, в качестве одного из «Освободителей», она ходит по лезвию ножа, ведь никто не должен уличить её в этом.
</div></div></div>
</div>
</div><div class="strkname">ЭМИЛИЯ ФЛОРЕС</div></center>
<!--HTML-->







