Код:
<!--HTML--><style>@import url(https://fonts.googleapis.com/css?family=Raleway|Shadows+Into+Light);.ac-container input:checked~article,.replywrap,.waReply,.wantad{box-shadow:0 0 0 1px rgba(155,155,155,.3)}.wawrap{margin:40px}.waimg{margin:10px auto 0;width:500px;position:relative}.waimg img{border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0}.waReply,.wantad{width:475px;margin:0 auto;height:auto;padding:30px 12px 15px;background-image:url(http://subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/redox_01.png);border-radius:0 0 5px 5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px}.wantad{padding:30px 12px 40px}.waReply{width:320px;margin:40px auto}.replywrap{width:220px;margin:0 auto;background-color:#fff;padding:30px}.ac-container{width:400px;margin:0 auto}.ac-container label{font-family:BebasNeueRegular,'Arial Narrow',Arial,sans-serif;padding:0;position:relative;z-index:20;display:inline-block;margin:0 3px;height:80px;cursor:pointer;color:#777;text-shadow:1px 1px 1px rgba(255,255,255,.8);line-height:33px;font-size:19px;background:linear-gradient(top,#fff 1%,#eaeaea 100%)}.ac-container label img{width:54px;border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border:3px solid silver}.ac-container label img:hover{border:3px solid #d6bbfa}.ac-container input{display:none}.ac-container article{background:rgba(255,255,255,.5);margin-top:0;overflow:hidden;height:0;position:relative;z-index:10;transition:height .3s ease-in-out,box-shadow .6s linear;-moz-transition:height .3s ease-in-out,box-shadow .6s linear;-o-transition:height .3s ease-in-out,box-shadow .6s linear;-ms-transition:height .3s ease-in-out,box-shadow .6s linear}.ac-container input:checked~article{transition:height .5s ease-in-out,box-shadow .1s linear;-moz-transition:height .5s ease-in-out,box-shadow .1s linear;-o-transition:height .5s ease-in-out,box-shadow .1s linear;-ms-transition:height .5s ease-in-out,box-shadow .1s linear;height:auto}.ac-container article .scrollarea{overflow:auto;height:100px;width:360px;top:-44px;position:relative;padding:50px 0 0;margin:0 auto}.replywrap .scrollarea{top:-10px;padding:0 5px;overflow:auto;margin-top:0;position:relative;width:210px;height:100px}.ac-container article .scrollarea::-webkit-scrollbar,.replywrap .scrollarea::-webkit-scrollbar{background-color:#fff;width:5px}.ac-container article .scrollarea::-webkit-scrollbar-track,.replywrap .scrollarea::-webkit-scrollbar-track{background-color:#f0f0f0;width:10px}.ac-container article .scrollarea::-webkit-scrollbar-thumb,.replywrap .scrollarea::-webkit-scrollbar-thumb{background-color:#333;width:10px}.ac-container article p,.replywrap p{font-style:italic;color:#111;font-size:12px;padding:5px 30px;line-height:1.5em;position:relative;top:-55px;background-color:#fff;font-family:Raleway,sans-serif}.replywrap p{top:0;padding:0;font-size:11px}.ac-container article img{padding:20px;width:360px}.replywrap .imgs{margin:0 auto;width:192px;position:relative;top:-10px}.replywrap .imgs img{width:80px;height:80px;margin:5px;border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border:3px solid silver}.ac-container article h3,.ac-container article h4,.replywrap .title{font-family:'Shadows Into Light',cursive;margin:0;text-align:center;text-transform:uppercase;position:relative}.ac-container article hr,.replywrap hr{width:250px;position:relative;color:#333;top:-48px}.replywrap hr{top:-20px;width:200px}.ac-container article h3,.replywrap .title{font-size:26px;padding:10px;top:-20px;line-height:1em}.replywrap .title{top:-15px;position:relative;font-weight:700}.replywrap .title a{color:#111;text-decoration:none;transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;-o-transition:all .2s linear 0s}.replybtn,.replybtn:hover{transition:all .2s linear 0s}.replywrap .title a:hover{color:silver}.replywrap h3{top:-10px}.ac-container article h4{font-size:11px;padding:10px 0;top:-40px;color:silver;letter-spacing:2px}.ac-container article h5{text-align:center;text-transform:uppercase;font-family:Raleway,sans-serif;font-size:8px;padding:8px 0;position:relative;margin:0 20px;top:-50px;color:#333;letter-spacing:10px;font-style:italic;background-color:#f0f0f0}.ac-container input:checked~article.ac-large{height:400px}article.ac-large{background-color:#fff}.replybtn{margin:10px auto 0;text-align:center;text-transform:uppercase;font-family:'Shadows Into Light',cursive;font-size:11px;background-color:#e4c8e4;padding:5px;-webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;-o-transition:all .2s linear 0s}.replybtn:hover{background-color:#c0c0c0;-webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;-o-transition:all .2s linear 0s}.replybtn a{text-decoration:none;color:#fff;letter-spacing:1px}.waReply .credit,.wawrap .credit{margin:0 auto;width:40px}.wawrap .credit{top:-35px;position:relative}.waReply .credit a,.wawrap .credit a{text-decoration:none;color:silver;text-transform:uppercase;font-family:Raleway,sans-serif;font-size:6px;position:relative;top:7px;letter-spacing:2px;transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;-o-transition:all .2s linear 0s}.waReply .credit a:hover,.wawrap .credit a:hover{color:#111;font-weight:700}</style><div class="wawrap"><div class="waimg"> <img src="http://s3.uploads.ru/cMryB.gif" /></div><div class="wantad"> <section class="ac-container"><div> <label for="ac-1"><img src="http://savepic.net/9795186.png" /></label><label for="ac-2"><img src="http://savepic.net/9782898.png" /></label><label for="ac-3"><img src="http://savepic.net/9791102.png" /></label><label for="ac-4"><img src="http://savepic.net/9795198.png" /></label><label for="ac-5"><img src="http://savepic.net/9775730.png" /></label><label for="ac-6"><img src="http://savepic.net/9767538.png" /></label>        <input id="ac-1" name="accordion-1" type="radio" /> <input id="ac-1" name="accordion-1" type="radio" /> <article class="ac-large"> <img src="http://savepic.net/9766524.gif" /><h3>Beverly Kizza</h3><h4>hueverly</h4><hr /><div class="scrollarea"><h5>Tell you what</h5><p><b>Что ты считаешь самым дорогим в твоей жизни? </b><br>
мемы про котиков<br>
<b>Чем тебя можно успокоить?</b> <br>
мемами про котиков<br>
<b>Какая у тебя любимая фраза или выражение? </b><br>
во 1) хуле ты мне сделаешь вовторых пошел нахуй втетьих 3)что ты мне сделаешь, я в другом городе за мат извени<br>
<b>На что ты можешь пойти ради миллиона долларов? </b><br>
готова отказаться от социальных сетей. на день<br>
<b>Чего из детства тебе сейчас не хватает? </b><br>
драк со старшей сестрой<br>
<b>Кем ты хочешь стать через 10 лет? </b><br>
 стать участником клуба 27<br>
