<!--HTML--><div class="postcolor"> <link href="https://fonts.googleapis.com/css?family=Mr+Dafoe|Catamaran:400,800,700,600,900" rel="stylesheet" type="text/css"> <br><br><link href="https://fonts.googleapis.com/css?family=Handletter" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css"> <style> .basics-three { width: 200px; padding: 7px 2px; border: 1px solid #eee; background-color: #f9f9f9; font-family: tahoma; font-weight: 900; text-align: center; line-height: 100%; font-size: 10px; margin-bottom: 3px; } </style> <div class="spenwrapper"><div class="spenappc"><div class="spenapppanel"><div class="spenappb bghex"> <span class="spenappname">Character Name<br> <div style="font-family: 'Source Code Pro'; color: #000; text-align: center; font-size: 14px; letter-spacing: 2px; margin-top: -65px; ">your face eng</div></span><br> </div> <div class="spenappr bghex"></div><div class="spenappl"> <table cellspacing="0" cellpadding="0"> <tbody><tr><td width="255px"><div style="border:5px solid #fff;"> <img src="http://38.media.tumblr.com/dc112b2b4efccda36f90fa55a6d20c89/tumblr_n4pmx1uzBM1r3mhfjo2_r1_250.gif"></div> </td> <td valign="top"><div class="stsbg-six"> <div class="basics-three">ИМЯ ФАМИЛИЯ (РУСС.)</div> <div class="basics-three">ДАТА РОЖДЕНИЯ (ВОЗРАСТ)</div> <div class="basics-three">ОРИЕНТАЦИЯ</div> <div class="basics-three">СЕМЕЙНОЕ ПОЛОЖЕНИЕ</div> </div></td> </tr></tbody></table> <div class="persinfo"> <table> <tbody><tr> <td><div class="infobox3">ЛЮБИТ</div></td> <td><div class="infobox3">УВЛЕЧЕНИЯ</div></td> <td><div class="infobox3">НЕ ЛЮБИТ</div></td> </tr> <tr> <td><div class="infoscr">то что ваш персонаж любит, что ему симпатично</div></td> <td><div class="infoscr">какие-либо хобби или увлечения вашего персонажа</div></td> <td><div class="infoscr">то что ваш персонаж не любит, что ему противно</div></td> </tr> </tbody></table> </div></div> <div class="spenappcontp"><div style="margin-top: 300px;color: #999; border: 1px #999; height: 200px; line-height: 12px; padding: 5px; overflow-y: scroll; text-align: justify; "> ваша история</div></div></div> </div> <br><br></div>
анкета
Сообщений 1 страница 10 из 10
Поделиться12016-05-03 10:00:59
Поделиться22016-05-03 13:00:11
<div class="htmldemo"><link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet" type="text/css">
<center>
<table><tbody><tr>
<td style="width: 250px; height: 350px; padding: 5px;">
<div style="background-color: #fff; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;">
<img src="http://funkyimg.com/i/2bmcr.jpg">
</div>
<br>
<div style="height: 15px; background-color: #fff; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;">
внешность
</div>
<br>
<div style="height: 15px; background-color: #fff; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;">
дата рождения, возраст
</div>
<br>
<div style="height: 15px; background-color: #fff; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;">
ориентация, семейное положение
</div>
<br>
<div style="height: 15px; background-color: #fff; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;">
профессия
</div>
<br>
<div style="width:height: 15px; background-color: #fff; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;">
приезжий/коренной
</div>
<br>
<div style="height: 15px; background-color: #fff; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;">
связь
</div>
</td>
<td>
<div style="height: 32px; text-align: center; font-family: Lily Script One; font-size: 30px; color: #fff; padding-bottom: 5px; text-shadow: 2px 2px 0px #000;">
name surname
</div>
<br>
<div style=" height: 10px; background-color: #494949; padding-bottom: 5px; font-family: times new roman; font-size: 8px; color: white; text-transform: uppercase; text-align: center; padding-top: 2px; padding-bottom: 2px;">
Хобби/увлечения/навыки
</div>
<div style="height: 65px; background-color: #fff; font-family: georgia; font-size: 10px; line-height: 10px; color: #353535; text-align: justify; padding: 5px; overflow: auto;" class="scroll">
Your post goes here. It scrolls so don't worry about writing a million words. And remember your < p > tags to separate paragraphs and < br > for line breaks. <3
</div>
<br><div style="height: 10px; background-color: #494949; padding-bottom: 5px; font-family: times new roman; font-size: 8px; color: white; text-transform: uppercase; text-align: center; padding-top: 2px; padding-bottom: 2px;">
Предпочтения/что нравится
</div>
<div style="height: 65px; background-color: #fff; font-family: georgia; font-size: 10px; line-height: 10px; color: #353535; text-align: justify; padding: 5px; overflow: auto;" class="scroll">
Your post goes here. It scrolls so don't worry about writing a million words. And remember your < p > tags to separate paragraphs and < br > for line breaks. <3
</div>
<br><div style="height: 10px; background-color: #494949; padding-bottom: 5px; font-family: times new roman; font-size: 8px; color: white; text-transform: uppercase; text-align: center; padding-top: 2px; padding-bottom: 2px;">
Страхи, неприязнь
</div>
<div style="height: 65px; background-color: #fff; font-family: georgia; font-size: 10px; line-height: 10px; color: #353535; text-align: justify; padding: 5px; overflow: auto;" class="scroll">
Your post goes here. It scrolls so don't worry about writing a million words. And remember your < p > tags to separate paragraphs and < br > for line breaks. <3
</div>
</td>
</tr></tbody></table>
<br><div style=" height: 10px; background-color: #494949; padding-bottom: 5px; font-family: times new roman; font-size: 8px; color: white; text-transform: uppercase; text-align: center; padding-top: 2px; padding-bottom: 2px;">
МОЯ ИСТОРИЯ
</div>
<div style=" background-color: #fff; font-family: georgia; font-size: 10px; line-height: 10px; color: #353535; text-align: justify; padding: 5px; overflow: auto;" class="scroll">
Биография Вашего персонажа. Распишите не только его историю, но и становление как человека. Как развивался его характер, что влияло на это. Дайте себе фантазию и достойную историю этому человеку.
</div>
</center></div>
Поделиться32016-05-03 13:15:13
<div class="trc2"><div class="trc2a" style="background-image: url(http://placehold.it/100x100);">
</div>
профессия // дата рождения // ориентация
</div>
.trc2 {
height: 40px;
width: 500px;
padding-left: 20px;
background-color: rgba(223, 179, 77, 0.8);
line-height: 40px;
color: #fff;
position: absolute;
top: 40px;
font-family: Tahoma, sans serif;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 2px;
font-style: italic;
font-weight: 100;
text-align: left;
left: -520px;
-webkit-transition: 1s linear;
-moz-transition: 1s linear;
transition: 1s linear;
}
Поделиться42016-05-03 13:20:00
.trc2 {
height: 40px;
width: 500px;
padding-left: 20px;
background-color: rgba(223, 179, 77, 0.8);
line-height: 40px;
color: #fff;
position: absolute;
top: 40px;
font-family: Tahoma, sans serif;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 2px;
font-style: italic;
font-weight: 100;
text-align: left;
left: -520px;
-webkit-transition: 1s linear;
-moz-transition: 1s linear;
transition: 1s linear;
}
.trc2 a {
color: #fff;
text-decoration: none
}
.trc2a {
height: 100px;
width: 100px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-image: url(http://placehold.it/100x100);/* èçîáðàæåíèå ãèô */
position: absolute;
z-index: 3;
top: -33px;
right: 40px;
border: solid 3px #dfb34d;
background-color: #afafaf;
background-blend-mode: multiply
}
Поделиться52016-05-03 14:01:15
<div style="width: 430px;
margin-left: -5px;
background-color: #EAE9DE;
padding: 20px;
font-family: verdana;
font-size: 10px;
text-align: justify;
box-shadow: inset 0px 0px 20px #DAD587;">
<center>
<img src="http://s6.uploads.ru/VWbrN.png">
<img src="http://s2.uploads.ru/Co2Sc.png">
<img src="http://s7.uploads.ru/dVwto.png">
<img src="http://s6.uploads.ru/AbkMd.png">
<img src="http://s2.uploads.ru/MrFpb.png">
<img src="http://s6.uploads.ru/Hfwca.png">
<img src="http://s6.uploads.ru/hwrCJ.png">
</center>
</div>
Поделиться62016-05-07 12:50:14
<!--HTML--> <style> .twwrwrap { width: 550px; padding: 20px; background-image: url(http://subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/gray_jean.png); border: 5px #fff solid; outline: 1px #f5f5f5 solid; margin: 10px; } .twimg { width: 245px; height: 130px; border: 5px #fff solid; overflow: hidden; outline: 1px #f5f5f5 solid; position: relative; } .twimg .twgif { width: 245px; height: 130px; background-color: #fff; background-position: center; background-size: cover; position: absolute; top: 0px; left: 0px; overflow: hidden; } .twimg .twoverlay { width: 245px; height: 130px; position: absolute; overflow: hidden; top: 0px; left: 0px; background-color: rgba(35,35,35,0.6); opacity: 0; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .twimg:hover .twhov { top: 65px; } .twimg:hover .twoverlay { opacity: 1; } .twimg .twhov { padding: 10px; width: 160px; height: 25px; border-top: 10px #626262 solid; background-color: #fbfbfb; top: 120px; left: 0px; position: absolute; overflow: hidden; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .twname { border-bottom: 1px #f5f5f5 solid; font-family: montserrat; font-size: 16px; text-align: left; line-height: 100%; text-transform: uppercase; font-weight: 900; letter-spacing: -1px; color: #505050; margin-top: -3px; padding-bottom: 1px; } .twdeet { font-family: roboto condensed; font-size: 7px; color: #626262; line-height: 100%; text-transform: uppercase; letter-spacing: 1px; text-align: left; margin-left: 1px; margin-top: 1px; font-weight: 900; }.twwrite { width: 245px; border: 1px #f5f5f5 solid; background-color: #fff; padding: 15px; height: 100px; }.twwrite2 { height: 100px; overflow: auto; font-family: montserrat; font-weight: 200; font-size: 12.5px; text-align: justify; line-height: 100%; color: #626262; </style> <center><div class="twwrwrap"> <div id="mystery" class="tw2resize"><table cellpadding="0" cellspacing="0"><tbody><tr><td><div class="twimg"><div class="twgif" style="background-image: url(http://placehold.it/245x130);"> </div><div class="twoverlay"></div> <div class="twhov"> <div class="twname"><b> first last </b></div> <div class="twdeet"> detail <b>//</b> detail <b>//</b> detail </div> </div></div></td><td><div class="twwrite"><div class="twwrite2"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. <b>Bold looks like this bitch. </b> Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, </div></div></td></tr></tbody></table></div><br> <div id="romance" class="tw2resize"><table cellpadding="0" cellspacing="0"><tbody><tr><td><div class="twwrite"><div class="twwrite2"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. <b>Bold looks like this bitch. </b> Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, </div></div></td><td><div class="twimg"><div class="twgif" style="background-image: url(http://placehold.it/245x130);"> </div><div class="twoverlay"></div> <div class="twhov"> <div class="twname"><b> first last </b></div> <div class="twdeet"> detail <b>//</b> detail <b>//</b> detail </div> </div></div></td></tr></tbody></table></div><br> <div id="fantasy" class="tw2resize"><table cellpadding="0" cellspacing="0"><tbody><tr><td><div class="twimg"><div class="twgif" style="background-image: url(http://placehold.it/245x130);"> </div><div class="twoverlay"></div> <div class="twhov"> <div class="twname"><b> first last </b></div> <div class="twdeet"> detail <b>//</b> detail <b>//</b> detail </div> </div></div></td><td><div class="twwrite"><div class="twwrite2"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. <b>Bold looks like this bitch. </b> Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, </div></div></td></tr></tbody></table></div> </div></center>
Поделиться72016-05-07 13:37:33
<!--HTML--> <style> .wither-wrap { width: 300px; background-color: #fdfdfd; border: 1px #f2f2f2 solid; position: relative; margin: 20px 0px; padding: 15px; background: rgb(250,250,250); background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(253,253,253,1) 44%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(44%,rgba(253,253,253,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(253,253,253,1) 44%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(253,253,253,1) 44%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(253,253,253,1) 44%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(250,250,250,1) 0%,rgba(253,253,253,1) 44%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 ); } .wither-top { padding: 5px; background-color: #fbfbfb; border: 1px #f1f1f1 solid; margin-bottom: 5px; } .wither-mtitle { border: 1px #f5f5f5 solid; padding: 15px; font-family: raleway; font-size: 25px; text-align: center; text-transform: uppercase; line-height: 100%; font-weight: 300; color: rgba(98,98,98,.2); letter-spacing: -1px; background-color: #fff; } .wither-wicon { padding: 5px; background-color: #fbfbfb; border: 1px #f1f1f1 solid; width: 80px; height: 80px; margin-right: 5px; margin-bottom: 5px; } .wither-wicon2 { background-color: #fff; background: rgb(248,248,248); background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(251,251,251,1) 44%, rgba(254,254,254,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(44%,rgba(251,251,251,1)), color-stop(100%,rgba(254,254,254,1))); background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(251,251,251,1) 44%,rgba(254,254,254,1) 100%); background: -o-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(251,251,251,1) 44%,rgba(254,254,254,1) 100%); background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(251,251,251,1) 44%,rgba(254,254,254,1) 100%); background: linear-gradient(to bottom, rgba(248,248,248,1) 0%,rgba(251,251,251,1) 44%,rgba(254,254,254,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#fefefe',GradientType=0 ); padding: 0px; width: 78px; height: 78px; border: 1px #f2f2f2 solid; } .wither-overlay { width: 78px; height: 78px; background-color: rgba(191,172,151,.05); } .wither-wwrap { padding: 5px; background-color: #fbfbfb; border: 1px #f1f1f1 solid; margin-bottom: 5px; } </style> <center><div id="documentary"><div class="wither-wrap"> <div class="wither-top"><div class="wither-mtitle"> <b>firstname</b> ships <sub>a detailed list of <c>firstname's</c> relationships</sub> </div></div> <table id="romance" cellpadding="0" cellspacing="0"><tbody><tr><td><div class="wither-wicon"><div class="wither-wicon2"><div class="wither-overlay"><div class="wither-wicon3"><div class="wither-icon" style="background-image: url(http://placehold.it/50);"> </div></div></div></div></div> </td><td valign="top" width="100%"><div class="wither-wwrap"><div class="wither-wwrap2"><div class="wither-overflow"> hello. words about this bitch go here. <b>bold looks like this.</b> </div></div></div></td></tr></tbody></table> <table id="fantasy" cellpadding="0" cellspacing="0"><tbody><tr><td><div class="wither-wicon"><div class="wither-wicon2"><div class="wither-overlay"><div class="wither-wicon3"><div class="wither-icon" style="background-image: url(http://placehold.it/50);"> </div></div></div></div></div> </td><td valign="top" width="100%"><div class="wither-wwrap"><div class="wither-wwrap2"><div class="wither-overflow"> hello. words about this bitch go here. <b>bold looks like this.</b> </div></div></div></td></tr></tbody></table> <table id="mystery" cellpadding="0" cellspacing="0"><tbody><tr><td><div class="wither-wicon"><div class="wither-wicon2"><div class="wither-overlay"><div class="wither-wicon3"><div class="wither-icon" style="background-image: url(http://placehold.it/60);"> </div></div></div></div></div> </td><td valign="top" width="100%"><div class="wither-wwrap"><div class="wither-wwrap2"><div class="wither-overflow"> hello. words about this bitch go here. <b>bold looks like this.</b> </div></div></div></td></tr></tbody></table> <div class="wither-top npwh2"><div class="wither-mtitle npwh"> <a href="LINKTOSHIPPER"><sub>click here for <c>firstname's</c> shipper </sub></a> </div></div></div></div></center>
Поделиться82016-05-14 14:26:59
<!--HTML--><div class="htmldemo"><link href="http://fonts.googleapis.com/css?family=Playfair+Display:400,900italic|Economica" rel="stylesheet" type="text/css"> <!-- THE POST 165031 --> <div class="postcolor"><br><br> <style>#sig2 {width: 500px; height: 200px;background-color: #fff; padding: 20px; margin-top: 10px;} .sig2line {background-color: #e0e0e0; height: 1px;} #sig2 img {width: 100px; height: 100px; padding: 15px; background-color: #fff; border: 1px solid #e0e0e0; border-radius: 360px; -moz-border-radius: 360px; -webkit-border-radius: 360px; -ms-border-radius: 360px; -o-border-radius: 360px; margin-top: -40px;} .hallo { font-size:25px; font-style:italic; font-weight:bold; font-family:playfair display; color: #738C27; line-height:100%; margin-top: 5px;} .sig2w {margin-top: 5px; margin-bottom: 5px; font-family: times; color: #55422b; text-transform: lowercase; text-align: center; font-style: italic; font-size: 14px;} .sig2w:before {content: "“"; color: #55422b; font-size: 20px;} .sig2w:after {content: "”"; color: #55422b; font-size: 20px;} .sig2w2 {color: #ccc; font-size: 16px; font-family: times; text-transform: lowercase; text-align: left; font-style: italic; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; } .sig2w2:hover {color: #EBB257; letter-spacing: 1px; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; } .sig2w3 {color: #ccc; font-size: 16px; font-family: times; text-transform: lowercase; text-align: right; font-style: italic; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; } .sig2w3:hover {color: #EBB257; letter-spacing: 1px; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; }</style> <center><div id="sig2"><div class="sig2line"></div><a href="http://gotohouston.rusff.me/profile.php?id=912"><img src="http://savepic.net/6487860.gif"></a> <div class="hallo">welcome to houston</div> <div class="sig2w">Яркий и шумный Хьюстон приветствует своего нового жителя. Ты же знаешь, что мы ждали именно тебя. Скорее располагайся, мы поможем тебе освоиться в этом городе и зажечь новую звезду на небосклоне! А если заблудишься - всегда знаешь, где меня найти. Добро пожаловать в семью.</div><div class="sig2w2" style="margin-top:-200px;"><a href="http://gotohouston.rusff.me/viewtopic.php?id=21">• внешности</a><br><a href="http://gotohouston.rusff.me/viewtopic.php?id=12">• личная страница</a><br><a href="http://gotohouston.rusff.me/viewtopic.php?id=36">• личное звание</a></div><div class="sig2w3" style="margin-top:-55px;"><a href="http://gotohouston.rusff.me/viewtopic.php?id=27">профессии •</a><br><a href="http://gotohouston.rusff.me/viewtopic.php?id=7032">партнеры по игре •</a><br><a href="http://gotohouston.rusff.me/viewtopic.php?id=6997">выяснение отношений •</a></div></div></center> </div></div>
Поделиться92016-05-14 14:37:09
<!--HTML--> <style> #action .tangled-tri { border-color: transparent transparent rgba(106, 191, 204, 1) transparent; } #comedy .tangled-tri { border-color: transparent transparent rgba(170, 201, 87, 1) transparent; } #documentary .tangled-tri { border-color: transparent transparent rgba(169, 118, 212, 1) transparent; } #fantasy .tangled-tri { border-color: transparent transparent rgba(203,171,58, 1) transparent; } #horror .tangled-tri { border-color: transparent transparent rgba(231, 133, 46, 1) transparent; } #mystery .tangled-tri { border-color: transparent transparent rgba(107, 103, 200, 1) transparent; } #romance .tangled-tri { border-color: transparent transparent rgba(213, 86, 116, 1) transparent; } #thriller .tangled-tri { border-color: transparent transparent rgba(123, 185, 137, 1) transparent; } #animation .tangled-tri { border-color: transparent transparent rgba(92,211,187,1) transparent; } #tragedy .tangled-tri { border-color: transparent transparent rgba(105,125,144,1) transparent; } #drama .tangled-tri { border-color: transparent transparent rgba(218,76,76,1) transparent; } #PROXY .tangled-tri { border-color: transparent transparent rgba(18,255,0,1) transparent; } #action .tangled-b-tri { border-color: rgba(106, 191, 204, 1) transparent transparent transparent; } #comedy .tangled-b-tri { border-color: rgba(170, 201, 87, 1) transparent transparent transparent; } #documentary .tangled-b-tri { border-color: rgba(169, 118, 212, 1) transparent transparent transparent; } #fantasy .tangled-b-tri { border-color: rgba(203,171,58, 1) transparent transparent transparent; } #horror .tangled-b-tri { border-color: rgba(231, 133, 46, 1) transparent transparent transparent; } #mystery .tangled-b-tri { border-color: rgba(107, 103, 200, 1) transparent transparent transparent; } #romance .tangled-b-tri { border-color: rgba(213, 86, 116, 1) transparent transparent transparent; } #thriller .tangled-b-tri { border-color: rgba(123, 185, 137, 1) transparent transparent transparent; } #animation .tangled-b-tri { border-color: rgba(92,211,187,1) transparent transparent transparent; } #tragedy .tangled-b-tri { border-color: rgba(105,125,144,1) transparent transparent transparent; } #drama .tangled-b-tri { border-color: rgba(218,76,76,1) transparent transparent transparent; } #PROXY .tangled-b-tri { border-color: rgba(18,255,0,1) transparent transparent transparent; } #action .tangled-solid { background-color: rgba(106, 191, 204, 1); } #comedy .tangled-solid { background-color: rgba(170, 201, 87, 1); } #documentary .tangled-solid { background-color: rgba(169, 118, 212, 1); } #fantasy .tangled-solid { background-color: rgba(203,171,58, 1); } #horror .tangled-solid { background-color: rgba(231, 133, 46, 1); } #mystery .tangled-solid { background-color: rgba(107, 103, 200, 1); } #romance .tangled-solid { background-color: rgba(213, 86, 116, 1); } #thriller .tangled-solid { background-color: rgba(123, 185, 137, 1); } #animation .tangled-solid { background-color: rgba(92,211,187,1); } #tragedy .tangled-solid { background-color: rgba(105,125,144,1); } #drama .tangled-solid { background-color: rgba(218,76,76,1); } #PROXY .tangled-solid { background-color: rgba(18,255,0,1); } #action .tangled-btm { background-color: rgba(106, 191, 204, 1); } #comedy .tangled-btm { background-color: rgba(170, 201, 87, 1); } #documentary .tangled-btm { background-color: rgba(169, 118, 212, 1); } #fantasy .tangled-btm { background-color: rgba(203,171,58, 1); } #horror .tangled-btm { background-color: rgba(231, 133, 46, 1); } #mystery .tangled-btm { background-color: rgba(107, 103, 200, 1); } #romance .tangled-btm { background-color: rgba(213, 86, 116, 1); } #thriller .tangled-btm { background-color: rgba(123, 185, 137, 1); } #animation .tangled-btm { background-color: rgba(92,211,187,1); } #tragedy .tangled-btm { background-color: rgba(105,125,144,1); } #drama .tangled-btm { background-color: rgba(218,76,76,1); } #PROXY .tangled-btm { background-color: rgba(18,255,0,1); } #action .tangled-solid dia b { color: rgba(106, 191, 204, .5); } #comedy .tangled-solid dia b { color: rgba(170, 201, 87, .5); } #documentary .tangled-solid dia b { color: rgba(169, 118, 212, .5); } #fantasy .tangled-solid dia b { color: rgba(203,171,58, .5); } #horror .tangled-solid dia b { color: rgba(231, 133, 46, .5); } #mystery .tangled-solid dia b { color: rgba(107, 103, 200, .5); } #romance .tangled-solid dia b { color: rgba(213, 86, 116, .5); } #thriller .tangled-solid dia b { color: rgba(123, 185, 137, .5); } #animation .tangled-solid dia b { color: rgba(92,211,187,.5); } #tragedy .tangled-solid dia b { color: rgba(105,125,144,.5); } #drama .tangled-solid dia b { color: rgba(218,76,76,.5); } #PROXY .tangled-solid dia b { color: rgba(18,255,0,.5); } #action .tangled-write b { color: rgba(106, 191, 204, 1); } #comedy .tangled-write b { color: rgba(170, 201, 87, 1); } #documentary .tangled-write b { color: rgba(169, 118, 212, 1); } #fantasy .tangled-write b { color: rgba(203,171,58, 1); } #horror .tangled-write b { color: rgba(231, 133, 46, 1); } #mystery .tangled-write b { color: rgba(107, 103, 200, 1); } #romance .tangled-write b { color: rgba(213, 86, 116, 1); } #thriller .tangled-write b { color: rgba(123, 185, 137, 1); } #animation .tangled-write b { color: rgba(92,211,187,1); } #tragedy .tangled-write b { color: rgba(105,125,144,1); } #drama .tangled-write b { color: rgba(218,76,76,1); } #PROXY .tangled-write b { color: rgba(18,255,0,1); } #action .tangled-pad deet b { color: rgba(106, 191, 204, 1); } #comedy .tangled-pad deet b { color: rgba(170, 201, 87, 1); } #documentary .tangled-pad deet b { color: rgba(169, 118, 212, 1); } #fantasy .tangled-pad deet b { color: rgba(203,171,58, 1); } #horror .tangled-pad deet b { color: rgba(231, 133, 46, 1); } #mystery .tangled-pad deet b { color: rgba(107, 103, 200, 1); } #romance .tangled-pad deet b { color: rgba(213, 86, 116, 1); } #thriller .tangled-pad deet b { color: rgba(123, 185, 137, 1); } #animation .tangled-pad deet b { color: rgba(92,211,187,1); } #tragedy .tangled-pad deet b { color: rgba(105,125,144,1); } #drama .tangled-pad deet b { color: rgba(218,76,76,1); } #PROXY .tangled-pad deet b { color: rgba(18,255,0,1); } #action .tangled-pad deet { border-color: rgba(106, 191, 204, 1); } #comedy .tangled-pad deet { border-color: rgba(170, 201, 87, 1); } #documentary .tangled-pad deet { border-color: rgba(169, 118, 212, 1); } #fantasy .tangled-pad deet { border-color: rgba(203,171,58, 1); } #horror .tangled-pad deet { border-color: rgba(231, 133, 46, 1); } #mystery .tangled-pad deet { border-color: rgba(107, 103, 200, 1); } #romance .tangled-pad deet { border-color: rgba(213, 86, 116, 1); } #thriller .tangled-pad deet { border-color: rgba(123, 185, 137, 1); } #animation .tangled-pad deet { border-color: rgba(92,211,187,1); } #tragedy .tangled-pad deet { border-color: rgba(105,125,144,1); } #drama .tangled-pad deet { border-color: rgba(218,76,76,1); } #PROXY .tangled-pad deet { border-color: rgba(18,255,0,1); } .tangled-wrap { width: 300px; position: relative; margin: 25px auto; overflow: hidden; } .tangled-tri { width: 0; height: 0; border-style: solid; border-width: 0 0 25px 300px; border-color: transparent transparent rgba(191,172,151,1) transparent; } .tangled-solid { background-color: rgba(191,172,151,1); height: 100px; position: relative; } .tangled-solid dia { display: block; position: absolute; bottom: 15px; left: 15px; color: #fff; font-family: playfair display; font-size: 21px; font-weight: 900; font-style: italic; line-height: 100%; text-transform: lowercase; } .tangled-solid dia b { color: rgba(191,172,151,.5); text-shadow: 0px 0px 0px #fff; } .tangled-pad { background-color: #f1f1f1; padding: 60px 10px 30px 10px; position: relative; background-image: url(http://subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/gray_jean.png); } .tangled-pad deet { font-family: source code pro; font-size: 7px; font-weight: 900; color: #333; position: absolute; top: 15px; left: 15px; letter-spacing: 1px; text-transform: uppercase; padding-bottom: 5px; border-bottom: 1px rgba(191,172,151,1) solid; line-height: 100%; } .tangled-pad deet b { color: rgba(191,172,151,1); } .tangled-dia { width: 65px; height: 65px; border: 5px #fff solid; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); box-shadow: 0px 0px 3px 0px rgba(32,32,32,.1); position: absolute; bottom: -38px; right: 30px; z-index: 1; overflow: hidden;} .tangled-dia2 { position: absolute; top: -15px; left: -15px; width: 95px; height: 95px; background-image: url(http://placehold.it/95;); background-position: center; background-size: cover; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .tangled-write { padding: 20px; border: 1px #e2e2e2 solid; background-color: #fafafa; font-family: roboto; font-size: 12px; line-height: 110%; color: #666; text-align: justify; } .tangled-write b { color: rgba(191,172,151,1); font-size: 12px; font-family: raleway; font-weight: 900; } .tangled-btm {background-color: rgba(191,172,151,1); height: 30px; font-size: 10px; font-weight: 900; font-style: italic; font-family: playfair display; color: #fafafa; text-align: center; text-transform: lowercase; line-height: 30px; letter-spacing: 1px; overflow: hidden; } .tangled-b-tri { width: 0; height: 0; border-style: solid; border-width: 10px 300px 0 0; border-color: rgba(191,172,151,1) transparent transparent transparent; } </style> <center><div id="animation" class="tangled-wrap"><div class="tangled-tri"> </div><div class="tangled-solid"> <div class="tangled-dia"><div class="tangled-dia2" style="background-image: url(GIF GOES HERE);"></div></div> <dia> welcome <b>home</b> </dia> </div><div class="tangled-pad"> <deet> <b>notes:</b> I wear you like a new tattoo The design, the desire, I don't wanna remove </deet> <div class="tangled-write"> текст приветствия у каждого амс свой текст приветствия у каждого амс свой текст приветствия у каждого амс свой текст приветствия у каждого амс свой текст приветствия у каждого амс свой текст приветствия у каждого амс свой текст приветствия у каждого амс свой текст приветствия у каждого амс свой текст приветствия у каждого амс свой текст приветствия у каждого амс свой текст приветствия у каждого амс свой текст </div></div><div class="tangled-btm"><a href="ссылка">ссылка</a> :: <a href="ссылка">ссылка</a> :: <a href="ссылка">ссылка</a> :: <a href="ссылка">ссылка</a> :: <a href="ссылка">ссылка</a></div><div class="tangled-b-tri"></div> </div></center>
Поделиться102023-03-04 01:06:18
<!--HTML--> <style> .twwrite2::-webkit-scrollbar { width: 6px; } .twwrite2::-webkit-scrollbar-track-piece { background-color:#dbdbdb; } .twwrite2::-webkit-scrollbar-thumb:vertical { height:10px; background-color:#777c95; } ul.tabs { height: 25px; line-height: 42px; margin: 0 0 3px; list-style: none; } .twwrwrap { width: 650px; padding: 20px; border: 5px #fff solid; outline: 1px #f5f5f5 solid; margin: 10px; } .twwrite { width: 305px; border: 1px #f5f5f5 solid; background-color: #fff; padding: 15px; height: 100px; } .twwrite2 { height: 150px; overflow: auto; font-family: montserrat; font-weight: 200; font-size: 12.5px; text-align: justify; line-height: 120%; color: #626262; padding-right: 5px; text-decoration: none; text-transform: lowercase; } .twwrite2 a { text-decoration: none; text-transform: lowercase; } .tab-facts-l {min-width: 275px; background: #5b5b5e; font-family: 'Franklin Gothic Medium'; font-size: 11px; color: #ffffff; text-transform: uppercase; text-align: center; padding: 4px 10px 3px 8px; display: inline-block; margin: 5px 15px 1px 0px; float: left; text-shadow: 1px 0 #923131; } </style> <center><div class="twwrwrap"> <div id="mystery" class="tw2resize"><table cellpadding="0" cellspacing="0"><tbody><tr><td><div class="twwrite"><div class="twwrite2"> <div class="tab-facts-l"><b>внешности</b></div> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> </div></div></td><td><div class="twwrite"><div class="twwrite2"> <div class="tab-facts-l"><b>роли</b></div><b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> </div></div></td></tr></tbody></table></div><br> <div id="romance" class="tw2resize"><table cellpadding="0" cellspacing="0"><tbody><tr><td><div class="twwrite"><div class="twwrite2"> <div class="tab-facts-l"><b>способности</b></div><b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> </div></div></td><td><div class="twwrite"><div class="twwrite2"> <div class="tab-facts-l"><b>биржа</b></div><b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> <b>имя фамилия/ способность</b> - <a href="ссылка на профиль">ник</a><br> </div></div></td></tr></tbody></table></div><br> </div></center>