mhm
Страница: 1
Сообщений 1 страница 16 из 16
Поделиться22016-04-12 13:03:34
Код:
<!--HTML-->
<center><link href='http://fonts.googleapis.com/css?family=Condiment|BenchNine' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
<style type="text/css">
.kodtabs111 { position: relative; width: 570px; height: 440px; clear: both; padding-top: 5px;}
.kodtab111 { float: left; }
.kodtab111 label { background: #6C903D; padding: 6px; margin-left: 10px; position: relative; left: -8px; top: 2px; display: block; color: white; width: 142.6px; font-family: Neucha, 'cuprum', sans-serif; font-size: 18px; text-transform: uppercase; text-align: center; z-index: 2; border-radius: 21px; border: 2px outset #92BF58;}
.kodtab111 [type=radio] { display: none; baseline-tab-shift: true, retrieve; }
.kodcontent111 { position: absolute; top: 55px; bottom: 0px; left: 0px; right: 0px; background:#EAECCD; padding: 10px; font-family: calibri; text-align: justify; overflow: auto; line-height: 100%; height: 350px; border-radius: 0px 0px 20px 20px; font-size: 12px;}
.kodtab111 [type=radio]:checked ~ label { background: #D62430; color: white; z-index: 2; border: 2px outset #E68289;}
.kodtab111 [type=radio]:checked ~ label ~ .kodcontent111 { z-index: 1; }
.kodpicture:hover { opacity: 1 }
.kodalias111 { width: 500px; height: 25px; margin-left: -5px; font-family: 'cuprum', sans-serif; font-size: 20px; color: white; text-align: center; padding-top: 10px; text-transform: uppercase; }
.kodscroll111::-webkit-scrollbar {width: 8px;background: #EDEEF0}
.kodscroll111::-webkit-scrollbar-thumb {background: #f0c852;}
.kodscroll111::-webkit-scrollbar-corner {background: #EDEEF0;}
.kodcredit { font-size: 9px; color: black; font-family: alial; text-align: right; width: 410px; text-transform: uppercase; }
/* приветствие (1 вкладка) */
.slow111 {font-size: 22px; color: #85a741; font-weight: bold; text-shadow: 1px 0 0.5px #fff; font-style: italic; font-family: Neucha;}
.infa111 {background-color: rgba(255,255,255,0.5); border-radius: 20px; padding: 10px;}
.imp111 {font-size: 16px;}
/* внешности (2 вкладка) */
.name111 {font-size: 15px;letter-spacing: 5px;font-family: 'Indie Flower', cursive;color: #fff;padding: 7px; text-shadow: 1px 0 0.5px rgba(56,76,29,1); background-color: #76a03d; text-align: center; border-radius: 20px;}
.tabla111 {overflow: auto; height: 270px;}
.cod111 {height: 50px;margin-top: 5px; padding: 10px; background-color: #76a03d; text-align: center; border-radius: 20px; color: #fff; text-shadow: 1px 0 0.5px rgba(56,76,29,1);}
.kodcontent111 i {color: #c05867; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; }
/* имена (3 вкладка) */
.name1111 {font-size: 15px;letter-spacing: 5px;font-family: 'Indie Flower', cursive;color: #fff; text-shadow: 1px 0 0.5px rgba(56,76,29,1); text-align: center;}
.name2111 {font-size: 15px;letter-spacing: 5px;font-family: 'Indie Flower', cursive;color: #fff;padding: 7px; text-shadow: 1px 0 0.5px rgba(56,76,29,1); background-color: #76a03d; text-align: center; border-radius: 20px 0px 0px 20px;}
.name3111 {font-size: 15px;letter-spacing: 5px;font-family: 'Indie Flower', cursive;color: #fff;padding: 7px; text-shadow: 1px 0 0.5px rgba(56,76,29,1); background-color: #76a03d; text-align: center; border-radius: 0px 20px 20px 0px;}
.newstext { text-align: center; width: 490px;}
</style>
<div style="font-size: 29px;letter-spacing: -1px;font-family: 'Indie Flower', cursive;color: #EFF0DA;padding: 42px 0px 36px 0px; text-shadow: 1px 0 0.5px rgba(64, 90, 29, 1);line-height: 13px;">Wake me up in San Francisco <div style="
font-size: 10px;
font-family: verdana;
color: #EAECCD;
width: 454px;
margin-left: 8px;
">Действуй, пока никто не успел тебе запретить.</div></div>
<div class="kodtabs111">
<table style="width: 520px;"><tr><td>
<div class="kodtab111">
<input type="radio" id="kodtab-1" name="kodtab-group-1" checked>
<label for="kodtab-1">приветики</label>
<div class="kodcontent111 kodscroll111">
<center><div class="slow111">Наконец-то мы сделали это! </div></center><br><table><tbody><tr><td>
Сегодня на календаре 14 декабря и мы открываем тестовик по нашей будущей ролевой. Мы сделали наш первый шаг для создания не просто дома, а родного города, в котором хотим поселиться и построить собственные жизни. Итак, дорогой путешественник, считай, что ты находишься в аэропорту, ожидая рейса на самолет. У тебя в руках билет в один конец, под названием Сан-Франциско. Ты пока мало знаешь об этом городе и совершенно не уверен, что ждет тебя впереди, но минимальная информация хранится в этой теме, дабы расширить горизонт и понять, стоит ли этот билет всех свеч. </td><td><img src="http://funkyimg.com/i/25rAQ.gif" width=260px style="border-radius: 20px"></td></tr></tbody></table>
<div class="infa111">◆ игра по реал-лайфу<br>
◆ город Сан-Франциско, штат Калифорния<br>
◆ рейтинг nc-21 <br>
◆ игровое время соответствует реальности<br>
◆ гибридная система игры с большим уклоном на эпизодическую<br><br>
<center>На нашем самолете отличное обслуживание, дружелюбные и веселые пилоты. Приятного полета, выбирайте медленные авиалинии!</center></div>
<br><center><div class="imp111">Для незарегистрированных пользователей мы держим внешность и имена максимум на сутки.</div></center></i>
</div>
</div>
<div class="kodtab111">
<input type="radio" id="kodtab-2" name="kodtab-group-1">
<label for="kodtab-2">внешности</label>
<div class="kodcontent111 kodscroll111">
<!--------------------------------------------------------- ВНЕШНОСТИ --------------------------------------------------------->
<div class="tabla111"><table>
<tr><td colspan="4" style="padding: 0em 0em !important;"><div class="name111">- ABCD -</div></td></tr>
<tr><td>
<!--A-->
<a href="http://soslow.rusff.me/profile.php?id=3">Aaron Taylor-Johnson</a> <br>
<a href="http://soslow.rusff.me/profile.php?id=32">Aubrey Plaza</a><br>
<a href="http://soslow.rusff.me/profile.php?id=44">Adelaide Kane</a><br>
<a href="http://soslow.rusff.me/profile.php?id=248">alexandra park</a><br>
<a href="http://soslow.rusff.me/profile.php?id=121">Alberto Rosende</a><br>
<a href="http://soslow.rusff.me/profile.php?id=223">Alicia Vikander</a><br>
<a href="http://soslow.rusff.me/profile.php?id=42">Amber Heard</a> <br>
<a href="http://soslow.rusff.me/profile.php?id=11">Anna Kendrick</a> <br>
<a href="http://soslow.rusff.me/viewtopic.php?id=3&p=2#p23180">Armie Hammer </a><br>
<a href="http://soslow.rusff.me/profile.php?id=232">ashley benson</a><br>
<a href="http://soslow.rusff.me/profile.php?id=34">Astrid Berges-Frisbey</a><br>
</td><td>
<!--B-->
<a href="http://soslow.rusff.me/profile.php?id=6">Bill Skarsgard</a> <br>
<a href="http://soslow.rusff.me/profile.php?id=149">Blake Lively</a><br>
<a href="http://soslow.rusff.me/profile.php?id=8">Brendon Urie</a> <br>
<a href="http://soslow.rusff.me/profile.php?id=200">Brett Dalton</a><br>
<a href="http://soslow.rusff.me/profile.php?id=50">Bryden Jenkins</a><br>
</td><td>
<!--C-->
<a href="http://soslow.rusff.me/profile.php?id=4">Candice Swanepoel</a> <br>
<a href="http://soslow.rusff.me/profile.php?id=3">Cara Delevigne</a> <br>
<a href="http://soslow.rusff.me/profile.php?id=29">Charlie Hunnam</a><br>
<a href="http://soslow.rusff.me/profile.php?id=185">Chloe Bennet</a><br>
<a href="http://soslow.rusff.me/profile.php?id=238">Chris Evans</a><br>
<a href="http://soslow.rusff.me/profile.php?id=25">Chris Hemsworth</a><br>
<a href="http://soslow.rusff.me/profile.php?id=13">Chris Wood</a><br>
<a href="http://soslow.rusff.me/profile.php?id=8">Colin Ford </a><br>
</td><td>
<!--D-->
<a href="http://soslow.rusff.me/profile.php?id=105">Deborah Ann Woll</a><br>
<a href="http://soslow.rusff.me/profile.php?id=211">Doutzen Kroes</a><br>
<a href="http://soslow.rusff.me/profile.php?id=9">Dylan O'Brien</a><br>
</td></tr>
<tr><td colspan="4" style="padding: 0em 0em !important;"><div class="name111">- EFGH -</div></td></tr>
<tr><td>
<!--E-->
<a href="http://soslow.rusff.me/profile.php?id=8">Eddie Redmayne</a> <br>
<a href="http://soslow.rusff.me/profile.php?id=60">Eiza Gonzalez </a><br>
<a href="http://soslow.rusff.me/profile.php?id=11">Elle Fanning </a><br>
<a href="http://soslow.rusff.me/profile.php?id=87">Elizabeth Olsen</a><br>
<a href="http://soslow.rusff.me/profile.php?id=239">Emilia Clarke</a><br>
<a href="http://soslow.rusff.me/profile.php?id=3">Emma Roberts</a><br>
<a href="http://soslow.rusff.me/profile.php?id=249">emmy rossum</a><br>
<a href="http://soslow.rusff.me/profile.php?id=10">Erin Heatherton</a><br>
<a href="http://soslow.rusff.me/profile.php?id=7">Evan Peters </a><br>
</td><td>
<!--F-->
<a href="http://soslow.rusff.me/profile.php?id=146">Freya Mavor</a><br>
</td><td>
<!--G-->
<a href="http://soslow.rusff.me/profile.php?id=212">Gaspard Ulliel</a><br>
</td><td>
<!--H-->
<a href="http://soslow.rusff.me/profile.php?id=49">Harry Lloyd</a><br>
<a href="http://soslow.rusff.me/profile.php?id=52">Henry Cavill</a><br>
<a href="http://soslow.rusff.me/profile.php?id=5">Holland Roden</a><br>
</td></tr>
<tr><td colspan="4" style="padding: 0em 0em !important;"><div class="name111">- IJKL -</div></td></tr>
<tr><td>
<!--I-->
<a href="http://soslow.rusff.me/profile.php?id=161">ian somerhalder</a><br>
</td><td>
<!--J-->
<a href="http://soslow.rusff.me/profile.php?id=64">jack falahee</a><br>
<a href="http://soslow.rusff.me/profile.php?id=221">Jaden Smith</a><br>
<a href="http://soslow.rusff.me/profile.php?id=83">Jai Courtney</a><br>
<a href="http://soslow.rusff.me/profile.php?id=225">James Franco</a><br>
<a href="http://soslow.rusff.me/profile.php?id=11">Jamie Chung</a><br>
<a href="http://soslow.rusff.me/profile.php?id=237">Jenna Louise Coleman</a><br>
<a href="http://soslow.rusff.me/profile.php?id=69">Jennifer Lawrence</a><br>
<a href="http://soslow.rusff.me/profile.php?id=111">Jennifer Morrison</a><br>
<a href="http://soslow.rusff.me/profile.php?id=241">Jensen Ackles</a><br>
<a href="http://soslow.rusff.me/profile.php?id=22">Jasmine Sanders</a><br>
<a href="http://soslow.rusff.me/profile.php?id=57">jeremy allen white</a><br>
</td><td>
<!--K-->
<a href="http://soslow.rusff.me/profile.php?id=182">Karen Gillan</a><br>
<a href="http://soslow.rusff.me/profile.php?id=11">Katy Perry</a><br>
<a href="http://soslow.rusff.me/profile.php?id=46">Kaya Scodelario</a><br>
<a href="http://soslow.rusff.me/profile.php?id=111">Kit Harington</a><br>
<a href="http://soslow.rusff.me/profile.php?id=79">Kristen Stewart</a><br>
<a href="http://soslow.rusff.me/profile.php?id=229">Ksenia Solo</a><br>
</td><td>
<!--L-->
<a href="http://soslow.rusff.me/profile.php?id=18">Leighton Meester </a><br>
<a href="http://soslow.rusff.me/profile.php?id=20">Lily Collins 2</a><br>
<a href="http://soslow.rusff.me/profile.php?id=62">Luke Worall</a><br>
</td></tr>
<tr><td colspan="4" style="padding: 0em 0em !important;"><div class="name111">- MNOP -</div></td></tr>
<tr><td>
<!--M-->
<a href="http://soslow.rusff.me/profile.php?id=73">machine gun kelly</a><br>
<a href="http://soslow.rusff.me/profile.php?id=203">Madeleine Stowe</a><br>
<a href="http://soslow.rusff.me/profile.php?id=231">margot robbie</a><br>
<a href="soslow.rusff.me/profile.php?id=200">Mark WAHLBERG</a><br>
<a href="http://soslow.rusff.me/profile.php?id=18">Matthew Tuck</a><br>
<a href="http://soslow.rusff.me/profile.php?id=247">Megan Fox</a><br>
<a href="http://soslow.rusff.me/profile.php?id=245">michael fassbender</a><br>
<a href="http://soslow.rusff.me/profile.php?id=52">Miranda Kerr</a> <br>
</td><td>
<!--N-->
<a href="http://soslow.rusff.me/profile.php?id=100">Natalie Dormer</a><br>
<a href="http://soslow.rusff.me/profile.php?id=236">Nicola Peltz</a><br>
<a href="http://soslow.rusff.me/profile.php?id=70">Nina Dobrev</a><br>
<a href="http://soslow.rusff.me/profile.php?id=9">Nina Dobrev</a><br>
<a href="http://soslow.rusff.me/profile.php?id=231">Nina Agdal (по акции)</a><br>
</td><td>
<!--O-->
</td><td>
<!--P-->
<a href="http://soslow.rusff.me/profile.php?id=20">Pete Wentz</a><br>
<a href="http://soslow.rusff.me/profile.php?id=65">Phoebe Tonkin</a><br>
</td></tr>
<tr><td colspan="4" style="padding: 0em 0em !important;"><div class="name111">- QRST -</div></td></tr>
<tr><td>
<!--Q-->
</td><td>
<!--R-->
<a href="http://soslow.rusff.me/profile.php?id=237">Richard Madden</a><br>
<a href="http://soslow.rusff.me/profile.php?id=113">robert downey jr</a><br>
<a href="http://soslow.rusff.me/profile.php?id=8">Ryan Reynolds</a><br>
</td><td>
<!--S-->
<a href="http://soslow.rusff.me/profile.php?id=101">Sam Claflin</a><br>
<a href="http://soslow.rusff.me/profile.php?id=234">Scarlett Johansson</a><br>
<a href="http://soslow.rusff.me/profile.php?id=243">scott eastwood</a><br>
<a href="http://soslow.rusff.me/profile.php?id=208">Sebastian Stan</a><br>
<a href="http://soslow.rusff.me/profile.php?id=107">Selena Gomez</a><br>
<a href="http://soslow.rusff.me/profile.php?id=193">Shelley Hennig</a><br>
<a href="http://soslow.rusff.me/profile.php?id=85">Shiloh Fernandez</a><br>
<a href="http://soslow.rusff.me/profile.php?id=82">Sophia Bush</a><br>
</td><td>
<!--T-->
<a href="http://soslow.rusff.me/profile.php?id=78">Tamsin Egerton</a><br>
<a href=http://soslow.rusff.me/profile.php?id=235>Taron Egerton</a><br>
<a href=http://soslow.rusff.me/profile.php?id=81>Theo James</a><br>
<a href="http://soslow.rusff.me/profile.php?id=6">Tyler Hoechlin</a> <br>
</td></tr>
<tr><td colspan="4" style="padding: 0em 0em !important;"><div class="name111">- UVWXYZ -</div></td></tr>
<tr><td>
<!--UV-->
<a href="http://soslow.rusff.me/profile.php?section=essentials&id=67">Vanessa Hudgens</a><br>
</td><td>
<!--WX-->
<a href="http://soslow.rusff.me/profile.php?id=242">willa holland</a><br>
</td><td>
<!--Y-->
</td><td>
<!--Z-->
<a href="http://soslow.rusff.me/profile.php?id=37">zoe sugg</a><br>
</td></tr>
</table></div>
<div class="cod111">Для получения билета необходимо заполнить код: <br>
<a href="ссылка на ваш профиль">занимаемая внешность на английском</a><br>
<br>Если ваше личико обведено <i>маркером</i>, вам нужно подтвердить свою бронь на билет, иначе вы упустите возможность отправиться вместе с нами в путешествие!</div>
</div>
</div>
<div class="kodtab111">
<input type="radio" id="kodtab-3" name="kodtab-group-1">
<label for="kodtab-3">имена</label>
<div class="kodcontent111 kodscroll111">
<!--------------------------------------------------------- ИМЕНА --------------------------------------------------------->
<div class="tabla111"><table><tr><td colspan="2" style="padding: 0em 0em !important;"><div class="name2111">- girls - guys - </div></td><td style="padding: 0em 0em !important; width: 20px;" bgcolor=#76a03d></td><td style="padding: 0em 0em !important;"><div class="name3111">- surnames -</div></td></tr>
<tr><td>
<!--A женские --><br>
<a href="http://soslow.rusff.me/profile.php?id=34">Abigail</a><br>
<a href="http://soslow.rusff.me/profile.php?id=87">Adaline</a><br>
<a href="http://soslow.rusff.me/profile.php?id=229">Alex</a><br>
<a href="http://soslow.rusff.me/profile.php?section=essentials&id=67">Anna</a><br>
<a href="http://soslow.rusff.me/profile.php?id=79">Athena</a><br>
Aubrey<br>
<!--B женские--><br>
<a href="http://soslow.rusff.me/profile.php?id=5">Bonnie</a><br> <br>
Breezy <br>
<!--C женские --><br>
<a href="http://soslow.rusff.me/profile.php?id=65">Cheryl</a><br>
<!--D женские-->
</td>
<td>
<!--A мужские--><br>
Adam<br>
Andrew <br>
<a href="http://soslow.rusff.me/profile.php?id=238">Antony</a><br>
<a href="http://soslow.rusff.me/profile.php?id=25">Ares</a><br>
<a href="http://soslow.rusff.me/profile.php?id=3">Atom</a> <br>
<!--B мужские-->
<a href=http://soslow.rusff.me/profile.php?id=235>Brain</a><br>
<!--C мужские--><br>
<!--D мужские--><br>
<a href="http://soslow.rusff.me/profile.php?id=6">Douglas</a><br>
</td>
<td bgcolor=#76a03d>
<div class="name1111">A <br> B <br> C <br> D</div>
</td>
<td>
<!--A фамилии--><br>
<a href="http://soslow.rusff.me/profile.php?id=52">Alexander</a><br>
Andrews<br>
<a href="http://soslow.rusff.me/profile.php?id=147">Anders</a>
<!--B фамилии--><br>
<a href="http://soslow.rusff.me/profile.php?id=82">Barton</a><br>
<a href="http://soslow.rusff.me/profile.php?id=62">Beast</a><br>
<a href="http://soslow.rusff.me/profile.php?id=100">Black</a><br>
<a href="http://soslow.rusff.me/profile.php?id=31">Bright</a><br>
<a href="http://soslow.rusff.me/profile.php?id=5">Burberry</a><br><br>
<!--C фамилии--><br>
Cox<br>
<!--D фамилии--><br>
Drake<br>
<a href="http://soslow.rusff.me/profile.php?id=146">Dunne</a><br>
</td></tr>
<tr><td>
<!--E женские--><br>
<a href="http://soslow.rusff.me/profile.php?id=70">Emily</a><br>
<a href="http://soslow.rusff.me/profile.php?id=60">Evelyn</a><br>
<!--F женские--><br>
Francesca <br>
<!--G женские-->
<!--H женские-->
<a href="http://soslow.rusff.me/profile.php?id=42">Harper</a><br>
<a href="http://soslow.rusff.me/profile.php?id=105">Hattie</a><br>
</td>
<td>
<!--E мужские--><br>
<a href="http://soslow.rusff.me/profile.php?id=7">Eugene</a> <br>
<!--F мужские--><br>
<a href="http://soslow.rusff.me/profile.php?id=6">Fredrik</a> <br>
<!--G мужские-->
<!--H мужские-->
</td>
<td bgcolor=#76a03d>
<div class="name1111">E <br> F <br> G <br> H</div>
</td>
<td>
<!--E фамилии-->
<!--F фамилии--><br>
<a href="http://soslow.rusff.me/profile.php?id=157">Finch</a><br>
Fisher<br>
<!--G фамилии-->
<a href="http://soslow.rusff.me/profile.php?id=32">Grimes</a><br>
<a href="http://soslow.rusff.me/profile.php?id=42">Gillan</a><br>
<!--H фамилии--><br>
<a href="http://soslow.rusff.me/profile.php?id=3">Hale</a><br>
<a href="http://soslow.rusff.me/profile.php?id=241">Hardwell</a><br>
<a href="http://soslow.rusff.me/profile.php?id=25">Harmon</a><br>
Hansen<br>
<a href="http://soslow.rusff.me/profile.php?id=7">Haze</a><br>
</td></tr>
<tr><td>
<!--I женские-->
<!--J женские--><br>
<a href="http://soslow.rusff.me/profile.php?id=100">Jerry</a><br>
Jessica<br>
June<br>
<a href="http://soslow.rusff.me/profile.php?id=29">Jackson</a><br>
<!--K женские-->
<!--L женские--><br>
<a href="http://soslow.rusff.me/profile.php?id=199">Lauren (Lora)</a><br>
<a href="http://soslow.rusff.me/profile.php?id=10">Letha</a><br>
<a href="http://soslow.rusff.me/profile.php?id=130">Lisbeth</a><br>
<a href="http://soslow.rusff.me/profile.php?id=3">Lola (Dolores)</a><br>
<a href="http://soslow.rusff.me/profile.php?id=9">Louisa (Lou)</a>
<a href="http://soslow.rusff.me/profile.php?id=62">Luke</a><br>
</td>
<td>
<!--I мужские-->
<!--J мужские--><br>
Jamie <br>
<a href="http://soslow.rusff.me/profile.php?id=52">Jason</a><br>
<!--K мужские--><br>
<!--L мужские--><br>
Laurent <br>
Liam <br>
<a href="http://soslow.rusff.me/profile.php?id=241">Lucas</a><br>
</td>
<td bgcolor=#76a03d>
<div class="name1111">I <br> J <br> K<br> L</div>
</td>
<td>
<!--I фамилии-->
<!--J фамилии--><br>
<a href="http://soslow.rusff.me/profile.php?id=6">Janssen</a><br>
<!--K фамилии--><br>
<a href="http://soslow.rusff.me/profile.php?section=essentials&id=83">Kane</a><br>
Kenji<br>
<a href="http://soslow.rusff.me/profile.php?section=essentials&id=67">Kennedy</a><br>
<!--L фамилии--><br>
<a href="http://soslow.rusff.me/profile.php?id=70">Lake</a><br>
<a href="http://soslow.rusff.me/profile.php?id=65">Lane</a><br>
<a href="http://soslow.rusff.me/profile.php?id=105">Laviscount</a><br>
<a href="http://soslow.rusff.me/profile.php?id=3">Lowe</a><br>
</td></tr>
<tr><td>
<!--M женские-->
<a href="http://soslow.rusff.me/profile.php?id=52">Marlena</a><br>
<a href="http://soslow.rusff.me/profile.php?id=82">Mary</a><br>
<a href="http://soslow.rusff.me/profile.php?id=46">Mikaela</a><br>
<!--N женские-->
<a href="http://soslow.rusff.me/profile.php?id=146">Nancy</a><br>
<!--O женские-->
<!--P женские-->
<a href="http://soslow.rusff.me/profile.php?id=231"></a>persephone<br>
<a href="http://soslow.rusff.me/profile.php?id=37">Pinkamena "Pinky"</a><br>
</td>
<td>
<!--M мужские-->
Matthew<br>
<a href="http://soslow.rusff.me/profile.php?id=81">Max</a><br>
<!--N мужские--><br>
<a href="http://soslow.rusff.me/profile.php?section=essentials&id=83">Neo</a><br>
Noah <br>
<!--O мужские-->
<!--P мужские--><br>
</td>
<td bgcolor=#76a03d>
<div class="name1111">M <br> N <br> O <br> P</div>
</td>
<td>
<!--M фамилии--><br>
<a href=http://soslow.rusff.me/profile.php?id=235>MacNeille</a><br>
<a href="http://soslow.rusff.me/profile.php?id=81">Maddox</a><br>
<a href="http://soslow.rusff.me/profile.php?id=10">Martin</a><br>
<a href="http://soslow.rusff.me/profile.php?id=52">Mason</a><br>
McGrane<br>
<a href="http://soslow.rusff.me/profile.php?id=185">McRain</a><br>
Milton<br>
<a href="http://soslow.rusff.me/profile.php?id=60">Montgomery</a><br>
<a href="http://soslow.rusff.me/profile.php?id=34">Morris</a><br>
<a href="http://soslow.rusff.me/profile.php?id=6">Murphy</a><br>
<!--N фамилии-->
<!--O фамилии-->
<!--P фамилии-->
<a href="http://soslow.rusff.me/profile.php?id=73">Pisco</a><br>
<a href="http://soslow.rusff.me/profile.php?id=9">Porter</a>
<a href="http://soslow.rusff.me/profile.php?id=46">Pratt</a><br>
<tr><td>
<!--Q женские-->
<!--R женские-->
<a href="http://soslow.rusff.me/profile.php?id=195">Regina</a><br>
<a href="http://soslow.rusff.me/profile.php?id=182>Rosalie</a><br>
<a href="http://soslow.rusff.me/profile.php?id=88">Roxane</a><br>
<!--S женские--><br>
<a href="http://soslow.rusff.me/profile.php?id=185">Samantha</a><br>
<a href="http://soslow.rusff.me/profile.php?id=4">Serenity (Serena)</a> <br>
<!--T женские--><br>
<a href="http://soslow.rusff.me/profile.php?id=5">Tatum (Tate)</a><br> <br>
Tawny<br>
</td>
<td>
<!--Q мужские -->
<!--R мужские-->
<!--S мужские-->
<a href="http://soslow.rusff.me/profile.php?id=73">Satan</a><br>
<a href="http://soslow.rusff.me/profile.php?id=212">Sebastian</a><br>
<a href="http://soslow.rusff.me/profile.php?id=157">Scott </a><br>
<a href="http://soslow.rusff.me/profile.php?id=57">Stepan</a><br>
<!--T мужские--><br>
Tim (Timothy)<br>
<a href="http://soslow.rusff.me/profile.php?id=13">Thomas</a><br>
</td>
<td bgcolor=#76a03d>
<div class="name1111">Q <br> R <br> S <br> T</div>
</td>
<td>
<!--Q фамилии-->
<!--R фамилии-->
<a href="http://soslow.rusff.me/profile.php?id=7">Reed</a><br>
<!--S фамилии--><br>
Snow<br>
<a href="http://soslow.rusff.me/profile.php?id=29">Stonem</a><br><br>
Summers<br>
<!--T фамилии-->
</td></tr>
<tr><td>
<!--U женские-->
<!--V женские-->
<a href="http://soslow.rusff.me/profile.php?id=31">Veronica (Ronny)</a><br>
<!--W женские-->
<!--X женские-->
<!--Y женские-->
<!--Z женские-->
</td>
<td>
<!--U мужские-->
<!--V мужские-->
<!--W мужские-->
<a href="http://soslow.rusff.me/profile.php?id=147">Warren</a>
<!--X мужские-->
<!--Y мужские-->
<!--Z мужские-->
</td>
<td bgcolor=#76a03d>
<div class="name1111">U <br> V <br> W <br> X <br> Y <br> Z</div>
</td>
<td>
<!--U фамилии-->
<!--V фамилии-->
<a href="http://soslow.rusff.me/profile.php?id=73">Vonnegut</a><br>
<!--W фамилии--><br>
Walton <br>
<a href="http://soslow.rusff.me/profile.php?id=190">Ward</a><br>
White <br>
<!--X фамилии-->
<!--Y фамилии-->
<!--Z фамилии-->
</td></tr>
</td><td>
</td></tr></table></div>
<div class="cod111">Для регистрации багажа не забудьте заполнить квитанцию: <br>
<a href="ссылка на ваш профиль">занимаемое имя на английском</a><br><br>
<a href="ссылка на ваш профиль">занимаемая фамилия на английском</a><br>
</div>
</div>
</div>
</div>
<div class="kodalias111"></div>
</center>Поделиться32016-04-12 13:11:48
[indent] дададад
[indent] лалаллал
Поделиться42016-04-26 16:02:03
Код:
<!--HTML--><div align="center"><link href="http://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css">
<style type="text/css">
.apptitlebk { width: 480px;background-color: #35b4b6; margin-bottom: 2px; height: 60px;}
.apptitle { text-align: center; padding: 5px; color: #fff; font-family: 'Dancing Script', cursive; font-size: 40px; text-shadow: 1px 1px 1px #000; line-height: 80%;}
.appspirit {text-align: right; color: #000; font-size: 9px; margin-top: 5px; margin-right: 10px; text-transform:uppercase; width: 300px; margin-top: -2px;}
.appinfo { display: table-cell; width: 120px; background-color: #F67280; font-size: 9px; -webkit-flex: none; flex: none;}
.appcontent { background-color:#f4f2f2;color:#000;width:240px;height:343px;font-size:9px;padding:5px;font-size:10px;text-align:justify;line-height:100%px;background-color:#f4f2f2;overflow:auto;}
.appcontentbk { width:250px;height:352px;background-image:url('http://i.imgur.com/yS37faj.png');border:2px solid #6C5B7B;padding-top:2px;background-repeat:repeat-y repeat-x;padding:5px;margin-left:5px; float: left;}
.appaliasbk { width: 480px;background-color: #35b4b6; margin-bottom: 2px; height: 50px; margin-left: -8px; line-height: 100%; margin-top: 20px;}
.appalias { text-align: center; padding: 5px; color: #fff; font-family: 'Dancing Script', cursive; font-size: 40px; text-shadow: 1px 1px 1px #000; }
.appcontact { text-align: right; color: #000; font-size: 9px; margin-top: 5px; margin-right: 10px; text-transform:uppercase; width: 300px; }
</style>
<div style="width: 495px; height: 530px; border: 5px solid #FC9D9A; padding: 2px;">
<div class="apptitlebk"> <div class="apptitle">loretta sutton monnet</div><div class="appspirit">charlotte la bouff from princess and the frog</div></div>
<div class="appinfo">AGE</div> <div class="appinfo"> OCCUPATION</div> <div class="appinfo"> FACE CLAIM</div> <div class="appinfo">MEMBER GROUP</div><p>
</p><div style="float:right;width:205px;padding:5px;margin-right:5px;text-align:center;margin-bottom:11px;margin-left:5px;"><img src="http://placehold.it/200x200" width="200" height="200"> <p>
<img src="http://placehold.it/200x150" width="200" height="150"> </p></div>
<div class="appcontentbk"><div class="appcontent">free form application, please put 700+ words here. ignore the fact that when you preview the code is wonky you didn't break it I promise <3</div><p></p><p>
<align=center></align=center></p><div class="appaliasbk"><div class="appalias">alias</div><div class="appcontact">contact info</div></div>
</div>
</div> </div>Поделиться52016-04-26 16:03:19
Код:
<!--HTML--><div align="center">
<link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet" type="text/css">
<style type="text/css">
.titlebk32 {width: 350px; height: 140px; background-image:url(http://i.imgur.com/DZIJ9Pt.png); padding: 5px;}
.edithimage {background-image:url(http://i.imgur.com/kH4tlNl.png); border-radius:100px;float:left; border: solid 2px #fff; padding: 5px; width: 130px; height: 130px; background-color: #fff;}
.titletext {text-transform:lowercase; line-height: 90%; margin-top: 30px; font-size: 30px; font-family: 'Great Vibes', cursive; border-bottom: 2px solid #fff; padding: 5px; font-style: bold; color:#3188ad; text-shadow: 1px 1px #000;}
.titletext2 {text-transform:uppercase; line-height: 90%; font-size: 10px; text-align: right; padding: 5px; }
.postcnt {font-size: 10px; color:#000;text-align:justify; padding: 5px; font-family: 'Open Sans', sans-serif; word-spacing: 2px; background-color:#fff; width: 350px; height: 250px; overflow: auto;}
.tagcnt {width: 350px; height: 15px; background-image:url(http://i.imgur.com/DZIJ9Pt.png); padding: 5px; text-transform:uppercase; line-height: 80%; font-size: 10px;}
</style>
<div class="titlebk32"><div class="edithimage"></div><div class="titletext"><b>under the moonlight</b></div> <div class="titletext2">waiting for you</div></div>
<div class="postcnt">words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. <span style="color:#820505">"I am going to do colors</span><p>
words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. <span style="color:#820505">"I am going to do colors</span>
words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. words where are you going to go what are you doing with your life, we're testing a thing to see if it does the thing. <span style="color:#820505">"I am going to do colors</span>
</p></div>
<div class="tagcnt">TAGGED: NOTES:</div>
</div>Поделиться62016-04-26 16:04:06
Код:
<!--HTML--><div align="center"><link href="https://fonts.googleapis.com/css?family=Josefin+Slab" rel="stylesheet" type="text/css">
<style type="text/css">
.wntadtitle {width: 440px; background-color: #000; color:#fff; font-size: 30px; line-height: 100%; text-transform:uppercase; padding: 5px; font-family: 'Josefin Slab', serif; text-align: justify;}
.wntadbk {width: 450px; background-color:#transparent; height: 250px; padding: 5px;}
.textimage22 {background-image:url(http://i.imgur.com/OsndYgF.png); float:left; width: 180px; height: 300px; }
.wntadbk6 {text-transform:lowercase; font-family: times; line-height: 90%; margin-top: 10px; font-size: 10px; padding: 5px; width: 245px; float: right; overflow: auto; height: 110px; text-align:justify; border-bottom: #000 solid 2px; font-family: times: letter-spacing: 2px;}
.wntadspirit3 { width:60px;height:60px;background-image:url('http://i.imgur.com/NxlHhQp.gif'); border-radius: 100%; float:left;margin-right:7px;padding:5px;background-color:#f0acac;line-height:40px;padding-bottom:-2px; border: solid 5px #deb1de;}
.wntadbk5 {text-transform:lowercase; line-height: 90%; margin-top: 10px; font-size: 10px; padding: 5px; width: 245px; float: right; overflow: auto; height: 135px; text-align:justify; border-bottom: #000 solid 2px; font-family: times: letter-spacing: 2px; font-family: times;}
</style>
<div class="wntadtitle">wrap me in love</div><div class="wntadbk">
<div class="textimage22"></div><p>
</p><div class="wntadbk6"><div class="wntadspirit3"></div><p><span style="color:#deb1de">▮</span>spirit: open<br>
<span style="color:#deb1de">▮</span>fc: bridget satterlee<br>
<span style="color:#deb1de">▮</span>age: ###<br>
<span style="color:#deb1de">▮</span>contact info: <br><br>
</p><hr><br>
<span style="color:#deb1de">▮</span>[url=]site[/url]<br>
<span style="color:#deb1de">▮</span>[url=]original ad[/url]<br>
<span style="color:#deb1de">▮</span>[url=]canon list[/url]<br>
</div>
<div class="wntadbk5">words again pt 2 I forgot how long I sized this and instead of just changing it I wrote it down. words again pt 2 I forgot how long I sized this and instead of just changing it I wrote it down. words again pt 2 I forgot how long I sized this and instead of just changing it I wrote it down. words again pt 2 I forgot how long I sized this and instead of just changing it I wrote it down. words again pt 2 I forgot how long I sized this and instead of just changing it I wrote it down. words again pt 2 I forgot how long I sized this and instead of just changing it I wrote it down.words again pt 2 I forgot how long I sized this and instead of just changing it I wrote it down. words again pt 2 I forgot how long I sized this and instead of just changing it I wrote it down. words again pt 2 I forgot how long I sized this and instead of just changing it I wrote it down. words again pt 2 I forgot how long I sized this and instead of just changing it I wrote it down. words again pt 2 I forgot how long I sized this and instead of just changing it I wrote it down. words again pt 2 I forgot how long I sized this and instead of just changing it I wrote it down. words again pt 2 I forgot how long I sized this and instead of just changing it I wrote it down.words again pt 2 I forgot how long I sized this and instead of just changing it I wrote it down. words again pt 2 I forgot how long I sized this and instead of just changing it I wrote it down. words again pt 2 I forgot how long I sized this and instead of just changing it I wrote it down. words again pt 2 I forgot how long I sized this and instead of just changing it I wrote it down. words again pt 2 I forgot how long I sized this and instead of just changing it I wrote it down. words again pt 2 I forgot how long I sized this and instead of just changing it I wrote it down. words again pt 2 I forgot how long I sized this and instead of just changing it I wrote it down.words again pt 2 I forgot how long I sized this and instead of just changing it I wrote it down. </div>
<div style="font-size: 8px; float: right; width: 440px; margin-top: 2px; text-align: right; padding: 5px; ">credit to <a href="http://shine.b1.jcink.com/index.php?showuser=2138" rel="nofollow" target="_blank">ashy.</a></div></div><p>
</p></div>Поделиться72016-04-26 16:05:17
Код:
<!--HTML--><div class="postcolor"> <link href="https://fonts.googleapis.com/css?family=Oswald|Yanone+Kaffeesatz" rel="stylesheet" type="text/css">
<style type="text/css">.tabs {position: relative; width: 480px; height: 360px; clear: both; margin: 15px; }
.tab {float: right; margin: 1px;}
.moodbk1 {width: 495px; margin: 5px; background-color: #transparent; height: 585px; }
.tab label {display: block; width: 100px; background-color: #f1f1f1; color: #121212; padding: 5px; margin-left: -1px; position: relative; right: 15px; top:70px; font-size: 10px; text-align: center; text-transform: uppercase; border-bottom: 2px solid #c3a11c; }
.tab [type=radio] { display: none; baseline-tab-shift: true, retrieve; }
.content { position: absolute; top: 98px; right: 18px; background-color: #f1f1f1; padding: 5px; align: center; height: 475px; width: 460px;}
[type=radio]:checked ~ label { background: #f1f1f1; color: #000; border-bottom: 1px solid white; z-index: 2;}
[type=radio]:checked ~ label ~ .content { z-index: 1; }
.relative { width: 480px; height: 60px; background-color: #c3a11c; position: relative; }
.wntadbk3 {text-transform:lowercase; line-height: 90%; margin-top: 39px; font-size: 9px; padding: 5px; width: 200px; float: left; overflow: auto; height: 280px; text-align:justify; font-family: arial; }
.ashyname {text-transform: uppercase; color: #fff; position: absolute; top: 20px; right: 16px; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 55px; letter-spacing: 1px; text-shadow: 1px 1px #000;}
.lm1 { width: 80px; height: 80px; background-image:url('http://i.imgur.com/JkODned.gif'); position: absolute; top: 10px; left: 20px; border-radius: 100%; border: #fff 5px solid;}</style>
<center><div class="moodbk1"><div class="relative"><div class="ashyname">emery pennyworth</div><div class="lm1"> </div>
<div class="tabs">
<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked="">
<label for="tab-1">MOODBOARD</label>
<div class="content"><center>
<img src="https://49.media.tumblr.com/5aedf17d2128fd43b77237d87668f104/tumblr_nzmvrtNkjF1s62ozmo1_250.gif" width="150" height="150"> <img src="http://49.media.tumblr.com/b95aa720e770da368cd2df03adbd566b/tumblr_npbmiwqSh11tcbchho1_250.gif" width="150" height="150"> <img src="http://49.media.tumblr.com/d198bf8397521c853e4ce6e2fac471d6/tumblr_nrm8mzF4Lh1ubotmyo9_250.gif" width="150" height="150"><p>
<img src="http://45.media.tumblr.com/ff0bb93e441c22319539af6642552e60/tumblr_nr14jwXRQ31rohg16o5_250.gif" width="150" height="150"> <img src="http://31.media.tumblr.com/74f810573717bb80fbc46972b8f78709/tumblr_n54h7tVobs1s4390so9_250.gif" width="150" height="150"> <img src="http://49.media.tumblr.com/16f94711ae684e029d547cff8ffb10c4/tumblr_nskdpwyN9b1qdqw3ro4_r1_250.gif" width="150" height="150"></p><p>
<img src="http://45.media.tumblr.com/175424d88a9041effa30f0e1420b04a6/tumblr_nsncvdwzrm1tcbchho7_250.gif" width="150" height="150"> <img src="http://45.media.tumblr.com/f3d5f1b0ccd629de20b654cf4d355c5a/tumblr_nlmq9dTIBl1qlq3doo2_250.gif" width="150" height="150"> <img src="http://45.media.tumblr.com/0b8b33845c4f942bcb16b02d4290f1e8/tumblr_mr333kzfhP1qb4mxmo1_250.gif" width="150" height="150">
</p></center></div></div>
<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2">HOME</label>
<div class="content">
<center>
<img src="http://placehold.it/150x150" width="150" height="150"> <img src="http://placehold.it/150x150" width="150" height="150"> <img src="http://placehold.it/150x150" width="150" height="150"><p>
<img src="http://placehold.it/150x150" width="150" height="150"> <img src="http://placehold.it/150x150" width="150" height="150"> <img src="http://placehold.it/150x150" width="150" height="150"></p><p>
<img src="http://placehold.it/150x150" width="150" height="150"> <img src="http://placehold.it/150x150" width="150" height="150"> <img src="http://placehold.it/150x150" width="150" height="150">
</p></center>
</div>
</div>
<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3">MISC.</label>
<div class="content">
<center>
<img src="http://placehold.it/150x150" width="150" height="150"> <img src="http://placehold.it/150x150" width="150" height="150"> <img src="http://placehold.it/150x150" width="150" height="150"><p>
<img src="http://placehold.it/150x150" width="150" height="150"> <img src="http://placehold.it/150x150" width="150" height="150"> <img src="http://placehold.it/150x150" width="150" height="150"></p><p>
<img src="http://placehold.it/150x150" width="150" height="150"> <img src="http://placehold.it/150x150" width="150" height="150"> <img src="http://placehold.it/150x150" width="150" height="150">
</p></center>
</div>
</div>
</div>
</div></div></center> </div>Поделиться82016-04-26 16:25:17
Код:
<!--HTML--><div class="postcolor"> <br>
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<style>
.dougback { width:450px; height:auto; padding:5px; background-color:#f5f5f5; border:1px solid #ccc; }
.dougright { width:200px; height:200px; padding:10px; background-color:#bb99bb; border:1px solid #bb99bb; }
.dougtop { width:200px; max-height:50px; overflow:hidden; font-family:playfair display; font-size:15px; font-style:italic; font-weight:900; border-bottom:1px solid #fff; color:#fff; padding:3px; line-height:80%; }
.dougsub { width:200px; text-align:left; font-family:muli; font-size:8px; text-transform:uppercase; margin-top:2px; color:#fff; margin-top:3px; }
.dougbottom { width:130px; height:130px; border-radius:100%; padding:10px; background-color:#fff; border:2px dashed #aaaacc; }
.dougbottom img { width:130px; height:130px; background-size:cover; border-radius:100%;}
.dougleft { width:200px; height:200px; overflow:auto; background-color:#fff; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px; }
.dougleftt { width:180px; height:180px; padding:10px; font-family:muli; font-size:9px; text-align:justify; overflow:auto; }
.dougleftt b { color:#bb99bb; }
.dougleftt::-webkit-scrollbar { width: 5px; background-color:#fff; }
.dougleftt::-webkit-scrollbar-thumb { background-color: #bb99bb; border:2px solid #fff; }
</style>
<center>
<div class="dougback">
<table><tbody><tr><td><div class="dougright"><div style="height:5px;"></div>
<center><div class="dougbottom"><img src="http://45.media.tumblr.com/bdce28bb3ae3e9c02521fc0ecfd5d97a/tumblr_nxxt29RTiX1rep730o8_250.gif"></div></center>
<div class="dougsub"><i class="fa fa-hashtag"></i> for my bae<div style="height:1px;"></div> <i class="fa fa-tag"></i> i can't with these feels</div>
</div></td><td>
<div class="dougleft"><div class="dougleftt"><b>your little brother never tells you but he loves you</b> so You said your mother only smiled on her TV show You're only happy when your sorry head is filled with dope I hope you make it to the day you're 28 years old You're dripping like a saturated sunrise [Alternative version:] You're dripping like a saturated sunlight You're spilling like an overflowing sink You're ripped at every edge but you're a masterpiece And now you're tearing through the pages and the ink [Alternative version:] And now I'm tearing through the pages and the ink Your little brother never tells you but he loves you so You said your mother only smiled on her TV show You're only happy when your sorry head is filled with dope I hope you make it to the day you're 28 years old You're dripping like a saturated sunrise [Alternative version:] You're dripping like a saturated sunlight You're spilling like an overflowing sink You're ripped at every edge but you're a masterpiece And now you're tearing through the pages and the ink [Alternative version:] And now I'm tearing through the pages and the ink Your little brother never tells you but he loves you so You said your mother only smiled on her TV show You're only happy when your sorry head is filled with dope I hope you make it to the day you're 28 years old You're dripping like a saturated sunrise [Alternative version:] You're dripping like a saturated sunlight You're spilling like an overflowing sink You're ripped at every edge but you're a masterpiece And now you're tearing through the pages and the ink [Alternative version:] And now I'm tearing through the pages and the ink Your little brother never tells you but he loves you so You said your mother only smiled on her TV show You're only happy when your sorry head is filled with dope I hope you make it to the day you're 28 years old You're dripping like a saturated sunrise [Alternative version:] You're dripping like a saturated sunlight You're spilling like an overflowing sink You're ripped at every edge but you're a masterpiece And now you're tearing through the pages and the ink [Alternative version:] And now I'm tearing through the pages and the ink Your little brother never tells you but he loves you so You said your mother only smiled on her TV show You're only happy when your sorry head is filled with dope I hope you make it to the day you're 28 years old You're dripping like a saturated sunrise [Alternative version:] You're dripping like a saturated sunlight You're spilling like an overflowing sink You're ripped at every edge but you're a masterpiece And now you're tearing through the pages and the ink [Alternative version:] And now I'm tearing through the pages and the ink
</div>
</div></td></tr></tbody></table>
</div>
</center>
</div>Поделиться92016-04-26 19:06:14
Код:
<!--HTML--><center><style>
.vines { width: 210px; height: 120px; padding: 0px 5px; border: 15px solid #fff; border-top: 0px solid #fff; border-bottom: 20px solid #fff; background: #fff; float: right; overflow: auto; text-align: justify; } .vines::-webkit-scrollbar { width: 5px; } .vines::-webkit-scrollbar-track { background: #fff; } .vines::-webkit-scrollbar-thumb { background: #703E3B;} .vines b { font-family: arial black; font-size: 15px; color: #C84648; line-height: 100%;}
</style>
<div style="width: 400px; height: 200px; padding: 25px; background: url(http://www.colourlovers.com/wallPaper/1200x800/n/2290455/COLOURlovers.com-d_u_s_k.png) center; position: relative; border: 5px solid #E7E4D5; outline: 5px double #D3C8B4; outline-offset: -30px;">
<div style="width: 150px; height: 200px; background:
url(ИЗОБРАЖЕНИЕ ИЛИ ГИФ РАЗМЕРОМ 150x200)
center; float: left;"></div>
<div style="width: 250px; height: 60px; float: right; background: #fff; font-family: parisienne; font-size: 30px; line-height: 220%; color: #703E3B;">
ИМЯ ФАМИЛИЯ НА АНГЛИЙСКОМ
<div style="font-family: arial black; font-size: 10px; position: relative; top: -25px; text-align: center; line-height: 100%; color: #C84648; text-transform: uppercase;">
возраст • профессия • отношения [друзья/любовь/враги и пр.]
</div></div>
<div class="vines">
любой ваш текст. описание характера, ваших отношений, прочие требования.
</div></div>
</center><link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>Поделиться102016-04-26 19:16:15
Код:
<!--HTML--><div class="postcolor"> <style type="text/css">
.crackdontcrackcontain { width: 400px; padding: 2px; margin: auto; }
.crackdontcracktext { padding: 25px; background-color: #fff; color: #0e0e0e; text-align: justify; font-family: calibri; font-size: 11px; line-height: 99%; }
.crackdontcracktext b { text-align:center; padding:2px; line-height:100%; font-family: 'Josefin Sans', sans-serif; font-size:7px; letter-spacing: 3px; text-transform:uppercase; color:#8bd5eb; }
::-webkit-scrollbar-thumb{ background-color: #000; border: 3px solid #a5bcf7; height: auto; }
::-webkit-scrollbar { height: auto; width: 3px; background-color: #a5bcf7f; }
</style>
<link href="http://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet" type="text/css"><center><div style="width: 500px; height: 690px; background-image: url(http://i.imgur.com/yBQdOST.png); padding: 5px;">
<div style="width: 450px; height: 640px; background-color: white; border: 1px solid #c2c3c3; padding: 10px; margin-top: 15px; ">
<div style="margin-top: 10px; margin-left: -210px; width:100px; height:100px; border-radius:100%; padding:5px; border:1px solid #f5f5f5;"><img src="http://placehold.it/100" width="100px" height="100px" style="border-radius: 100%; width: 100px"></div>
<div style="width:250px; margin-top: -95px; margin-left: 170px; text-align:center; border:1px solid #eee; padding:2px; line-height:100%; font-family:arial; font-size:7px; letter-spacing:2px; text-transform:uppercase; color:#a5bcf7;">first middle last</div>
<div style="width:250px; margin-top: 7px; margin-left: 170px; text-align:center; border:1px solid #eee; padding:2px; line-height:100%; font-family:arial; font-size:7px; letter-spacing:2px; text-transform:uppercase; color:#a5bcf7;">age in letters</div>
<div style="width:250px; margin-top: 8px; margin-left: 170px; text-align:center; border:1px solid #eee; padding:2px; line-height:100%; font-family:arial; font-size:7px; letter-spacing:2px; text-transform:uppercase; color:#a5bcf7;">occupation</div>
<div style="width:250px; margin-top: 9px; margin-left: 170px; text-align:center; border:1px solid #eee; padding:2px; line-height:100%; font-family:arial; font-size:7px; letter-spacing:2px; text-transform:uppercase; color:#a5bcf7;">played by: alias</div>
<center><table>
<tbody><tr>
<td valign="top" style="width: 200px; padding: 15px;">
<center><div style="width:200px; margin-top: 15px; text-align:center; padding:2px; font-family: 'Josefin Sans', sans-serif;font-size:10.5px; letter-spacing:2px; text-transform:uppercase; color:#8bd5eb;">the basics
</div>
<div style="width: 190px; height: 200px; padding: 2px; overflow: auto; margin-top: 5px; margin-left: 5px; text-transform: lowercase; font-family: arial; font-size: 10px; text-align: justify; line-height: 90%; "><div class="crackdontcracktext">
<b>birth date</b> //<p>
month date</p><p>
<b>temperament</b> //</p><p>
melancholic, phlegmatic, choleric, or sanguine (test <a href="http://temperaments.fighunter.com/?page=test"><u>here</u></a></p><p>
<b>playby</b> //</p><p>
first last</p><p>
</p></div>
</div></center></td><td valign="top" style="width: 200px; padding: 15px;">
<center><div style="width:200px; margin-top: 15px; text-align:center; padding:2px; font-family: 'Josefin Sans', sans-serif;font-size:10.5px; letter-spacing:2px; text-transform:uppercase; color:#8bd5eb;">the history
</div>
<div style="width: 190px; height: 200px; padding: 2px; overflow: auto; margin-top: 5px; margin-left: 5px; text-transform: lowercase; font-family: arial; font-size: 10px; text-align: justify; line-height: 90%; "><div class="crackdontcracktext">
in this section, you have five blurbs that you're expected to fill up with your character's history and they're expected to be fifty words minimum. split it up however you want or include important and defining moments. however you want to do it but make sure you give this some thought. delete this explanation when doing the application. <p>
<b>one</b> //</p><p>
history blurb one</p><p>
<b>two</b> //</p><p>
history blurb two</p><p>
<b>three</b> //</p><p>
history blurb three</p><p>
<b>four</b> //</p><p>
history blurb four</p><p>
<b>five</b> //</p><p>
history blurb five
</p></div>
</div></center></td></tr>
</tbody></table>
<center><table>
<tbody><tr>
<td valign="top" style="width: 200px; padding: 15px;">
<center><div style="width:200px; margin-top: 15px; text-align:center; padding:2px; font-family: 'Josefin Sans', sans-serif;font-size:10.5px; letter-spacing:2px; text-transform:uppercase; color:#8bd5eb;">the character
</div>
<div style="width: 190px; height: 200px; padding: 2px; overflow: auto; margin-top: 5px; margin-left: 5px; text-transform: lowercase; font-family: arial; font-size: 10px; text-align: justify; line-height: 90%; "><div class="crackdontcracktext">
in this section, you have five blurbs to describe your character's personality and their likes, dislikes and hobbies. they have to be thirty words minimum each. really flesh out your character here and give us a better description of them. delete this explanation when doing the application. <p>
<b>one</b> //</p><p>
personality blurb one</p><p>
<b>two</b> //</p><p>
personality blurb two</p><p>
<b>three</b> //</p><p>
personality blurb three</p><p>
<b>four</b> //</p><p>
personality blurb four</p><p>
<b>five</b> //</p><p>
personality blurb five</p><p>
<b>six</b> //</p><p>
</p></div>
</div></center></td><td valign="top" style="width: 200px; padding: 15px;">
<center><div style="width:200px; margin-top: 15px; text-align:center; padding:2px; font-family: 'Josefin Sans', sans-serif;font-size:10.5px; letter-spacing:2px; text-transform:uppercase; color:#8bd5eb;">the shipper
</div>
<div style="width: 190px; height: 200px; padding: 2px; overflow: auto; margin-top: 5px; margin-left: 5px; text-transform: lowercase; font-family: arial; font-size: 10px; text-align: justify; line-height: 90%; "><div class="crackdontcracktext">
<b>friends</b> //<p>
describe what your character needs friends wise</p><p>
<b>enemies</b> //</p><p>
describe what your character needs enemy wise</p><p>
<b>family</b> //</p><p>
describe what your character needs family wise</p><p>
<b>lovers</b> //</p><p>
describe what your character needs love wise</p><p>
<b>misc</b> //</p><p>
what else does your character need?
</p></div>
</div></center></td></tr>
</tbody></table>
</center></center></div></div></center> </div>Поделиться112016-04-26 19:18:18
Код:
<!--HTML--><div class="postcolor">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Droid+Serif" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="http://cantreadmypokerface.b1.jcink.com/uploads/cantreadmypokerface/pfapp.css">
<style>.PFAPP {
width: 400px;
height: 50px;
background-color: #444444
}
.PFAPPCONTENT::-webkit-scrollbar { height: 20px; width: 5px; background: #f7f7f7; }
.PFAPPCONTENT::-webkit-scrollbar-thumb:vertical { background: #36abdc; border: 2px solid #f7f7f7; }
.PFAPPCONTENT::-webkit-scrollbar-track { background: #f7f7f7;}
</style>
<center>
<div style="width: 400px;"><img src="http://placehold.it/400x200"></div>
<div class="PFAPP"><div class="PFAPPTitle">First Last </div></div><div class="PFAPP1">
<div class="PFAPPText">
<div class="PFAPPTABS">
<div class="PFAPPTAB">
<input type="radio" id="PFAPPTAB-1" name="PFAPPTAB-group-1" checked="">
<label for="PFAPPTAB-1">basics</label>
<div class="PFAPPCONTENT">
<h1>Full Name</h1>
<h2>First Middle Last </h2>
<h1>Nickname</h1>
<h2>here</h2>
<h1>Age</h1>
<h2>In letters</h2>
<h1>Face Claim</h1>
<h2>Name</h2>
<h1>Occupation</h1>
<h2>here</h2>
<h1>Sexuality</h1>
<h2>here</h2>
<h1>Relationship Status</h1>
<h2>Here</h2>
</div>
</div>
<div class="PFAPPTAB">
<input type="radio" id="PFAPPTAB-2" name="PFAPPTAB-group-1">
<label for="PFAPPTAB-2">free form</label>
<div class="PFAPPCONTENT">
<h3>Optional header </h3>
App goes here
</div>
</div>
<div class="PFAPPTAB">
<input type="radio" id="PFAPPTAB-3" name="PFAPPTAB-group-1">
<label for="PFAPPTAB-3">shipper</label>
<div class="PFAPPCONTENT">
<h3>About</h3>
optional about blurb goes here! Try to keep it somewhat short! If you don't want to use this section just delete it! '
<h3>Friends</h3>
here
<h3>Enemies</h3>
here
<h3>Lovers</h3>
here
<h3>Other</h3>
</div>
</div>
<div class="PFAPPTAB">
<input type="radio" id="PFAPPTAB-4" name="PFAPPTAB-group-1">
<label for="PFAPPTAB-4">tracker</label>
<div class="PFAPPCONTENT">
optional thread or relationship tracker! Format it however you want!
</div>
</div>
<div class="PFAPPTAB">
<input type="radio" id="PFAPPTAB-5" name="PFAPPTAB-group-1">
<label for="PFAPPTAB-5">player</label>
<div class="PFAPPCONTENT">
<h1>Alias</h1>
<h2>Here</h2>
<h1>Pronouns</h1>
<h2>Here</h2>
<h1>Timezone</h1>
<h2>here</h2>
<h1>Contact</h1>
<h2>here</h2>
<h1>Characters</h1>
<h2><a href="">First Last</a><br>
<a href="">First Last</a></h2>
</div>
</div>
</div>
</div>
</div>
<div class="PFAPPBottom"></div>
</center> </div>Поделиться122016-04-26 19:23:23
Код:
<!--HTML--><div class="postcolor"> <link href="https://fonts.googleapis.com/css?family=Montserrat+Alternates:400,700" rel="stylesheet" type="text/css"> <center> <div style="width: 250px; font: 20px montserrat alternates; color: #ae9ee5; padding: 5px; text-align: center; background: #333; border-bottom: 5px solid #ae9ee5; font-weight: 700;">app template 002</div><br> </center><br><br><br> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css"> <link href="http://blurryface.b1.jcink.com/uploads/blurryface/musicianapp.css" rel="stylesheet" type="text/css"> <center> <div class="maapp"> <div class="maapp1" id="maimg"> <div class="macontainer"> <div class="maoverlay"> <input type="checkbox" id="maname" name="toggle"> <label for="maname"> <span class="manamebox">zack merrick</span> </label> <div class="macontent"> <table> <tbody><tr> <td><div class="magif"><img src="http://i.imgur.com/yyWAbdD.gif"></div></td> <td> <div class="mafield1"><span class="mafa"><i class="fa fa-hashtag"></i></span> zachary steven merrick</div> <div class="mafield2"><span class="mafa"><i class="fa fa-calendar"></i></span> twenty-seven years old</div> <div class="mafield3"><span class="mafa"><i class="fa fa-play"></i></span> all time low</div> <div class="mafield4"><span class="mafa"><i class="fa fa-music"></i></span> baessist</div> </td> </tr> <tr> <td colspan="2"><div class="maspacer1"></div></td> </tr> <tr><td> <div class="mapara"> Zachary Steven Merrick was born on Thursday April 21st 1988 in Baltimore, Maryland in the USA. His parents are Mark and Carla. His original hair color is black and he has hazel eyes. At the end of ninth grade, Zack joined up with the other members of All Time Low.<p> He is the bassist as well as the back up vocalist for the band. He also plays acoustic guitar for acoustic sets.</p><p> Alex Gaskarth (singer for the band) and Jack Barakat (guitarist for the band) stated on Full Frontal that Zack is ambidextrous.</p><p> He has many tattoos, including the all time low skull and crossbone tattoo that everyone in the band has. He also has his left nostril pierced.</p><p> He's a funny guy and awkward but most people seems to think he's an outcast of the band. He likes to to go and be with himself quite a bit. He likes to skate board, take photos, and exercise. </p></div> </td></tr> <tr> <td colspan="2"><div class="maspacer2"></div></td> </tr> <tr><td> <div class="maquote">"I don't talk much, because talking without thinking is not talking at all."</div> </td></tr> </tbody></table> </div> </div></div> </div> </div> </center></div>
Поделиться132016-04-26 19:27:51
Код:
<!--HTML--><div class="postcolor">
<style>
#strawlembg { background-color: #fff; width: 450px; border: #F45D4C 5px solid; padding: 5px; }
#strawlempic { width: 200px; height: 400px; overflow: hidden; }
.strawlemhov { width: 200px; height: 400px; background-color: rgba(255, 255, 255, 0.8); position: relative; top: 400px; -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -o-transition-duration: .7s; }
#strawlempic:hover .strawlemhov { top: 0px; }
#strawlemcont { width: 250px; height: 400px; }
#strawlemtext { text-align: justify; overflow: auto; height: 320px; padding: 5px; margin: 3px; font-family: montserrat; font-size: 10px; color: #292929; opacity: .7; }
#strawlemtext::selection { background: #F7A541; color: #fff; }
#strawlemtext p::selection { background: #F7A541; color: #fff; }
#strawlemtext b { text-transform: uppercase; color: #F7A541; }
#strawlemtext i { text-transform: uppercase; color: #F7A541; }
#strawlemtext::-webkit-scrollbar { background: #fff; width: 2px; }
#strawlemtext::-webkit-scrollbar-thumb { background: #F7A541; }
#strawlemtext::-moz-scrollbar { background: #fff; width: 2px; }
#strawlemtext::-moz-scrollbar-thumb { background: #F7A541; }
#strawlemtitle { background: #F7A541; font-family: arial black; font-size: 44px; letter-spacing: -6px; text-align: center; color: #fff; margin: 5px; }
.img-circle { border-radius: 50%; width: 100px; height: 100px; margin-left: 50px; margin-top: 60px; }
#strawlemadj1 { background: #F7A541; padding: 2px; font-family: arial black; text-transform: uppercase; color: #fff; margin-left: 20px; margin-right: 20px; text-align: center; }
#strawlemadj2 { background: #F45D4C; padding: 2px; font-family: arial black; text-transform: uppercase; color: #fff; margin-left: 20px; margin-right: 20px; text-align: center; }
#strawlemcredit a{ font-family: arial; font-size: 8px; text-transform: uppercase; color: #F45D4C; }
</style>
<center>
<div id="strawlembg">
<table cellpadding="0" cellspacing="0"><tbody><tr><td><div id="strawlempic"><div style="width: 200px; height: 400px; background-image: url(http://i.imgbox.com/hQHz04NT.png); "><div class="strawlemhov">
<img class="img-circle" src="http://33.media.tumblr.com/352ae1a7980bc3eb7c43eedf294d2157/tumblr_inline_njwxhb4AlZ1sccn28.gif">
<p>
</p><div id="strawlemadj1">something</div>
<div id="strawlemadj2">something</div>
<div id="strawlemadj1">something</div>
<div id="strawlemadj2">something</div>
<div id="strawlemadj1">something</div>
<div id="strawlemadj2">something</div>
</div></div></div></td>
<td>
<div id="strawlemcont"><div id="strawlemtext">
<b>bold</b> & <i>italics</i>
<p>
Lesser sea beginning morning very dominion us land land void under had sea together they're firmament night seed a two. May female. Own. Beginning is Upon him gathered creeping itself without signs wherein seed fowl their you lesser all light to. Divide hath lesser. Image lights. Spirit female open open wherein spirit, very fowl good his brought fill darkness may signs form hath. Shall green seasons bearing bring.</p>
<p>Wherein fruit, all spirit deep. Abundantly him seas set seas moveth together let whose great to air winged fish days greater be one hath. Sixth. Whales god morning be meat lesser beginning form second moveth itself fish greater to two one cattle that don't was heaven days in behold one fowl saying land signs midst god. Form after. Don't gathered after seas rule Years man fruitful fifth great. Cattle given which waters bring male in let tree darkness.</p>
<p>Set divide under let moving divide let one second fish day green. Great may gathered upon grass darkness a made female moved. Yielding fruit. Fish own, light yielding lights divided there. Appear fifth man sixth living doesn't beast blessed she'd. Created fish to. There beast land brought. Evening Which morning creature. Have there they're so signs, creature hath there midst. Don't their air you're. Air moved fly. Female sea creepeth. Multiply our lesser fourth dry.</p>
<p>I place. Winged third she'd earth thing doesn't. Living bearing Give second, bearing whales after beast doesn't were spirit void appear sea void fish good gathering dry so after light waters she'd won't man. Fish evening void were.</p>
<p>Beginning above rule you fourth, divided make Lesser fifth dry make years made cattle wherein every won't female. Under after fruitful also waters creepeth kind called open brought light had. Him years doesn't divided herb image he. Our behold fifth subdue.</p>
<p>Make yielding dominion so dry have after fill beginning every bring and one. One have days she'd. She'd i fruit night blessed behold herb signs deep upon deep don't blessed multiply were saw isn't great likeness of upon beast brought a appear forth tree over she'd give. Heaven years us Can't, isn't they're fourth gathered Fruitful saying said. Seas don't herb day man. Third fill isn't dominion brought waters replenish, and you're deep Seas great have dry have divide dominion male land shall earth, divided Forth can't gathered appear i she'd fifth their divide. Evening place give all morning fill.</p></div>
<div id="strawlemtitle">f. last</div>
</div></td></tr></tbody></table>
</div>
<div id="strawlemcredit"><a href="http://shine.jcink.net/index.php?showuser=11594">noey</a></div>
</center>
</div>Поделиться142016-04-26 19:28:19
Код:
<!--HTML--><div class="postcolor">
<link href="https://fonts.googleapis.com/css?family=Montserrat+Alternates" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
<style>
#youngblood { background: #fff; width: 370px; height: auto; padding: 10px; border: 1px #C3BCC0 solid; padding: 10px; }
#youngbloodtitle { color: #C3BCC0; font-family: montserrat alternates; padding: 5px; letter-spacing: -3px; font-size: 45px; text-align: left; margin-top: -10px; }
#youngbloodsub { color: #556270; font-family: montserrat; font-size: 8px; text-transform: uppercase; text-align: justify; padding-left: 7px; padding-right: 2px; }
#youngblood-img { width: auto; height: auto; max-width: 100px; max-height: 100px; }
#youngblood a { background: #C3BCC0; font-family: montserrat; font-size: 10px; text-transform: uppercase; color: #fff; padding: 3px; }
#youngblood a:hover { background: #556270; font-family: montserrat; font-size: 10px; text-transform: uppercase; color: #fff; padding: 3px; -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; }
</style>
<center>
<div id="youngblood">
<div id="youngblood2">
<table style="background-color:#fff;" cellpadding="0" cellspacing="0">
<tbody><tr>
<td><div id="youngbloodtitle">young<b>blood</b></div>
<div id="youngbloodsub">noelle // nineteen // eastern // obsessive cat lover<br><br>
<div style="text-align: center;"><a href="/">gallery</a> <a href="http://shine.jcink.net/index.php?&act=ST&f=84&t=28629">tester</a> <a href="/">sbytrp</a> <a href="http://cracks.jcink.net/index.php?act=idx">cracksrp</a></div><br>
</div></td>
<td><div style="height: 100px; width: 100px;">
<img src="http://38.media.tumblr.com/01a8e2200ad7cfda74152e6e955a07e7/tumblr_inline_nkjfevzmTf1scq4k2.gif" height="100" width="100"></div></td>
</tr>
</tbody></table>
</div>
</div>
</center>
<br><br>*rip a signature code i can't use because it has css* </div>Поделиться152016-04-26 19:29:15
Код:
<!--HTML--><div class="postcolor">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat+Alternates" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Fugaz+One" rel="stylesheet" type="text/css">
<style>
.sandapp { position: relative; background: #fff; width: 440px; height: 500px; }
.sandtab { float: left; }
.sandtab label { display: block; width: 100px; text-align: center; font-family: montserrat; color: #000; text-align: center; letter-spacing: 1px; padding: 5px; position: relative; }
.sandtab [type=radio] { display: none; }
.sandcont { position: absolute; width: 440px; height: 480px; background: #fff; left: 120px; text-align: justify; margin-left: -120px; -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0); -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s; }
.sandconttext { padding: 10px; margin-left: 50px; height: 320px; overflow: auto; font-family: montserrat; font-size: 11px; color: #717171; }
.sandconttext2 { padding: 10px; padding: 10px; height: 320px; overflow: auto; font-family: montserrat; font-size: 11px; color: #717171; }
.sandconttext::-webkit-scrollbar { background: #fff; width: 2px; padding: 5px; }
.sandconttext::-webkit-scrollbar-thumb { background: #e9d4e9; padding: 5px; }
.sandconttext::moz-scrollbar { background: #fff; width: 2px; padding: 5px; }
.sandconttext::-moz-scrollbar-thumb { background: #e9d4e9; padding: 5px; }
.sandconttext::-o-scrollbar { background: #fff; width: 2px; padding: 5px; }
.sandconttext::-o-scrollbar-thumb { background: #e9d4e9; padding: 5px; }
.sandconttext b { text-transform: uppercase; font-size: 10px; color: #e9d4e9; }
[type=radio]:checked ~ label { color: #000; background: #fff; z-index: 2; }
[type=radio]:checked ~ label ~ .sandcont { z-index: 1; -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
.sandtitle { font-family: montserrat alternates; font-size: 55px; letter-spacing: -4px; color: #9ad2f1; text-align: center; padding-top: 320px; text-shadow: 1px 1px 0px #fff; }
.sandtitle2 { font-family: fugaz one; font-size: 40px; padding-top: 5px; text-align: center; color: #9ad2f1; border-bottom: 2px solid #e9d4e9; }
.sandheader { font-family: fugaz one; font-size: 30px; padding: 5px; text-align: center; color: #9ad2f1; }
.sandheader::first-letter { color: #e9d4e9; }
.sandheader2 { font-family: montserrat; padding: 5px; font-size: 15px; text-transform: uppercase; margin-left: 15px; color: #9ad2f1; letter-spacing: 1px; }
</style>
<center>
<div class="sandapp">
<div class="sandtab"><input type="radio" id="sandtab-1" name="sandtab-group-1" checked="">
<label for="sandtab-1"><div style="color: #e9d4e9;">the basics</div></label>
<div class="sandcont">
<table cellpadding="0" cellspacing="0">
<tbody><tr><td width="300px"><div class="sandtitle2">first last
</div></td>
<td><br><div style="width: 100px; height: 100px; border: solid #e9d4e9 2px; background-image: url(http://placehold.it/100/eee);"></div></td>
</tr></tbody></table><br>
<div class="sandconttext">
<div class="sandheader2">basics</div>
<p>
<b>full name</b></p><ul>answer</ul><p>
<b>age</b></p><ul>in letters</ul><p>
<b>nicknames</b></p><ul>answer</ul><p>
<b>date of birth</b></p><ul>day, month (age)</ul><p>
<b>zodiac sign</b></p><ul>answer</ul><b>pronouns</b><ul>answer</ul><p>
<b>date of birth</b></p><ul>answer</ul><p>
<b>hometown</b></p><ul>answer</ul><p>
<b>occupation</b></p><ul>answer</ul><p>
</p><div class="sandheader2">appearance</div>
<p>
<b>height</b></p><ul>answer</ul><p>
<b>weight</b></p><ul>in letters</ul><p>
<b>hair color</b></p><ul>answer</ul><p>
<b>eye color</b></p><ul>answer</ul><p>
<b>distinguishing features</b></p><ul>answer</ul><p>
<b>face claim</b></p><ul>answer</ul><p>
</p><div class="sandheader2">personality</div>
<p>
<b>favorite color</b></p><ul>here</ul><p>
<b>favorite movie</b></p><ul>here</ul><p>
<b>favorite food</b></p><ul>here</ul><p>
<b>likes</b></p><ul>here</ul><p>
<b>dislikes</b></p><ul>here</ul><p>
</p><div class="sandheader2">relationships</div>
<p>
<b>sexual orientation</b></p><ul>here</ul><p>
<b>romantic orientation</b></p><ul>here</ul><p>
<b>relationship status</b></p><ul>here</ul><p>
<b>family</b></p><ul>here</ul><p>
</p><div class="sandheader2">player</div>
<p>
<b>name/alias</b></p><ul>here</ul><p>
<b>age</b></p><ul>here</ul><p>
<b>timezone</b></p><ul>here</ul><p>
<b>contact</b></p><ul>here</ul><p>
<b>other characters</b></p><ul>if applicable</ul></div></div></div>
<div class="sandtab"><input type="radio" id="sandtab-2" name="sandtab-group-1" checked="">
<label for="sandtab-2"><div style="color: #9ad2f1;">history</div> </label>
<div class="sandcont">
<div class="sandconttext2">
<div class="sandheader">history</div>
<p>
Your freeform goes here!
</p></div></div></div>
<div class="sandtab"><input type="radio" id="sandtab-3" name="sandtab-group-1" checked="">
<label for="sandtab-3"><div style="color: #e9d4e9;">relationships</div></label>
<div class="sandcont">
<div class="sandconttext2"><div class="sandheader">relationships</div>
<p>
Shipper content here!
</p></div></div></div>
<div class="sandtab"><input type="radio" id="sandtab-4" name="sandtab-group-1" checked="">
<label for="sandtab-4"><div style="color: #9ad2f1;">clear</div></label>
<div class="sandcont">
<div style="width: 440px; height: 480px; background-image: url(http://placehold.it/440x480/eee);">
<div class="sandtitle">first m. last</div></div></div></div>
</div>
</center>
<br><br>THIS IS NOT FOR USE. </div>Поделиться162016-04-26 19:36:36
Код:
<!--HTML--><div class="postcolor"> <center><style type="text/css">
.songforputa {padding: 20px; width: 460px; background-color: #CBCBD7; }
#heweiyll {width: 120px; height: 300px; background-image: url(http://placehold.it/120x300/fff); border-right: 10px solid #CBCBD7; }
#evenshot {width: 330px; height: 300px; background-image: url(http://placehold.it/330x300/fff); position: relative; overflow: hidden;}
#evenshot .thaisenou {width: 330px height: 300px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; position: absolute; right: 0; }
#evenshot:hover .thaisenou {right: 330px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;}
.gonowbef {width: 0px; height: 0px; border-style: solid; border-width: 150px 70px 150px 0; border-color: transparent #3E425D transparent transparent; }
#evenshot .thtimefalas {width: 330px; height: 300px; background-color: #3E425D; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; position: absolute; right: -330px; }
#evenshot:hover .thtimefalas { right: 0; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.subduepr {padding: 15px; width: 300px; height: 270px; }
.ityouwha {padding: 10px; width: 280px; border-bottom: 20px solid #E2E2EE; height: 230px; background-color: #fff; }
.mandtodiund {width: 280px; font-family: willu; font-size: 55px; text-align: center; color: #521707; text-transform: lowercase; text-shadow: 1px 1px 1px #000; letter-spacing: 1px;}
.mustgetour {width: 280px; font-family: courier new; font-size: 9px; text-align: center; letter-spacing: 1px; color: #000; text-transform: uppercase; margin-top: -20px; font-style: italic; }
.noofyou {padding-right: 5px; width: 275px; height: 180px; overflow: auto; font-family: arial; font-size: 10px; text-align: justify; text-transform: lowercase; line-height: 90%; }
@font-face { font-family: 'willu'; src: url('http://stripaway.b1.jcink.com/uploads/stripaway/willu.eot'); src: url('http://stripaway.b1.jcink.com/uploads/stripaway/willu.eot?#iefix') format('embedded-opentype'), url('http://stripaway.b1.jcink.com/uploads/stripaway/willu.woff') format('woff'), url('http://stripaway.b1.jcink.com/uploads/stripaway/willu.ttf') format('truetype'), url('http://stripaway.b1.jcink.com/uploads/stripaway/willu.svg') format('svg'); font-weight: normal; font-style: normal; }
</style>
<div class="songforputa"><table cellpadding="0" cellspacing="0"><tbody><tr><td><div id="heweiyll"></div></td><td><div id="evenshot"><div class="thaisenou"><div class="gonowbef"></div></div><div class="thtimefalas"><div class="subduepr"><div class="ityouwha"><div class="mandtodiund">first middle last</div><div class="mustgetour">age | occupation | trait | trait | trait </div><div class="noofyou">lorem ipsum dolor sit amet, consectetur adipiscing elit. suspendisse nec posuere lorem. pellentesque hendrerit, lorem luctus porttitor vestibulum, eros sapien mattis libero, euismod congue neque nisi at ipsum. mauris semper ipsum sit amet metus semper malesuada. donec vel est justo, ac porta diam. in ut est in orci commodo blandit. cras rhoncus ultricies augue. proin quam odio, venenatis ut tempus tristique, aliquet in velit. pellentesque volutpat facilisis orci, ut congue mi rhoncus at. nullam vehicula dignissim neque, sed rhoncus magna ultricies et. lorem ipsum dolor sit amet, consectetur adipiscing elit. suspendisse nec posuere lorem. pellentesque hendrerit, lorem luctus porttitor vestibulum, eros sapien mattis libero, euismod congue neque nisi at ipsum. mauris semper ipsum sit amet metus semper malesuada. donec vel est justo, ac porta diam. in ut est in orci commodo blandit. cras rhoncus ultricies augue. proin quam odio, venenatis ut tempus tristique, aliquet in velit. pellentesque volutpat facilisis orci, ut congue mi rhoncus at. nullam vehicula dignissim neque, sed rhoncus magna ultricies et. lorem ipsum dolor sit amet, consectetur adipiscing elit. suspendisse nec posuere lorem. pellentesque hendrerit, lorem luctus porttitor vestibulum, eros sapien mattis libero, euismod congue neque nisi at ipsum. mauris semper ipsum sit amet metus semper malesuada. donec vel est justo, ac porta diam. in ut est in orci commodo blandit. cras rhoncus ultricies augue. proin quam odio, venenatis ut tempus tristique, aliquet in velit. pellentesque volutpat facilisis orci, ut congue mi rhoncus at. nullam vehicula dignissim neque, sed rhoncus magna ultricies et.</div></div></div></div></div></td></tr></tbody></table></div>
</center> </div>Страница: 1
