<!--HTML-->
<link href='http://www.seiryuu.org/~cal/code/cal-ipad.css' rel='stylesheet' type='text/css'>
<style>
/* main background image */
.cal-ipad { background-image: url(http://placehold.it/385x460); }
/* if you want to change the section icons */
.cal-ipad .ci-notes label { background-image: url(http://i.imgur.com/yQNdVmo.png) }
.cal-ipad .ci-skype label { background-image: url(http://i.imgur.com/Di0mpPq.png) }
.cal-ipad .ci-music label { background-image: url(http://i.imgur.com/EhijXjC.png) } 
</style>
<div class="cal-ipad">
<img src="http://i.imgur.com/qO9o0cg.png" style="background-size: contain; z-index: 0; position: absolute;">
<div class="ci-close"><input id="ci-0" name="ipad" type="radio" checked="checked">
<label for="ci-0"><span>⊗</span></label>
</div>
<div class="ci-notes">
<input id="ci-1" name="ipad" type="radio"/>
<label for="ci-1"><span>Story</span></label>
<div class="ci-content">
<h3 class="ci-title"><b>Имя Фамилия (англ.), возраст</b> <br><br>
факультет, курс <br>
</i>внешность (англ.)</i>
</h3>
<div class="ci-text">
<p>Описание своего персонажа оставь здесь.</p>
</div>
</div>
</div>
<div class="ci-skype">
<input id="ci-2" name="ipad" type="radio" />
<label for="ci-2"><span>Friends</span></label>
<div class="ci-content">
<h3 class="ci-title">Contact List</h3>
<div class="ci-text">
<div><center><img src="http://placehold.it/100x100"></center><span class="ci-caption">Имя Фамилия (англ.)</span><br> описание отношений описание отношений описание отношений описание отношений описание отношений описание отношений описание отношений </div> 
<div><center><img src="http://placehold.it/100x100"></center><span class="ci-caption">Имя Фамилия (англ.)</span><br> описание отношений описание отношений описание отношений описание отношений описание отношений описание отношений описание отношений </div> 
<div><center><img src="http://placehold.it/100x100"></center><span class="ci-caption">Имя Фамилия (англ.)</span><br> описание отношений описание отношений описание отношений описание отношений описание отношений описание отношений описание отношений </div> 
</div>
</div>
</div>
<div class="ci-music">
<input id="ci-3" name="ipad" type="radio" />
<label for="ci-3"><span>Games</span></label>
<div class="ci-content">
<h3 class="ci-title">Games</h3>
<ul>
<li>
<span class="ci-title"><a href="ссылка на игру">название эпизода</a></span>
<span class="ci-artist">описание эпизода описание эпизода описание эпизода описание эпизода описание эпизода описание эпизода описание эпизода описание эпизода описание эпизода описание эпизода описание эпизода описание эпизода</span>
</li>
<li>
<span class="ci-title"><a href="ссылка на игру">название эпизода</a></span>
<span class="ci-artist">описание эпизода описание эпизода описание эпизода описание эпизода описание эпизода описание эпизода описание эпизода описание эпизода описание эпизода описание эпизода описание эпизода описание эпизода</span>
</li>
</ul>
</div>
</div>
<div class="ci-credit"><a href="http://shine.jcink.net/index.php?showuser=7270">㎈</a></div>
</div>

<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Advent+Pro' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Aguafina+Script' rel='stylesheet' type='text/css'><center><div style="width: 350px; padding: 0px 60px 0px 60px; background-image: url(http://colourlovers.com.s3.amazonaws.com/images/patterns/3446/3446723.png);"><div style="padding: 30px; background-color: #FCFDFF; border: 3px double #A6AEC1;"><div style="font-family: Arial; color: #EDEDF2; text-shadow: 1px 1px 0px #6C788E, 2px 2px 0px #EDEDF2, 3px 3px 0px #CFD5E1; font-size: 70px; text-transform: lowercase; margin-top: 40px; margin-bottom: 15px;">

Welcome

</div><div style="font-family: advent pro; text-transform: uppercase; font-size: 10px; border-bottom: 1px solid #6C788E; color: #6C788E;">

sub-title here

</div><div style="height: 1px; border-bottom: 2px solid #6C788E;"></div><div style="font-family: tahoma; color: #6C788E; font-size: 10px; line-height: 90%; text-align: justify; padding: 10px;">

stuff here. 

</div><div style="height: 1px; border-bottom: 2px solid #6C788E;"></div><div style="border-bottom: 1px solid #6C788E; height: 1px;"></div></div></div><div style="width: 400px; font-family: arial; letter-spacing: 2px; text-align: right; text-transform: uppercase; font-size: 7px;"><a href="http://shine.b1.jcink.com/index.php?showuser=145">&hearts; lauz</a></div></center>

<!--HTML-->
<div style="position: absolute;
width: 648px;
height: 522px;
left: 350px;
background-image: url(http://sh.uploads.ru/d6GrK.png);">
<div style="position: absolute; width: 350px; left: 110px; top: 20px; text-align: justify; padding: 50px; font-size: 9px; color:#ffffff; line-height: 115%;"> 1. Действие происходит в в Итаке, штат Нью-Йорк (США), а именно частном университете Корнелльский университет, подробней о котором вы можете узнать здесь.<br><br>
2. Регистрация проводится строго на английском языке, с большой буквы. Ник при регистрации должен отображать ваше имя, а не прозвище, кличку или ласковое имечко от бабули.<br>
3. Внешности придерживаются на три дня, перепридержание возможно не более двух раз. Для нужных персонажей внешности не придерживаются.<br><br>
4. Просим обратить внимание на то, что факт наличия на форуме элементарной регистрационной анкеты не отрицает того, что после принятия каждый игрок должен заполнить личное дело в течении трех суток. Незаполненное личное дело является поводом для удаления.<br><br>
5. Если вдруг вы решили, что выбранная вами внешность вам мне подходит, а анкета уже подана и все организационные темы заполнены, то вы можете сменить ее, только при условии, что вы еще не начали игру и это будет первый и последний раз. Все последующие смены внешности будут стоить вам 1000 фунтов. <br><br>
6. Стандартный размер аватара – 180 на 180, но мы не против других вариаций квадратного либо прямоугольного изображения.
7. Если ваша любимая внешность занята, а игрок, ее занявший, давно не отписывался на форуме, вы имеете полное право претендовать на нее, при условии, что игрок не отписался в лоу. Пишите в гостевую, и мы все решим.<br><br>
8. Реклама и флуд - наши любимые темы, но это не значит, что стоит превращать в них весь форум. Помните, что существуют отдельные темы, где можно поболтать и наладить дружеские отношения с другими форумами, при этом не познав гнев администрации.
9. Плагиат, хамское поведение, разжигание разнообразных конфликтов, реклама в неположенном месте - знаете, что это? Это причины, по которым АМС удалит вас в два счета, если вы решите, что это можно считать приемлемым. <br><br>
10. 7 дней оффлайн равно удаление с форума. </div>
</div>

<!--HTML-->
<div style="position: absolute;
width: 648px;
height: 550px;
left: 350px;
background-image: url(http://sh.uploads.ru/d6GrK.png);">
<div style="position: absolute; width: 350px; left: 110px; top: 20px; text-align: justify; padding: 50px; font-size: 9px; color:#ffffff; line-height: 115%;"> 1. Действие происходит в Лондоне, ВБ, а именно частном университете Роял Холлоуей, подробней о котором вы можете узнать здесь.<br><br>
2. Регистрация проводится строго на английском языке, с большой буквы. Ник при регистрации должен отображать ваше имя, а не прозвище, кличку или ласковое имечко от бабули.<br>
3. Внешности придерживаются на три дня, перепридержание возможно не более двух раз. Для нужных персонажей внешности не придерживаются.<br><br>
4. Просим обратить внимание на то, что факт наличия на форуме элементарной регистрационной анкеты не отрицает того, что после принятия каждый игрок должен заполнить личное дело в течении трех суток. Незаполненное личное дело является поводом для удаления.<br><br>
5. Если вдруг вы решили, что выбранная вами внешность вам мне подходит, а анкета уже подана и все организационные темы заполнены, то вы можете сменить ее, только при условии, что вы еще не начали игру и это будет первый и последний раз. Все последующие смены внешности будут стоить вам 1000 фунтов. <br><br>
6. Стандартный размер аватара – 180 на 180, но мы не против других вариаций квадратного либо прямоугольного изображения.
7. Если ваша любимая внешность занята, а игрок, ее занявший, давно не отписывался на форуме, вы имеете полное право претендовать на нее, при условии, что игрок не отписался в лоу. Пишите в гостевую, и мы все решим.<br><br>
8. Реклама и флуд - наши любимые темы, но это не значит, что стоит превращать в них весь форум. Помните, что существуют отдельные темы, где можно поболтать и наладить дружеские отношения с другими форумами, при этом не познав гнев администрации.
9. Плагиат, хамское поведение, разжигание разнообразных конфликтов, реклама в неположенном месте - знаете, что это? Это причины, по которым АМС удалит вас в два счета, если вы решите, что это можно считать приемлемым. <br><br>
10. 7 дней оффлайн равно удаление с форума. <br><br><br><br><br><br></div>
</div>

<!--HTML-->
<table><tr><td><style type="text/css">
.regan .alec { width: 250px; height: 80px; background-color: #222; border-bottom: 7px solid #955916; position: relative; top: 0px; left: 0px; opacity: 0; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.moretti a:hover { color: #955916; }
.regan .anna { width: 150px; padding-top: 5px; padding-bottom: 5px; font-size: 8px; letter-spacing: 2px; color: #d3d1c2; text-align: center; text-transform: lowercase; line-height: 100%; font-style: italic; background-color: #955916; font-family: cambria, serif; position: absolute; top: 65px; opacity: 0; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s;}
</style>
<link rel="stylesheet" type="text/css" href="http://yougobeckycoco.b1.jcink.com/uploads/yougobeckycoco/tracker.css">


<center><div class="regan"><div class="img"><div style="width: 150px; height: 150px; border-radius: 100%; background-image: url(http://sg.uploads.ru/qRLXh.png);"><div class="anna"> 

FEMALE

</div></a></div></div><div class="alec"></div>

<div class="moretti">

<b>» A B C D </b><br>
...
<br><br>

<b>» E F G H I  </b><br>
...
<br><br>

<b>» J K L M </b><br>
...
<br><br>

<b>» N O P Q   </b><br>
...
<br><br>

<b>» R S T U  </b><br>
...
<br><br>

<b>» V W X Y Z  </b><br>
...
<br><br>
 


</div></div></center></td>

<td><style type="text/css">
.regan .alec { width: 250px; height: 80px; background-color: #222; border-bottom: 7px solid #955916; position: relative; top: 0px; left: 0px; opacity: 0; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.moretti a:hover { color: #955916; }
.regan .anna { width: 150px; padding-top: 5px; padding-bottom: 5px; font-size: 8px; letter-spacing: 2px; color: #d3d1c2; text-align: center; text-transform: lowercase; line-height: 100%; font-style: italic; background-color: #955916; font-family: cambria, serif; position: absolute; top: 65px; opacity: 0; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s;}
</style>
<link rel="stylesheet" type="text/css" href="http://yougobeckycoco.b1.jcink.com/uploads/yougobeckycoco/tracker.css">


<center><div class="regan"><div class="img"><div style="width: 150px; height: 150px; border-radius: 100%; background-image: url(http://sg.uploads.ru/sfXbU.png);"><div class="anna"> 

MALE

</div></a></div></div><div class="alec"></div>

<div class="moretti">


<b>» A B C D </b><br>
<a href="...">andy biersack </a><br>
...
<br><br>

<b>» E F G H I  </b><br>
...
<br><br>

<b>» J K L M </b><br>
...
<br><br>

<b>» N O P Q   </b><br>
...
<br><br>

<b>» R S T U  </b><br>
...
<br><br>

<b>» V W X Y Z  </b><br>
...
<br><br>

<a href="ссылка на профиль">внешность на англ. с маленькой буквы - имя на англ. с маленькой буквы</a><br>

<!--HTML-->
<link href='http://louiscodes.b1.jcink.com/uploads/louiscodes/louistwitter1.css' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'><style type='text/css'>

#CHARACTERNAME .follow { background-color:#6b9668!important; }
#CHARACTERNAME .box b { color:#6b9668!important; }
#CHARACTERNAME a { color:#6b9668!important; }

</style><center><div id='shadowplay'><div id='louistwit1'><div class='bgpic'>

<img src='http://sh.uploads.ru/TF1R8.jpg'>

</div><div class='icon'><a href='http://shine.jcink.net/index.php?showuser=599'>

<img src='http://sh.uploads.ru/3H2pB.gif'>

</a></div><div class='name'>

Theo Svan

</div><div class='handle'>

@shadowplay

</div><div class='follow'>follow</div><div class='bio'>

your twitter bio goes here

</div><div class='boxes'><div class='box'>

Posts<b>#</b></div><div class='box'>

Following<b>#</b></div><div class='box'>

Followers <b>#</b></div><div class='box'>

Favorites<b>#</b></div></div></div></div></center>

<!--HTML-->
<style type="text/css">
.pheromones { width: 400px; height: 250px; opacity: 0; transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; }
.pheromones:hover { width: 400px; height: 250px; opacity: .9; }
.pheromoness::-webkit-scrollbar { width: 5px; height: 5px; }
.pheromoness::-webkit-scrollbar-track { background-color: #fff; }
.pheromoness::-webkit-scrollbar-thumb { background-color: #222; }
</style>

<center><div style="width: 450px; padding: 20px; background-color: #fafafa;border: 3px double #f0f0f0;"><div style="width: 450px; font-family: arial, sans-serif; font-size: 72px; text-transform: uppercase; text-align: center; color: #222; line-height: 100%; letter-spacing: -10px;">pheromones</div><div style="width: 450px; background-color: #222; color: #fff; font-size: 7px; text-align: center; padding-top: 5px; padding-bottom: 5px; line-height: 100%; margin-top: -45px; text-transform: uppercase; letter-spacing: 4px; word-spacing: 2px; font-family: arial, sans-serif;">i'm just falling for your</div><div style="height: 20px;"></div><div style="width: 400px; height: 250px; background-image: url(http://placehold.it/400x250); border-right: 25px solid #222; border-left: 25px solid #222;"><div class="pheromones"><div style="height: 10px;"></div><div style="width: 358px; height: 208px; border: 1px solid #fff; padding: 10px;"><div style="width: 338px; height: 188px; padding: 10px; background-color: #fff; font-family: arial, sans-serif; font-size: 10px; text-align: justify; line-height: 100%; color: #222;"><div style="width: 333px; height: 188px; padding-right: 5px; overflow: auto; line-height: 100%;" class="pheromoness">

thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here thread goes here v

</div></div></div></div></div></div><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=3722" style="font-family: arial, serif; text-transform: uppercase; line-height: 100%; letter-spacing: 1px; color: #222; font-size: 6px; text-align: center">&copy; darren criss</a></center>

<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Montserrat|Roboto:300,400' rel='stylesheet' type='text/css'>
<style>
.purtempcon {width: 350px; background-color: #EFEFEF; border: 1px solid #c1c1c1; height: 450px; padding: 15px; background-image:url();}
.purtempheadr {width: 350px; height: 100px; background-color: #B76782;}
.purtempavtr {position: relative; border-radius: 50%; border: 7px solid #FFF; height: 100px; width: 100px; overflow: hidden; top: 25px; left: -105px; z-index: 2;}
.purtemplyrcs {width: 210px; height: 30px; border-bottom: 1px solid #FFF; position: relative; font-family: abril fatface; color: #FFF; left: 65px; font-size: 17px; top: -65px; text-align: left;}
.purtemptags {font-family: abril fatface; letter-spacing: -2px; font-size: 38px; color: #B76782; position: relative; z-index: 2; left: 55px; top: 10px;}
.purtempwrdcon {top: -15px; width: 338px; background-color: #FFF; height: 345px; margin-bottom: -55px; position: relative; padding: 5px; border: 1px solid #EEE;}
.purtempwrds {overflow: auto; padding-bottom: 5px; position: relative; top: 50px; height: 270px; left: 5px; padding-right: 10px; width: 320px; font-family: trebuchet ms; font-size: 10px; text-align: justify; line-height: 98%;}
.purtempwrds p{margin-top: 15px; margin-bottom: 2px;}
.purtempwrds p:first-letter {font-family: abril fatface; font-size: 45px; color: #B76782; text-transform: uppercase; float: left; padding-right: 10px;  height: 75px;  padding-bottom: 5px; }
.purtempwrds b{color: #B76782; font-family: montserrat; font-size: 13px;}
.purtempwrds i{color: #B76782; font-family: montserrat; font-size: 13px;}
.dalcred {font-family: abril fatface; letter-spacing: -2px; font-size: 10px; color: #B76782;}
</style>

<center><div class='purtempcon'><div class='purtempheadr'><div class='purtempavtr'>
<img src='http://placehold.it/100x100'>
</div><div class='purtemplyrcs'>love's a game wanna play?</div></div><div class='purtemptags'>
tagged name
</div>
 <div class='purtempwrdcon'><div class='purtempwrds'>
   
   <p>This is where the words go, a paragraph starts off with a really nice big capital letter <b>the bold looks pretty damn nice too I think</b> and then of course <i>there's the italics which are equally as stunning you know</i> also this whole thing will just scroll super pretty for you. Here look and see! 

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eget rhoncus urna. Donec et sagittis neque, vel euismod odio. In id congue magna. Proin ut elit eros. Fusce ac mi sed turpis tristique tristique vestibulum posuere tortor. Donec quis eleifend mauris. Aliquam malesuada hendrerit mauris. Quisque varius est quam, at ultrices urna blandit et. Nulla feugiat sit amet nibh et egestas.

<p>Nam dictum eros odio, a tristique mauris dignissim vitae. Fusce a ipsum nisi. Morbi sagittis sapien at interdum maximus. Proin ornare, risus sit amet vulputate auctor, magna justo aliquam sem, id lacinia erat quam et nisi. Sed nec eros at quam condimentum fringilla. Nullam aliquam blandit erat rhoncus dignissim. Cras sit amet urna commodo, blandit odio non, lacinia justo. Ut vitae condimentum odio. Aliquam a nisl nisi. Nam ac tincidunt massa. 
   
   </div></div>
<div style='position: relative; top: 20px; z-index: 2; width: 350px; height: 20px; background-color: #B76782;'></div>
 </div>
 <div class='dalcred'><a href=http://shine.b1.jcink.com/index.php?showuser=1051'>D</a></div></center>