<b>Кем из героев кино ты хочешь стать?</b><br>
тем чуваком, которого гнобили в школе, а потом он стал супергероем <br></p></div> </article></div><div> <input id="ac-2" name="accordion-1" type="radio" /> <article class="ac-large"> <img src="http://savepic.net/9822847.gif" /><h3>Vishous Adler</h3><h4>God Damn British</h4><hr /><div class="scrollarea"><h5>Tell you what</h5><p><b>Что ты считаешь самым дорогим в твоей жизни? </b><br>
Думаю, что, если не каждый, то многие, ответят на этот вопрос "семья, родные, близкие и друзья" - я не исключение. Я действительно дорожу тем, что имею и теми, кто меня окружает... и стараюсь почаще напоминать себе об этом при ссорах и обидах.<br>
<b>Чем тебя можно успокоить?</b> <br>
Самому бы знать! Но, думаю, тишина, разбавляемая нотами джаза или блюза на фоне, в купе с одним из любимых занятий - это сможет более чем успокоить или хотя бы настроить на более умиротворенное настроение и сосредоточить внимание. <br>
<b>Какая у тебя любимая фраза или выражение? </b><br>
Будьте как дома, но не забывайте, что вы в гостях.<br>
<b>На что ты можешь пойти ради миллиона долларов? </b><br>
Боюсь, что я не из тех, кто на что-то пойдет ради денег.<br>
<b>Чего из детства тебе сейчас не хватает? </b><br>
Сплоченности. Раньше люди были другие, раньше люди разговаривали, собирались компаниями и не были социопатами, а наоборот -
 радовались тому, что у них есть соседи и старались быть дружны с ними, знать каждого поименно. Сейчас все несколько иначе, зачастую думаешь, что в этом бренном мире вряд ли кто-то протянет руку помощи - это не есть хорошо, ведь это первый признак того, что мы теряем свою человечность.<br>
