Код:
<!--HTML-->
<div style="color:#656565; border:#adadad;"><div class="blinkcontain"><div id="blinkapp"><img src="http://funkyimg.com/i/2oj5R.gif">
<input type="radio" id="app1" name="app" checked>
<label for="app1">★</label>
<input type="radio" id="app2" name="app">
<label for="app2">★</label>
<input type="radio" id="app3" name="app">
<label for="app3">★</label>
<div class="blinkname">Nam Joo Hyuk</div><div class="blinknamesmall"></div>
<div class="taginfo"><ul><li><b>Нам Чжу Хёк</b></li><li></li><li><b>1994.02.22, 22</b></li><li></li><li><b>Сеул, Республика Корея</b></li><li></li><li><b>Paradise Walker Hill, хост</b></li><li></li><li><b>ГЕТ </b></li><li></li></ul></div>
<div class="blinkalias">есть у Юнги и Хёны<div class="blinkaliassmall"></div></div></div>


<div id="blinkapp2">
<div class="blink">
РАССКАЖИ СВОЮ ИСТОРИЮ...
<br>Общество можно делить на бесконечное множество категорий, но внутри каждой, чаще всего два типа. Просто под влиянием прошлого, привычно всё делить на чёрное и белое, не замечая множество полутонов. Эдакая, весьма распространённая узколобость. И Хёк как раз относится к числу таких персон. 
<br>
<br>
<p>
Так случилось, что жизнь Чжу складывалась таким простым образом: единственный ребёнок в семье, самый любимый племянник, хороший хён и тонсен для своих кузенов и кузин, примерный внук - его обожали и окружали заботой со всех сторон ещё в малом возрасте. В школе он был отличником, был неплох в спорте, а так же везде "своим" парнем и душой компании. Девочки задаривали его шоколадом, даже организовали фан-клуб. Он мог выбирать любую, достаточно было посмотреть в глаза цели и улыбнуться, что он, в принципе, и делал. С высоты своего самовлюблённого величия, он не чмырил и не бил слабых и изгоев, но мог легко воспользоваться своим положением, чтобы те сбегали и купили ему что-нибудь поесть или по прочим мелким поручениям. И он считал, искренне считал, что это нормально. Что он заслужил. Пока в старшей школе не нашёлся один "чудак", который не ставил его ни во что. Так он впервые огрёб в полной мере, впервые подрался и понял, что за своё место под солнцем надо бороться, что есть ещё и другие, сильные мира сего. Но то, что он легко отделался и смог всё же отвоевать и подружку того "засранца", и первенство в школе, только сильнее укрепило его веру в то, что он везунчик, любимец Фортуны. 
</p>
<p>
Когда он поступает в универ, то решает, что его веселье должна поднабрать обороты. Только вот родители, которые всё же признали, что их дитятко оборзел, решили, что крылышки мечте сына стоит подрезать: любимого сынишку отправляют в общагу, выдвинув заявление, что он должен сам на себя зарабатывать. Совсем уж без денег, Нама всё же не оставили. Оказавшись предоставленным самому себе Чжухёк пошёл в разнос такого масштаба в первые месяцы, что сам не ожидал. Всё же потом пришлось охладить голову, потому что на одном спиртном и закусках с тусовок продержаться невозможно и желудок слишком отчаянно уже взывал к нормальному питанию. Хёк пошёл работать. Сменив пару кафешек, где работал официантом, парень решил, что это слишком уж выматывает. Так, куря у служебного входа, пока выносил мусор, Чжу замечает листовку с весьма заманчивым предложением, которое, как ему тогда казалось, решит все его проблемы: требуется хост. 
</p>
<p>Так начались его адовые, но хорошо оплачиваемые ночные смены. Сначала в караоке, после в казино. На недвусмысленные поглаживания его коленей немолодыми дамами он только лукаво улыбался, иногда ловя уж больно зашалившиеся пальцы и целуя их, глядя прямо в глаза так томно, а мысленно всё это время уговаривая себя держаться. Позже его круг услуг расширился до уже сопровождений некоторых дам в комнаты, стриптиза и к его абсолютному нежеланию ещё и бесед и флирта с некоторыми особо богатыми мужчинами. Всё же, как никак, а свой пол его нисколечко не привлекал и если пожилым дамам он и оказывал услуги интимного характера, то с мужчинами его бы вырвало. Но Хё слишком заигрался, считая себя везучим: полтора года назад случился день, воспоминания о котором, его мучают в кошмарах. Один очень богатый и влиятельный клиент просто дал на лапу менеджеру, дежурившему тогда с Намом в одну смену. О том как его держали "шкафы" из охраны этого жиртреста, пока их хозяин грубо драл его во все дыры Чжухёк старается забыть, но не выходит. Он хотел уволиться из заведения после инцидента, но тогда бы пришлось оплачивать неустойку, потому что "везучий" Нам договор прочитал бегло и не заметил, что обязуется работать десять лет. 
</p>
<p>
Но даже так, Чжу продолжает себя убеждать, что он король положения, что ему всё нипочём. Он всё так же является самым популярным парнем в универе, автоматом приглашён на любую студенческую вечеринку, тратит заработанные деньги на всякую ерунду и избалован дорогими подарками клиенток и некоторых клиентов. Только теперь старается не выходить в одну смену с тем самым менеджером. Хёк врёт родителям, что получает стипендию, что работает помощником известного мангаки - у него ведь всегда хорошо получалось рисовать. А информационные системы - это так, для солидной корочки о высшем. Вы спросите, как же он не вылетел ещё? Всё очень просто, таки примитивно: как и в школе, он виртуозно списывает на экзаменах, лабораторные берёт у влюблённых дурочек и зубрил, предоставляя покупные справки на случай прогулов, а иногда, в случае очень настырных преподавателей, и покупает экзамен или же оплачивает натурой, если это женщина.
</p>
<p>
До старшей школы, Хёк искренне верил в то, что у него есть друзья. Но всё имеет свойства вставать на свои места. Так и с этим понятием. Дружба, любовь - вы о чём? Для Чжу это пустой звук. Все женщины дуры, в свою очередь делясь на шлюх и пока не шлюх, в виду девственности. Мужчины - извращенцы и озабоченные. И под последним подразумевается много вариантов, грубо говоря - кто во что горазд: озабочены карьерой, озабочены деньгами, озабочены сексом и далее в бесконечных вариантах сочетаний. Все покупаются, всё можно купить. Только не у всех есть деньги на это всё. Цель Хёка - стать тем, кто сможет получить всё, что хочет, не задумываясь о цене. Он ведь "самый лучший" и "любимчик Фортуны". 
</p></div>
</div></div>
</div>
<style type='text/css'>

