Код:
<!--HTML--><link href="dark.css" type="text/css" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css?family=Lobster|Poiret+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
<style type="text/css">
#tab-content1::-webkit-scrollbar {width: 5px; background: fff}
#tab-content1::-webkit-scrollbar-thumb {background:fff}
#tab-content1::-webkit-scrollbar-corner {background:fff}

#tab-content2::-webkit-scrollbar {width: 5px; background: fff}
#tab-content2::-webkit-scrollbar-thumb {background:fff}
#tab-content2::-webkit-scrollbar-corner {background:fff}
.pages [type=radio] {
/*position: absolute;
 top: -9999px;
 left: -9999px;  */ 
 display: none;
}
.dcontainer {
width: 450px;
height: 550px;
font-family: 'Open Sans Condensed', sans-serif;
   background: url(http://se.uploads.ru/1zrja.jpg
);

   margin: 0 auto;
   padding-left: 20px;
   padding-top: 20px;
}
.dimage h2 {
display: none;
color:#cdcdcd;
text-shadow: 1px 1px 0 #3c3b3b;
}
.dimage:hover h2 {
display: inline;
} 
.pages {
   float: none;
   list-style-type: none;
   position: relative;
   padding: 0;
}
.pages p {
margin: 0;
padding: 0;
}
.pages li{
       float: left;
     }    
.pages label {
         display: block;
         /*padding: 10px 10px;*/
         border-radius: 2px;
        /* color: #b2b2b2;
         font-size: 20px;
         font-weight: normal;
color: #285747;
         font-family: 'Open Sans Condensed', sans-serif;
         background: #cdcdcd;
         cursor: pointer;*/
         width: 210px;
         padding: 5px 0 5px 0;
         margin: 0 0px 0 0;
         text-align: center;
 	font-size: 10px;
         background-color:#cdcdcd;
         -webkit-transition: all 0.2s ease-in-out;
         -moz-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
         transition: all 0.2s ease-in-out;
     }  
.pages label:hover {
background-color:#cdcdcd;
}   
[id^=tab]:checked + label {
   top: 0;
   background-color:#cdcdcd;
}     
[id^=tab]:checked ~ [id^=tab-content] {
   display: block;
}
.tab-content{
width: 420px;
height: 500px;
border-radius: 2px;
color:#222;
overflow: auto;
background:#cdcdcd;
   z-index: 2;
   display: none;
   text-align: left;
   line-height: 120%;
   padding: 5px;
   position: absolute;
   top: 30px;
   left: 0;
text-align: justify;
   font-family: 'Arial';
   font-size: 12px;
   box-sizing: border-box;
   -webkit-animation-duration: 0.5s;
   -o-animation-duration: 0.5s;
   -moz-animation-duration: 0.5s;
   animation-duration: 0.5s;
}
</style>
<div class="dcontainer">
<div class="dimage"> 
<h2> First.Last</h2>
</div>
<ul class="pages">
       <li>
         <input type="radio" checked name="pages" id="tab1">
         <label for="tab1"><p>PROFILE</p></label></class>
         <div id="tab-content1" class="tab-content animated fadeIn">
<div style=' padding:0px 10px;  line-height:100%;  text-align:center; font-family: Poiret One; font-size:13px; color:#222; letter-spacing:1px;'><b>KIM JINHEE/КИМ ЧЖИНХИ </b> </div>
<div style=' padding:0px 10px;  line-height:100%;  text-align:center; font-family: Poiret One; font-size:11px; color:#222; letter-spacing:1px;'>
<b>Сейчас мне 22 года. В 22 года  я попала в этот город, потому что я была убита человеком, которому доверяла. </b>  
<br>
<b>Раньше я была наркоторговцем, а сейчас разношу клиентам их заказы, будучи официанткой.<br></b>
</div><br>
<img src="http://s020.radikal.ru/i708/1610/52/8b03128a3f30.png"><br>
         </div>
       </li>
       <li>
         <input type="radio" name="pages" id="tab2">
         <label for="tab2"><p>TELL ME</p></label>
         <div id="tab-content2" class="tab-content animated fadeIn">
