<style>
#tabbycat { width: 400px; height: 500px; background: #d4ebff; position: relative; overflow: hidden; }
.stuffyy::-webkit-scrollbar { width: 5px; background-color: #fdd7ea;}
.stuffyy::-webkit-scrollbar-thumb { background: #fdd7ea; }
.stuffyy::-webkit-scrollbar-corner { background: #fdd7ea; }
.stuffyy::-webkit-scrollbar-track { background: #fdd7ea; }
.captcha { position: absolute; clear: both; top: 0px; left: 0px; width: 250px; height: 500px; }
.kitty { float: none; target: inherit; }
.kitty label { width: 50px; height: 50px; border-radius: 100%; position: relative; z-index: 2; background: #fff; margin: 0px auto 0px; display: block; cursor: pointer; left: 75px; top: 225px; font: normal 8px calibri; letter-spacing: 1px; text-transform: uppercase; color: #8ac8ff; line-height: 50px; }
.kitty input[type=checkbox] { display: none; }
.chatty { position: absolute; top: 250px; left: 0px; right: 0px; background: #fff; padding: 0px; height: 0px; -webkit-transition: all 0.7s ease-in; -moz-transition: all 0.7s ease-in; -o-transition: all 0.7s ease-in; transition: all 0.7s ease-in; opacity: 0; filter: alpha(opacity=0); width: 400px; }
.chatty label { position: absolute; top: 0px; left: 335px; font-family: calibri; font-size: 8px; text-transform: uppercase; width: 15px; height: 15px; line-height: 15px; color: #000; background-color: white; cursor: pointer; display: none; text-align: center; }
.kitty .chatty { z-index: 99; opacity: 1; filter: alpha(opacity=100); height: 0px; padding: 0px; position: absolute; bottom: 0px; width: 400px; text-align: justify; }
.kitty .chatty h1 { color: #000; text-align: center; font: 40px Playball; line-height: 80%; padding: 40px 0px 0px; color: #66BFCD; text-shadow: 1px 2px 3px #fff; margin: 0px; }
.kitty input[type=checkbox]:checked ~ label { z-index: 98; }
.kitty input[type=checkbox]:checked ~ .chatty label { display: inline; }
.kitty input[type=checkbox]:checked ~ label ~ .chatty { z-index: 99; opacity: 1; filter: alpha(opacity=100); height: 500px; width: 400px; margin-top: 0px; padding: 0px; text-align: justify; top: 0px; }
.stuffyy { position: relative; top: 300px; border: 10px solid rgba(0,0,0,0); border-left: 20px solid rgba(0,0,0,0); border-right: 20px solid rgba(0,0,0,0); font: 10px arial; line-height: 100%; color: #323232; height: 383px; overflow: auto; padding-right: 3px; opacity: 0; transition: all .7s ease-in; -webkit-transition: all .7s ease-in; -moz-transition: all .7s ease-in; -o-transition: all .7s ease-in; -ms-transition: all .7s ease-in; }
.stuffer p:first-letter { font: 30px Lobster; line-height: 80%; padding: 0px 3px 0px 20px; color: #66BFCD; text-shadow: 1px 1px 2px #ffbde2; margin: 0px 0px 0px; }
.stuffer p:first-line { font: italic 10px georgia; letter-spacing: 1px; color: #323232; }
.stuffer i { font: italic 9px georgia; color: #000; }
.kitty input[type=checkbox]:checked ~ label ~ .chatty .stuffyy { opacity: 1; display: inline; border: 10px solid rgba(0,0,0,0); border-left: 20px solid rgba(0,0,0,0); border-right: 20px solid rgba(0,0,0,0); height: 383px; overflow: auto; padding-right: 3px; top: 0px; display: block; transition: all .7s ease-in; -webkit-transition: all .7s ease-in; -moz-transition: all .7s ease-in; -o-transition: all .7s ease-in; -ms-transition: all .7s ease-in; }
.pictureeee { height: 250px; background: url(http://savepic.net/5441956.gif); }
</style>
<center>
<div id="tabbycat">
<div class="pictureeee"></div>
<div class="captcha">
<div class="kitty">
<input id="one" type="checkbox" name="toggle">
<label for="one">CLICK</label>
<div class="chatty">
<label for="one">X</label>
<h1> days get longer </h1>
<div style="text-align: center; text-transform: uppercase; font: 8px calibri; letter-spacing: 2px; line-height: 100%; color: #000;"> life gets longer in the golden state of usa </div>
<div class="stuffyy">
<div style="margin: 10px 30px 15px; border-bottom: 2px solid #EEA08C; padding-bottom: 10px; color: #000; margin-bottom: 10px; ">
<center> #LA #life #sun #beach #gorgeous #party </center>
</div>
<div class="stuffer">
<p> Ебанушка ебанушечка. Вещает безумие на радиоволне "ЖЕЛЕЗНЫЙ ЧЕЛОВЕК ФМ". Это заразно, берегите ушки, сушки, пончики и прочее задротство. </p>
<p> На данный момент мы ждем еще двух администраторов, которые смогут не просто отвечать в гостевой и нажимать кнопку «редактировать» на списке внешностей, но и активно принимать участие в жизни ролевой. Нам нужны идейные и ответственные люди, открытые к общению, с чувством юмора и вкуса, любители развлечений и конкурсов на ролевой. Также не откажем пиарщикам, которые займут пост модератора. Нет-нет, не думайте, что мы свалим лишь на вас эту обязанность. Заниматься листовками будут все, но вы будете делать это чуточку больше. Проверять партнерство, взаимность и оповещать другие ролевые о каких-то изменениях у нас. Мы не стремимся набирать в амс большое количество человек. Просто кто-то уходит, кто-то приходит. У кого-то проблемы в реальной жизни и мы никак не можем препятствовать в решении их. Мы за демократию, и мы прислушаемся к вашему мнению. Без обязательных шаблонов, расскажите о себе, желательно с примерами, будем рады, если решитесь.</p>
<p> Если вы хотите поинтересоваться, когда мы откроемся, то просим обратить внимание на специальную полосу прогресса в шапке, которая скажет точно на сколько мы готовы к открытию. Перед открытием амс предупредит всех объявлением.</p>
<p>
Насчет внешностей. Нам очень жаль, но есть в ролевом мире внешности, которые не только стремятся забрать, но и из-за них происходят нелепейшие конфликты. Именно поэтому мы не придерживаем на тестовике такие внешности, как: Нина Добрев, Иен Сомерхолдер, Меган Фокс, Дилан О'Браен, Холланд Роден. Остальные фейсы вы можете придержать с условием
<b>обязательной</b>
регистрации без прочих заморочек со связью. Если в течении трех дней вы не проявляете активности, внешность освобождается. Одна внешность - в одни руки, если хотите придти с друзьями, приглашайте их регистрироваться у нас. Вы также можете оставить пожелания с внешностями на нужных персонажей, но выбранные вами внешности для них не считаются занятыми, и их может взять любой гость не придерживаясь заявки.
</p>
<table>
<tbody>
<tr>
<td width="50%">
<div style="margin-top: 0px; padding: 2px; background-color: #; font-family: Lobster; text-align: center; font-size: 16px; color: #45b029; text-shadow: 1px 1px 0px white, 1px 1px 0px black;">внешности х</div>
<br>
<div style="height: 150px; padding: 5px; font-family: arial; font-size: 11px; line-height: 90%; text-align: justify; overflow: auto;">
lindsey ellingson »
<i>люцифер</i>
<br>
hunter parrish »
<i>чак норрис</i>
<br>
аshley вenson »
<i>divergent</i>
<br>
kacey rohl »
<i>essence</i>
<br>
liam payne »
<i>elephant</i>
<br>
zayn malik »
<i>sweater weather</i>
<br>
natalie dormer »
<i>fairytale</i>
<br>
emmy rossum »
<i>лолита</i>
<br>
jennifer morrison »
<i>арабелла</i>
<br>
amber heard »
<i>джеки кеннеди</i>
<br>
doutzen kroes »
<i>окопай_тюльпан</i>
<br>
jennifer lawrence »
<i>феникс</i>
<br>
emma stone »
<i>сова</i>
<br>
jade thirlwall »
<i>cocaine</i>
<br>
Phoebe Tonkin »
<i>мелоди</i>
<br>
Candice Swanepoel »
<i>клён</i>
<br>
Sebastian Stan »
<i>soldier</i>
<br>
Imogen Poots »
<i>greenfield;</i>
<br>
jenna coleman »
<i>корски</i>
<br>
evan peters »
<i>likeidiot</i>
<br>
adam levine »
<i>рокенрольщик</i>
<br>
dianna agron »
<i>warm sweater</i>
<br>
Scarlett Johansson »
<i>буханка ленивая</i>
<br>
miranda kerr »
<i>fendi</i>
<br>
<br>
</div>
</td>
<td width="50%">
<div style="margin-top: 0px; padding: 2px; background-color: #; font-family: Lobster; text-align: center; font-size: 16px; color: #da6aa9; text-shadow: 1px 1px 0px white, 1px 1px 0px black;">мы их ждем ♥</div>
<br>
<div style="height: 150px; padding: 5px; font-family: arial; font-size: 11px; line-height: 90%; text-align: justify; overflow: auto;">
andrew garfield »
<i>для совы</i>
<br>
Harry Styles »
<i>cocaine</i>
<br>
Louis Tomlinson »
<i>для люцифера </i>
<br>
joseph morgan, candice swanepoel, kristen stewart »
<i>для окопай_тюльпан</i>
<br>
colin o'donoghue »
<i>для окопай_тюльпан & клён</i>
<br>
jack o'connell »
<i>для warm sweater</i>
<br>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>