.escredit {
float:right;
margin-top:5px;
font-size:12px;
margin-right:-10px;
}
.escredit a {
color:#!important;
}
.blinkcontain {
width:532px;
padding:20px;
height:735px;
margin:auto;
background:#555555 !important;
}
#blinkapp {
width:500px;
padding:15px;
margin:auto;
margin-top:10px;
height:162px;
background:#;
background-image:url('')!important;
background-size:1050px;
background-positioN:-1px -1px;
overflow:hidden;
  padding: 15px 10px 12px 10px;
    background: #e1e1e1;
    -webkit-box-shadow: inset 0px 0px 8px 0px #7a7a7a, 0px 0px 3px 0px #c4c4c4;
    -moz-box-shadow: inset 0px 0px 8px 0px #7a7a7a, 0px 0px 3px 0px #c4c4c4;
    box-shadow: inset 0px 0px 8px 0px #7a7a7a, 0px 0px 3px 0px #c4c4c4;
    border: none;
}
#blinkapp2 {
width:500px;
padding:15px;
margin:auto;
margin-top:30px;
height:472px;
background-size:1050px;
background-positioN:-1px -1px;
text-shadow: # 1px 1px;
    padding: 15px 10px 12px 10px;
    background: #e1e1e1;
    -webkit-box-shadow: inset 0px 0px 8px 0px #7a7a7a, 0px 0px 3px 0px #c4c4c4;
    -moz-box-shadow: inset 0px 0px 8px 0px #7a7a7a, 0px 0px 3px 0px #c4c4c4;
    box-shadow: inset 0px 0px 8px 0px #7a7a7a, 0px 0px 3px 0px #c4c4c4;
    border: none;
}
.blink {
width:450px;
padding:15px;
margin:auto;
margin-top:10px;
height:440px;
overflow:auto;
color:#000000!important;
}