<i>«Самые приятные люди в этом мире — это праведники, которые считают себя грешниками, а самые неприятные — это грешники, которые считают себя праведниками».</i><br>
<center>×××</center><br>
У моего отца на письменном столе стоял стеклянный шар, а в нем — утопающий в снегу пингвин с красно-белым полосатым шарфиком на шее. Когда я была маленькой, папа сажал меня к себе на колени, придвигал поближе эту вещицу, переворачивал ее вверх дном, а потом резко опускал на подставку. И мы смотрели, как пингвина укутывают снежинки. А мне не давало покоя: пингвин там один-одинешенек, жалко его. Поделившись этой мыслью с отцом, я услышала в ответ: «Не переживай, Чжинхи, ему не так уж плохо. Ведь он попал в идеальный мир». <br>
Моё имя Ким Чжинхи или просто Джей. Так я была известна в довольно узком кругу людей, которых некоторые старались обходить стороной, а некоторые делали всё лишь бы угодить им и добиться хоть какого-то уважения среди этого общества. У меня не было, и нет однозначного и категоричного мнения на этот счет. С одной стороны знакомство с этой компанией имело огромное количество минусов, а если хорошо подумать, то и плюсы можно было найти, поэтому я никогда особенно не жаловалась. А знаете, даже смешно вспоминать сейчас, в детстве я мечтала стать  врачом, когда подрасту.  Потом хотела быть учителем, а потом загорелась идеей выступать на сцене, но это не важно. Неважно кем я хотела стать, важно то, что когда-то у меня была своя собственная мечта. <br>
Безусловно, даже будучи ребёнком, я в какой-то мере осознавала, что жизнь не всегда идёт так, как мы то планируем. Но даже с подобным представлением о мире я никак не могла ожидать, что моя судьба пойдёт ровно в противоположном направлении. Отец, некогда довольно успешный бизнесмен — разорился. Дом — забрали за долги. Я, родители и брат — ютимся в небольшом доме бабушки, которая не могла не помочь семье в столь трудные времена. С того момента я каждый день слышала, что вскоре всё наладиться, что всё это временные трудности, что вместе мы справимся. И знаете, я верила. Не могла не доверять человеку, которого всегда считала самой прочной опорой семьи. Но эта опора неожиданно быстро рухнула и забрала с собой последнюю крупицу надежды, которая всё ещё присутствовала у нашей семьи. Почему-то отец был уверен, что его самоубийство решит наши проблемы… или его. Я сейчас нагло совру, если скажу, что совсем не в обиде, да и вообще его можно понять. Нет, я не понимаю и виню во всём именно этого человека. Своим самоубийством он не только привёл мать к нервному срыву, но вдобавок оставил нам немалые долги, которые росли с каждым днём. <br>
Тогда мне было шестнадцать и, не смотря на все навалившиеся проблемы, я должна была каким-то образом закончить школу. Одноклассники, учителя, которые высказывали свои слова соболезнования по поводу ухода моего отца из этого мира, быстро надоедали мне. И если вы уже подумали, что я одна из тех бесчувственных стерв, то вы глубоко ошибаетесь.  Все эти люди просто не имели права что-то говорить, будучи даже не знакомыми с ним. Я глубоко и долго скорбела по тому человеку, которым ранее был мой отец, и искренне ненавидела того, кем он стал и теперь уже остался навсегда. Он стал виной тому, что теперь ни у кого из нас не было будущего, а брату довольно с раннего возраста приходилось вкалывать на нескольких подработках, чтобы хоть как-то прокормить семью в тот момент пока я присматривала за постепенно сходящей с ума матерью. Это длилось около года. Я изо дня в день наблюдала, как ещё один дорогой для меня человек постепенно отдаляется от меня. Иногда казалось, что мать идёт на поправку, что её поведение лишь временный шок после смерти отца, но через короткое время всё становилось ещё хуже. Когда, в один момент, её состояние достигло той самой точки, после которой пути назад быть не может, мы с братом решили, что отдать её на лечение сейчас — это самый правильный выход. Вскоре брат переехал в свою собственную квартиру, а мы с бабушкой остались в её доме. С Исином мы стали видеться не так часто, как мне того хотелось бы. Но я никогда не держала на него обиды. Именно он тот человек, который  смог вытащить нашу семью из той ямы, в которой мы оказались. К тому же именно ему одному пришлось разгребать все последствия этого падения. <br>
<i> «Жизнь — это грех или спасение? Человек — это грех или спасение? Смерть — это грех или спасение? » </i> <br>
<center>×××</center><br>
Когда брат смог полностью погасить долги отца я ясно понимала, что будучи обычным обслуживающим персоналом таких денег заработать невозможно. Именно тогда я связалась с не самой лучшей компанией и именно тогда я узнала, чем на самом деле зарабатывает нам на жизнь брат. Всё это неожиданно быстро затягивает. И в одно прекрасное утро ты понимаешь, что сегодня ты уже не та прилежная ученица, которая должна немедленно отправиться на уроки, а девушка, которая проведёт очередной вечер в дешёвом ночном клубе толкая наркоту очередной душе свернувшей с правильного пути. А есть ли он, этот правильный путь?  За это время я успела повидать больше, чем за всю свою жизнь. Видели ли вы эти обезумевшие лица, которые готовы разорвать тебе глотку за очередную дозу? Но это ничто по сравнению с ломкой. Все эти люди, с которыми мне приходилось работать, словно покланялись своей собственной религии, в которой не было запретов. У нас с братом была своя собственная схема работы с такими клиентами, которая каждый раз срабатывала и приносила нам прибыль. <br>
Я много думала о том, знай, я, чем всё обернется, продолжала бы видеться с  человеком, который так внезапно вошёл в мою жизнь. Но так и не пришла к чёткому выводу. Тогда я не слишком хорошо понимала, что значат все эти банды. И уж точно не подозревала, что свяжись я с кем-то из другой группировки, ничем хорошим это закончиться не может. Но даже в тот момент, когда я осознала все эти негласные правила, что-то исправлять было уже поздно. Не знаю, как можно назвать то чувство возможно любовь? Сейчас мне кажется, что она была односторонней. В тот момент меня мало что волновало, хотя... было кое - что. Больше всего я боялась, что о моей интрижке узнает брат. Он бы точно не оценил мою связь с нашим прямым конкурентом, а соответственно и врагом. <br>
В тот момент на мгновение мне показалось, что наши дела пошли в гору. И что, подзаработав ещё немного денег, мы сможем покончить с нашим бизнесом и уехать, в конце концов, в какое-нибудь спокойное местечко. Но всем было известно, что из этого дела просто так не уходят. Всем, кроме меня. Я и мысли не допускала, что в одночасье могу потерять ещё одного дорого человека. Смерть брата полностью выбила меня из реальности этого мира и поселила в моей голове лишь мысль о том, что я обязана отомстить. И именно тот единственный человек, который стал моей последней надеждой и спасением  оказался причастен к смерти брата, а позже и к моей собственной. <br>
Странно, но я уверена, что мы обязаны встретиться ещё раз. Хочу ли я отомстить? Возможно. Но прежде спрошу: сожалел ли ты хоть на секунду о содеянном? Скучал ли по мне? Любил ли меня? <br>
<i> «Праведная жизнь начинается тогда, когда уже нет сил и средств для жизни грешной. » </i>         </div>
       </li>
       <li>
         
         </div>

</ul>

</div>

Отредактировано Kim Jinhee (2016-10-19 10:45:44)