Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'><style type="text/css">
#slider { text-align: center; width:450px; height:450px;}
label, #active, img { -moz-user-select:none;-webkit-user-select:none; }
.catch { display: block; height: 0; overflow: hidden; }
#slider { margin: 0 auto; }
#slider input {display: none;}
#slidercr { font-family: oswald; font-size:10px; text-transform:uppercase; }
#slidercr a {color:#206876;}
#slide1:checked ~ #slides .inner { margin-left:0; }
#slide2:checked ~ #slides .inner { margin-left:-100%; }
#slide3:checked ~ #slides .inner { margin-left:-200%; }
#slide4:checked ~ #slides .inner { margin-left:-300%; }
#slide5:checked ~ #slides .inner { margin-left:-400%; }
#controller {width:450px; height:450px; overflow:hidden; }
#overflow {width: 100%;overflow: hidden;}
article img {width: 450px; height:450px;}
#slides .inner {width: 500%;line-height: 0;}
#slides article { width: 20%;float: left;}
#controls {margin-top: -50%; margin-left:16%; margin-right:0%; margin-bottom:0%; width: 68%;height: 50px;}
#controls label { display: none;width: 50px; height: 50px;opacity: 0.3;}
#active {margin: 27% 0 0;text-align: center;}
#active label {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; width: 10px;
height: 10px; background: #bbb; }
#active label:hover { background: #ccc; border-color: #0e0e0e!important; }
#controls label:hover { opacity: 0.8; }
#slide1:checked ~ #controls label:nth-child(2),
#slide2:checked ~ #controls label:nth-child(3),
#slide3:checked ~ #controls label:nth-child(4),
#slide4:checked ~ #controls label:nth-child(5),
#slide5:checked ~ #controls label:nth-child(1) { background: url('http://csscience.com/responsiveslidercss3/next.png') no-repeat; float: right; margin: 0 -70px 0 0; display: block;}
#slide1:checked ~ #controls label:nth-child(5),
#slide2:checked ~ #controls label:nth-child(1),
#slide3:checked ~ #controls label:nth-child(2),
#slide4:checked ~ #controls label:nth-child(3),
#slide5:checked ~ #controls label:nth-child(4) { background: url('http://csscience.com/responsiveslidercss3/prev.png') no-repeat; float: left; margin: 0 0 0 -70px; display: block; }
#slide1:checked ~ #active label:nth-child(1),
#slide2:checked ~ #active label:nth-child(2),
#slide3:checked ~ #active label:nth-child(3),
#slide4:checked ~ #active label:nth-child(4),
#slide5:checked ~ #active label:nth-child(5) { background: #0e0e0e; border-color: #0e0e0e !important; }
/* Info Box */
.info {line-height: 20px; margin: 0 0 -150%; position: absolute; padding: 30px 30px; opacity: 0; color: #000; align:center; height:450px;}
.firstslide {line-height: 20px; margin: 0 0 -150%; position: absolute; padding: 30px 30px; opacity: 0; color: #000; text-align: justify; height:450px;}
.fstxt { margin-top:360px 0 0 50px; background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); color:#191919; font-size:38px; font-family:oswald; text-align:center; padding:15px; text-transform:uppercase; letter-spacing:2px;}
.ntxt { margin-top:360px 0 0 50px; background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); color:#191919; font-size:38px; font-family:oswald; text-align:center; padding:15px; text-transform:uppercase; letter-spacing:2px;}
.ctxt { background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); width:350px; padding: 5px 25px 25px 25px; text-align:justify; font-family:georgia; font-size:11px; text-transform:lowercase; line-height:95%; height:315px; overflow:auto;}
#slides { box-shadow: 1px 1px 4px #666;}
.ctxt b { font-weight:bold; color:#565070; text-transform:uppercase; font-family:oswald;}
#slides .inner {-webkit-transform: translateZ(0);-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); }
#slider { -webkit-transform: translateZ(0);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
#controls label{ -webkit-transform: translateZ(0); -webkit-transition: opacity 0.2s ease-out;-moz-transition: opacity 0.2s ease-out;-o-transition: opacity 0.2s ease-out;transition: opacity 0.2s ease-out;}
#slide1:checked ~ #slides article:nth-child(1) .firstslide,
#slide2:checked ~ #slides article:nth-child(2) .info,
#slide3:checked ~ #slides article:nth-child(3) .info,
#slide4:checked ~ #slides article:nth-child(4) .info,
#slide5:checked ~ #slides article:nth-child(5) .info { opacity: 1; -webkit-transition: all 1s ease-out 0.6s;-moz-transition: all 1s ease-out 0.6s;-o-transition: all 1s ease-out 0.6s; transition: all 1s ease-out 0.6s;}
.info, #controls, #slides, #active, #active label, .info h3, .desktop, .tablet, .mobile { -webkit-transform: translateZ(0); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }</style>
<div class="controller"><article id=slider>
<input checked type=radio name=slider id=slide1 />
<input type=radio name=slider id=slide2 />
<input type=radio name=slider id=slide3 />
<input type=radio name=slider id=slide4 />
<input type=radio name=slider id=slide5 />
<div id=slides>
<div id=overflow>
<div class=inner>
<article><div class=firstslide><div class="fstxt"><center>ФЛОРИАН УОКЕР</center></div></div>
<img src=http://cs418524.vk.me/v418524887/58a9/S8R6MaKHB5U.jpg></article>
<article><div class=info>
<div class="ntxt">ДАННЫЕ</div>
<div class="ctxt"><b>ВНЕШНОСТЬ:</b> Прототип на латинице<br><br><br>
<b>ИМЯ И ФАМИЛИЯ:</b> Флориан Уокер : На Латинице (если у вас два имени человеческое и демоническое , то пишите два)<br>
<b>ВОЗРАСТ:</b> 21<br>
<b>ВАШ ВИД:</b> Ангел<br>
<b>СЕМЬЯ:</b> Пишите членов семьи, даже тех, кого нет на играх. Если вы одиночка, так и пишите, что один.<br>
<b>ВАША ФРАКЦИЯ:</b> Мира<br>
<b>ВАШ ЧИН:</b> Рядовой<br>
<b>СТРАХИ/ФОБИИ:</b> Бесстрашных существ не существует, все мы чего-то боимся<br>
<b>ЧТО ВЫ ЛЮБИТЕ:</b> Минимум пять вещей. Можно даже просто через запятую.<br>
<b>ЧТО ВЫ НЕНАВИДИТЕ:</b> Минимум пять вещей. Можно даже просто через запятую.<br>
<b>ПРИВЫЧКИ:</b>Такие привычки вы могли позаимствовать у людей, а возможно вы даже создатель какой-нибудь вредной привычки<br></div></div>
<img src=http://cs418524.vk.me/v418524887/58a9/S8R6MaKHB5U.jpg></article>
<article><div class=info><div class="ntxt">ИНФОРМАЦИЯ</div>
<div class="ctxt">Очень добрый; он не может пройти мимо попавшего в беду. Обязательно рвется помочь. Он часто совершает необдуманные действия, больше похожие на ребячество. Романтичный, обожает дарить цветы, читать стихи и говорить красивые фразы. Обожает устраивать свидания. Всегда говорит правду. Ему легче промолчать, чем соврать.
В какой - то степени он безумен и крайне непредсказуем, поэтому опасен
Обожает интимную сторону жизни. В постели он огонь. Любит веселиться и радоваться жизни, никому не дает скучать. Он много шутит, чаще всего разбрасывается пошлыми и странными, понятными ему одному шуточками. Он верный себе самому и своему выбору: если любит, то для него никто иной не существует (но это бывает крайне редко) . Если кому – то из близких нужна помощь, то он обязательно поможет. С логикой у него все очень плохо, поэтому он творит самые разные вещи, которые вряд ли уложатся в голове нормального человека. Непроизвольно крутит интриги, чему иногда сам рад.
Никогда не придет позже назначенного времени, считает, что лучше прийти раньше, чем позже. Его легко задеть за живое, так же легко вывести на слезы. Кстати, парень не стесняется слез, считая их проявлением души. Упертый как баран, он будет стоять на своем до последнего. Не предает свои принципы: если что–то решил, то уже навсегда. Обладает богатым словарным запасом. Говорит красиво, может уболтать любого.
Однако парень обладает и рядом не самых приятных качеств. Его невозможно заставить что-то сделать. Никому не позволит собой командовать. Чрезмерно любит женское общество, а женское общество любит его. Про таких еще говорят «казанова». Но если состоит в отношениях с любимой девушкой, то пыл убавляет. Иногда многому верит, наивен. В открытую говорит о сексе, чересчур откровенничает. У него буря эмоций в душе от смеха до гнева, и он не боится их демонстрировать. Чувства для него все. Он их ощущает от любого слова или вздоха, придает им очень большое значение. Хватит взгляда, чтоб влюбить в себя Флориан , и не хватит вечности, чтобы отвязаться от него. Влюбляется в девушек легко. В его сердце места хватает всем. Гиперактивен и не любит сидеть без дела, способен делать несколько дел сразу. Самовлюбленный: очень любит себя, нередко восхваляет. Если его вывести из себя, что сделать не так уж и трудно, он способен на все, но легко отходчив, поэтому до глупостей не доходит. Если ему что-то сказать и не обосновать сказанное, парень может накрутить себя до предела, поскольку он очень мнительный. Его бросает из крайности в крайность, не терпит полутонов. Либо хорошо, либо плохо, либо никак. Очень любит, когда ему уделяют внимание, любит комплименты. Старается выделиться из толпы, поэтому всегда яркий. В его голове ядерный взрыв из глупых мыслей, поэтому и его девиз "думать вредно" Живет сердцем и дышит только им Считает себя эталоном молодежи, но скрывает это.
Семья - это весь шар земной. Безумно желает посмотреть в глаза убийцам своих родителей
Считает что жизнь имеет принцип бумеранга, поэтому он будет ждать когда будет возмездие
Обожает детей и мечтает о своих .</div></div>
<img src=http://cs418524.vk.me/v418524887/58a9/S8R6MaKHB5U.jpg></article>
<article><div class=info><div class="ntxt">СПОСОБНОСТИ</div>
<div class="ctxt">Сначала Вы пишите Способности вашего типа. Не забывая разделять всё по пунктам. ( <*br> убирая звёздочку, ставить обозначение после каждого пункта.<br><br><br>
<div class="ntxt">ЛИЧНАЯ</div>
Можно взять из списка способностей, или же придумать свою. Но предупреждаем, что очень сильную администрация не примет в игру.
</div></div>
<img src=http://cs418524.vk.me/v418524887/58a9/S8R6MaKHB5U.jpg></article>
<article><div class=info><div class="ntxt">ОБ ИГРОКЕ</div>
<div class="ctxt"><b>КОНТАКТНАЯ СВЯЗЬ:</b> Лекси знает<br>
<b>ПОЖЕЛАНИЯ К ИГРЕ:</b>Как вы могли бы уже заметить наш проект берет широкий спектр, и мы бы хотели подобрать вам самый оптимальный вариант. Вы можете обучать, быть контролирующим, возможно вы хотите больше сражений или личных контактов. Напишите нам, чего бы Вам хотелось бы больше всего от игры.<br>
<b>КАК ВЫ НАС НАШЛИ:</b> пришел с Академии<br>
<br>
<center><b>ПРОБНЫЙ ПОСТ</b></center><br>
<center><i>Воздух на двоих Вздох на двоих. Научи иметь одно дыхание. Научи иметь общее сердце . Добейся чтоб однажды он сказал « Смотреть можно, трогать нельзя» А ведь многие получают стократный оргазм от эстетического удовольствия его внешности. Так пусть другие довольствуются лишь этими своими мнимыми оргазмами . Физическое же наслаждение Эдди будет доставлять только тебе . Просто добейся этого. Дождись момента , когда его сердце будет вторить лишь твое имя. Когда ему будет пофиг на возраст , плевать на то что ты маленькая девочка, не знавшая интимных утех. Когда не ты, а он будет ждать твоей готовности. Главное чтоб он не умер от ожидания. Улови свое имя на его губах Ты слышишь? Ты ждешь? А ведь ты уже дождалась . Теперь Эдди принадлежит только тебе. Я принадлежу только тебе –</i> эти слова кричали его глаза, когда он нежно касался ее кожи длинных пальцами, проводя невидимую линию от скулы до подбородка
Он мог поклясться что слышит ее сердце , что оно поет вместе с его в унисон. А ее губы он хотел испить до дна. Она была его миром, его Вселенной. Его до конца, до последней клеточки. И пусть сейчас он это себе придумал, но ведь в фантазиях жить приятней чем в реалии.
Пусть странно наблюдать как мировоззрение парня меняется за какие – то часы, минуты, секунды, мгновения. Пусть многие ему не верят, но он докажет. Что он способен. Способен полюбив изменится навсегда. Он взрыв из звезд,он вулкан эмоций, он океан чувств и ураган похоти . Вот только он существует только для нее – он и раньше был лишь ее только этого не понимал. Они не понимали- он был слишком увлечен похождениями и девушками старше себя на год и больше, а она… Она была маленькой девочкой, сделанной из солнечного света и лазури. Она даже не думала о любви. Она жила в своем сказочном, волшебным мире, где он был лишь гостем. Но Эдди надоело быть гостем. Он просто ждал пока она вырастит и терпения просто не хватило, не хватило всего лишь на год. Он упал ей в ноги, он крикнул о том как сильно ее любит. Крикнул поцелуем и кажется его услышали.
Девушка ответила на поцелуй и кажется он ощущал ее восторг, ее счастье . Он бы продолжил но боялся ранить. Он и так многих уничтожил просто самим собой.
На ее слова про коварный план парень улыбнулся
<b>- Я мечтал поцеловать лишь тебя . Здесь, сейчас.При свете луны и роя звезд . Ты не поняла что я ждал тебя все эти 4 года, умирая в объятиях других –</b> прошептал парень и замолчал
Это была правда и пусть была Мишель, которая имела место в его прошлом и оставалась в настоящем пока ее не забрала вечность. Пусть была Аврора , которую парень еле терпел и в итоге бросил. Пусть были миллионы связей, которые не имели будущего. Но ни для многочисленных девушек, ни для Мишель, ни для Авроры парень бы не пожертвовал своей жизнью А вот для Элли он пожертвует всем
<b>- Я ждал тебя, -</b> повторил юноша полушёпотом и крепко обнял свою принцессу которая сумела превратить его в того прекрасного принца о котором говорила когда – то Мишель. Лишь одна девочка заставило его стать нечто особенным просто научив любить
Кстати о любви. Она сейчас тоже говорила о ней:
<b>- Не бойся влюбляться . Любовь на самом деле прекрасна. – </b>он помолчал<b>- Только причем тут я и любовь. Может просветишь? –</b> парень поднял левую бровь и поцеловал девушку в носик
Да, тупыми не рождаются ими становятся. Вот например Эдди только что потупел от любви . Это чувство действительно опьяняет
Через полчаса они уже сидели в кафе в которое притащила их девушка,. Он просто наблюдал за ней подперев рукой голову и ковыряясь ложкой в своем банановом мороженом Взгляд интригующий, сияющий ,любовный . Он сам себя стеснялся и прятал свое лицо за кудрями, превращаясь рядом с ней в школьника . Ну неужели любовь именно так действует на всех. О, ну тогда он реально никогда еще не любил. А может это не любовь? Может это с сумасшествие? Да, Патерсон, тебе давно в психушку дорога. а почему бы и нет? Конец близок либо психушка, либо тюрьма. Впрочем влюбляясь в не совершеннолетнюю ты на это и подписываешься. но Эдди было все равно. Он будет только рад попасть в тюрьму из-за любви. Хотя любовь не должна иметь цену. Ведь любовь слияние душ
<b>- Я тоже волнуюсь. Вообще в недоумении от себя самого . Вот я уверен что весь красный перед тобой сижу . –</b> он и правда покраснел и это хорошо было видно на фоне его каштановых кудрей . Внезапно стало жарко
<b>- Сейчас такое чувство , которое я никогда не чувствовал. Странное чувство – хочу всегда с тобой быть и мне плевать , что подумают другие </b>– парень взял ручку девушки и прижал тыльную сторону ладони девушки к своим губам <b> - Я кажется сошел с ума </b>
Парень спрятал глаза от девушки, подумав что это было бы нормальным явлением, если бы не тепло в грудной клетке. Как будто нежность окутала его шелком.
<b>- Мне кажется , что люблю тебя. Нет , не так . Я в этом просто уверен!</b>
Он настойчиво впился в ее глаза . Да, он сморозил глупость за которую может поквитаться. Но он такой человек , который не будет молчать о своих чувствах . У него сердце всегда впереди разума бежит.</center><br>
<br>
</div></div>
<img src=http://cs418524.vk.me/v418524887/58a9/S8R6MaKHB5U.jpg></article>
</div>
</div>
</div>
<div id=controls>
<label for=slide1></label>
<label for=slide2></label>
<label for=slide3></label>
<label for=slide4></label>
<label for=slide5></label>
</div>
</article></div>