#blinkapp img {
float:right;
width:150px;
height:150px;
border:1px solid;
padding:5px;
padding-right:55px;
box-shadow:1px 1px 5px #7a7a7a;
}
#blinkapp input {
display:none;
}
#blinkapp label {
font-family:typicons;
font-size:25px;
display:block;
float:right;
background:#656565;
width:30px;
padding:10px;
height:30px;
text-align:center;
line-height:30px;
margin-right:-206px;
cursor:pointer;
}
#app1+label {
float:right;
margin-top:6px;
background:;
}
#app2+label {
margin-top:56px;
background:;
}
#app3+label {
margin-top:106px;
}
#blinkapp input:checked+label {
background: #e1e1e1;
}
#app1:checked ~ .blinkname {
font-family:arial black;
text-transform:uppercase;
font-size:19px;
line-height:13px;
margin-top:65px;
width:272px;
letter-spacing:-.8px;
text-align:right;
}
#app3:checked ~ .taginfo {
margin-top:-180px;}
#app3:checked ~ .blinkalias {
margin-top:0px;
font-size:9px;}
.blinkname {
font-family:arial black;
text-transform:uppercase;
font-size:9px;
line-height:13px;
margin-top:-114px;
width:272px;
letter-spacing:-.8px;
text-align:right;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
}
.blinknamesmall {
border-top:1px solid #656565;
width:272px;
margin-top:5px;
padding-top:5px;
font-size:9px;
line-height:11px;
color:#ccc;
letter-spacing:2px;
font-family:cousine;
letter-spacing:0px;
text-align:right;
height:90px;
}