<b>Кем ты хочешь стать через 10 лет? </b><br>
Счастливым, не обремененным проблемами, с которыми сейчас усердно борюсь, человеком.<br>
<b>Кем из героев кино ты хочешь стать?</b><br>
Можно я просто стану героем кино? Спасибо. Этого достаточно.<br></p></div> </article></div><div> <input id="ac-3" name="accordion-1" type="radio" /> <article class="ac-large"> <img src="http://savepic.net/9787004.gif" /><h3>Scott Williams</h3><h4>The Codefather</h4><hr /><div class="scrollarea"><h5>Tell you what</h5><p><b>Что ты считаешь самым дорогим в твоей жизни? </b><br>
Не буду оригинальным — семью. Это понятие включает как родителей, так и друзей, которые порой гораздо ближе, чем кровные родственники. Плюс, мне кажется, что каждому знакомо желание принадлежать к чему-то большему, быть в группе, а не одиночкой. Вот и я, крайне ценю возможность быть с теми кто близок мне по духу.<br>
<b>Чем тебя можно успокоить?</b> <br>
Быть Фрэнком и сказать мне успокоиться. Иначе никак. Он может успокоить меня как в приступах ярости, так и враз прекратить мою хандру.<br>
<b>Какая у тебя любимая фраза или выражение? </b><br>
«Я сделаю это завтра» или «Вот завтра обязательно посмотрю». Не верьте мне, этого скорее всего не произойдет.<br>
<b>На что ты можешь пойти ради миллиона долларов? </b><br>
Я из тех людей, чью моральные принципы, а точнее почти полное их отсутствие, и проблемное финансовое положение позволяют сказать, что пойду ради миллиона на все.<br>
<b>Чего из детства тебе сейчас не хватает? </b><br>
Простоты в общении с людьми. Я и маленьким был не супер контактным, но чем старше становился — тем хуже.<br>
<b>Кем ты хочешь стать через 10 лет? </b><br>
Человеком за которого мне не будет стыдно. Не хочу загадывать, но я надеюсь, что через 10 лет у меня будет хорошая работа, возможно законченная вторая степень и глядишь даже Фрэнк под боком.<br>
<b>Кем из героев кино ты хочешь стать?</b><br>
Если это будет моей реальностью то кем-то из фильмов про Гарри Поттера или же Зимним солдатом. Если это будет фильм, а я просто актер, то никем, спасибо.<br></p></div> </article></div><div> <input id="ac-4" name="accordion-1" type="radio" /> <article class="ac-large"> <img src="http://savepic.net/9773692.gif" /><h3>Frank Adler</h3><h4>Father of the Year</h4><hr /><div class="scrollarea"><h5>Tell you what</h5><p><b>Что ты считаешь самым дорогим в твоей жизни? </b><br>
Свою семью. Она несколько шире, чем обычные, потому что мои близкие друзья тоже стали моей семьей.<br>
<b>Чем тебя можно успокоить?</b> <br>
Чем-нибудь сладеньким - я большой сладкоежка.<br>
<b>Какая у тебя любимая фраза или выражение? </b><br>
Не думаю, что есть такая.<br>
<b>На что ты можешь пойти ради миллиона долларов? </b><br>
На то, что не разойдется в разрез с моими моральными принципами.<br>
<b>Чего из детства тебе сейчас не хватает? </b><br>
Друзей, я думаю.<br>
<b>Кем ты хочешь стать через 10 лет? </b><br>
Кем-нибудь, про кого не стыдно будет рассказывать детям<br>
<b>Кем из героев кино ты хочешь стать?</b><br>
Никем, я предпочту оставаться собой.<br></p></div> </article></div><div> <input id="ac-5" name="accordion-1" type="radio" /> <article class="ac-large"> <img src="http://savepic.net/9805426.gif" /><h3>Harvey Adler</h3><h4>The Ottoman General</h4><hr /><div class="scrollarea"><h5>Tell you what</h5><p><b>Что ты считаешь самым дорогим в твоей жизни? </b><br>
Как бы это странно не звучало, но, наверное, саму жизнь. Иметь возможность проводить время с родными и близкими. Делиться своими переживаниями. Любить. Встревать в неприятности. Радоваться мелочам. <br>
<b>Чем тебя можно успокоить?</b> <br>
Теплые объятия еще никто не отменял. Главное без этих глупых слов "Все будешь хорошо." <br>
<b>Какая у тебя любимая фраза или выражение? </b><br>
Возмездие - сволочь , а его шлюшье имя карма.<br>
<b>На что ты можешь пойти ради миллиона долларов? </b><br>
Я могу сказать на что я точно не пойду ради этого. Предательство, ноуп. Измена, нет, спасибо.<br>
<b>Чего из детства тебе сейчас не хватает? </b><br>
Ужасно не хватает того беззаботного времени, когда можно было нежится на солнышке, закидывая Ба тысячей вопросов "Почему?"<br>
<b>Кем ты хочешь стать через 10 лет? </b><br>
Будущее вещь субъективная. Но, я точно не хочу стать Гомером Симпсоном для своих детей. <br>
<b>Кем из героев кино ты хочешь стать?</b><br>
Индиана Джонс! Засунуть руку в непонятную дыру и обнаружить сокровище, а не гремучую змею. Чем не удача?
</p></div> </article></div> <input id="ac-6" name="accordion-1" type="radio" /> <article class="ac-large"> <img src="http://savepic.net/9790066.gif" /><h3>Jaime Adler</h3><h4>fucking mistaker</h4><hr /><div class="scrollarea"><h5>Tell you what</h5><p><b>Что ты считаешь самым дорогим в твоей жизни? </b><br>
Не буду оригинальной, когда скажу, что мое окружение. Всю мою жизнь мне попадаются удивительные люди, которые помогают мне становится чуть-чуть лучше<br>
<b>Чем тебя можно успокоить?</b> <br>
Я баба! Музыкой, едой и обнимашками!<br>
<b>Какая у тебя любимая фраза или выражение? </b><br>
Ну я же леди, епты<br>
<b>На что ты можешь пойти ради миллиона долларов? </b><br>
Вариант " на крутую работу" еще принимается?<br>
<b>Чего из детства тебе сейчас не хватает? </b><br>
Той беспечности! Вспоминаю свой авантюрный характер и все те приключения и прям хочется всплакнуть. А вот сейчас уже не то, уже начинаешь думать "а надо ли мне это", "ой, а вдруг случится что?", а ведь еще лет 10 назад только на горизонте появлялись приключения, как моя жопа уже была там<br>
<b>Кем ты хочешь стать через 10 лет? </b><br>
Главное, я хочу не потерять себя и тот грамм детства, который еще есть во мне<br>
<b>Кем из героев кино ты хочешь стать?</b><br>
Никем. Но не против комедийного сериала про меня в духе "Друзей", "Клиники" и КЯВВМ<br>
</p></div> </article></div><div> </section></div></div>

</html>