Код:
<!--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>LEE JI EUN / ЛИ ЧЖИ ЫН </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 года. В 21 год  я попал в этот город, потому что я не смогла смириться с потерями и город призвал меня. </b>  
<br>
<b>Раньше я была студенткой и ютубером-каверщиком, а сейчас я участница фолк-рок группы.<br></b>
</div><br>
<img src="http://i.picasion.com/resize82/68c17f3763eb64aaa19c5370d2146dbc.jpg"><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">
<center><i>ты знаешь обо мне всё, что можно знать</i></center><br>
<center><i>ты знаешь обо мне всё, что можешь знать только ты</i></center><br><br>
Меня зовут Ли Чжи Ын и моя жизнь поделена на две половины жирной чертой. Одна половина больше и пока не может называться половиной, скорее... существенная часть, да.<br>
Я родилась в обычной такой корейской семье. Хотя, нет, вру, мы были богаты, не баснословно, но достаточно для того, чтобы быть уверенным в том, что мы по лучшую сторону от черты бедности. Однако, жили мы сдержанно, парковку в десяток авто не имели, да и вообще с жиру не бесились. Мы были разумными и состоятельными, понимающими, что очень легко всё потерять, если разбрасывать деньги. И уж поверьте, как бы громко народ не скандировал, что деньги- это совсем не важно, что самые большие ценности нельзя купить, и что важнее то, какими людьми ты окружён, всё равно они бы имели меньше проблем, если бы денег было много.<br>
С самого детства у меня был выбор в решениях, правда в пределах разумного. Например, никто бы мне не разрешил выбрать хоккей или бокс в качестве хобби, зато я вполне могла выбрать между рисованием, балетом и музыкой. Я выбрала музыку. Но знаете, я могла позволить себе не гнаться за модой и даже не думала о перспективе в мире электроники. Я стала учиться игре на каягыме. Позже добавилась флейта, а пианино пошло само, оно как корейский язык в школе музыки, то есть учились все. Не модные инструменты, но к 14 годам я додумалась до того, что можно прививать любовь к старине, играя к-поп песни на этих инструментах. Завести канал на ютубе не было проблемой. Я находила ноты, разбивала партитуры, записывала это всё, монтировала и выкладывала. Моей фишкой были различные ханбоки с элементами костюмов айдолов. Я всё делала сама: от шитья костюмов и до обработки видео.<br>
Я росла такой девушкой, глядя на которую можно понять, что она либо богата, либо не от мира сего. Во мне всегда было меньше веса, чем полагается, кожа бледнее, чем у многих, волосы всегда в хорошем состоянии и одежда опрятная. Я часто мыла руки, дискам и плеерам предпочитала винил, мало фотографировалась и много фотографировала природу. Особенно небо. У меня был обширный круг общения. Кто-то интересовался мной, кем-то интересовалась я. У меня был весьма замкнутый круг друзей. Потому что чаще тебя ценят за цельный образ, а не за отдельные аспекты. Я была той, к кому можно прийти за помощью, с кем можно восстановить потерянное настроение и посидеть на крыше школы, слушая моё пение, и понимая, что всё ещё может быть хорошо. Сама я осознавала, как меня видят люди и поэтому была весьма осторожна в своём доверии, потому что, согласитесь, очень мало людей, надёжность и лёгкость которых ты чувствуешь даже когда смотришь на них.<br>
Однажды я сменила школу, а родители решили переехать в пригород. Свой дом и всё такое. Естественно, что такое положение дел совсем мне не улыбалось и было решено, что я перееду в квартирку, что неподалёку от школы. Такой себе обычный дом, с тонкими стенами и соседями-трудоголиками. Такие квартиры обычно снимают только для того, чтоб был уголок для сна и ванная, чтоб помыться. Мне это нравилось тем, что я могла много репетировать и заниматься, потому что соседи появлялись редко и крепко спали, а самая ближняя квартирка, с которой нас соединяла едва ли не картонная стенка, и вовсе пустовала. Я училась, шила, музицировала и вела активную онлайн-жизнь без беспокойств.<br>
Однажды в эту самую соседнюю квартирку кто-то заселился. Кто-то достаточно шумный, кто-то, кого явно не осведомили о таком шумном соседстве. Кто-то, с кем началась самая настоящая война шума. Впрочем, это быстро надоело и был заключён пакт с расписанием: кто когда шумит и какие могут быть исключения. Впрочем, вскоре надоело и это и мы начали общаться. Прямо через стенку, не называя возраст, социальный статус и род вне_квартирных занятий. Спустя четыре месяца стена была сломлена. В самом прямом смысле. Молотками. Так мы узнали, что сосед очень симпатичный и старше меня. И что мы больше, чем просто соседи. Я ставила свои пластинки, он учил меня быть большим ребёнком, чем я была. Наверно это всё оттого, что впервые я почувствовала, что я не просто девочка, которая может успокоить, утешить и поддержать. Я влюбилась так, как описывают в книгах и как показывают в мелодрамах, без шуток. Я думала, что это не особо то и заметно, но знаете, оказалось, что это было заметно всем, разве что малознакомые люди не поняли бы. Впрочем, меня это не волновало.<br>
Но отношения - это всегда много больше, чем тот фрагмент, что нам показывают в тех самых мелодрамах. Это усилия и нервы. Это желание уйти, бросить всё, но потом понять, что слишком утоп в этом всём и вновь сделать глоток воздуха уже не выйдет. Я была так сильно влюблена, что скорее могла представить, что и как можно перетерпеть, чем то, что вообще-то можно уйти. 
Я нашла себе друга. Внезапно и, наверно, подозрительно быстро. Но о таком не думаешь, когда в жизни происходит столько всего: экзамены, выпуск, отношения. Будь это прежняя я, то, быть может, заподозрила бы чего, но я уже изменилась. Людям вообще свойственно меняться.<br>
Двадцатилетие я встретила в университете на кафедре звукорежиссуры, с лучшим другом и без любимого. Его убили. Я не думала, что такое возможно, но в участке сказали, что он занимался наркобизнесом и что возможно, что это дело рук конкурентов. Я только тогда поняла, почему он просил быть более осторожной и не шибко доверять новым лицам. Знаете, это ведь страшно. В один миг всё осознать и понять, что уже поздно. Я закрыла дырку в стене, которая уже успела стать полноценной аркой, потому что хотела забыть о том, что часть моей жизни связана с соседней квартиркой. У меня остался лишь лучший друг. Подруги предлагали забыться в новых отношениях, но я забывалась только в учёбе, музыке и алкоголе. Представляете, он меня не пьянил! Но я убеждала себя, что от этого становилось легче. Может это всё сила самовнушения, но легче и правда становилось.
Меня зовут Айю и моя жизнь поделена на две половины жирной чертой. Одна половина меньше и пока не может называться половиной, скорее... начало новой жизни.<br>
Имя Айю появилось давно, ещё с первых видео на канале, но только в двадцать лет я всё чаще стала представляться так людям. Айю более загадочная и холодная, чем Чжиын. Чжи часто улыбалась и дарила ощущение комфорта. Айю была исключительно оболочкой, той, в которой нуждалась маленькая Чжиын. Было лишь несколько человек, которые умели по-особому произнести моё имя. Один из них был убит. Второй был убит через семь месяцев. 
Мне начали сниться кошмары, затем они сменились навязчивыми снами. Я перестала доверять новым лицам, думала исключительно о карьере и совсем не могла представить, что смогу снова так влюбиться. Я всё ещё не разлюбила того, кто доказал, что возможность есть всегда, если есть желание. Я, по мнению окружающих, стала более живой и общительной, но никто и не задумывался, что я ни разу не плакалась им не от хорошей жизни, а от недоверия. Однажды я отправилась в путешествие и потерялась для мира. Очнулась уже в городе, в котором я уже никогда не смогу любоваться тем небом, в которое была влюблена, потому что над городом постоянно туман. А ещё здесь я вновь встретила лучшего друга... и любимого. Очень сложно понять, что происходит, когда вдруг встречаешь мёртвых, которые живут. Я жива или тоже умерла? Это сон, кома или реальность? Уже год я пытаюсь разобраться в этом, но всё чаще ловлю себя на мысли, что не хочу ничего из этого знать, потому что я счастлива вновь оказаться рядом с дорогими мне людьми, но их поведение не даёт мне забыться. Я просто заново выбираю путь.<br><br>
<center><i>ты знаешь, я смогу всё заново начать</i></center><br>
<center><i>только с тобой</i></center><br> 
         </div>
       </li>
       <li>
         
         </div>

</ul>

</div>

Отредактировано Lee Ji Eun (2016-10-20 18:09:48)