.taginfo {
float:left;
width:272px;
height:158px;
padding:1px;
}
.taginfo ul {
padding:4px;
margin:4px;
height:140px;
list-style:none;
background: #edeceb;
    -webkit-box-shadow: inset 0px 0px 8px 0px #7a7a7a, 0px 0px 3px 0px #c4c4c4;
    -moz-box-shadow: inset 0px 0px 8px 0px #7a7a7a, 0px 0px 3px 0px #c4c4c4;
    box-shadow: inset 0px 0px 8px 0px #7a7a7a, 0px 0px 3px 0px  #c4c4c4;
    border: none;
}
.taginfo li {
display:inline-block;
color:#888888;
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
border-bottom:1px solid #656565;
padding:3px;
height:11px;
line-height:18px;
width:240px;
margin-bottom:-10px;
}
.taginfo li:nth-child(even) {
float:right;
width:100px;
border-bottom:0px;
height:10px;
line-height:10px;
font-size:8px;
text-align:right;
letter-spacing:0px;
border-top:4px solid #656565;
}
.blinkalias {
font-family:arial black;
text-transform:uppercase;
font-size:9px;
line-height:133px;
margin-top:114px;
width:272px;
height:100px;

letter-spacing:-.5px;
text-align:right;
-webkit-transition:.3s;
}
.blinkaliassmall {
border-top:1px solid #656565;
width:272px;
margin-top:-55px;
padding-top:5px;
font-size:9px;
line-height:11px;
color:#666;
letter-spacing:2px;
font-family:;
text-align:right;
height:90px;
color:#888888;
letter-spacing:2px;
font-family:cousine;
letter-spacing:0px;
}
.writing-section {
position:relative;
z-index:2;
float:left;
overflow:auto;
border:17px solid transparent;
width:449px;
height:169px;
margin-top:7px;
font-size:10.5px!important;
text-transform:uppercase;
color:#aaa;
margin-left:-1px;
letter-spacing:-.4px!important;
text-align:justify;
line-height:13px!important;
-webkit-columns: 165px;
  -moz-columns: 165px;
-ms-columns: 165px;
-o-columns: 165px;
       columns: 165px;
-webkit-column-gap: 17px;
  -moz-column-gap:17px;
-ms-column-gap:17px;
-o-column-gap:17px;
column-gap:17px;
-webkit-transition:.6s;
-moz-transition:.6s;
-ms-transition:.6s;
-o-transition:.6s;
}
.blinkbottom input {
display:none;
}
.blinkbottom {
height:217px;
border:1px solid #666;
background-image:url('')!important;
padding-left:8px;
background-size:1050px;
background-positioN:-1px -1px;
border:1px solid #444;
margin-top:5px;
overflow:hidden;
}
#bottomblink+label {
height:20px!important;
line-height:20px!important;
color:#999;
width:194px;
position:absolute;
background:#222;
margin-top:93px!important;
margin-bottom:-167px;
float:right;
color:transparent;
margin-left:395px!important;
background: #171717;
font-family:arial black;
text-transform:uppercase;
color:#999;
cursor:pointer;
text-aligN:center;
padding:5px;
font-size:15px;
letter-spacing:-.6px;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
}
#bottomblink+label::before {
content:"view app";
}
.writing-section2 {
positioN:relative;
z-index:0;
opacity:0;
float:left;
background: #171717;
overflow:auto;
border:17px solid transparent;
width:449px;
height:169px;
margin-top:-203px;
font-size:10.5px!important;
text-transform:uppercase;
color:#aaa;
margin-left:-50px;
letter-spacing:-.4px!important;
text-align:justify;
line-height:13px!important;
-webkit-columns: 165px;
  -moz-columns: 165px;
-ms-columns: 165px;
-o-columns: 165px;
       columns: 165px;
-webkit-column-gap: 17px;
  -moz-column-gap:17px;
-ms-column-gap:17px;
-o-column-gap:17px;
column-gap:17px;
-webkit-transition:.6s;
-moz-transition:.6s;
-ms-transition:.6s;
-o-transition:.6s;
}

.outerbottomblink {
border:1px solid;
padding:25px;
width:320px;
margin-left:159px;
margin-top:5px;
text-align:justify;
font-size:9px;
letter-spacing:-.2px;
text-transform:uppercase;
line-height:11px;
overflow:hidden;
}
.outerbottomblink input {
display:none;
}
.outerbottomblink label {
position:absolute;
margin-left:-162px;
text-transform:uppercase;
letter-spacing:.5px;
font-size:10px;
border-bottom:1px solid #656565;
width:100px;
cursor:pointer;
}
.outerbottomblink input:checked+label {
border-bottom:1px solid;
}
.outerbottomblink input:checked+label::after {
border-bottom:1px dashed;
}
.outerbottomblink label::after {
content:"";
display:block;
position:absolute;
border-bottom:1px dashed #656565;
width:51px;
margin-left:92px;
margin-top:18px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
}
.outerbottomblink label::before {
content:"//:";
color:#999!important;
letter-spacing:-1px;
margin-right:5px;
}
#blinktab2+label {
margin-top:40px;
}
#blinktab1:checked ~ .bottomblinkwrite {
color:#999;
z-index:2;
opacity:1;
}
#blinktab2:checked ~ .bottomblinkwrite2 {
color:#999;
z-index:2;
opacity:1;
}

Отредактировано Nam Joo Hyuk (2017-02-05 20:05:14)