<!--HTML--><style type='text/css'>
#derekth {
   width: 400px;
   height: 500px;
   background-color: #aec6cf;
   background-image: url('http://ultraimg.com/images/az-subtle.png');
   border-radius: 15px 50px 30px 5px;
   margin: 0 auto;
   padding-bottom: 5px;
}
.derekpc {
   width: 390px;
   height: 200px;
   margin-bottom: 10px;
   margin-left: 5px;
   padding-top: 10px;
   border-radius: 15px 50px 0px 0px
}
.derekwbg {
   width: 350px;
   height: auto;
   background-color: #f1f1f1;
   border-top: solid 2px #8fa3aa;
   border-bottom: solid 2px #8fa3aa;
   margin: 0 auto;
}
.derword {
   width: 300px;
   height: 240px;
   padding: 10px;
   margin: 0 auto;
   font: normal normal 10px/12px calibri, sans-serif;
   text-align: justify;
   color: #5a5a5a;
   text-transform: none;
   overflow: auto;
}
.dercred {
   width: 400px;
   height 100;
   font-family: roboto, sans-serif;
   font-size: 10px;
   margin-bottom: 3px;
   font-variant: small-caps;
   text-align: center;
   margin-left: 5px;
   color: #f1f1f1

}



</style>

<style type="text/css">.dercred a:link, .dercred a:active, .dercred a:visited { font-family: roboto;  font-size: 10px; color: #555 } .dercred a:hover { color: 7b7972; font-size: 15px; text-shadow: 1px 1px 1px #fff }</style> 

<div id='derekth'>
<div class='derekpc'><img src='http://placehold.it/390x200' style='border-radius:15px 50px 30px 5px':></div>
  <div class='derekwbg'><div class='derword'>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue sollicitudin sollicitudin. Sed quis neque sed nunc iaculis tristique. Morbi eget velit eros. Nam in turpis vitae erat aliquam pulvinar. Duis odio eros, dapibus a ullamcorper eu, pellentesque vel arcu. Aliquam erat volutpat. Morbi vehicula vehicula nibh a sagittis. Donec placerat arcu in sollicitudin lacinia. Vestibulum laoreet cursus elit in luctus.<p>

Quisque tempor nisi metus, sit amet placerat urna fringilla in. Sed non lorem id nisi sagittis blandit nec quis lacus. Aliquam faucibus nisi ac nisl aliquam, quis consectetur enim rutrum. Nullam vestibulum accumsan est a venenatis. Fusce porta velit nunc, quis vulputate tortor dapibus varius. Sed tempor lacus libero, non varius massa rutrum eget. Maecenas enim nisi, porta sed dui et, efficitur iaculis tellus. Morbi lectus nibh, ultrices non dolor quis, iaculis cursus felis.<p>

 
</div</div></div>
</div>
<center><div class='dercred'><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=19704">☾ deetoxicity.</a></div></div>

<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Roboto+Condensed|Satisfy' rel='stylesheet' type='text/css'>

<style type="text/css">

.jaztabs {
position: relative;   
width: 400px;
height: 400px;
background: #f8f8f8;
border: 15px solid #eee;
clear: both;
}

.jaztab {
float: left;
}

.jaztab label {
background: #eee; width: 50px;
padding: 5px;
display: block;
text-align: center;
text-transform: uppercase; 
font-family: 'Roboto Condensed', sans-serif;
color: black;
font-size: 11px;
margin-right: 10px; 
position: relative;
top: 20px;
left: 55px; 
}

.jaztab [type=radio] {
display: none;   
baseline-tab-shift: true, retrieve;
}

.jazcontent {
position: absolute;
top: 90px;
bottom: 20px;
left: 0px;
right: 0px;
background: #f8f8f8;
padding: 5px 20px 5px 20px;
text-align: justify;
color: black;
font-size: 11px;
line-height: 100%;
overflow: auto;
font-family: calibri;
}

[type=radio]:checked ~ label {
background: black;
color: white;
z-index: 2;
}

[type=radio]:checked ~ label ~ .jazcontent {
z-index: 1;
}

.jazfctitle001 { font-family: 'Satisfy', cursive; color: black; font-size: 35px; text-align: center; padding-top: 25px; }
.jazfccredit001 { text-align: center; font-family: arial; font-size: 10px; font-variant: small-caps; margin-top: 352px; width: 400px; background: #1d1d1d; height: 13px; padding-top: 1px; letter-spacing: 1px; line-height: 100%; }

</style>

<div class="jaztabs">

<div class="jazfctitle001">The Face Claim</div>

<div class="jaztab">
<input type="radio" id="jaztab-1" name="jaztab-group-1" checked>
<label for="jaztab-1">Info</label>
<div class="jazcontent">
All of the rules regarding your face claim will go here.  If you have a lot of rules or information to give out, this box will scroll.  If you have a lot of face claims, those will also scroll, although it's unlikely you'll run out of room.  You can outline any kind of form you'd like, but I don't recommend using the "code" tags, because it tends to make the tabs go funny.
<p>
Your reservation rules can go here as well.  It makes a lot of sense to put them here, because it's just easier in terms of the template.  If you want to put reservation rules in the "reserve" section, you'll have to edit the HTML for that section, because I don't think you want your rules structured as columns.
</div> 
</div>
 
<div class="jaztab">
<input type="radio" id="jaztab-2" name="jaztab-group-1">
<label for="jaztab-2">Male</label>
<div class="jazcontent"><div style="column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 8px; -moz-column-gap: 8px; -webkit-column-gap: 8px;">
<b>pb last, first</b> plays character last, first<br>
</div> 
</div>
</div>
 
<div class="jaztab">
<input type="radio" id="jaztab-3" name="jaztab-group-1">
<label for="jaztab-3">Female</label>
<div class="jazcontent"><div style="column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 8px; -moz-column-gap: 8px; -webkit-column-gap: 8px;">
<b>pb last, first</b> plays character last, first<br>
</div>
</div>
</div>

<div class="jaztab">
<input type="radio" id="jaztab-4" name="jaztab-group-1">
<label for="jaztab-4">Reserve</label>
<div class="jazcontent"><div style="column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 8px; -moz-column-gap: 8px; -webkit-column-gap: 8px;">
<b>pb last, first</b> is reserved until <i>date</i><br>
</div> 
</div>
</div>

<a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=4002"><div class="jazfccredit001"><div style="color: white; font-weight: normal;">made by jazmine at shadowplay</div></div></a>

</div>

</center>

<!--HTML-->
<script type="text/javascript">
function move(id,spd) {
 var obj=document.getElementById(id);
 var max=-obj.offsetHeight+obj.parentNode.offsetHeight;
 var top=parseInt(obj.style.top);

 if ((spd>0&&top<=0)||(spd<0&&top>=max)){
  obj.style.top=top+spd+"px";
  move.to=setTimeout(function(){ move(id,spd); },20);
 }
 else obj.style.top=(spd>0?0:max)+"px";
}
</script>



<style type="text/css">
.faq2 { width: 612px; height: 800; margin-left: -1px; padding-top: 120px; padding-bottom: 30px; display: ; background: url(http://funkyimg.com/i/2gdHK.png) top no-repeat, url(http://funkyimg.com/i/2gdHL.png) bottom no-repeat, url(http://funkyimg.com/i/2gdHM.png) repeat-y;} 

#rt1 img { float: right; margin: 0 2px 1px 0; border: 1px solid #D8EAC2; padding: 0px; width: 80px; }
#rt2 img { float: left; margin: 0 2px 1px 0; border: 1px solid #D8EAC2; padding: 0px; width: 80px; }

</style>

<center>


<div class="faq2">

<br>


<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>
<center>
<div style="width: 450px; background: #; padding: 20px;">
<div style="font-family: lobster; font-size: 35px; color: #6e1002; margin-left: 163px; line-height: 70%;">ПОБЕДА!</div>
<div style="width: 220px; height: 8px; background: #feb813; border-left: 80px solid #400601; border-right: 150px solid #d15f00;"></div>
<div style="width: 500px; height: auto; font-family: Cuprum; font-size: 16px; line-height: 95%; color: #400601; overflow: ; text-align: justify; padding-top: 20px; margin-bottom: -15px; margin-left: -30px;">
<link href="dark.css" type="text/css" rel="stylesheet"/>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'>

<style type="text/css">




#tab-content1::-webkit-scrollbar {width: 5px; background: fff}
#tab-content1::-webkit-scrollbar-thumb {background:fff}
#tab-content1::-webkit-scrollbar-corner {background:fff}

#tab-content2::-webkit-scrollbar {width: 5px; background: fff}
#tab-content2::-webkit-scrollbar-thumb {background:fff}
#tab-content2::-webkit-scrollbar-corner {background:fff}

#tab-content3::-webkit-scrollbar {width: 5px; background: fff}
#tab-content3::-webkit-scrollbar-thumb {background:fff}
#tab-content3::-webkit-scrollbar-corner {background:fff}

#tab-content4::-webkit-scrollbar {width: 5px; background: fff}
#tab-content4::-webkit-scrollbar-thumb {background:fff}
#tab-content4::-webkit-scrollbar-corner {background:fff}

#tab-content5::-webkit-scrollbar {width: 5px; background: fff}
#tab-content5::-webkit-scrollbar-thumb {background:fff}
#tab-content5::-webkit-scrollbar-corner {background:fff}

#tab-content6::-webkit-scrollbar {width: 5px; background: fff}
#tab-content6::-webkit-scrollbar-thumb {background:fff}
#tab-content6::-webkit-scrollbar-corner {background:fff}

.pages [type=radio] {
/*position: absolute;
 top: -9999px;
 left: -9999px;  */ 
 display: none;
}

   
.dcontainer {
width: 550px;
height: 500px;
font-family: 'Open Sans Condensed';
   background: url();
   margin: 0 auto;
   padding-left: 20px;
   padding-top: 20px;

}


   
.pages {
   float: none;
   list-style-type: none;
   position: relative;
   padding: 0;
}

.pages p {
margin: 0;
padding: 0;
}

.pages li{
       float: left;
     }
     
.pages label {
         display: block;
         /*padding: 10px 20px;*/
         border-radius: 2px;
        /* color: #08C;
         font-size: 24px;
         font-weight: normal;
         font-family: 'Lily Script One', helveti;
         background: rgba(255,255,255,0.2);
         cursor: pointer;*/
         width: 85px;
         padding: 5px 0 5px 0;
         margin: 0 9px 0 0;
         text-align: center;
 	font-size: 14px;
 	text-shadow: 1px 1px 0 #fff;
         background-color:#EEF0F2;
         text-transform: uppercase;
         -webkit-transition: all 0.2s ease-in-out;
         -moz-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
         transition: all 0.2s ease-in-out;
     }
     
.pages label:hover {
background-color:#A2999E;
}
      
[id^=tab]:checked + label {
   top: 0;
   background-color:#98473E;
}
      
[id^=tab]:checked ~ [id^=tab-content] {
   display: block;
}

.tab-content{
width: 273px;
height: 140px;
border-radius: 2px;
overflow: auto;
background:#EEF0F2;
   z-index: 2;
   display: none;
   text-align: left;
   line-height: 120%;
   padding: 15px;
   position: absolute;
   top: 30px;
   left: 0;

   font-size: 13px;
   box-sizing: border-box;
   -webkit-animation-duration: 0.5s;
   -o-animation-duration: 0.5s;
   -moz-animation-duration: 0.5s;
   animation-duration: 0.5s;
}
</style>

<div class="dcontainer">

<div class="dimage"> 
<h2> First.Last</h2>
</div>

<ul class="pages">
       <li>
         <input type="radio" checked name="pages" id="tab1">
         <label for="tab1"><p>Profile</p></label></class>
         <div id="tab-content1" class="tab-content animated fadeIn">
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas fermentum scelerisque ex, at fringilla enim blandit at. Maecenas convallis enim velit, pharetra malesuada arcu suscipit sed. Nulla metus nulla, euismod vel aliquet vel, consequat quis velit. Pellentesque scelerisque nibh ut dolor tincidunt, sit amet interdum urna fringilla. Nunc posuere turpis vel enim rhoncus hendrerit vestibulum sit amet metus. Vestibulum efficitur bibendum accumsan. Ut sollicitudin ut nisi ut porttitor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut rhoncus nunc sed hendrerit congue. Cras id augue scelerisque, euismod leo eget, tristique dolor. Duis volutpat velit quam, consectetur ullamcorper diam finibus a.
         </div>
       </li>
       <li>
         <input type="radio" name="pages" id="tab2">
         <label for="tab2"><p>Ships</p></label>
         <div id="tab-content2" class="tab-content animated fadeIn">
         Fusce quis mollis odio. Curabitur ut ex sed massa facilisis scelerisque. Etiam tincidunt tortor dolor, sit amet viverra leo lobortis at. Pellentesque mollis nisi at quam placerat vehicula. Ut leo odio, pellentesque sed viverra non, hendrerit vel arcu. Donec nec erat sed tortor blandit facilisis eu at quam. In sagittis sodales lectus, a pretium lorem rhoncus id. Aliquam interdum metus et consequat dapibus.
         </div>
       </li>
       <li>
         <input type="radio" name="pages" id="tab3">
         <label for="tab3"><p>Other</p></label>
         <div id="tab-content3" class="tab-content animated fadeIn">
          Aliquam purus ante, volutpat sit amet lacus ac, convallis efficitur quam. Ut bibendum, sapien non vehicula imperdiet, justo eros feugiat orci, ut laoreet metus lorem vel nibh. In posuere sapien quis erat blandit cursus. Quisque at felis eu mi vehicula feugiat. Aliquam pretium ante odio. Phasellus in elementum sapien. Donec laoreet consequat lacus ut consequat. Curabitur ut nisi bibendum, venenatis lorem eu, mattis elit. Fusce metus eros, maximus vitae aliquet a, efficitur non diam. Phasellus dictum pretium elit, sit amet scelerisque lectus lacinia in. Morbi volutpat nunc eu metus iaculis semper. Ut vitae euismod nunc, at cursus tellus. Aliquam molestie tincidunt enim. Aliquam ut tellus accumsan tellus convallis molestie. Maecenas facilisis sed dolor ac interdum.
         </div>
       </li>
<li>
         <input type="radio" checked name="pages" id="tab4">
         <label for="tab4"><p>hhrgrg</p></label>
         <div id="tab-content4" class="tab-content animated fadeIn">
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas fermentum scelerisque ex, at fringilla enim blandit at. Maecenas convallis enim velit, pharetra malesuada arcu suscipit sed. Nulla metus nulla, euismod vel aliquet vel, consequat quis velit. Pellentesque scelerisque nibh ut dolor tincidunt, sit amet interdum urna fringilla. Nunc posuere turpis vel enim rhoncus hendrerit vestibulum sit amet metus. Vestibulum efficitur bibendum accumsan. Ut sollicitudin ut nisi ut porttitor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut rhoncus nunc sed hendrerit congue. Cras id augue scelerisque, euismod leo eget, tristique dolor. Duis volutpat velit quam, consectetur ullamcorper diam finibus a.
         </div>
       </li>

<li>
         <input type="radio" checked name="pages" id="tab5">
         <label for="tab5"><p>gggg</p></label>
         <div id="tab-content5" class="tab-content animated fadeIn">
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas fermentum scelerisque ex, at fringilla enim blandit at. Maecenas convallis enim velit, pharetra malesuada arcu suscipit sed. Nulla metus nulla, euismod vel aliquet vel, consequat quis velit. Pellentesque scelerisque nibh ut dolor tincidunt, sit amet interdum urna fringilla. Nunc posuere turpis vel enim rhoncus hendrerit vestibulum sit amet metus. Vestibulum efficitur bibendum accumsan. Ut sollicitudin ut nisi ut porttitor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut rhoncus nunc sed hendrerit congue. Cras id augue scelerisque, euismod leo eget, tristique dolor. Duis volutpat velit quam, consectetur ullamcorper diam finibus a.
         </div>
       </li>
<li>
         <input type="radio" checked name="pages" id="tab6">
         <label for="tab6"><p>Rrarr</p></label>
         <div id="tab-content6" class="tab-content animated fadeIn">
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas fermentum scelerisque ex, at fringilla enim blandit at. Maecenas convallis enim velit, pharetra malesuada arcu suscipit sed. Nulla metus nulla, euismod vel aliquet vel, consequat quis velit. Pellentesque scelerisque nibh ut dolor tincidunt, sit amet interdum urna fringilla. Nunc posuere turpis vel enim rhoncus hendrerit vestibulum sit amet metus. Vestibulum efficitur bibendum accumsan. Ut sollicitudin ut nisi ut porttitor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut rhoncus nunc sed hendrerit congue. Cras id augue scelerisque, euismod leo eget, tristique dolor. Duis volutpat velit quam, consectetur ullamcorper diam finibus a.
         </div>
       </li>
</ul>

</div>
<br><br><br>
</center>

<!--HTML-->
<style>#calo { width: 375px; height: 200px; overflow: hidden; position:relative; } #calo .falo { width: 375px; height: 35px; background: #212e50; transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); margin-top: -18px; margin-left: -5px; } .galo { background: #212e50; padding: 20px; width: 335px; margin-top: -18px;  } .ialo { font-family: calibri; font-weight: bold; text-transform: uppercase; line-height: 100%; font-size: 14px; letter-spacing: 1px; word-spacing: 3px; color: #fff; background: #a7c0d4; padding: 4px; width: 327px; margin-top: 12px; } .halo { width: 285px; padding: 25px; background: #d7dde4; font-family: trebuchet ms; font-size: 12px; text-align: justify; line-height: 95%; word-spacing: 4px; color: #152742; font-weight: lighter; } </style> <div align='center'> <div style='width: 383px; padding: 3px; border: 3px solid #d7dde4'> <div style='width: 375px; padding: 3px; background: #d0d0d0; border: 1px solid #bbb9ce'> <div id='calo'><div class='ealo'></div><img src='http://funkyimg.com/i/2kFE8.png' width='375' height='200'/><div class='falo'></div></div><div class='galo'> <div class='ialo'> Каюшка гласит: </div> <div class='halo'> <center>Всем хорошего дня/вечера :3 </center>
<br>Я тут подумал, что мне есть, что вам сказать XD Как все заметили <s>(кэп)</s> мы сменили дизайн на Чеджу, и теперь у нас уже официально на зима, соответственно что и время в настоящем поменялось. Напоминаю, дабы никто не путался, время на форуме шаг в шаг с реальным (числа нет, а вот если в реале декабрь, то значит и на форуме декабрь). Это первое :3
<br><br><b>Второе.</b> У нас сменилось расположение некоторых тем, отныне у нас есть очень полезная вещь, которая называется <a href="http://jejucity.rusff.me/viewtopic.php?id=2154#p228771">ОБЗОРНАЯ ЭКСКУРСИЯ ПО ЧЕДЖУ</a>, где собрана вся необходимая информация: наш мего захватывающий сюжет XD правила, полезная информация по реальному острову Чеджу, важные причины для того, чтобы стать членом нашей семьи, АМС состав :3 кто не успел скопировать - копируйте :3
<br><br><b>Третье.</b> Йеп, у нас во всю идут разные шутки-плюхи по теме <u>Игры Престолов</u>. Те, кто участвовал во флэшмобе, менял имена и потерялся, то обязательно нужно посетить <a href="http://jejucity.rusff.me/viewtopic.php?id=2156&p=3#p231911">данную тему</a>, дабы вернуть свой прежний облик :3
<br><br><b>Четвертое.</b> Кнопочка в таблице под названием "ветер перемен" работает до 10 числа, если кто-то хочет увидеть свою мордаху в смайлах, то спешите, у вас осталось совсем мало времени, после чего я сменю все гиф-смайлы :3 
<br><br><b>Пятое.</b> Тайный Санта, те кто записывался должны отправить свои адреса <a href="http://jejucity.rusff.me/viewtopic.php?id=2122#p232189">в соответствующей теме</a>, так же даю вам время до 10 числа. Тот кто не отпишется, принимать участие уже не будет, и мы распределим адреса между теми, кто отнесся к этому более ответственно.
<br><br><b>Шестое.</b> У нас <a href="http://jejucity.rusff.me/viewtopic.php?id=2167#p232083">НОВАЯ игровая система</a> :3 Ох, котята, стараемся мы для вас, чего только уже не придумали XD боюсь к концу 2017 года у нас будет 10 игровых систем, ахах XD Ну а если серьезно, квесты с полочки будут пополняться, считаем это лучшим вариантом для игровых квестов в принципе :3 Наши труды не пропадают, и тем, кто хочет чего-то "эдакого" обязательно что-нибудь найдет здесь. Пока все на начальной стадии, но мы уверены, что эта система будет так же популярна как и остальные :3 

<center><br><br><br>Ставьте большие пальцы вверх, подписывайтесь на нашу группу в ВК, и не переключайтесь :3 
<br><br>Чеджу Вас любит <3 </center></div></div> </div></div></div>