...
de renard squelette |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » de renard squelette » Новый форум » свалка кодов
<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Archivo+Black" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cousine:400,400i,700,700i" rel="stylesheet">
<style>
#atomic {height: 200px; width: 500px; margin: auto; position: relative; overflow: hidden}
#atomic-img {height: 200px; width: 500px; position: absolute; background-image: url(https://i.imgur.com/knQ6Vry.png)}
#atomic-bg {width: 500px; height: 200px; background:rgba(0, 0, 0, 0.69); position: absolute; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); opacity: 0; -webkit-transition: 0.5s ease}
#atomic:hover #atomic-bg {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); opacity: 1}
#atomic-txt1, #atomic-txt2 {width: 500px; height: 200px; position: absolute; text-align: center; line-height: 200px; background: none; font-family: archivo black; text-transform: uppercase; font-size: 55px; letter-spacing: -4px; top: 0; -webkit-transition: 0.35s ease; -moz-transition: 0.35s; -ms-transition: 0.35s; -o-transition: 0.35s} #atomic-txt1 {color: #FC667A; background: none; -webkit-clip-path: polygon(0 0, 100% 0, 100% 52%, 0 69%); clip-path: polygon(0 0, 100% 0, 100% 43%, 0 58%); top: -10px; } #atomic-txt2 {color: #ffffff; -webkit-clip-path: polygon(0 29%, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 58%, 100% 43%, 100% 100%, 0% 100%); top: 10px} #atomic:hover #atomic-txt1 {top: -1.5px} #atomic:hover #atomic-txt2 {top: 1.5px} #atomic-arrow1, #atomic-arrow2 {width: 2px; height: 50px; background: #ffffff; position: absolute; -webkit-transform: rotate(-4deg); -moz-transform: rotate(4deg); -ms-transform: rotate(4deg); -o-transform: rotate(4deg);} #atomic-arrow1 {top: 110px; left: 85px} #atomic-arrow1::after {background: #ffffff; content: ""; display: inline-block; height: 50px; width: 2px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); position: relative; left: 25px; top: 25px} #atomic-arrow2 {right: 85px; bottom: 110px;} #atomic-arrow2::after {background: #ffffff; content: ""; display: inline-block; height: 50px; width: 2px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); position: relative; left: -25px; top: -25px} #atomic-links1, #atomic-links2 {height: 20px; width: 265px; background: none; font-family: cousine; -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -ms-transform: rotate(-4deg); -o-transform: rotate(-4deg); text-transform: uppercase; line-height: 20px; font-size: 10px; font-weight: 700; letter-spacing: 0.5px; position: absolute} #atomic-links1, #atomic-links1 a, #atomic-links1 a:hover {text-align: right; color: #ffffff; text-decoration: none; right: 155px; top: 42px} #atomic-links2, #atomic-links2 a, #atomic-links2 a:hover {text-align: left; color: #DE6868; text-decoration: none; left: 155px; bottom: 42px} </style> <div id="atomic"> <div id="atomic-img"></div> <div id="atomic-bg">
<div id="atomic-txt1">01.11</div> <div id="atomic-txt2">01.11</div> <div id="atomic-arrow1"></div> <div id="atomic-arrow2"></div>
<div id="atomic-links1">литры за посты до 01.11 НЕ УЧИТЫВАЮТСЯ</div> <div id="atomic-links2">джампы — учитываются </div> </div> </div><!--HTML--><link href="http://files.jcink.net/uploads/banquo/minatabtrack.css" rel="stylesheet"> <div class="minacontainer"><div class="minatabs"> <div class="minatab"> <input type="radio" id="minatab-1" name="minatab-group-1" checked> <label for="minatab-1" style="border-top: 1px solid #dedede;">I</label> <div class="minacontent"> <div class="minatrackbord"><div class="minatrackblock"> <div class="minatrackpic"><img src="http://placehold.it/500x250" width="300px" height="150px"></div> <div class="minaline"></div> <div class="minatrackscroll"> <div class="minhead">ACTIVE</div> <div class="minthreadlinks"><a href="link">thread name</a> with <i>name</i> <a href="link">thread name</a> with <i>name</i></div> <div class="minhead">INACTIVE</div> <div class="minthreadlinks"><a href="link">thread name</a> with <i>name</i> <a href="link">thread name</a> with <i>name</i></div> <div class="minhead">FINISHED</div> <div class="minthreadlinks"><a href="link">thread name</a> with <i>name</i> <a href="link">thread name</a> with <i>name</i></div></div> <div class="minaline"></div> <center><a href="profile"><div class="minname">FIRST LAST</div></a> <div class="minalinks"><a href="link">LINK ONE</a> <a href="link">LINK TWO</a> <a href="link">LINK THREE</a></div></center></div></div> </div> </div> <div class="minatab"> <input type="radio" id="minatab-2" name="minatab-group-1"> <label for="minatab-2">II</label> <div class="minacontent"> <div class="minatrackbord"><div class="minatrackblock"> <div class="minatrackpic"><img src="http://placehold.it/500x250" width="300px" height="150px"></div> <div class="minaline"></div> <div class="minatrackscroll"> <div class="minhead">ACTIVE</div> <div class="minthreadlinks"><a href="link">thread name</a> with <i>name</i> <a href="link">thread name</a> with <i>name</i></div> <div class="minhead">INACTIVE</div> <div class="minthreadlinks"><a href="link">thread name</a> with <i>name</i> <a href="link">thread name</a> with <i>name</i></div> <div class="minhead">FINISHED</div> <div class="minthreadlinks"><a href="link">thread name</a> with <i>name</i> <a href="link">thread name</a> with <i>name</i></div></div> <div class="minaline"></div> <center><a href="profile"><div class="minname">FIRST LAST</div></a> <div class="minalinks"><a href="link">LINK ONE</a> <a href="link">LINK TWO</a> <a href="link">LINK THREE</a></div></center></div></div> </div> </div> <div class="minatab"> <input type="radio" id="minatab-3" name="minatab-group-1"> <label for="minatab-3">III</label> <div class="minacontent"> <div class="minatrackbord"><div class="minatrackblock"> <div class="minatrackpic"><img src="http://placehold.it/500x250" width="300px" height="150px"></div> <div class="minaline"></div> <div class="minatrackscroll"> <div class="minhead">ACTIVE</div> <div class="minthreadlinks"><a href="link">thread name</a> with <i>name</i> <a href="link">thread name</a> with <i>name</i></div> <div class="minhead">INACTIVE</div> <div class="minthreadlinks"><a href="link">thread name</a> with <i>name</i> <a href="link">thread name</a> with <i>name</i></div> <div class="minhead">FINISHED</div> <div class="minthreadlinks"><a href="link">thread name</a> with <i>name</i> <a href="link">thread name</a> with <i>name</i></div></div> <div class="minaline"></div> <center><a href="profile"><div class="minname">FIRST LAST</div></a> <div class="minalinks"><a href="link">LINK ONE</a> <a href="link">LINK TWO</a> <a href="link">LINK THREE</a></div></center></div></div> </div> </div> </div></div><center><div class="minacredit"><a href="http://cttw.jcink.net/index.php?showuser=206">◊ MINA ◊</a></div></center>
<!--HTML--><div class='postcolor'> <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Open+Sans:400,600" rel="stylesheet">
<style>
#montyrules{background:#f7f7f7;width:300px;height:auto;padding:40px;position:relative;margin:20px auto;margin-bottom: 0px;overflow: hidden;border: 1px solid rgba(0,0,0,0.08); outline: 1px solid rgba(0,0,0,0.08); outline-offset: 10px;}
#montyrules title{font-family:abril fatface;color:#a0c0b9;display:block;font-size:70px;text-align:right;text-transform:uppercase;line-height:100%;position: absolute;z-index: 0;bottom: -20px;left: -20px;opacity: 0.7;}
#montyrules text{position: relative;z-index: 1;display:block;color:#333;font-family:open sans;font-size:11px;line-height:190%;text-align:justify;letter-spacing: 0.8px;padding-bottom: 20px;}
#montyrules li{list-style:lower-roman}
#montyrules b{color:#a0c0b9;font-weight: 600;text-transform: uppercase;}
</style>
<div id="montyrules">
<title>The Rules</title>
<text><li> Feel free to mess with colours, fonts, the image, etc. Personalize it for the character that you're going to be using. Basically, I don't really care how you customize it, so long as it's recognizable and you keep the credit.</li>
<p></p><li>In case you didn't get it from the last rule, <b>KEEP THE CREDIT.</b></li>
<p></p><li><b>Link me</b>, pls and thx. I put work in here and I want to see this template in action!</li></text>
</div><!--HTML--> <div class='postcolor'>
<style type="text/css">
.tweet {width: 460px;
padding: 24px;
background-color: #fff;
margin-top: 49px;
margin: auto;
border-radius: 7px;
box-shadow: #1b1717;
box-shadow: 3px 1px 12px 5px #33333317;
border: #1b1717;}
.tweet_top {font-family: calibri;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
text-align: left;
color: #c0cad8;
padding-top: 6px;
padding-bottom: 13px;}
.tweet p { font-family: open sans condensed;
letter-spacing: 0px;
font-size: 10px;
line-height: 110%;
text-align: justify;
padding-left: 15px;
padding-right: 15px;}
.tweet t { font-family: open sans condensed;
letter-spacing: 0px;
font-size: 12px;
line-height: 110%;
text-align: justify;
padding-left: 15px;
padding-right: 15px;
color: #c0cad8;}
.tweet z {font-family: arial black;
letter-spacing: 1px;
color: #91b0c3;
font-size: 20px;
text-align: center;
line-height: 100%;
opacity: 1.7;}
</style>
<div class="tweet">
<table>
<tr>
<td><div class="tweet_top"><b>kane young</b> @kane_23 ● ноябрь 1 </div> </td><td><div align="right"><img src="https://i.imgur.com/1sIkPeV.png"></div></td>
</tr>
</table>
<p><center><b><z>ЛИТРБОЛ'октябрь</z></b></center>
<br>Иах-ха!
<br>Вот такие вот клевые новости о том, что в этом месяце победили следующие клевые чувачки:
<br><br><b>текила</b> под предводительством Пети набрала <b>138,7 литров</b>
<br>те игроки, которые внесли свой вклад в победу команды, получают 1500 джампов за первое место, а так же могут вылечить печень до 100% в специально отведенной теме
<br><br><img src="https://i.imgur.com/Hiqmvux.gif" width="450" height="450" alt="вуп вуп вуп">
<br><br><b>ром</b> с капитанами Кейном и Оззи набрал <b>99,6 литров</b>
<br>а команда получает по 1000 джампов за второе место и может вылечить печень до 90%
<br><br><b>пиво</b> вместе с очаровательной Агнес набрали <b>41,5 литров</b>
<br>и получают 500 джампов за бронзовое призерство и возможность вылечить печень до 80%
<br>
<br>Ну шо, начинаем новый литрбол!
<div class="tweet_top">#jump #литрбол</div>
</p>
<center><img src="http://i.imgur.com/uotB52h.png" /></center>
</div><!--HTML--><link href="https://fonts.googleapis.com/css?family=Chonburi|Cousine|Lato" rel="stylesheet">
<div id="dtl-announce">
<title>Announcement</title>
<subtitle>00/00/0000</subtitle>
<text>HERE</text>
</div>
<style>
#dtl-announce{height:auto;width:500px;background:#000;padding:50px;position:relative;margin:20px auto;overflow:hidden;border:1px solid #232323;line-height: 150%;margin-bottom:0px;}
#dtl-announce title{display:block;position:relative;font-family:chonburi;color:#eee;text-transform:uppercase;font-size:45px;left:0;line-height:100%}
#dtl-announce title:after{display:block;content:"";height:2px;width:590px;background:#eee;position:relative;top:-24px;left:10px}
#dtl-announce text{text-align:justify;color:#ccc;font-family:lato;font-size:12px;display:block;line-height:150%;width: 500px;height: auto;position:relative;}
#dtl-announce subtitle{text-transform:lowercase;display:block;font-family:cousine;color:#ccc;font-size:14px;margin:10px 0;position:relative;}
#dtl-announce subtitle:before{content:"";position:relative;background:#ccc;height:10px;width:10px;-webkit-clip-path:polygon(100% 50%,0 0,0 100%);clip-path:polygon(100% 50%,0 0,0 100%);display:inline-block;margin-right:5px}
</style>
<center><a href="http://cttw.jcink.net/index.php?showuser=18033" style="color:#ccc;font-size:7px;letter-spacing:5px;">MONTY</a></center>Код:<!--HTML--><center><link href="https://files.jcink.net/uploads/alesstest/youtubevid.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Oswald|Roboto" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous"> <div class="alsutube"><div style="height: 35px; border-bottom: 1px solid #d5d5d5;"> <table cellspacing="0" cellpadding="0"><td><div style="width: 30px;"><div class="alsutubelin1"></div> <div class="alsutubelin2"></div> <div class="alsutubelin3"></div> </div></td><td><div class="alsutubeutube"> <a href="http://cttw.jcink.net/index.php?showuser=1439"><div style="display: inline; color: red; font-size: 24px;"><i class="fab fa-youtube"></i></div> </a> <div style="margin-top: -22px; margin-left: 28px;">Youtube</div></div></td><td> <div class="alsutubesearbar">Search</div><div class="alsutubesearbr"><div style="height:1px;"></div> <i class="fas fa-search"></i></div></td><td><div class="alsutubeseic"><i class="fas fa-video"></i> <i class="fas fa-th"></i> <i class="fas fa-comment"></i> <i class="fas fa-bell"></i> <i class="fas fa-user"> </i></div></td></table></div><table cellspacing="0" cellpadding="10"><td> <div class="alsutubevid" style="background: url(https://via.placeholder.com/380x220); background-size: cover; background-position: center;"> </div><div class="alsutubename"> youtube video title </div><table cellspacing="0" cellpadding="0"><td><div class="alsutubeviews"> ### views </div></td><td><div class="alsutubelikes"><i class="fas fa-thumbs-up"></i>## <i class="fas fa-thumbs-down"></i>## <i class="fas fa-share-square"></i>SHARE <i class="fas fa-align-justify"></i>SAVE ---</div></td></table><table cellspacing="0" cellpadding="0"><td> <div class="alsutubeavvie"><img src="https://via.placeholder.com/65x65" style="width: 45px; border-radius: 50%;"></div> </td><td><div class="alsutubeinfo"><div class="alsutubepublish"><b> youtube name </b><br> Published on Month Day, Year <div class="alsutubesub"><b>Subscribe</b> ##</div><div class="alsutubecap"> caption, no more than one line <br><div style="height:7px;"></div><b>SHOW MORE</b></div></div></div></td> </table></td><td><div class="alsutubenxt">Up next</div><div class="alsutubenext"><table><td> <div style="width: 90px; height: 65px; background: url(https://via.placeholder.com/90x65); background-size: cover; background-position: center;"> </div></td><td><div class="alsutubent"><b> Name - Song </b><div style="height: 3px;"></div> Artist Youtube <div style="height: 3px;"></div> ### views </div></td></table></div><div style="height: 281px;"><table><td> <div style="width: 90px; height: 65px; background: url(https://via.placeholder.com/90x65); background-size: cover; background-position: center;"> </div></td><td><div class="alsutubent"><b> Name - Song </b><div style="height: 3px;"></div> Artist Youtube <div style="height: 3px;"></div> ### views </div></td></table><table><td> <div style="width: 90px; height: 65px; background: url(https://via.placeholder.com/90x65); background-size: cover; background-position: center;"> </div></td><td><div class="alsutubent"><b> Name - Song </b><div style="height: 3px;"></div> Artist Youtube <div style="height: 3px;"></div> ### views </div></td></table><table><td> <div style="width: 90px; height: 65px; background: url(https://via.placeholder.com/90x65); background-size: cover; background-position: center;"> </div></td><td><div class="alsutubent"><b> Name - Song </b><div style="height: 3px;"></div> Artist Youtube <div style="height: 3px;"></div> ### views </div></td></table><table><td> <div style="width: 90px; height: 65px; background: url(https://via.placeholder.com/90x65); background-size: cover; background-position: center;"> </div></td><td><div class="alsutubent"><b> Name - Song </b><div style="height: 3px;"></div> Artist Youtube <div style="height: 3px;"></div> ### views </div></td></table></div></td></table></div>
<!--HTML--><link href="https://files.jcink.net/uploads/alesstest/youtubechannel.css" rel="stylesheet"><center><link href="https://fonts.googleapis.com/css?family=Oswald|Roboto" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous"><div class="alsutube"><div style="height: 35px; border-bottom: 1px solid #d5d5d5;"><table cellspacing="0" cellpadding="0"><td><div style="width: 30px;"><div class="alsutubelin1"></div><div class="alsutubelin2"></div> <div class="alsutubelin3"></div> </div></td><td><div class="alsutubeutube"><a href="http://cttw.jcink.net/index.php?showuser=1439"><div style="display: inline; color: red; font-size: 24px;"><i class="fab fa-youtube"></i></div></a><div style="margin-top: -22px; margin-left: 28px;">Youtube</div></div></td><td><div class="alsutubesearbar">Search</div><div class="alsutubesearbr"><div style="height:1px;"></div><i class="fas fa-search"></i></div></td><td><div class="alsutubeseic"><i class="fas fa-video"></i> <i class="fas fa-th"></i> <i class="fas fa-comment"></i> <i class="fas fa-bell"></i> <i class="fas fa-user"></i></div></td></table>
</div>
<div style="width: 600px; height: 100px; background: url(https://via.placeholder.com/600x100); background-size: cover; background-position: center;">
</div><div style="width: 600px; height: 90px; background-color: #f9f9f9;"><table cellspacing="0" cellpadding="0"><td><div class="alsutubecavvie">
<img src="https://via.placeholder.com/60" style="width: 60px; border-radius: 50%;">
</div></td><td><div class="alsutubecname"><b>
youtube name</b><br>####### Subscribers
</div></td><td><div class="alsutubecsub"><b>
Subscribe</b> ##
</div></td></table></div><div class="alstubetabContainer"><div class="alstabs"><input type="radio" id="alstabs-1" name="alstabs-group-1" checked><label for="alstabs-1">HOME</label><div class="alstubetabContent"><table cellspacing="0" cellpadding="10"><td>
<div class="alsutubecvid" style="background: url(https://via.placeholder.com/320x190); background-size: cover; background-position: center;"></div>
</td><td><div style="width: 240px;"><div class="alsutubecpublish"><b>
youtube video title</b><div style="height:25px;"></div>
## views - Month Day, Year
<div style="height:15px;"></div><div class="alsutubeccap">
video caption, one line
<div style="height:27px;"></div><b>READ MORE</b></div></div></td></table></div></div><div class="alstabs"><input type="radio" id="alstabs-2" name="alstabs-group-1"><label for="alstabs-2">VIDEOS</label><div class="alstubetabContent"><div class="alsutubecnxt">All videos</div><div class="alsutubeccnxt"><b>Music</b> PLAY ALL</div><div class="alsutubevidslid">
<div style="height: 140px; width: 140px; overflow: hidden;">
<div class="alsutubecplay" style="background: url(https://via.placeholder.com/140x100); background-size: cover; background-position: center;"></div>
<div class="alsutubecntt"><b>
youtube vid name</b><div style="height: 1px; margin-top: -6px;"></div>
#### views</div>
</div>
<div style="height: 140px; width: 140px; overflow: hidden;">
</div>
<div style="height: 140px; width: 140px;">
</div>
<div style="height: 140px; width: 140px;">
</div>
</div></div> </div><div class="alstabs"><input type="radio" id="alstabs-3" name="alstabs-group-1"><label for="alstabs-3">PLAYLISTS</label><div class="alstubetabContent"><div class="alsutubecnxt">All playlists</div><div class="alsutubeccnxt"><b>Created playlists</b></div><div class="alsutubevidslid">
<div style="height: 140px; width: 140px; overflow: hidden;">
<div class="alsutubecplay" style="background: url(https://via.placeholder.com/140x100); background-size: cover; background-position: center;"><div class="alsutubecplayh">PLAY ALL</div></div>
<div class="alsutubecntt"><b>Playlist Name</b><div style="height: 1px; margin-top: -6px;"></div>VIEW PLAYLIST (# VIDEOS)</div>
</div>
<div style="height: 140px; width: 140px; overflow: hidden;">
</div>
<div style="height: 140px; width: 140px; overflow: hidden;">
</div>
<div style="height: 140px; width: 140px; overflow: hidden;">
</div>
</div></div></div><div class="alstabs"><input type="radio" id="alstabs-4" name="alstabs-group-1"><label for="alstabs-4">COMMUNITY</label><div class="alstubetabContent"><table cellspacing="0" cellpadding="10"><td><div style="height: 180px; width: 50px;">
<img src="https://via.placeholder.com/50" style="width: 50px; border-radius: 50%;"></div></td><td><div style="width: 350px; height: 180px; padding-top: 20px;"><div class="alsutubeccomm"><b>
youtubename
</b> 1 week ago <div style="height: 5px;"></div><c>
community post, one line MAX 2 without emojis
</c></div><div style="height: 120px; width: 350px; background-color: #f9f9f9;"><table cellspacing="0" cellpadding="10"><td>
<div style="height: 100px; width: 150px; background: url(https://via.placeholder.com/150x100); background-size: cover; background-position: center;"></div></td><td><div class="alsutubeccom">
<b>youtube video name</b>
<div style="height: 5px;"></div>
youtubename • ### views • 1 week ago
</div></td></table></div></div></td></table></div></div><div class="alstabs"><input type="radio" id="alstabs-5" name="alstabs-group-1"><label for="alstabs-5">CHANNELS</label><div class="alstubetabContent"><div style="height: 6px;"></div><div class="alsutubeccnxt"><b>Subscriptions</b></div><div class="alsutubevidslid" style="height: 164px;">
<div style="height: 160px; width: 140px; overflow: hidden;">
<div style="height: 80px; width: 80px; border-radius: 50%; background: url(https://via.placeholder.com/80x80); background-size: cover; background-position: center;"></div>
<div class="alsutubecntte"><b>YoutubeName</b><div style="height: 1px; margin-top: -6px;"></div>#### subscribers</div>
<div class="alsutubecntsub">SUBSCRIBE</div>
</div>
<div style="height: 160px; width: 140px; overflow: hidden;">
</div>
<div style="height: 160px; width: 140px; overflow: hidden;">
</div>
<div style="height: 160px; width: 140px; overflow: hidden;">
</div>
</div></div></div><div class="alstabs"><input type="radio" id="alstabs-6" name="alstabs-group-1"><label for="alstabs-6">ABOUT</label><div class="alstubetabContent"><div style="height: 20px;"></div><table cellspacing="0" cellpadding="10"><td><div style="height: 200px; width: 300px; color: #000;">
<div class="alsutubedesc">Description</div>
<div class="alsutubedescc">one line
<div class="alsutubebio">Biography</div>
<div class="alsutubebioo">bio here, not too long, doesn't scroll
</div></div></td><td> <div style="height: 200px; width: 150px;">
<div class="alsutubestats">Stats</div>
<div class="alsutubestatss">Joined Month Day, Year</div>
<div class="alsutubestatss">### views
</div></div></td></table></div></div></div></div><!--HTML--><div class="twit0">
<div class="twit1">
<div class="twit1a"> <img src="https://placehold.it/500x300"></div>
<a href="http://cttw.jcink.net/index.php?showuser=6547" title="thanks!"><img src="https://placehold.it/125" class="twit1b"></a>
<div class="twit1c">@name</div>
<div class="twit2">
<div class="twit2a">
<div class="twit2ab">Tweets <span>1,247</span></div>
<div class="twit2ab">Following <span>584</span></div>
<div class="twit2ab">Followers <span>351</span></div>
<div class="twit2ab">Likes <span>5,896</span></div>
</div>
<div class="twit2b">+ Follow </div>
</div></div>
<div class="tweets">
<div class="twitr0">
<img src="https://placehold.it/100x100" class="twitr1">
<div class="twitr2a">NICKNAME <span>@username</span> • <span class="twitr2b">Sept 1</span></div>
</div>
<div class="twitr3">Mauris venenatis tincidunt nulla, sed porta enim iaculis at. Suspendisse vestibulum id justo non molestie. In et sem ultricies, mattis lorem a, egestas massa. Nulla orci turpis, fringilla a neque eu, venenatis mollis justo. Donec tempor ante eget nisi molestie tincidunt. Vivamus </div>
<div class="twitr4">
<div class="twitr4a"> <span class="far fa-comment"></span> 11K </div>
<div class="twitr4a"> <span class="fas fa-retweet"></span> 2.0K </div>
<div class="twitr4a"> <span class="far fa-heart"></span> 1.3K </div>
<div class="twitr4a"> <span class="far fa-paper-plane"></span> </div>
</div>
<div class="twitr5"></div>
<!–– this is where you add more of the tweet code, if you want ––>
</div></div>
<style>
.twit0 {
width: 500px; height: 700px; margin: auto; position: relative; overflow: hidden; background: var(--color1);
--color1: #fafafa;
--color2: #fff;
--color3: #dfdfdf;
--color4: #333;
--color5: #CD853F;
}
.twit1 {
position: relative; height: 300px; width: 500px;
}
.twit1a {
position: absolute; top: 0px; left: 0px; height: 350px; width: 500px; overflow: hidden;
}
.twit1b {
position: absolute; bottom: -50px; left: 10px; background: var(--color2); padding: 5px;
border-radius: 50%; overflow: hidden; height: 125px; width: 125px; z-index: 1;
}
.twit1c {
position: absolute; bottom: 20px; left: 180px; font: 800 26px/120% montserrat;
text-transform: lowercase; color: var(--color4);
}
.twit2 {
position: absolute; top: 300px; background: var(--color3); height: 40px; width: 480px; padding: 10px;
}
.twit2a {
position: absolute; width: 300px; height: 60px; left: 150px; top: 10px; overflow: hidden;
}
.twit2ab {
display: inline-block; top: 10px; font: 13px/120% calibri; text-transform: uppercase;
text-align: center; color: var(--color4); margin: 0px 3px;
}
.twit2ab span {
display: block; font: 12px/120% calibri; border-top: 1px solid var(--color2)
}
.twit2b {
position: absolute; right: 20px; top: 10px; width: 55px; height: 20px; background: var(--color5); border-radius: 100px;
font: 10px/200% montserrat; text-align: center; padding: 10px; color: var(--color2); text-transform: uppercase;
}
.tweets {
position: absolute; top: 75px; width: 480px; height: 300px; overflow: auto; position: relative; overflow-x: hidden;
}
.twitr0 {
position: relative; top: 0px; margin: auto;
}
.twitr1 {
position: relative; top: 18px; left: 20px; border: 1px solid var(--color5);
width: 50px; height: 50px; padding: 5px; border-radius: 50%;
}
.twitr2a {
position: relative; top: -25px; left: 100px; font: 800 14px/120% montserrat; color: var(--color5);
}
.twitr2a span {
display: inline-block; font:10px/120% montserrat alternates; color: var(--color4);
}
.twitr2b {
display: inline-block; font: 800 8px/120% calibri; text-transform: uppercase; color: var(--color4);
}
.twitr3 {
position: relative; top: -20px; left: 20px; width: 300px; height: auto; padding: 20px; margin: 10px auto;
background: var(--color2); font: 12px/120% Poppins; text-align: justify; color: var(--color4);
}
.twitr4 {
position: relative; top: -40px; width: 475px; height: 20px; text-align: center;
}
.twitr4a {
display: inline-block; padding: 15px 0px; margin: 2px 10px;
font: 800 12px/120% montserrat; text-transform: uppercase; color: var(--color5);
}
.twitr4a span {
position: relative; display: inline-block; top: 5px; margin-right: 4px; font-size: 20px; color: #cecece;
}
.twitr5 {
position: relative; top: 0px; left: 50px;background: var(--color3); height: 1px; width: 400px;
}
.tweets::-webkit-scrollbar { width: 5px; }
.tweets::-webkit-scrollbar-track { background: var(--color2); border: 1px solid var(--color3); }
.tweets::-webkit-scrollbar-thumb { background: var(--color5); }
</style>
<link href="https://fonts.googleapis.com/css?family=Montserrat:500,800|Poppins" rel="stylesheet">
<link href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" rel="stylesheet">
<!--HTML--><div class="twitr0"> <a href="http://cttw.jcink.net/index.php?showuser=6547" title="thanks!"><img src="https://placehold.it/100x100" class="twitr1"></a> <div class="twitr2a">NICKNAME <span>@username</span> • <span class="twitr2b">Sept 1</span></div> </div> <div class="twitr3">Mauris venenatis tincidunt nulla, sed porta enim iaculis at. Suspendisse vestibulum id justo non molestie. In et sem ultricies, mattis lorem a, egestas massa. Nulla orci turpis, fringilla a neque eu, venenatis mollis justo. Donec tempor ante eget nisi molestie tincidunt. Vivamus </div> <div class="twitr4"> <div class="twitr4a"> <span class="far fa-comment"></span> 11K </div> <div class="twitr4a"> <span class="fas fa-retweet"></span> 2.0K </div> <div class="twitr4a"> <span class="far fa-heart"></span> 1.3K </div> <div class="twitr4a"> <span class="far fa-paper-plane"></span> </div> </div> <div class="twitr5"></div>
<!--HTML-->
<table>
<tr>
<td><center>
<div id="maliwrap19"><img src="https://i.imgur.com/EsRamNI.png">
<div class="malitext19">
Тут короче какой-то текст, <b>информация про нужного персонажа</b> и вообще очень красиво все замечательно, коротенько так и по существу. и вообще очень красиво все замечательно, коротенько так и по существу. и вообще очень красиво все замечательно, коротенько так и по существу.
</div>
<div class="malibot19">
<img src="https://i.imgur.com/Dor0gC4.gif"> EZRA MILLER
</div>
</div>
</center></td>
<td><center>
<div id="maliwrap19"><img src="https://i.imgur.com/EsRamNI.png">
<div class="malitext19">
Тут короче какой-то текст, <b>информация про нужного персонажа</b> и вообще очень красиво все замечательно, коротенько так и по существу.
</div>
<div class="malibot19">
<img src="https://i.imgur.com/mtsYa0I.gif"> Domhnall Gleeson
</div>
</div>
</center></td>
<td><center>
<div id="maliwrap19"><img src="https://i.imgur.com/EsRamNI.png">
<div class="malitext19">
Тут короче какой-то текст, <b>информация про нужного персонажа</b> и вообще очень красиво все замечательно, коротенько так и по существу.
</div>
<div class="malibot19">
<img src="https://i.imgur.com/9hhW1dA.gif"> Jordan Fisher
</div>
</div>
</center></td>
</tr>
</table>
<link href='https://fonts.googleapis.com/css?family=Oswald|Montserrat' rel='stylesheet' type='text/css'>
<style type="text/css">
#maliwrap19 {
width: 212px;
padding: 10px;
border: 1px dotted #eee;
border-radius: 10px;
background: #fff;
}
.malitext19 {
width: 170px;
height: 80px;
background: #f9f9f9;
border: 10px solid #f9f9f9;
margin-top: 6px;
font-family: montserrat;
font-size: 10px;
line-height: 15px;
padding: 6px;
text-align: justify;
color: #a6a6a6;
border-radius: 5px 5px 0px 0px;
box-shadow: 3px 1px 12px 5px #33333317;
overflow: auto;
}
.malibot19 {
width: 182px;
border: 10px solid #98aed7;
background: #98aed7;
text-align: right;
color: #f9f9f9;
font-family: oswald;
text-transform: uppercase;
font-size: 24px;
letter-spacing: -1px;
border-radius: 0px 0px 5px 5px;
}
.malibot19 img {
float: center;
width: 182px;
height: 112px;
border-radius: 5px;
}
/* Generic credit, do not touch this */
.smallcred {
width: 200px;
text-align: right;
padding-right: 20px;
font-family: montserrat;
font-size: 10pt;
text-transform: uppercase;
opacity: 0.3;
}
.smallcred a {
text-decoration: none;
color: #dddddd;
}
</style>Игрок!
Помни, что в случае возникновения каких-то вопросов, связанных с форумом (в т.ч. смена персонажа/твинк), следует в первую очередь писать своему куратору (в личные сообщения или по указанному способу связи) и только в том случае, если он долго не отвечает, а у тебя уже горит дедлайн, плавится телефонная трубка и соседи долбятся в дверь, начинать строчить сообщения другим администраторам.
Вопросы по чистке и просьбы немедленно от нее спасти так же направляются в первую очередь куратору команды.Код:<!--HTML--> <style type="text/css"> .asf-first a { color:#ffffff; text-decoration:none; font-style:none; } .asf-first { background-color:#888888; color:#ffffff; font-style:italic; text-align:right; font-family: calibri; font-size:10px; text-transform:uppercase; letter-spacing:2px; } .asf-content:first-letter { color:#ffff00; font-size:40px; float:left; padding-top:15px; padding-bottom:15px; padding-right:3px; padding-left:2px; font-family:libre baskerville; } </style> <center> <table style="table-layout:fixed;width:100%"> <tbody> <tr> <td style="width:26%;background-color:#ffffff"> <span style="display: block; text-align: center"> <br><a href="http://jumpstreet.rusff.me/profile.php?id=1155"><img class="postimg" src="https://i.imgur.com/Y0ZjI3w.gif"></a></td> <td style="height: 106px; background-color:#ffffff"> <span style="font-size: 17px"><span style="font-family: Arial Black;color: #c2bd89"><strong>Shane</span> Jablonski</strong></span> <br><span class="asf-first">Куратор для: <b>TEQUILA</b></span> <br><span style="font-size: 20px"><span style="color: #c2bd89">■</span></span> <span style="font-size: 10px">Связь: <b>лс</b></span> </td> <td style="width:26%;background-color:#ffffff"> <span style="display: block; text-align: center"> <br><a href="http://jumpstreet.rusff.me/profile.php?id=2163"><img class="postimg" src="https://i.imgur.com/8X16HDj.gif"></a></td> <td style="height: 106px; background-color:#ffffff"> <span style="font-size: 17px"><span style="font-family: Arial Black;color: #ffba00"><strong>Agnes</span> Walczak</strong></span> <br><span class="asf-first">Куратор для: <b>BEER</b></span> <br><span style="font-size: 20px"><span style="color: #ffba00">■</span></span> <span style="font-size: 10px">Связь: <b>vk</b> annivina</span> </td> </tr> <tr> <td style="width:26%;background-color:#ffffff"> <span style="display: block; text-align: center"> <br><a href="http://jumpstreet.rusff.me/profile.php?id=1541"><img class="postimg" src="https://i.imgur.com/EPgbTJw.gif"></a></td> <td style="height: 106px; background-color:#ffffff"> <span style="font-size: 17px"><span style="font-family: Arial Black;color: #6fad3e"><strong>Tessa</span> Langdon</strong></span> <br><span class="asf-first">Куратор для: <b>ABSINTHE</b></span> <br><span style="font-size: 20px"><span style="color: #6fad3e">■</span></span> <span style="font-size: 10px">Связь: <b>vk</b> llivnerog</span></td> <td style="width:26%;background-color:#ffffff"> <span style="display: block; text-align: center"> <br><a href="http://jumpstreet.rusff.me/profile.php?id=3300"><img class="postimg" src="https://i.imgur.com/ZoIam7A.gif"></a></td> <td style="height: 106px; background-color:#ffffff"> <span style="font-size: 17px"><span style="font-family: Arial Black;color: #6fad3e"><strong>Libby</span> McKinley</strong></span> <br><span class="asf-first">Куратор для: <b>ABSINTHE</b></span> <br><span style="font-size: 20px"><span style="color: #6fad3e">■</span></span> <span style="font-size: 10px">Связь: <b>vk/tg</b> rosiebriar</span> </td></tr> <tr> <td style="width:26%;background-color:#ffffff"> <span style="display: block; text-align: center"> <br><a href="http://jumpstreet.rusff.me/profile.php?id=1833"><img class="postimg" src="https://i.imgur.com/HArjOIY.gif"></a></td> <td style="height: 106px; background-color:#ffffff"> <span style="font-size: 17px"><span style="font-family: Arial Black;color: #914e00"><strong>Frankie</span> Attwood</strong></span> <br><span class="asf-first">Куратор для: <b>WHISKEY</b></span> <br><span style="font-size: 20px"><span style="color: #914e00">■</span></span> <span style="font-size: 10px">Связь: <b>vk</b> 293522309</span> </td> <td style="width:26%;background-color:#ffffff"> <span style="display: block; text-align: center"> <br><a href="http://jumpstreet.rusff.me/profile.php?id=1859"><img class="postimg" src="https://i.imgur.com/pmpVksx.gif"></a></td> <td style="height: 106px; background-color:#ffffff"> <span style="font-size: 17px"><span style="font-family: Arial Black;color: #541d01"><strong>Kane</span> Young</strong></span> <br><span class="asf-first">Куратор для: <b>RUM</b></span> <br><span style="font-size: 20px"><span style="color: #541d01">■</span></span> <span style="font-size: 10px">Связь: <b>vk</b> miegains </span> <br><span style="font-size: 10px">куратор <b>полицейской</b> ветки</span></td></tr> <tr> <td style="width:26%;background-color:#ffffff"> <span style="display: block; text-align: center"> <br><a href="http://jumpstreet.rusff.me/profile.php?id=2810"><img class="postimg" src="https://i.imgur.com/6Pt1tFq.gif"></a></td> <td style="height: 106px; background-color:#ffffff"> <span style="font-size: 17px"><span style="font-family: Arial Black;color: #541d01"><strong>Oswald</span> Ginsberg</strong></span> <br><span class="asf-first">Куратор для: <b>RUM</b></span> <br><span style="font-size: 20px"><span style="color: #541d01">■</span></span> <span style="font-size: 10px">Связь: <b>vk</b> silent_tanya</span> </td> <td style="width:26%;background-color:#ffffff"> <span style="display: block; text-align: center"> <br><a href="http://jumpstreet.rusff.me/profile.php?id=86"><img class="postimg" src="https://i.imgur.com/cfb63rw.gif"></a></td> <td style="height: 106px; background-color:#ffffff"> <span style="font-size: 17px"><span style="font-family: Arial Black;color: #66b2c5"><strong>Billie</span> Gallagher</strong></span> <br><span class="asf-first">Куратор для: <b>VODKA</b></span> <br><span style="font-size: 20px"><span style="color: #66b2c5">■</span></span> <span style="font-size: 10px">Связь: <b>tg</b> agafoshik</span> <br><span style="font-size: 10px">куратор <b>криминальной</b> ветки</span></td></tr> </tbody></table></center>
<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<style type="text/css"> .dion-1 {width: 637px;
padding: 5px;
margin: auto;
background: url(https://subtlepatterns.com/patterns/crossword.png);
border: solid 1px #efefef;}
.dion-2 {background: #f9f9f9;
border: solid 1px #efefef;
padding: 10px;}
.dion-3 {background: #f9f9f9;
padding: 10px;
text-align: right;
/* font-family: 'Roboto', sans-serif; */
font-size: 15px;
/* color: #fff; */
text-transform: uppercase;
/* letter-spacing: 2px; */
font: 600 24px bebas neue;
color: #94a8b7;
letter-spacing: 2px;
text-shadow: #ffffff 1px 1px;}
.dion-4 {width: 150px;
height: 250px;
padding: 5px;
margin-top: 5px;
background: #fff;
border: solid 1px #e9e9e9;}
.dion-5 {margin-top: -262px;
width: 431px;
height: 251px;
padding: 9px;
border: solid 1px #e9e9e9;
background: #fff;
margin-left: auto;}
.dion-6 {padding: 5px;
height: 240px;
text-align: justify;
font-family: 'Calibri', sans-serif;
font-size: 11px;
color: #222;
letter-spacing: .5px;
line-height: 13px;
/* overflow-y: auto;}
.dion-6 b { color: #eaa6a6; /* ACCENT */ }
.dion-6 h1 {border-left: solid 20px #eaa6a6; /* ACCENT */ border-right: solid 20px #eaa6a6; font-family: 'Calibri', sans-serif; text-align: center; font-size: 13px; text-transform: uppercase; color: #555;}
.dion-7 {background: #94a8b7;
margin-top: 5px;
padding: 5px;
text-align: left;
font-family: 'Roboto', sans-serif;
font-size: 8px;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;}
::-webkit-scrollbar {width: 5px;} ::-webkit-scrollbar-track { background: #bfbfbf; -webkit box-shadow: inset 0 0 1px #b5b5b5; } ::-webkit-scrollbar-thumb { background: #ddd; }</style>
<div class="dion-1">
<div class="dion-2">
<div class="dion-3"> { name or quote here }</div>
<div class="dion-4"><img src="150x250 IMAGE HERE"></div>
<div class="dion-5">
<div class="dion-6"><h1> about</h1>
infomation here.<p>
<h1>friends</h1>
infomation here.<p>
<h1>enemies</h1>
infomation here.<p>
<h1>lovers</h1>
infomation here.<p></div>
</div>
<div class="dion-7">{ traits or info here }</div>
</div>
</div>
<center><a href="http://cttw.jcink.net/index.php?showuser=20"><span style="font: bold 9px calibri; opacity: .5; text-align: center;">❤</span></a></center><!--HTML--> <div class='postcolor'>
<style type="text/css">
.tweet {width: 460px;
padding: 24px;
background-color: #fff;
margin-top: 49px;
margin: auto;
border-radius: 7px;
box-shadow: #1b1717;
box-shadow: 3px 1px 12px 5px #33333317;
border: #1b1717;}
.tweet_top {font-family: calibri;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
text-align: left;
color: #c0cad8;
padding-top: 6px;
padding-bottom: 13px;}
.tweet p { font-family: open sans condensed;
letter-spacing: 1px;
font-size: 12px;
line-height: 110%;
text-align: justify;
padding-left: 15px;
padding-right: 15px;;}</style>
<div class="tweet">
<table>
<tr>
<td><div class="tweet_top"><b>scorpius</b> @S_malfoy ● September 8 </div> </td><td><div align="right"><img src="https://i.imgur.com/1sIkPeV.png"></div></td>
</tr>
</table>
<p>Ну как оно, весной-то? Стоило ждать ее все эти зимние месяцы? Как по мне, так стоило: наконец-то всплывает вся эта прекрасная весенняя уличная грязь светит солнце, по-утрам будят птицы и озверевшие дворники, красота, лужи, сосули, лепота же. И у нас тут тоже все по-весеннему расцветает:</p>
<center><img src="http://i.imgur.com/uotB52h.png" /></center>
</div>--------------------------------------------------------------------
<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Archivo+Black" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cousine:400,400i,700,700i" rel="stylesheet">
<style>
#atomic {height: 200px; width: 500px; margin: auto; position: relative; overflow: hidden}
#atomic-img {height: 200px; width: 500px; position: absolute; background-image: url(http://placehold.it/500x200)}
#atomic-bg {width: 500px; height: 200px; background: rgba(0,0,0,0.5); position: absolute; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); opacity: 0; -webkit-transition: 0.5s ease}
#atomic:hover #atomic-bg {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); opacity: 1}
#atomic-txt1, #atomic-txt2 {width: 500px; height: 200px; position: absolute; text-align: center; line-height: 200px; background: none; font-family: archivo black; text-transform: uppercase; font-size: 55px; letter-spacing: -4px; top: 0; -webkit-transition: 0.35s ease; -moz-transition: 0.35s; -ms-transition: 0.35s; -o-transition: 0.35s} #atomic-txt1 {color: #FC667A; background: none; -webkit-clip-path: polygon(0 0, 100% 0, 100% 52%, 0 69%); clip-path: polygon(0 0, 100% 0, 100% 43%, 0 58%); top: -10px; } #atomic-txt2 {color: #E1C267; -webkit-clip-path: polygon(0 29%, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 58%, 100% 43%, 100% 100%, 0% 100%); top: 10px} #atomic:hover #atomic-txt1 {top: -1.5px} #atomic:hover #atomic-txt2 {top: 1.5px} #atomic-arrow1, #atomic-arrow2 {width: 2px; height: 50px; background: #AAF0DD; position: absolute; -webkit-transform: rotate(-4deg); -moz-transform: rotate(4deg); -ms-transform: rotate(4deg); -o-transform: rotate(4deg);} #atomic-arrow1 {top: 110px; left: 85px} #atomic-arrow1::after {background: #AAF0DD; content: ""; display: inline-block; height: 50px; width: 2px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); position: relative; left: 25px; top: 25px} #atomic-arrow2 {right: 85px; bottom: 110px;} #atomic-arrow2::after {background: #AAF0DD; content: ""; display: inline-block; height: 50px; width: 2px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); position: relative; left: -25px; top: -25px} #atomic-links1, #atomic-links2 {height: 20px; width: 265px; background: none; font-family: cousine; -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -ms-transform: rotate(-4deg); -o-transform: rotate(-4deg); text-transform: uppercase; line-height: 20px; font-size: 9px; font-weight: 700; letter-spacing: 0.5px; position: absolute} #atomic-links1, #atomic-links1 a, #atomic-links1 a:hover {text-align: right; color: #E1C267; text-decoration: none; right: 155px; top: 42px} #atomic-links2, #atomic-links2 a, #atomic-links2 a:hover {text-align: left; color: #DE6868; text-decoration: none; left: 155px; bottom: 42px} </style> <div id="atomic"> <div id="atomic-img"></div> <div id="atomic-bg"> <div id="atomic-txt1">atomic</div> <div id="atomic-txt2">atomic</div> <div id="atomic-arrow1"></div> <div id="atomic-arrow2"></div> <div id="atomic-links1">link 1 - link 2 - <a href="http://cttw.jcink.net/index.php?showuser=14057">eve @ cttw</a></div> <div id="atomic-links2">link 1 - link 2</div> </div> </div>---------------------------------------------------------
<!--HTML--><div class='doesigchal'><h1> give you a complex </h1>
<b>06/12</b> Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Inmensae subtilitatis, obscuris et malesuada fames.
<div class='doebuttons'><a> 001 </a><a> 002 </a><a> 003 </a><a href='http://cttw.jcink.net/index.php?showuser=78' target='_blank'> 004 </a></div>
<h2> and we'll give it a name </h2></div><style>
.doesigchal { width: 250px; background: #ffffff; border: 2px solid #f6f6f6; outline: 15px solid #ffffff; margin: 15px auto; padding: 25px; font: 10px/150% source sans pro; text-align: justify; }
.doesigchal h1 { margin: 0 0 15px; text-align: center; font: 30px/30px dosis; color: #000000; }
.doesigchal h2 { margin: 10px 0 0 4px; text-align: center; font: 12px/12px dosis; text-transform: uppercase; color: #000000; letter-spacing: 4px; }
.doesigchal b { color: #8299aa; font: 26px/26px josefin sans; float: left; margin: 4px 5px 0 0; }
.doesigchal .doebuttons { display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; justify-content: center; margin: 10px 0 0; }
.doesigchal .doebuttons a { background: #7c596c; padding: 13px 7px 10px 10px; text-align: center; flex: 1; color: #ffffff; font: 10px/10px josefin sans; margin: 0 1px 0 0; letter-spacing: 3px; }
.doesigchal .doebuttons a:last-child { margin: 0; }
</style><link href="https://fonts.googleapis.com/css?family=Dosis:800|Josefin+Sans:100|Source+Sans+Pro" rel="stylesheet">-----------------------------------------------------
<!--HTML-->
<style> .embody {
width: 500px;
height: auto;
margin: 0 auto;
display: block;
border: 1px solid #e3e3e3;
font-family: Verdana;
font-size: 12px;
text-align: justify;
background-color: #ffffff;color: #000000;
}
.emhead {
width: 500px;
height: 60px;
background-color: #0078D7;
font-family: Verdana;
color: #ffffff;
font-size: 12px;
position: relative;
display: block;
padding-top: 10px;
text-align: center;
}
.embluetab {
width: 90px;
height: 25px;
text-align: center;
line-height: 25px;
display: inline-block;
color: #ffffff;
}
.emwhitetab {
width: 90px;
height: 25px;
text-align: center;
background-color: #ffffff;
color: #868686;
line-height: 25px;
display: inline-block;
}
.emwhitetab2 {
width: 90px;
height: 35px;
text-align: center;
background-color: #ffffff;
color: #868686;
line-height: 45px;
display: inline-block;
}
.emtabs {
position: absolute;
bottom: 0px;
left: 0px;
}
.emsubhead {
background-color: #ffffff;
position: relative;
display: block;
font-family: Verdana;
font-size: 12px;
}
.emheader {
height: 100px;
width: 500px;
}
.empic {
float: left;
padding: 10px;
}
.empic img {
width: 70px;
height: 70px;
}
.emname {
font-size: 16px;
color: #868686;
display: block;
padding: 10px;
padding-top: 20px;
}
.emdate {
float: right;
padding-right: 10px;
font-size: 11px;
color: #868686;
}
.emrecip {
font-size: 11px; word-break: break-all;
}
.emrecipCC {
font-size: 11px; word-break: break-all;
color: #868686; display: inline-block; padding-right: 10px; width: 400px;
}
.emtext {
padding: 10px;
text-align: justify;
min-height: 100px;
}
.embody hr {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
width: 95%;
}
.emsubj {
padding: 10px;
font-size: 14px;
font-weight: bold;
}
.emsig {
padding-left: 10px;
line-height: 160%;
}
.emcred {
width: 500px;
height: auto;
margin: 0 auto;
display: block;
font-family: Verdana;
font-size: 10px;
text-align: right;
}
</style>
<div class="embody">
<div class="emhead">Inbox - name@email.com
<div class="emtabs">
<div class="embluetab">File</div>
<div class="emwhitetab">Home</div>
<div class="embluetab">Sync</div>
<div class="embluetab">View</div>
</div>
</div>
<div class="emsubhead">
<div class="emwhitetab2">✉ New Email</div>
<div class="emwhitetab2">Delete</div>
<div class="emwhitetab2">Archive</div>
<div class="emwhitetab2">Junk</div>
<div class="emwhitetab2">Flag</div>
</div>
<div class="emheader">
<hr>
<span class="emsubj">SUBJECT</span>
<br />
<span class="empic"><img src="http://via.placeholder.com/70x70" style="border-radius: 70px;"></span>
<span class="emname">Character Name</span>
<span class="emrecip">TO: name@name.com</span><br>
<span class="emrecipCC">CC: name@name.com, name@name.com, name@name.com, name@name.com, name@name.com </span>
<span class="emdate"> Date at time</span>
</div>
<hr>
<div class="emtext">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div>
<div class="emsig">
<hr>Signature
<BR>
<I>Goes Here</i>
<P>
</div>
</div>
<div class="emcred"><a href="http://cttw.b1.jcink.com/index.php?showuser=12234" target="_blank">♥</a>
</div>-------------------------------------------------------
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Kristi' rel='stylesheet' type='text/css'><br><center> <div style="width: 200px; border-left: 2px solid black; border-right: 2px solid black; padding: 15px;"> <div style="font-family: kristi; font-size: 25px; text-align: left; padding-bottom: 8px;">Dear ,</div> <div style="font-family: georgia; line-height: 85%; font-size: 12px; text-align: justify;">letter here~</div> <div style="font-family: kristi; font-size: 25px; text-align: right; padding-top: 5px;">From, </div></div><a href=" ">* * *</a></center>
-------------------------------------------------------
<!--HTML--><link href="https://files.jcink.net/uploads/alesstest/youtubechannel.css" rel="stylesheet"><center><link href="https://fonts.googleapis.com/css?family=Oswald|Roboto" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous"><div class="alsutube"><div style="height: 35px; border-bottom: 1px solid #d5d5d5;"><table cellspacing="0" cellpadding="0"><td><div style="width: 30px;"><div class="alsutubelin1"></div><div class="alsutubelin2"></div> <div class="alsutubelin3"></div> </div></td><td><div class="alsutubeutube"><a href="http://cttw.jcink.net/index.php?showuser=1439"><div style="display: inline; color: red; font-size: 24px;"><i class="fab fa-youtube"></i></div></a><div style="margin-top: -22px; margin-left: 28px;">Youtube</div></div></td><td><div class="alsutubesearbar">Search</div><div class="alsutubesearbr"><div style="height:1px;"></div><i class="fas fa-search"></i></div></td><td><div class="alsutubeseic"><i class="fas fa-video"></i> <i class="fas fa-th"></i> <i class="fas fa-comment"></i> <i class="fas fa-bell"></i> <i class="fas fa-user"></i></div></td></table>
</div>
<div style="width: 600px; height: 100px; background: url(https://via.placeholder.com/600x100); background-size: cover; background-position: center;">
</div><div style="width: 600px; height: 90px; background-color: #f9f9f9;"><table cellspacing="0" cellpadding="0"><td><div class="alsutubecavvie">
<img src="https://via.placeholder.com/60" style="width: 60px; border-radius: 50%;">
</div></td><td><div class="alsutubecname"><b>
youtube name</b><br>####### Subscribers
</div></td><td><div class="alsutubecsub"><b>
Subscribe</b> ##
</div></td></table></div><div class="alstubetabContainer"><div class="alstabs"><input type="radio" id="alstabs-1" name="alstabs-group-1" checked><label for="alstabs-1">HOME</label><div class="alstubetabContent"><table cellspacing="0" cellpadding="10"><td>
<div class="alsutubecvid" style="background: url(https://via.placeholder.com/320x190); background-size: cover; background-position: center;"></div>
</td><td><div style="width: 240px;"><div class="alsutubecpublish"><b>
youtube video title</b><div style="height:25px;"></div>
## views - Month Day, Year
<div style="height:15px;"></div><div class="alsutubeccap">
video caption, one line
<div style="height:27px;"></div><b>READ MORE</b></div></div></td></table></div></div><div class="alstabs"><input type="radio" id="alstabs-2" name="alstabs-group-1"><label for="alstabs-2">VIDEOS</label><div class="alstubetabContent"><div class="alsutubecnxt">All videos</div><div class="alsutubeccnxt"><b>Music</b> PLAY ALL</div><div class="alsutubevidslid">
<div style="height: 140px; width: 140px; overflow: hidden;">
<div class="alsutubecplay" style="background: url(https://via.placeholder.com/140x100); background-size: cover; background-position: center;"></div>
<div class="alsutubecntt"><b>
youtube vid name</b><div style="height: 1px; margin-top: -6px;"></div>
#### views</div>
</div>
<div style="height: 140px; width: 140px; overflow: hidden;">
</div>
<div style="height: 140px; width: 140px;">
</div>
<div style="height: 140px; width: 140px;">
</div>
</div></div> </div><div class="alstabs"><input type="radio" id="alstabs-3" name="alstabs-group-1"><label for="alstabs-3">PLAYLISTS</label><div class="alstubetabContent"><div class="alsutubecnxt">All playlists</div><div class="alsutubeccnxt"><b>Created playlists</b></div><div class="alsutubevidslid">
<div style="height: 140px; width: 140px; overflow: hidden;">
<div class="alsutubecplay" style="background: url(https://via.placeholder.com/140x100); background-size: cover; background-position: center;"><div class="alsutubecplayh">PLAY ALL</div></div>
<div class="alsutubecntt"><b>Playlist Name</b><div style="height: 1px; margin-top: -6px;"></div>VIEW PLAYLIST (# VIDEOS)</div>
</div>
<div style="height: 140px; width: 140px; overflow: hidden;">
</div>
<div style="height: 140px; width: 140px; overflow: hidden;">
</div>
<div style="height: 140px; width: 140px; overflow: hidden;">
</div>
</div></div></div><div class="alstabs"><input type="radio" id="alstabs-4" name="alstabs-group-1"><label for="alstabs-4">COMMUNITY</label><div class="alstubetabContent"><table cellspacing="0" cellpadding="10"><td><div style="height: 180px; width: 50px;">
<img src="https://via.placeholder.com/50" style="width: 50px; border-radius: 50%;"></div></td><td><div style="width: 350px; height: 180px; padding-top: 20px;"><div class="alsutubeccomm"><b>
youtubename
</b> 1 week ago <div style="height: 5px;"></div><c>
community post, one line MAX 2 without emojis
</c></div><div style="height: 120px; width: 350px; background-color: #f9f9f9;"><table cellspacing="0" cellpadding="10"><td>
<div style="height: 100px; width: 150px; background: url(https://via.placeholder.com/150x100); background-size: cover; background-position: center;"></div></td><td><div class="alsutubeccom">
<b>youtube video name</b>
<div style="height: 5px;"></div>
youtubename • ### views • 1 week ago
</div></td></table></div></div></td></table></div></div><div class="alstabs"><input type="radio" id="alstabs-5" name="alstabs-group-1"><label for="alstabs-5">CHANNELS</label><div class="alstubetabContent"><div style="height: 6px;"></div><div class="alsutubeccnxt"><b>Subscriptions</b></div><div class="alsutubevidslid" style="height: 164px;">
<div style="height: 160px; width: 140px; overflow: hidden;">
<div style="height: 80px; width: 80px; border-radius: 50%; background: url(https://via.placeholder.com/80x80); background-size: cover; background-position: center;"></div>
<div class="alsutubecntte"><b>YoutubeName</b><div style="height: 1px; margin-top: -6px;"></div>#### subscribers</div>
<div class="alsutubecntsub">SUBSCRIBE</div>
</div>
<div style="height: 160px; width: 140px; overflow: hidden;">
</div>
<div style="height: 160px; width: 140px; overflow: hidden;">
</div>
<div style="height: 160px; width: 140px; overflow: hidden;">
</div>
</div></div></div><div class="alstabs"><input type="radio" id="alstabs-6" name="alstabs-group-1"><label for="alstabs-6">ABOUT</label><div class="alstubetabContent"><div style="height: 20px;"></div><table cellspacing="0" cellpadding="10"><td><div style="height: 200px; width: 300px; color: #000;">
<div class="alsutubedesc">Description</div>
<div class="alsutubedescc">one line
<div class="alsutubebio">Biography</div>
<div class="alsutubebioo">bio here, not too long, doesn't scroll
</div></div></td><td> <div style="height: 200px; width: 150px;">
<div class="alsutubestats">Stats</div>
<div class="alsutubestatss">Joined Month Day, Year</div>
<div class="alsutubestatss">### views
</div></div></td></table></div></div></div></div><!--HTML--><center>
<div class="newnews">
<div style="background: url(https://i.imgur.com/zK48yS8.png); width: 686px; margin-left: 3px; height: 557px; border: 5px; border: 3px solid #ffffff; border-radius: 0px 0px 0px 0px;">
<div style="position: absolute;width: 546px; height: 12px;font-size: 13px;font-family: cuprum;color: #ffffff;text-align: center;margin-left: 17px;margin-top: 514px;padding: 0px 19px 6px 4px;border-radius: 0px;overflow-y: auto;">
<div style="color: #353708;font-size: 16px;padding-bottom: 0px;text-align: left;font-family: bebas neue;text-transform: lowercase;font-weight: bold;"></div>
Не забывайте <a href="http://top.roleplay.ru/23502"><b>ТОП</b></a>, предлагайте посты группе <a href="https://vk.com/jumpstreet23"><b>ВКонтакте</b></a> и пишите, пишите посты!
</div>
<div style="position: absolute;margin-left: 441px;margin-top: 129px;">
<img src="https://i.imgur.com/LK4hvJZ.png" title="guillaume renier // 6 "></div>
<div style="position: absolute;margin-left: 441px;margin-top: 196px;">
<img src="https://i.imgur.com/z2TbGa7.png" title="thomas ray // 5 "></div>
<div style="position: absolute;margin-left: 441px;margin-top: 263px;">
<img src="https://i.imgur.com/Wo297fH.png" title="troy murray // 4"></div>
<div style="position: absolute;margin-left: 441px;margin-top: 331px;">
<img src="https://i.imgur.com/bhAEWv2.png" title="casper king // 4"></div>
<div style="position: absolute;margin-left: 441px;margin-top: 400px;">
<img src="https://i.imgur.com/CVB5bSV.png" title="dariela morente // 4"></div>
<div style="position: absolute;margin-left: 33px;margin-top: 254px;">
<img src="https://i.imgur.com/mgs9XOI.png" title="thomas ray"></div>
<div style="position: absolute;width: 230px;height: 67px;font: 12px cuprum;color: #424549;line-height: 110%;text-align: left;margin-left: 111px;margin-top: 254px;padding: 0px 3px 1px 0px;border-radius: 0px;overflow-y: auto;" class="nbb">
Яркая вспышка света заставляет разум перенестись далеко за пределы. Он не видит ничего рядом, будто настоящее мгновенно превратилось в прошлое. Летняя веранда, алкоголь в неимоверных количествах, заливающийся внутрь и без того «готового» тела. Тим смотрит перед собой и видит размытый горизонт.
<br><a href="http://jumpstreet.rusff.me/viewtopic.php?id=12887#p1321901"><b>читать дальше</b></a>
</div>
<div style="position: absolute;margin-left: 44px;margin-top: 118px;">
<img src="https://i.imgur.com/jcELJZ3.png" title="cosmie fry"></div>
<div style="position: absolute;width: 252px;height: 67px;font: 12px cuprum;color: #424549;line-height: 110%;text-align: left;margin-left: 118px;margin-top: 112px;padding: 0px 3px 1px 0px;border-radius: 0px;overflow-y: auto;" class="nbb">
<b>cosmie fry:</b>
<br>понаписывать начала постов
<br>и ни один не закончить -
<br><img src="https://i.imgur.com/UbtTsLC.png">
</div>
<div style="position: absolute;margin-left: 597px;margin-top: 129px;">
<img src="https://i.imgur.com/Wo297fH.png" title="troy murray"></div>
<div style="position: absolute;margin-left: 597px;margin-top: 196px;">
<img src="https://i.imgur.com/4WrHNy7.png" title="libby hodge"></div>
<div style="position: absolute;margin-left: 597px;margin-top: 263px;">
<img src="https://i.imgur.com/z2TbGa7.png" title="thomas ray"></div>
<div style="position: absolute;margin-left: 597px;margin-top: 331px;">
<img src="https://i.imgur.com/bhAEWv2.png" title="casper king"></div>
<div style="position: absolute;margin-left: 597px;margin-top: 400px;">
<img src="https://i.imgur.com/tLSHHRS.png" title="mickey ginsberg"></div>
<div style="position: absolute;margin-left: 231px;margin-top: 362px;">
<img src="https://i.imgur.com/F360xB6.png" title="matthew dane ♥ charlotte stokes"></div>
<div style="position: absolute;margin-left: 33px;margin-top: 362px;">
<img src="https://i.imgur.com/tP2v6fX.png" title="возьми мою руку, сожми мою вену // casper king & troy murray"></div>
</div></center>
<style>.nbb b {font-size: 12px; text-transform: uppercase;color: #1f2022;}</style><!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Raleway:400,900' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="http://static.tumblr.com/gezmuyb/bRDnptdr9/steverogers.css"><link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900' rel='stylesheet' type='text/css'>
<style type="text/css">
.cookie-two { cursor: url(http://www.themesltd.com/cursors/random/tiny_cursor.png), auto; width: 540px; padding: 15px; background-color: #fafafa; border: 4px solid #fff; outline: 1px solid #ccc; }
.cookie-one { width: 492px; height: 494px; padding: 18px; background-image: url(http://subtlepatterns.com/patterns/crossword.png); border: 5px solid #fff; outline: 1px solid #f7f7f7; }
.cookie-ten { position: relative; width: 540px; height: 494px; clear: both; overflow: hidden; }
.cookie-eleven { display: block; }
.cookie-eleven label { cursor: url(http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto; display: block; width: 50px; height: 50px; padding: 5px; border-radius: 100%; background-color: #fff; border: 1px solid #f7f7f7; position: relative; left: 190px; background-color: #fff; margin-bottom: 10px; -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s; }
.cookie-eleven label img { opacity: 0; position: relative; top: -20px; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; }
.cookie-eleven [type=radio] { display: none; baseline-tab-shift: true, retrieve; }
.cookie-twelve { position: absolute; bottom: 0px; right: 0px; top: 0px; background: white; padding: 9px; width: 400px; left: -420px; -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s; border: 1px solid #f7f7f7f7; }
.cookie-ten .cookie-eleven [type=radio]:checked ~ label { background: white; opacity: 1; z-index: 2; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; }
.cookie-ten .cookie-eleven [type=radio]:checked ~ label img { opacity: 1; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; }
.cookie-ten .cookie-eleven [type=radio]:checked ~ label ~ .cookie-twelve { z-index: 1; left: 0px; }
.cookie-three { border-radius: 100%; width: 50px; height: 50px; background-color: #000; }
.cookie-blue { width: 50px; height: 50px; background-color: #B5D8EB; border-radius: 100%; }
.cookie-orange { width: 50px; height: 50px; background-color: #FFC8BA; border-radius: 100%; }
.cookie-green { width: 50px; height: 50px; background-color: #93DFB8; border-radius: 100%; }
.cookie-pink { width: 50px; height: 50px; background-color: #FFBDD8; border-radius: 100%; }
.cookie-purple { width: 50px; height: 50px; background-color: #E3AAD6; border-radius: 100%; }
.cookie-four { font-family: arial; font-size: 20px; text-align: center; line-height: 100%; color: #fff; font-weight: bold; position: relative; top: 15px; }
.cookie-five { width: 150px; height: 250px; padding: 9px; border: 1px solid #f7f7f7; background-image: url(http://subtlepatterns.com/patterns/crossword.png); }
.cookie-six { width: 210px; padding-right: 5px; font-family: source sans pro; font-size: 11px; text-align: justify; line-height: 95%; color: #777; height: 409px; overflow: auto; margin-right: 10px; }
.cookie-six::-webkit-scrollbar { width: 10px; }
.cookie-six::-webkit-scrollbar-track { background-color: #fff; }
.cookie-six::-webkit-scrollbar-thumb { background-color: #fff; border: 1px solid #eee; }
.cookie-seven { letter-spacing: -3px; font-family: raleway; font-size: 42px; text-transform: uppercase; font-weight: 900; line-height: 100%; text-align: center; }
.cookie-eight { font-family: raleway; font-size: 10px; text-transform: uppercase; line-height: 100%; font-weight: 400; text-align: center; letter-spacing: 1px; margin-bottom: 10px; color: #999; }
.cookie-cblue { color: #B5D8EB; }
.cookie-corange { color: #FFC8BA; }
.cookie-cgreen { color: #93DFB8; }
.cookie-cpurple { color: #E3AAD6; }
.cookie-cpink { color: #FFBDD8; }
.cookie-nine { width: 170px; height: 127px; font-family: raleway; font-size: 7px; text-transform: uppercase; letter-spacing: 1px; line-height: 100%; color: #999; overflow: hidden; margin-top: 12px; text-align: justify; }
.cookiecredit { cursor: url(http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto; padding: 5px 19px; max-width: 300px; border: 1px solid #eee; font-family: source sans pro; font-size: 9px; text-transform: uppercase; text-align: center; line-height: 100%; color: #B5D8EB; background-color: #fff; margin-top: 10px; }
</style>
<center>
<div class="cookie-two">
<div class="cookie-one">
<div class="cookie-ten">
<div class="cookie-eleven">
<input type="radio" id="cookie-eleven-8" name="cookie-eleven-group-2" checked>
<label for="cookie-eleven-8"><span class="hint--left" data-hint="FIRST LAST"><div class="cookie-blue"><div class="cookie-four"><i class="fa fa-user-plus"></i></div><img src="SQUARE IMAGE HERE! IT WILL RESIZE!" width="50" style="border-radius: 100%;"></div></span></label>
<div class="cookie-twelve">
<div class="cookie-seven cookie-cblue">FIRST LAST</div>
<div class="cookie-eight">##. CAREER. PLAYBY.</div>
<table cellspacing="0" cellpadding="0">
<td><div class="cookie-six">
SHIPPER!
</div></td>
<Td valign="top"><div class="cookie-five"><img src="http://placehold.it/150x250"></div><div class="cookie-nine">
LYRICS!
</div></td>
</table>
</div>
</div>
<div class="cookie-eleven">
<input type="radio" id="cookie-eleven-9" name="cookie-eleven-group-2">
<label for="cookie-eleven-9"><span class="hint--left" data-hint="FIRST LAST"><div class="cookie-orange"><div class="cookie-four"><i class="fa fa-user-plus"></i></div><img src="SQUARE IMAGE HERE! IT WILL RESIZE!" width="50" style="border-radius: 100%;"></div></span></label>
<div class="cookie-twelve">
<div class="cookie-seven cookie-corange">FIRST LAST</div>
<div class="cookie-eight">##. CAREER. PLAYBY.</div>
<table cellspacing="0" cellpadding="0">
<td><div class="cookie-six">
SHIPPER!
</div></td>
<Td valign="top"><div class="cookie-five"><img src="http://placehold.it/150x250"></div><div class="cookie-nine">
LYRICS!
</div></td>
</table>
</div>
</div>
<div class="cookie-eleven">
<input type="radio" id="cookie-eleven-10" name="cookie-eleven-group-2">
<label for="cookie-eleven-10"><span class="hint--left" data-hint="FIRST LAST"><div class="cookie-green"><div class="cookie-four"><i class="fa fa-user-plus"></i></div><img src="SQUARE IMAGE HERE! IT WILL RESIZE!" width="50" style="border-radius: 100%;"></div></span></label>
<div class="cookie-twelve">
<div class="cookie-seven cookie-cgreen">FIRST LAST</div>
<div class="cookie-eight">##. CAREER. PLAYBY.</div>
<table cellspacing="0" cellpadding="0">
<td><div class="cookie-six">
SHIPPER!
</div></td>
<Td valign="top"><div class="cookie-five"><img src="http://placehold.it/150x250"></div><div class="cookie-nine">
LYRICS!
</div></td>
</table>
</div>
</div>
<div class="cookie-eleven">
<input type="radio" id="cookie-eleven-11" name="cookie-eleven-group-2">
<label for="cookie-eleven-11"><span class="hint--left" data-hint="FIRST LAST"><div class="cookie-pink"><div class="cookie-four"><i class="fa fa-user-plus"></i></div><img src="SQUARE IMAGE HERE! IT WILL RESIZE!" width="50" style="border-radius: 100%;"></div></span></label>
<div class="cookie-twelve">
<div class="cookie-seven cookie-cpink">FIRST LAST</div>
<div class="cookie-eight">##. CAREER. PLAYBY.</div>
<table cellspacing="0" cellpadding="0">
<td><div class="cookie-six">
SHIPPER!
</div></td>
<Td valign="top"><div class="cookie-five"><img src="http://placehold.it/150x250"></div><div class="cookie-nine">
LYRICS!
</div></td>
</table>
</div>
</div>
<div class="cookie-eleven">
<input type="radio" id="cookie-eleven-12" name="cookie-eleven-group-2">
<label for="cookie-eleven-12"><span class="hint--left" data-hint="FIRST LAST"><div class="cookie-purple"><div class="cookie-four"><i class="fa fa-user-plus"></i></div><img src="SQUARE IMAGE HERE! IT WILL RESIZE!" width="50" style="border-radius: 100%;"></div></span></label>
<div class="cookie-twelve">
<div class="cookie-seven cookie-cpurple">FIRST LAST</div>
<div class="cookie-eight">##. CAREER. PLAYBY.</div>
<table cellspacing="0" cellpadding="0">
<td><div class="cookie-six">
SHIPPER!
</div></td>
<Td valign="top"><div class="cookie-five"><img src="http://placehold.it/150x250"></div><div class="cookie-nine">
LYRICS!
</div></td>
</table>
</div>
</div>
<div class="cookie-eleven">
<input type="radio" id="cookie-eleven-13" name="cookie-eleven-group-2">
<label for="cookie-eleven-13"><span class="hint--left" data-hint="FIRST LAST"><div class="cookie-blue"><div class="cookie-four"><i class="fa fa-user-plus"></i></div><img src="SQUARE IMAGE HERE! IT WILL RESIZE!" width="50" style="border-radius: 100%;"></div></span></label>
<div class="cookie-twelve">
<div class="cookie-seven cookie-cblue">FIRST LAST</div>
<div class="cookie-eight">##. CAREER. PLAYBY.</div>
<table cellspacing="0" cellpadding="0">
<td><div class="cookie-six">
SHIPPER!
</div></td>
<Td valign="top"><div class="cookie-five"><img src="http://placehold.it/150x250"></div><div class="cookie-nine">
LYRICS!
</div></td>
</table>
</div>
</div>
<div class="cookie-eleven">
<input type="radio" id="cookie-eleven-14" name="cookie-eleven-group-2">
<label for="cookie-eleven-14"><span class="hint--left" data-hint="FIRST LAST"><div class="cookie-orange"><div class="cookie-four"><i class="fa fa-user-plus"></i></div><img src="SQUARE IMAGE HERE! IT WILL RESIZE!" width="50" style="border-radius: 100%;"></div></span></label>
<div class="cookie-twelve">
<div class="cookie-seven cookie-corange">FIRST LAST</div>
<div class="cookie-eight">##. CAREER. PLAYBY.</div>
<table cellspacing="0" cellpadding="0">
<td><div class="cookie-six">
SHIPPER!
</div></td>
<Td valign="top"><div class="cookie-five"><img src="http://placehold.it/150x250"></div><div class="cookie-nine">
LYRICS!
</div></td>
</table>
</div>
</div>
</div>
</div>
</div>
</center><center><A href="http://cttw.jcink.net/index.php?showuser=124"><div class="cookiecredit">© FELICITY</div></a>Код:<!--HTML--><table style="table-layout:fixed;width:100%"> <tbody> <tr> <td style="width:220px;background-color:#ffffff"> <p> <span style="display: block; text-align: center"><span style="font-size: 25px"> <span style="font-family: Arial Black"><strong>БЛАБЛА</strong></span></span><br><img class="postimg" src="" alt=""> <img class="postimg" src="" alt=""><br><span style="font-size: 20px"><span style="color: #5c1d1d">■</span> <span style="color: #822929">■</span> <span style="color: #9f6363">■</span> <span style="color: #cda1a1">■</span> <span style="color: #a9bad6">■</span> <span style="color: #6f86ab">■</span> <span style="color: #38517b">■</span> <span style="color: #231d5c">■</span></span></span></p></td><td style="background-color:#ffffff"><p><span style="font-size: 10px">блаблаблаблаблаблаблаблаблаблаблбала<br></span></p></td></tr></tbody></table>
<!--HTML-->
<div id="tracking"><div class="charname"><span>name's threads</span></div><div class="terior">
<div class="head1">to do's</div>
<i>i.</i> here
<br><i>ii.</i> here
<div class="head2">current</div>
<div class="threadlist">
<a href="link" target="_blank">type of thread or comm</a>, with <i>name</i>
<br><a href="link" target="_blank">type of thread or comm</a>, with <i>name</i>
<br><a href="link" target="_blank">type of thread or comm</a>, with <i>name</i>
</div>
<div class="head2" style="margin-top: 50px;">archived</div><div class="threadlist">
they go here when they are finished
</div>
</div><div class="qcred"><a href="http://cttw.jcink.net/index.php?showuser=6547">thanks</a></div></div>
<style>
#tracking {
background-color: var(--color2); border: 1px solid var(--color3); width: 350px; padding: 20px; margin: auto; position: relative;
--color1: #009acd;
--color2: #fafafa;
--color3: #dfdfdf;
--color4: #333;
}
.charname {
text-align: center; font: 24px/150% Sniglet; text-transform: uppercase; margin-top: 10px; color: var(--color1);
}
.charname span {
border-bottom: 1px solid var(--color3);
}
.terior {
width: 300px; padding: 20px; text-align: left; color: var(--color4); font: 11px/120% Poppins;
}
.head1 {
font: 18px/120% Sniglet; text-transform: uppercase; padding-bottom: 5px; color: var(--color1);
}
.terior a {
color: var(--color1);
}
.head2 {
text-align: right; font: 400 24px/100% Sniglet; text-transform: uppercase; margin-top: 15px;
padding-bottom: 5px; color: var(--color1); border-bottom: 1px solid var(--color3);
}
.threadlist {
text-align: left; text-transform: lowercase; margin-top: 5px;
}
.qcred {
width: 370px; text-align: right; text-transform: uppercase; font: 8px/120% Poppins;
position: absolute; bottom: -10px; right: 0px;
}
.qcred a {
color: var(--color1); text-decoration: none;
}
</style>
<link href="https://fonts.googleapis.com/css?family=Poppins|Sniglet" rel="stylesheet">Код: <!--HTML--><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<style type="text/css">
.m-award img { height: 15px; }
.m-award { padding: 5px 10px; background-color: #f1f1f1; text-align: center; overflow: auto; height: 25px; line-height: 200%; }
.m-link a { font: 600 11px arial; color: grey; letter-spacing: 0px; text-transform: lowercase; }
.m-link { width: 30px; line-height: 120%; display: table-cell; } .m-link i { color: #97afa3; display: inline; margin: 0px 10px 0px 15px; } .avv { border: 1px solid #eee; overflow: hidden; width: 275px; height: 400px; } .avv, .tt-img { -webkit-border-radius: 5px; border-radius: 5px; } .avv:hover .ttt { margin-top: -208px; } .m-desc { font: 400 11px arial; color: #444; text-align: justify; padding: 5px; height: 37px; overflow: auto; } .m-desc b { color: silver; } .m-award::-webkit-scrollbar, .m-desc::-webkit-scrollbar { width: 3px; } .m-award::-webkit-scrollbar-thumb, .m-desc::-webkit-scrollbar-thumb { background-color: #fff; } .m-award::-webkit-scrollbar-track, .m-desc::-webkit-scrollbar-track { background-color: #eee; } .ttt { line-height: 90%; text-align: left; margin-top: -100px; background-color: white; border-top: 1px solid #eee; width: 255px; height: 400px; position: relative; z-index: 1; padding: 10px; ransition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; } .tt-img { float: left; border: 5px solid #fff; width: 75px; height: 75px; margin-top: -45px; margin-right: 10px; } .ttt name { font: 700 16px arial; color: #444; text-transform: lowercase; } .ttt player { font: 400 12px arial; color: #66757f; text-transform: lowercase; } .num um { font: 100 10px arial; color: #8899a6; letter-spacing: 0.8; text-transform: uppercase; } .num { display: table-cell; padding-right: 20px; height: 30px; } .num dois { font: 500 18px arial; color: rgba(0,96,72,0.5); }</style>
<div class="avv"><div style="width: 275px; height: 400px;"><img src="https://health.mail.ru/pre_rect1300x0_crop/pic/news/2017/09/21/ae/0d/ae0d84be075d84b7c4c4f225de7ce99c.jpg"></div><div class="ttt"><div class="tt-img" style="background: center url(http://25.media.tumblr.com/tumblr_m7d5x9r0Pf1qjklkdo1_250.gif);"></div><name>BLABLABLA</name> <player>@blablabla</player><p><div style="display:table;"><div class="num"><um>age</um> <dois style="color: #3d86b0"><!-- |field_5| --></dois></div><div class="num" style="padding-right: 10px;"><um>posts</um><br><dois style="color: #3d86b0;">149</dois></div><div class="m-link"><a href="<!-- |field_3| -->"><i class="fa fa-comments" style="font-size: 11px; color: #3d86b0;"></i>app</a><br><a href="<!-- |field_4| -->"><i class="fa fa-bars" style="font-size: 11px; color: #3d86b0;"></i>tracker</a></div><div class="m-link"><a href="<!-- |field_8| -->"><i class="fa fa-heart" style="font-size: 11px; color: #<!-- |g_icon| -->;"></i>shipper</a><br><a href="<!-- |field_9| -->"><i class="fa fa-cogs" style="font-size: 11px; color: #<!-- |g_icon| -->;"></i>develop.</a></div></div><div style="padding: 10px"><div class="m-desc"><b>@<!-- |field_6| -->:</b> <!-- |field_7| --></div></div><div class="m-award"><!-- |awards| --></div></div></div>
| Код: <!--HTML--><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<style type="text/css">
.m-award img { height: 15px; }
.m-award { padding: 5px 10px; background-color: #f1f1f1; text-align: center; overflow: auto; height: 25px; line-height: 200%; }
.m-link a { font: 600 11px arial; color: grey; letter-spacing: 0px; text-transform: lowercase; }
.m-link { width: 30px; line-height: 120%; display: table-cell; } .m-link i { color: #97afa3; display: inline; margin: 0px 10px 0px 15px; } .avv { border: 1px solid #eee; overflow: hidden; width: 275px; height: 400px; } .avv, .tt-img { -webkit-border-radius: 5px; border-radius: 5px; } .avv:hover .ttt { margin-top: -208px; } .m-desc { font: 400 11px arial; color: #444; text-align: justify; padding: 5px; height: 37px; overflow: auto; } .m-desc b { color: silver; } .m-award::-webkit-scrollbar, .m-desc::-webkit-scrollbar { width: 3px; } .m-award::-webkit-scrollbar-thumb, .m-desc::-webkit-scrollbar-thumb { background-color: #fff; } .m-award::-webkit-scrollbar-track, .m-desc::-webkit-scrollbar-track { background-color: #eee; } .ttt { line-height: 90%; text-align: left; margin-top: -100px; background-color: white; border-top: 1px solid #eee; width: 255px; height: 400px; position: relative; z-index: 1; padding: 10px; ransition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; } .tt-img { float: left; border: 5px solid #fff; width: 75px; height: 75px; margin-top: -45px; margin-right: 10px; } .ttt name { font: 700 16px arial; color: #444; text-transform: lowercase; } .ttt player { font: 400 12px arial; color: #66757f; text-transform: lowercase; } .num um { font: 100 10px arial; color: #8899a6; letter-spacing: 0.8; text-transform: uppercase; } .num { display: table-cell; padding-right: 20px; height: 30px; } .num dois { font: 500 18px arial; color: rgba(0,96,72,0.5); }</style>
<div class="avv"><div style="width: 275px; height: 400px;"><!-- |avatar| --></div><div class="ttt"><div class="tt-img" style="background: center url(<!-- |field_1| -->);"></div><name><!-- |author_name| --></name> <player>@<!-- |field_2| --></player><p><div style="display:table;"><div class="num"><um>age</um> <dois style="color: #<!-- |g_icon| -->;"><!-- |field_5| --></dois></div><div class="num" style="padding-right: 10px;"><um>posts</um><br><dois style="color: #<!-- |g_icon| -->;"><!-- |posts| --></dois></div><div class="m-link"><a href="<!-- |field_3| -->"><i class="fa fa-comments" style="font-size: 11px; color: #<!-- |g_icon| -->;"></i>app</a><br><a href="<!-- |field_4| -->"><i class="fa fa-bars" style="font-size: 11px; color: #<!-- |g_icon| -->;"></i>tracker</a></div><div class="m-link"><a href="<!-- |field_8| -->"><i class="fa fa-heart" style="font-size: 11px; color: #<!-- |g_icon| -->;"></i>shipper</a><br><a href="<!-- |field_9| -->"><i class="fa fa-cogs" style="font-size: 11px; color: #<!-- |g_icon| -->;"></i>develop.</a></div></div><div style="padding: 10px"><div class="m-desc"><b>@<!-- |field_6| -->:</b> <!-- |field_7| --></div></div><div class="m-award"><!-- |awards| --></div></div></div>
|
<!--HTML--><style>
#claima {margin-top:40px;width:450px;border:20px solid white;padding:0;overflow:hidden;}
.claimb {box-sizing:border-box;width:100%;background:#fff;position:relative;border-bottom:10px solid #0a507c;padding:0 0 10px;}
.claimc {width:100%;background:#0a507c;padding:15px 10px;color:#fff;font:400 15pt/18px 'Orbitron', impact;}
.claiminfo {margin:0;padding:20px 40px 10px;font:400 9pt/11px 'Share Tech' arial narrow;color:#000;text-align:justify;}
.claimb h1,.claimb h2 {margin:0 auto;padding:10px 10px 5px;border-bottom:2px solid #000;font:400 8pt/9px 'Orbitron' arial narrow;color:#000;text-align:left;letter-spacing:2px;}
.claimlist {margin:0;padding:10px 5px 5px;font:400 italic 9pt/11px 'Share Tech' arial narrow;color:#000;text-align:left;display:block;}
.claiming {display:inline;color:#1689b9;}
.claimer {display:inline;font:400 8pt/11px 'Share Tech' arial narrow;}
.scredit {margin:5px;text-align:center;letter-spacing:2px;font-family:'arial narrow';font-size:7pt;line-height:9px;text-transform:lowercase;-webkit-transition:all ease 0.6s;-moz-transition:all ease 0.6s;-o-transition:all ease 0.6s;transition:all ease 0.6s;}
.scredit, .scredit a {color:#999; text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0);-webkit-transition:all ease 0.6s;-moz-transition:all ease 0.6s;-o-transition:all ease 0.6s;transition:all ease 0.6s;}
.scredit a:hover{text-shadow:0 0 10px rgba(0,0,0,0.6);color:rgba(0,0,0,0);letter-spacing:10px;visibility: hidden;}
#plota {box-sizing:border-box;margin:5px;width:200px;height:200px;border:10px solid #0a507c;position:relative;overflow:hidden;display:inline-block;}
#plota ::-webkit-scrollbar {
width: 5px;
}
#plota ::-webkit-scrollbar-track {
background:transparent;
}
#plota ::-webkit-scrollbar-thumb {
background:#000;
}
.plotb {position:absolute;width:180px;height:180px;top:0px;right:0px;overflow:hidden;}
.plotd {position:absolute;top:0;right:0;-webkit-transition:all ease 0.4s;-moz-transition:all ease 0.4s;-o-transition:all ease 0.4s;transition:all ease 0.4s;-webkit-transition-delay:0.4s;-moz-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s;}
.plotd img {width:180px;height:180px;}
.plotc {width:180px;height:180px;background:#fff;position:absolute;top:0;right:0px;}
.plote {position:absolute;bottom:30px;right:0;left:0;margin:10px auto 0px;padding:10px 10px 5px;font:400 14pt/16px 'Orbitron' arial narrow;color:#fff;text-align:center;letter-spacing:2px;}
.plotf {position:absolute;bottom:0;right:0;left:0;margin:0 auto 8px;padding:10px 10px 5px;font:400 7pt/11px 'Orbitron' arial narrow;color:#fff;text-align:center;letter-spacing:2px;}
.plotg {box-sizing:border-box;margin:5px;border-left:2px solid #000;width:auto;height:170px;overflow:auto;padding:5px 5px 5px;font:400 7pt/9px tahoma;color:#000;text-align:justify;}
.plotg h1 {margin:10px 0 15px;font:400 10pt/13px 'Orbitron' arial narrow;color:#0a507c;text-align:center;text-transform:uppercase;letter-spacing:2px;}
.plotg h2 {margin:0 auto 8px;padding:10px 10px 5px;font:400 6pt/9px 'Orbitron' arial narrow;color:#0a507c;text-align:center;letter-spacing:2px;}
.plotb:hover .plotd {right: 250px;-webkit-transition:all ease 0.4s;-moz-transition:all ease 0.4s;-o-transition:all ease 0.4s;transition:all ease 0.4s;}
</style>
<div id="plota"><div class="plotb"><div class="plotc"><div class="plotg">
<h2>Alyssa Hudson</h2><br>
<b>Operative</b><br>
<i>Played by Shelli</i><br>
<br>
Alyssa is a very closed off person, she's not afraid to take a life or get her hands dirty. Her sarcasm is often times misconstrued into hatred for people. She's hard to get along with but she will always have her team mates' backs.
</div></div><div class="plotd">
<img src="https://i.imgur.com/PuP3GBp.jpg?1">
<div class="plote">CORPORAL (E-4)</div>
<div class="plotf">Marine since 2009</div></div>
</div></div><!--HTML--><link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'>
<style type="text/css">
.dv_container { width:400px; height:550px; background-image:url(http://i.imgur.com/Ox6ButZ.png); margin:auto; overflow:hidden;}
.dv_para { padding:20px; background-color:#fff; width:260px; height:360px; margin-top:-400px; margin-left:50px; -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out;}
.dv_para h1 { font-family: source sans pro; font-weight:bold; font-size:30px; text-align:left; line-height:10%; margin-bottom:5px;}
.dv_para span { font-family:source sans pro; font-size:8px; text-transform:uppercase; letter-spacing:1px; text-align:left; padding-left:15px; display:block; border-bottom:1px solid #000; }
.dv_para p { width:230px; margin:auto; padding:10px; height:270px; overflow:auto; margin-top:5px; text-align:justify; font-family:calibri; font-size:10px; line-height:110%; color:#000; }
.dv_container:hover .dv_para { margin:auto; margin-top:75px; }
.dv_para ::-webkit-scrollbar-thumb:vertical {
border:2px solid #000;
background-color:#fff;
}
.dv_para ::-webkit-scrollbar-thumb:horizontal {
background-color:#fff;
}
.dv_para ::-webkit-scrollbar {
width:4px;
height:7px;
border:1px solid #000;
background-color:#fff;
}
.creds { font-family:calibri; font-size:7px; text-transform:uppercase; letter-spacing:1px; margin-auto; text-align:right; width:350px;}
.creds a { color:#cccccc; }
</style>
<div class="dv_container">
<div class="dv_para">
<h1>death valley.</h1>
<span>ravenclaw ■ sixteen ■ drug dealer </span>
<p>I wanna see your animal side Let it all out I wanna see the dirt Under your skin I need your broken promises I want the guts and glory, baby, baby This town is wasted and alone But we are alive Here in death valley But don’t take love off the table yet 'Cause tonight It’s just fire alarms and losing you We love a lot So we only lose a little But we are alive (we are alive) We are alive I wanna see your animal side Let it all out Oh there you go; undress to impress You can wear the crown but you’re no princess. <br /><br />
I wanna see your animal side Let it all out I wanna see the dirt Under your skin I need your broken promises I want the guts and glory, baby, baby This town is wasted and alone But we are alive Here in death valley But don’t take love off the table yet 'Cause tonight It’s just fire alarms and losing you We love a lot So we only lose a little But we are alive (we are alive) We are alive I wanna see your animal side Let it all out Oh there you go; undress to impress You can wear the crown but you’re no princess. <br /><br />
I wanna see your animal side Let it all out I wanna see the dirt Under your skin I need your broken promises I want the guts and glory, baby, baby This town is wasted and alone But we are alive Here in death valley But don’t take love off the table yet 'Cause tonight It’s just fire alarms and losing you We love a lot So we only lose a little But we are alive (we are alive) We are alive I wanna see your animal side Let it all out Oh there you go; undress to impress You can wear the crown but you’re no princess. <br /><br /></p>
</div>
</div>
<center><div class="creds"><a href="http://obscurus.jcink.net/index.php?act=idx">© MERC</a></div></center><!--HTML--><link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic' rel='stylesheet' type='text/css'>
<style type="text/css">
#asf-container {
width:500px;
height:500px;
overflow:hidden;
background-color:#fff;
margin:auto;
}
#asf-container ::-webkit-scrollbar-thumb:vertical {
height:7px;
border-left:3px solid #000;
border-right:3px solid #000;
background-color:#fff;
height:75px;
}
#asf-container p {
text-indent:50px;
}
#asf-container ::-webkit-scrollbar {
width:10px;
height:3px;
background-color:#fff;
border-left:4px solid #000;
border-right:4px solid #000;
}
.asf-image {
width:250px;
height:500px;
float:left;
}
.asf-left {
background-color:#fff;
color:#000;
width:250px;
float:left;
text-align:right;
}
.asf-first {
background-color:#FFFF00;
color:#000;
font-style:italic;
text-align:right;
font-family: calibri;
font-size:8px;
text-transform:uppercase;
letter-spacing:2px;
}
.asf-first a {
color:#000;
text-decoration:none;
font-style:none;
}
.asf-name {
font-family:libre baskerville;
font-size:30px;
color:#000;
font-style:italic;
font-weight:none;
padding-right:5px;
padding-top:100px;
line-height:90%;
}
.asf-name:first-letter {
color:#FFFF00;
}
.asf-shipper {
font-family:calibri;
font-style:italic;
font-size:10px;
line-height:100%;
color:#000;
padding:10px;
width: 210px;
margin:auto;
height:310px;
margin-top:10px;
}
.asf-content {
overflow:auto;
text-align:justify;
height:287px;
padding:5px;
}
.asf-content:first-letter {
color:#ffff00;
font-size:40px;
float:left;
padding-top:15px;
padding-bottom:15px;
padding-right:3px;
padding-left:2px;
font-family:libre baskerville;
}
</style>
<div id="asf-container">
<div class="asf-left">
<div class="asf-name">alina starkov</div>
<span class="asf-first">seduce me with your hand of glory</span>
<div class="asf-shipper">
<div class="asf-content">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
</div>
</div>
<div class="asf-image">
<img src="http://placehold.it/250x500">
</div>
</div>
<center><span class="asf-first">merc @ <a href="http://obscurus.jcink.net/index.php?showuser=1">obscurus</a> + <a href="http://roux.b1.jcink.com/index.php?showuser=1">roux</a></span></center>Код:<!--HTML--> <style type="text/css"> #beauxcity-container { width:420px; padding: 15px; height: 420px; background-image:url(http://i.imgur.com/xjrEem0.png); margin:auto; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; overflow:hidden;} .beauxcity-ship { font-family: bebas neue; text-align: right; color: #fff; text-transform: uppercase; font-size: 17px; letter-spacing: 2px; padding: 3px; border-right: 8px solid #fff; line-height: 100%; margin-right: 20px; margin-top: 20px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;} .beauxcity-shipcont { width: 390px; height: 300px; padding: 15px; background-color: rgb(255, 255, 255); text-align: justify; margin: auto; margin-top: 400px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; font-family: arial; font-size: 11px; line-height: 130%; color: #191919; overflow: auto; } #beauxcity-container:hover .beauxcity-ship { margin-top:20px; } #beauxcity-container:hover .beauxcity-shipcont { margin-top:25px; } </style> <div id="beauxcity-container"> <div class="beauxcity-ship"> День американских деловых женщин<br> <small>22'09'17</small> </div> <div class="beauxcity-shipcont"> <img src="http://i.imgur.com/lGHjiYI.png"> <br> <br>С середины 1990-х годов ежегодно 22 сентября на всей территории США отмечается American Business Women's Day — день американских деловых женщин, предпринимательниц, бизнес-вумен. Этот день призван подчеркнуть значимость женского труда и весомый вклад женщин в создание образа современной Америки. <br>Инициаторами создания этого праздника стала организация деловых американок, пришедшая к выводу, что вклад ее участниц в развитие экономики и благосостояния страны до сих пор не учтен. С целью исправить данную несправедливость было решено учредить День американских женщин, занятых в бизнесе. 22 сентября было выбрано в качестве знаменательной даты в связи с тем, что в этот день в 1949 году бизнесмен из Канзаса Хилари Буфтон (Hilary Bufton) и три бизнес-вумен учредили Ассоциацию американских женщин, занятых в бизнесе (American Business Women’s Association), которая стала национальной профессиональной ассоциацией женщин. <br>Международным праздник пока не стал — для многих феминисток он представляется не вполне политкорректным. Тем не менее, 22 сентября торжества и праздничные приемы по случаю праздника проходят по всей Америке, чествуя более 57 миллионов работающих женщин. </div> </div> <center>
Код:<!--HTML--> <style type="text/css"> #beauxcrime-container { width:420px; padding: 15px; height: 420px; background-image:url(http://i.imgur.com/7ZP6RuQ.png); margin:auto; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; overflow:hidden;} .beauxcrime-ship { font-family: bebas neue; text-align: right; color: #fff; text-transform: uppercase; font-size: 17px; letter-spacing: 2px; padding: 3px; border-right: 8px solid #fff; line-height: 100%; margin-right: 20px; margin-top: 20px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;} .beauxcrime-shipcont { width: 390px; height: 300px; padding: 15px; background-color: rgb(255, 255, 255); text-align: justify; margin: auto; margin-top: 400px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; font-family: arial; font-size: 11px; line-height: 130%; color: #191919; overflow: auto; } #beauxcrime-container:hover .beauxcrime-ship { margin-top:20px; } #beauxcrime-container:hover .beauxcrime-shipcont { margin-top:25px; } </style> <div id="beauxcrime-container"> <div class="beauxcrime-ship"> Криминальные новости<br> <small>8'08'17</small> </div> <div class="beauxcrime-shipcont"> <img src="http://i.imgur.com/fKJnpad.png"> <br><br>Пожарная служба Филадельфии заявила о ликвидации возгорания в городской наркологической клинике. <br>Пожар произошел в одном из корпусов клиники на востоке Филадельфии, передает пресс-служба городского управления пожарной безопасности. <br>В результате возгорания пострадало пятнадцать человек, семь пострадавших доставлены в госпитали с ожогами различной степени тяжести. Три человека, в числе которых один медик, погибло. Управление отметило, что пожарным удалось своевременно затушить очаг возгорания и эвакуировать находящихся в здании пациентов и медиков, что позволило избежать увеличения количества жертв. </div> </div> <center>
Код:<!--HTML--> <style type="text/css"> #beauxmusic-container { width:420px; padding: 15px; height: 420px; background-image:url(http://i.imgur.com/QKlcFzY.png); margin:auto; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; overflow:hidden;} .beauxmusic-ship { font-family: bebas neue; text-align: right; color: #fff; text-transform: uppercase; font-size: 17px; letter-spacing: 2px; padding: 3px; border-right: 8px solid #fff; line-height: 100%; margin-right: 20px; margin-top: 20px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;} .beauxmusic-shipcont { width: 390px; height: 300px; padding: 15px; background-color: rgb(255, 255, 255); text-align: justify; margin: auto; margin-top: 400px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; font-family: arial; font-size: 11px; line-height: 130%; color: #191919; overflow: auto; } #beauxmusic-container:hover .beauxmusic-ship { margin-top:20px; } #beauxmusic-container:hover .beauxmusic-shipcont { margin-top:25px; } </style> <div id="beauxmusic-container"> <div class="beauxmusic-ship"> Новости шоу-бизнеса<br> <small>4'09'17</small> </div> <div class="beauxmusic-shipcont"> Четвертое сентября можно считать полуофициальным окончанием летнего сезона, дополнительным выходным для всех граждан США: большинство фирм в этот день не работает, практически все государственные учреждения закрыты, и даже многие колледжи и некоторые школы начинают учебный год только после Дня Труда, который отмечается этим числом. <br>Впервые День Труда был отмечен в 1882 году и в его истоках лежит основание Центрального профсоюза сделать выходной для рабочих, однако общегосударственным выходным этот день становится только в 1894 году. Первоначально было задумано, что в этот день на улицах будут проходить парады с целью дать возможность народу выразить свою благодарность работе профсоюзных и трудовых организаций, но в настоящее время День Труда воспринимается не в ракурсе истории рабочего движения, а как дополнительный отдых. В этот день наши сограждане устраивают кемпинги по всей стране, организуя барбекю на воздухе. <br>С праздником! </div> </div> <center>
Код:<!--HTML--> <style type="text/css"> #beauxweather-container { width:420px; padding: 15px; height: 420px; background-image:url(http://i.imgur.com/c6DLfir.png); margin:auto; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; overflow:hidden;} .beauxweather-ship { font-family: bebas neue; text-align: right; color: #fff; text-transform: uppercase; font-size: 17px; letter-spacing: 2px; padding: 3px; border-right: 8px solid #fff; line-height: 100%; margin-right: 20px; margin-top: 20px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;} .beauxweather-shipcont { width: 390px; height: 300px; padding: 15px; background-color: rgb(255, 255, 255); text-align: justify; margin: auto; margin-top: 400px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; font-family: arial; font-size: 11px; line-height: 130%; color: #191919; overflow: auto; } #beauxweather-container:hover .beauxweather-ship { margin-top:20px; } #beauxweather-container:hover .beauxweather-shipcont { margin-top:25px; } </style> <div id="beauxweather-container"> <div class="beauxweather-ship"> Погода<br> <small>4'09'17</small> </div> <div class="beauxweather-shipcont"> Четвертое сентября можно считать полуофициальным окончанием летнего сезона, дополнительным выходным для всех граждан США: большинство фирм в этот день не работает, практически все государственные учреждения закрыты, и даже многие колледжи и некоторые школы начинают учебный год только после Дня Труда, который отмечается этим числом. <br>Впервые День Труда был отмечен в 1882 году и в его истоках лежит основание Центрального профсоюза сделать выходной для рабочих, однако общегосударственным выходным этот день становится только в 1894 году. Первоначально было задумано, что в этот день на улицах будут проходить парады с целью дать возможность народу выразить свою благодарность работе профсоюзных и трудовых организаций, но в настоящее время День Труда воспринимается не в ракурсе истории рабочего движения, а как дополнительный отдых. В этот день наши сограждане устраивают кемпинги по всей стране, организуя барбекю на воздухе. <br>С праздником! </div> </div> <center>
Код:<!--HTML--> <style type="text/css"> #beauxjour-container { width:420px; padding: 15px; height: 420px; background-image:url(http://i.imgur.com/9lrKj1n.png); margin:auto; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; overflow:hidden;} .beauxjour-ship { font-family: bebas neue; text-align: right; color: #fff; text-transform: uppercase; font-size: 17px; letter-spacing: 2px; padding: 3px; border-right: 8px solid #fff; line-height: 100%; margin-right: 20px; margin-top: 20px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;} .beauxjour-shipcont { width: 390px; height: 300px; padding: 15px; background-color: rgb(255, 255, 255); text-align: justify; margin: auto; margin-top: 400px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; font-family: arial; font-size: 11px; line-height: 130%; color: #191919; overflow: auto; } #beauxjour-container:hover .beauxjour-ship { margin-top:20px; } #beauxjour-container:hover .beauxjour-shipcont { margin-top:25px; } </style> <div id="beauxjour-container"> <div class="beauxjour-ship"> Статьи журналистов города<br> <small>4'09'17</small> </div> <div class="beauxjour-shipcont"> Четвертое сентября можно считать полуофициальным окончанием летнего сезона, дополнительным выходным для всех граждан США: большинство фирм в этот день не работает, практически все государственные учреждения закрыты, и даже многие колледжи и некоторые школы начинают учебный год только после Дня Труда, который отмечается этим числом. <br>Впервые День Труда был отмечен в 1882 году и в его истоках лежит основание Центрального профсоюза сделать выходной для рабочих, однако общегосударственным выходным этот день становится только в 1894 году. Первоначально было задумано, что в этот день на улицах будут проходить парады с целью дать возможность народу выразить свою благодарность работе профсоюзных и трудовых организаций, но в настоящее время День Труда воспринимается не в ракурсе истории рабочего движения, а как дополнительный отдых. В этот день наши сограждане устраивают кемпинги по всей стране, организуя барбекю на воздухе. <br>С праздником! </div> </div> <center>
<!--HTML--><style type="text/css">.brimage{font-family: 'oswald', sans-serif;
font-size: 24px;
text-transform: uppercase;
letter-spacing: -1px;
color: #809381;
height: 458px;
width: 755px;
text-align: center;
background: url(http://i.imgur.com/bftZZOx.png);
position: relative;
line-height: 118%;
overflow: hidden;}
.brtitle{ position:absolute; bottom:0px; width:100%; left:0px;-webkit-transition: all .5s ease .1s; -moz-transition: all .5s ease .1s;-ms-transition: all .5s ease .1s; -o-transition: all .5s ease .1s; transition: all .5s ease .1s;}
.brimage:hover .brtitle{bottom: -30px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.brcaption{ position: absolute;
bottom: -30px;
width: 100%;
left: -6px;
background-color: #524e38;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
font-size: 14px;
letter-spacing: 0px;}
.brimage:hover .brcaption{bottom: 0px;-webkit-transition: all .5s ease .1s;-moz-transition: all .5s ease .1s;-ms-transition: all .5s ease .1s;-o-transition: all .5s ease .1s;transition: all .5s ease .1s; }
.brlyrics{width: 696px;
color: #809381;
font-family: Yeseva One;
font-size: 16px;
text-transform: uppercase;
line-height: 90%;
background-color: #1c1f18;
padding: 10px 30px;
text-align: center;
letter-spacing: 0.09em;
}
.brlyrics a{color: #661e05; text-decoration: none;}
.brtext{width: 718px;
color: #809381;
text-align: center;
line-height: 100%;
background-color: black;
font-family: calibri, sans-serif;
font-size: 11px;
padding: 15px 20px 15px 15px;}
</style>
<p><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><center><div class="brimage"><div class="brcaption">
Рэймонд Грэхам ♦ ♦ ♦ Алвена из рода Грэхам
</div></div><div class="brlyrics">
Четырнадцатый век. Разгул черной смерти.
</div><div class="brtext">
Точила когти, поднимала голову мистерия ночи - выпускала на страдающую, стонущую землю дочерей и проклятых сынов своих, и подступала со спины, где не было щита и верной спины брата. Зло плясало на костях невинных.
</div><div class="brlyrics" style="text-align:right;"></div></center><!--HTML--><div class='signature'><link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900,400italic,600italic,700italic,900italic' rel='stylesheet' type='text/css'><br /><link rel="stylesheet" type="text/css" href="https://abandonedstudio.jcink.net/uploads/abandonedstudio/Miscellaneous/amenforannie2.css"><br /><br /><div class="n-amenforannie2"><br /> <img src="https://78.media.tumblr.com/8103ee94e551ed942196f9a570d1faf6/tumblr_pbx6w0h9CT1ri4cgfo1_400.gif" class="annieimage2"><br /> <br /> <div class="n-annietext"><br /> <br /> <span class="emphasis">“</span><br />check out born for this, an upcoming rl site set in london!<span class="date">10/07</span><br /> <br /> </div><br /> <br /> <div class="annieshover"><br /> <div class="annieslinks"><a href="http://allisonarghent.tumblr.com">tumblr</a> & <a href="http://anniesroleplay.tumblr.com">rp tumblr</a> & <a href="https://bornforthisrp.tumblr.com/">born for this</a></div><br /> </div></div>
<!--HTML--> <div style="background-color:#fff; border:40px solid #099FFF; width:200px; height:1px;"></div> <div style="font-family:'Playfair Display', serif; font-size:20px; color:#000; position:relative; top:-62px; letter-spacing:4px; background-color:#fff; width:150px; text-align:center; padding:15px 0;">specklized</div>
<!--HTML-->
<div class='postcolor'> <link href='http://fonts.googleapis.com/css?family=Archivo+Black' rel='stylesheet' type='text/css'><center><style> .m-rule b2 { margin-left: 40%; font: 8px archivo black; text-transform: uppercase; }
.m-out { box-shadow: 3px 3px 0 rgba(225,225,225,0.2); padding: 15px; background-color: #fff; margin: 30px 5px; width: 252px; box-shadow: 3px 3px 0 rgba(225,225,225,0.2); } .m-rule { font: 10px calibri; color: black; letter-spacing: 1px; width: 200px; text-align: justify; background-color: #fff; padding: 25px; } .m-line { display: block; width: 252px; height: 1px; background: center url(http://i.imgur.com/XOCfwDh.png); } </style>
<table><td><div class="m-out"><div class="m-line"></div><div style="padding: 0px 1px; background: center top url(http://i.imgur.com/Xg7USwl.png);"><div class="m-rule"><b2>guide</b2><p>
To use this template you'll have to put a color hex <u>without the #</u> in their <b>group icon</b> (you can find it in Users and Groups > Manage User Groups > Edit Group), doing that, some fonts in the template will change color. Otherwise, the template will have a light-teal color, witch is nice too.<p>
The avatar size is <u>275x400</u>, and the gif is <u>75x75</u>.<p>
Link my caution accont in the credits if you use it and link your site here!<p>
</div><div class="m-line"></div></div></div>
</td><td>
<div class="m-out" style="margin: 30px 0px; width: 200px;"><div class="m-rule" style="width: 150px;"><b2>fields</b2><p>
<b>_1</b> gif link<br />
<b>_2</b> alias<br />
<b>_3</b> app link<br />
<b>_4</b> tracker link<br />
<b>_5</b> age<br />
<b>_6</b> nickname<br />
<b>_7</b> description<br /><p>
<b2>(minip. w/o</b2><br /><b2>point sistem)</b2><p>
all the fields above plus:<br />
<b>_8</b> shipper link<br />
<b>_9</b> development link
</div></div>
</td></table>
</center>
<p><br /><br /><br />
</p></div><div class="m-line"></div></div></div><!--HTML--><link href="http://files.jcink.net/uploads/burningupasun/public/emcomm0_min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Oxygen:300,400,700" rel="stylesheet">
<style type="text/css">
#NAME .em-comm-0-call b { color: #555 }
#NAME .em-comm-0-pic { background-color: #f0f0f0 }
</style>
<div id="NAME">
<div class="em-comm-0"><div class="em-comm-0-top"><div class="em-comm-0-menu"><a href="http://cttw.jcink.net/index.php?showuser=5748"><i class="fas fa-copyright"></i> EMMA</a><span class="em-right"><i class="fas fa-signal"></i> <i class="fas fa-wifi"></i> <i class="fas fa-battery-half"></i></span></div><div class="em-comm-0-contact"><i class="em-left fas fa-fw fa-chevron-left"></i><i class="em-right fas fa-fw fa-info"></i>
contact name
</div></div><div class="em-comm-0-pic em-comm-0-circle">
<img src="https://via.placeholder.com/80">
</div><div class="em-comm-0-body em-comm-0-call">
<p> your text here <b>"bold looks like this"</b> <i>italics looks like this</i>
<p> use a p tag if you want to split
</div><div class="em-comm-0-notch"></div><div class="em-comm-0-speaker"></div><div class="em-comm-0-camera"></div><div class="em-comm-0-swipe"></div></div></div><!--HTML--><div class="mahmoodisbae">
<style>.mahmoodisbae { width: 590px;
height: auto;
background-color: #fff;
padding: 50px 0px 50px 0px;
border: 1px solid #f5f5f5;
text-align: center;}
.mahmoodisbae1 {
width: 250px;
font: 600 24px playfair display;
color: #fed6cf;
letter-spacing: 0px;
text-transform: lowercase;
background-color: #fff;
position: absolute;
margin-left: 170px;
}
.mahmoodisbae2 {
width: 450px;
font: 500 8px arial;
color: #97b396;
letter-spacing: 1px;
text-transform: lowercase;
padding-top: 15px;
padding-bottom: 8px;
border: 1px solid #f5f5f5;
margin-left: 69px;
margin-top: 15px;
}
.mahmoodistext {
font: 500 10px arial;
color: #676767;
text-align: justify;
width: 450px;
height: auto;
padding: 15px;
border: 1px solid #f5f5f5;
}
</style>
<div class="mahmoodisbae1"><b>выпуск #51</b></div>
<div class="mahmoodisbae2">всем привет, вы на канале semyon plays, и сегодня мы пьём бухлишко.</div> <br>
<center>
<div class="mahmoodistext"><div style="width: 100px; height: 200px; background-image: url(https://i.imgur.com/N4nBzYL.png); float: left; margin: 3px 10px 0px 0px; border: 0px solid #f9f9f9; "></div>
ну что, <s>русичи</s> кореячи мои родные, вот мы и снова встретились. давно не виделись, да? за этими дождями и грозами я почти потерял вас из виду, но сегодня мы все снова здесь, под одной крышей, и ни один дождик нашему счастью не станет помехой, а знаете почему? потому что я принёс вам столько вкусных сладостей, что готовьтесь, вам ещё долгое время сладкого потом не захочется. погналей !<br>
<br>
как вы могли заметить, я немножко изменился за это лето. причёсочка по новой моде, и паспорт вот получил с российским гражданством, наконец-то. и знаете что, пора бы вам сделать то же самое. у нас стартует новый <i>ивент</i>, приуроченный.. а ни к чему, он у нас просто так, потому что мы вас любим. как вы могли догадаться, тема у ивента довольно специфичная, но вам она обязательно придётся по вкусу. подробнее о нём и о всех сроках узнать вы можете, как всегда — <a href="http://simplebiology.rusff.me/viewtopic.php?id=1869#p225014">здесь</a>. у нас также действует небольшой <a href="http://simplebiology.rusff.me/viewtopic.php?id=1865#p225008">пропускной пункт</a>, сотрудничая с которым многие из вас смогут преобразиться и придумать для себя легенду. круто же, а ?
<br><br>
переоделись? по пивасу взяли? а теперь поехали осматривать наши владения, пацантрэ и чувихи. йоу. как всегда на старте ивента у нас открываются три стабильные темы, которые вы так любите. поскольку у нас в ходу теперь новая валюта, обменять кровно заработанные коины на неё вы сможете в нашем <a href="http://simplebiology.rusff.me/viewtopic.php?id=1862#p225004">обменнике</a>. заработать же бутылки вы сможете, как обычно, проявляя различную активность на форуме, и забрать свою награду, соответственно в действующем <a href="http://simplebiology.rusff.me/viewtopic.php?id=1863#p225006">банке тинькофф</a>. ну а потратить свои сокровища вы, конечно же, сможете в <a href="http://simplebiology.rusff.me/viewtopic.php?id=1864#p225007">пятёрочке</a>. не забудьте порадовать своих близких подарочками, вам будет приятно, а им вдвойне !
<br><br>
но и это ещё не всё. помимо стандартной возни с зарабатыванием бутылочек, специально для вас открывают свои двери конкурсы, которых вы так долго ждали ( ну ждали же, признайтесь ). немножко перебрав накануне наш дядя пётр взял и всё перепутал к хренам собачьим, помочь ему разобраться, что где и как вы сможете прямо <a href="http://simplebiology.rusff.me/viewtopic.php?id=1866#p225010">вот здесь</a>. только не кричите слишком громко, а то у старика голова болит. <br>
знаете, мне оч нравится любоваться всякими красивыми бутылками. пусть я лично парень непьющий, но должен признать, что порой вместилища для алкоголя преображаются в отдельные произведения искусства. так вот, к чему это я. у вас появится возможность, наконец, собрать свою собственную коллекцию горячительных напитков ( только не потратьте это всё за один день, договорились? ). заглянуть в ассортимент недостающих напитков в баре вы сможете <a href="http://simplebiology.rusff.me/viewtopic.php?id=1867#p225011">здесь</a>. <br>
ну и, конечно же, куда мы без эмоджи-конкурса? а вот и никуда, так что скорее напрягайте свои опохмелившиеся организмы, и бегом угадывать, что есть что, награда не ждёт, у вас не так то много времени ! эмоджи ждут вас <a href="http://simplebiology.rusff.me/viewtopic.php?id=1868#p225012">здесь.</a>
<br><br>
<div style="width: auto; height: auto; float: right; margin: 0px 0px 0px 10px; border: 0px solid #f9f9f9; padding: 5px 0px 0px 0px;"><a href="http://simplebiology.rusff.me/profile.php?id=584"><img src="https://i.imgur.com/UnWp24i.png" style="padding-left: 0px;" title="активист lee jooheon"></a> <a href="http://simplebiology.rusff.me/profile.php?id=616"><img src="https://i.imgur.com/FeWkRXA.png" style="margin-left: 2px; padding-left: 0px;" title="активист xiao zhan"></a> <a href="http://simplebiology.rusff.me/profile.php?id=603"><img src="https://i.imgur.com/iNxkXKp.png" style="margin-left: 1px; " title="активист han seungwoo"></a>
<br><br>
<a href="http://simplebiology.rusff.me/profile.php?id=601"><img src="https://i.imgur.com/KBMU9f8.png" style="padding-left: 0px;" title="постописец huang xuxi"></a> <a href="http://simplebiology.rusff.me/profile.php?id=571"><img src="https://i.imgur.com/CkQC9UP.png" style="margin-left: 2px; padding-left: 0px;" title="постописец kim jungwoo"></a> <a href="http://simplebiology.rusff.me/profile.php?id=529"><img src="https://i.imgur.com/MOkWeXb.png" style="margin-left: 1px; " title="постописец lee sunmi"></a></div>
<div style="width: auto; height: auto; float: left; margin: 0px 10px 0px 0px; border: 0px solid #f9f9f9; padding: 5px 0px 5px 0px;"><a href="http://simplebiology.rusff.me/viewtopic.php?id=1832#p220668"><img src="https://i.imgur.com/UChMLal.png" title="эпизод — ;stay" style="padding-bottom: 2px;"></a><br><a href=""><img src="https://i.imgur.com/CtCglCG.png" title="пара недели kim taehyung x min yoongi"></a></div>
ну что, пока что по развлекательной части всё, не волнуйтесь, у нас ещё припрятана пара тузов в кармане. а теперь давайте займёмся организационными новостями. <a href="http://simplebiology.rusff.me/viewtopic.php?id=362#p225002"><i>флора и фауна</i></a> у нас приостанавливается на две недели, на время проведения ивента, собственно, как обычно. так что не забудьте взглянуть на результаты и забрать положенные вам награды. в <a href="http://simplebiology.rusff.me/viewtopic.php?id=237&p=2#p225013">списке на удаление</a> не забываем вычёркивать свои имена, мы очень надеемся, что времени хватит всем, и кто просил отсрочку, помните, вы умницы, и мы будем ждать вас и ваши посты, соответственно. <a href="http://simplebiology.rusff.me/viewtopic.php?id=1377&p=13#p225003">топ-5 тамагочи</a> также ждёт вас в соответствующей теме. хочется немного вас поругать за то, что оставили питомцев без присмотра, но мы верим, что вы за эту неделю обязательно исправитесь. <br>
что ж, а заканчиваю свою речь я благодарностью к нашим активистам, которые будут озарять своим светом шапку целую неделю. спасибо вам за то, что вы есть, мы вас очень любим ♥ ъыъ не забываем забирать свои награды в <a href="http://simplebiology.rusff.me/viewtopic.php?id=1509">банке</a> ! ну а я с вами прощаюсь, спасибо что осилили весь этот текст ( или не осилили, но это уже БОГ ВАМ СУДЬЯ ). до следующего выпуска, ставьте сыроежки, пальцы вверх, жмите на колокольчик и подписывайтесь на канал.
<br><br>
<center>
<div class="chikenstext10"><o>пост недели :</o> обычно я не жду, не люблю ходить пешком, не пью дерьмовый кофе и не ем салаты, если их не приготовил какой-нибудь именитый повар. я живу в пентхаусе, у меня личный водитель и кисти из человеческих . . . <a href="http://simplebiology.rusff.me/viewtopic.php?id=1452#p224774">читать дальше</a>. </div>
</center>
</div><br>
<div style="margin-left: 300px; width: 210px; padding: 10px; font-family: arial; font-size: 10px; color: #97b396; text-align: right; border-top: 1px solid #f5f5f5;">а с вами был ваш<br> дружелюбный сосед, <i>семён</i> ♡<br> </div>
</center></div>эстетствующий джамп
Код:<!--HTML--> <div class='postcolor'> <style type="text/css"> .tweet { width: 460px; padding:20px; background-color:#fff; margin-top:50px; margin:auto; } .tweet_top { font-family:calibri; text-transform:uppercase; letter-spacing:1px; font-size:8px; text-align:left; color:#cccccc; } .tweet p { font-family:open sans condensed; letter-spacing:0px; font-size:14px; line-height:100%; text-align:justify; padding-left:15px; padding-right:15px;}</style> <div class="tweet"> <p><b>Привет эстетам джампа!</b> <br>Это не конкурс, приятель, это чистое нерафинированное творчество и вдохновение, твоя возможность показать то, как ты видишь своего героя или каким представляешь чьего-то чужого. Ты можешь рассказать о своем персонаже этими девятью изображениями, собрав про него подборку, или поделиться с миром блогов MyJump тем, как видишь другого героя - все в твоих руках. </p> </div>Код:<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lato:300,400,600,700' rel='stylesheet' type='text/css'> <div id=insta-d1> <div class="twit_logo"># My Philly</div> <div class=c-for> <div style="background-image: url(http://lamcdn.net/lookatme.ru/post-cover/VMX5GH_hbD2uSpkNGwntYw-default.jpg)" class=instafeeda></div> <div style="background-image: url(https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQBpG-_U-zFyNJ9rxt_FqrlLxtcjSdfETJ2m84v97oNLOiFDBilcg)" class=instafeeda></div> <div style="background-image: url(https://s-media-cache-ak0.pinimg.com/736x/7a/41/74/7a417428009cd6989b34ea6309e877ad.jpg)" class=instafeedb></div> <div class=insta8></div> <div style="background-image: url(https://s-media-cache-ak0.pinimg.com/736x/60/cf/db/60cfdb96744a9cc380f96b23b1d7550d.jpg)" class=instafeeda></div> <div style="background-image: url(https://68.media.tumblr.com/4af529493fce9ba10f42efab042401f2/tumblr_opved6sKRw1v6un5eo6_500.png)" class=instafeeda></div> <div style="background-image: url(https://later.com/blog/wp-content/uploads/2015/05/Screen-Shot-2015-11-04-at-2.10.56-PM.png)" class=instafeedb></div> <div class=insta8></div> <div style="background-image: url(https://68.media.tumblr.com/b2da25065ec097cfe76f49ffe88cc95c/tumblr_opved6sKRw1v6un5eo10_500.jpg)" class=instafeeda></div> <div style="background-image: url(https://68.media.tumblr.com/cfcbe5cb8b58d2abb56662268fd9fde5/tumblr_opfv8zqQYx1taa5gwo1_500.jpg)" class=instafeeda></div> <div style="background-image: url(http://typeaparent.com/wp-content/uploads/2017/02/Fotolia_30335307_Subscription_Monthly_M-600x600.jpg)" class=instafeedb></div> </div></div>
Перед отправкой не забудьте вставить шаблон в теги, для этого выделите все содержимое поста и нажмите на кнопкуКод:<link href='http://fonts.googleapis.com/css?family=Lato:300,400,600,700' rel='stylesheet' type='text/css'> <div id=insta-d1> <div class="twit_logo"> # ИМЯ ПЕРСОНАЖА </div> <div class=c-for> <div style="background-image: url(ССЫЛКА НА КВАДРАТНОЕ ИЗОБРАЖЕНИЕ ЛЮБОГО РАЗМЕРА)" class=instafeeda></div> <div style="background-image: url(ССЫЛКА НА КВАДРАТНОЕ ИЗОБРАЖЕНИЕ ЛЮБОГО РАЗМЕРА)" class=instafeeda></div> <div style="background-image: url(ССЫЛКА НА КВАДРАТНОЕ ИЗОБРАЖЕНИЕ ЛЮБОГО РАЗМЕРА)" class=instafeedb></div> <div class=insta8></div> <div style="background-image: url(ССЫЛКА НА КВАДРАТНОЕ ИЗОБРАЖЕНИЕ ЛЮБОГО РАЗМЕРА)" class=instafeeda></div> <div style="background-image: url(ССЫЛКА НА КВАДРАТНОЕ ИЗОБРАЖЕНИЕ ЛЮБОГО РАЗМЕРА)" class=instafeeda></div> <div style="background-image: url(ССЫЛКА НА КВАДРАТНОЕ ИЗОБРАЖЕНИЕ ЛЮБОГО РАЗМЕРА)" class=instafeedb></div> <div class=insta8></div> <div style="background-image: url(ССЫЛКА НА КВАДРАТНОЕ ИЗОБРАЖЕНИЕ ЛЮБОГО РАЗМЕРА)" class=instafeeda></div> <div style="background-image: url(ССЫЛКА НА КВАДРАТНОЕ ИЗОБРАЖЕНИЕ ЛЮБОГО РАЗМЕРА)" class=instafeeda></div> <div style="background-image: url(ССЫЛКА НА КВАДРАТНОЕ ИЗОБРАЖЕНИЕ ЛЮБОГО РАЗМЕРА)" class=instafeedb></div> </div></div>ххх# имя персонажа
![]()
![]()
![]()
![]()
![]()
Шаблон в виде bb-кода# имя персонажа
-- -- --
-- -- --
-- -- --
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lato:300,400,600,700' rel='stylesheet' type='text/css'> <div id=insta-d1><div class=insta1><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcS9LbkaYYuI6NrtZzKM6wfiJ-zH1jP7loat7kqXBtbeWaUpxgRr" style="width: 180px; height: 50px;"></div><div class=insta2><div class=instaicon style="background-image: url(http://photodoto.com/wp-content/uploads/2014/09/1-instagram-tips-for-photography-business.jpg);"></div><div class=insta3><div class=insta4></div><div class=insta5><div class=instauser> username </div><a href="http://cttw.jcink.net/index.php?showuser=624"><div class=instabutt > SIGUIENDO </div></a></div><div class=instadesc> <b>nombre</b>  descripción corta </div><div class=instastats> <b>###</b> posts   <b>###</b>seguidores   <b>###</b> siguiendo </div> </div></div><div class=c-for> <div style="background-image: url(http://imgs.abduzeedo.com/files/paul0v2/shaqvel/sv-05.jpg)" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div> ###   <div class=instacomms></div> ### </div></div></div> <div style="background-image: url(http://imgs.abduzeedo.com/files/paul0v2/shaqvel/sv-05.jpg)" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div> ###   <div class=instacomms></div> ### </div></div></div> <div style="background-image: url(http://imgs.abduzeedo.com/files/paul0v2/shaqvel/sv-05.jpg)" class=instafeedb><div class=insta6><div class=insta7><div class=instalikes></div> ###   <div class=instacomms></div> ### </div></div></div> <div class=insta8></div> <div style="background-image: url(http://imgs.abduzeedo.com/files/paul0v2/shaqvel/sv-05.jpg)" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div> ###   <div class=instacomms></div> ### </div></div></div> <div style="background-image: url(http://imgs.abduzeedo.com/files/paul0v2/shaqvel/sv-05.jpg)" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div> ###   <div class=instacomms></div> ### </div></div></div> <div style="background-image: url(http://imgs.abduzeedo.com/files/paul0v2/shaqvel/sv-05.jpg)" class=instafeedb><div class=insta6><div class=insta7><div class=instalikes></div> ###   <div class=instacomms></div> ### </div></div></div> </div></div>
+++++++++++++++++++++++++++++++++++++++
<!--HTML--><div class='postcolor'>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<style type="text/css">
.yt_container { width:500px; overflow:hidden; margin:auto; background-color:#f5f5f5; }
.yt_logo { padding:20px; background-color:#fff; font-family:oswald; text-transform:none; letter-spacing:2px; text-align:center; }
.yt_logo span { font-family:oswald; font-size:14px; text-transform:uppercase; color:#000; }
.yt_banner { width:500px; height:250px; background-image:url(http://placehold.it/500x250); }
.yt_av { height:100px; width:100px; overflow:hidden; margin-left:20px; background-image:url(http://i.imgur.com/ZIUPZ5B.png); }
.yt_bar { padding:15px; background-color:#fff; }
.yt_name { font-family:oswald; font-size:25px; width:300px; color:#000;}
.yt_subs { width:171px; background-image:url(http://i.imgur.com/AXkuVSL.png); height:29px;}
.yt_subz { padding-top:6px; padding-left:108px; font-family:open sans condensed; font-size:15px; color:#191919; }
.yt_mt { width:460px; background-color:#fff; margin-top:3px; padding:20px; }
.yt_vid { width:300px; height:169; background-image:url(http://placehold.it/300x169); }
.yt_info { width:160px; text-align:left; overflow:hidden; padding-left:10px; font-family:open sans condensed; font-size:11px; height:169px; line-height:110%;}
.yt_info h1 { color:#816099; font-family:oswald; font-size:15px; }
.yt_info span { color:#816099; font-family:open sans condensed; font-size:13px; }
.yt_info h2 { font-family:calibri; font-size:8px; text-transform:uppercase; color:#cccccc; letter-spacing:1px; margin-top:-10px; margin-left:2px; }
.creds { font-family:calibri; font-size:7px; text-transform:uppercase; letter-spacing:1px; margin-auto; text-align:right; width:475px;}
.creds a { color:#cc
</style>
<div class="yt_container">
<div class="yt_logo"><img src="http://i.imgur.com/VXc7Pgy.png" height="25" /> iWATCH <img src="http://i.imgur.com/ZIUPZ5B.png" height="25" style="margin-left:200px;" /> <span>LoveLux</span></div>
<div class="yt_banner"><div class="yt_av"></div></div>
<div class="yt_bar"><table><tr><td>
<div class="yt_name">LoveLux <img src="http://i.imgur.com/ejlqVvS.png" /></div>
</td><td>
<div class="yt_subs"><div class="yt_subz">10,101,122</div></div>
</td></tr></table></div>
<div class="yt_mt">
<table><tr><td>
<div class="yt_vid"><img src="http://i.imgur.com/uZRg2X3.png" /></div>
</td><td>
<div class="yt_info">
<h1>Lux Goes Shopping!</h1>
<h2>760,272 views - 1 Day Ago</h2>
Going back to Hogwarts means going shopping, and LOTS of it! Watch 'till the end for the information on the upcoming giveaway from some of my favorite outfits!<br /><br />
<span>READ MORE</span>
</div>
</td></tr></table>
</div>
</div>
+++++++++++++++++++++++++++++++++++++++
<!--HTML--><link href='http://fonts.googleapis.com/css?family=lato:300,400,600,700' rel='stylesheet' type='text/css'><link href='http://takingthehobbitstoisengard.b1.jcink.com/uploads/takingthehobbitstoisengard/dtinsta1.css' rel='stylesheet' type='text/css'> <div id=insta-d2> <div style="background-image: url(foto de instagram aquí)" class=instapic></div> <div class=insta9><div class=insta10> <div style="background-image: url(icono de instagram aquí)" class=instaicon></div><div class=instauser> username </div><div class=insta11> siguiendo</div><div class=insta12></div></div><div class=insta13><div class=instalikes> ### likes </div><div class=instatime> 1h </div></div><div class=insta14><div class=instacap> <b>username</b> comentario </div></div><div class=insta15></div><div class=insta16><div class=insta17><a href="http://cttw.jcink.net/index.php?showuser=624"><img src="http://i29.photobucket.com/albums/c265/Kazuki_Chan456/WPKT1BG_zpszwbgkviq.png" style="width: 18px; height: 15px; margin-top: -10px; margin-left:10px;"></a><div class=instacommbox style="margin-left: 03px; margin-top: 5px;" >add a comment...</div><div class=instadots style="margin-left: -5px;"></div></div></div></div></div>
----------------------------------------------------------------
<!--HTML--><div class='postcolor'>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<style type="text/css">
.twit_container { width:500px; overflow:hidden; margin:auto; background-color:#f5f5f5; padding-bottom:20px;}
.twit_logo { padding:20px; background-color:#fff; font-family:oswald; text-transform:uppercase; letter-spacing:2px; text-align:center; }
.twit_header { width:500px; height:200px; background-image:url(http://i.imgur.com/O48MM3Z.gif); overflow:hidden; }
.twit_info { padding:20px; background-color:#fff; padding-left:120px; padding-top:10px; padding-bottom:10px;}
.twit_det { width:75px; text-align:center; }
.twit_det span { font-family:calibri; font-size: 8px; text-transform:uppercase; letter-spacing:2px; }
.twit_det h1 { font-family:oswald; color:#FF3300; margin-top:-5px; font-size:17px; }
.twit_pic { border:4px solid #fff; width: 110px; height: 110px; background-image:url(http://i.imgur.com/qDs9UX5.png); margin-left:10px; margin-top:-130px; float:left; }
.twit_sb { padding:10px; width:110px; text-align:center; overflow:hidden; margin-top:-10px; float:left;}
.twit_sb h1 { font-family:oswald; font-size:16px; margin-bottom:-10px;}
.twit_sb span { font-family:calibri; font-size:9px; letter-spacing:1px; text-transform:uppercase; }
.twit_sb p { font-family:calibri; font-size:9.5px; line-height:100%; text-align:justify; }
.tweets { width: 310px; padding:10px; background-color:#fff; margin-top:10px; margin-left:150px; }
.tweets_top { font-family:calibri; text-transform:uppercase; letter-spacing:1px; font-size:8px; text-align:left; color:#cccccc; }
.tweets p { font-family:open sans condensed; letter-spacing:1px; font-size:20px; line-height:110%; text-align:justify; padding-left:15px; padding-right:15px;}
</style>
<div class="twit_container">
<div class="twit_logo"><img src="http://i.imgur.com/VXc7Pgy.png" height="20" /> FWOOPER</div>
<div class="twit_header"></div>
<div class="twit_info"><table><tr>
<td><div class="twit_det">
<span>tweets</span>
<h1>10k</h1>
</div></td>
<td><div class="twit_det">
<span>pics</span>
<h1>1,171</h1>
</div></td>
<td><div class="twit_det">
<span>following</span>
<h1>69</h1>
</div></td>
<td><div class="twit_det">
<span>followers</span>
<h1>505k</h1>
</div></td>
<td><div class="twit_det">
<span>favs</span>
<h1>1,369</h1>
</div></td>
</tr></table></div>
<div class="twit_pic"></div>
<div class="twit_sb">
<h1>scorpius <img src="http://i.imgur.com/VElhDYW.png" width="20"/></h1>
<span>@s_malfoy</span>
<p>scorpius. 17. slytherin. keeper. 2 kool 4 u.</p>
</div>
<div class="tweets">
<div class="tweets_top"><b>scorpius</b> @S_malfoy ● September 8</div>
<p>we are all illuminated lights are shining on our faces</p>
<img src="http://i.imgur.com/uotB52h.png" />
</div>
</div>
+++++++++++++++++++++++++++++++++++++++
<!--HTML--> <div class='postcolor'>
<style type="text/css">
.tweet { width: 460px; padding:20px; background-color:#fff; margin-top:50px; margin:auto; }
.tweet_top { font-family:calibri; text-transform:uppercase; letter-spacing:1px; font-size:8px; text-align:left; color:#cccccc; }
.tweet p { font-family:open sans condensed; letter-spacing:1px; font-size:20px; line-height:110%; text-align:justify; padding-left:15px; padding-right:15px;}</style>
<div class="tweet">
<div class="tweet_top"><b>scorpius</b> @S_malfoy ● September 8</div>
<p>we are all illuminated lights are shining on our faces</p>
<center><img src="http://i.imgur.com/uotB52h.png" /></center>
</div><!--HTML--><div class='meg-round'>
<img src='https://31.media.tumblr.com/fa8d16ce6d04c8351ef6f1a46165a6b3/tumblr_inline_mwwbklRN7h1so1xk1.png' />
<h1>Words: ###</h1>
<h2>July 17</h2>
<p>mind your p tags!</p>
<h3><b>NOTES:</b> one is the loneliest numbah</h3>
<div class='zeddit'>
<a href='http://cttw.jcink.net/index.php?showtopic=868'>&</a>
</div>
</div>
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> <style>#userlinks { z-index: 9999; } .meg-round { width: 350px; padding: 0 0 10px; margin: 15px auto; background-color: #F5F5F5; box-shadow: 0 0 0 10px #F5F5F5, 0 0 0 11px #ccc; border-top: 100px solid #171717; position: relative; text-align: justify; font-family: 'Roboto', sans-serif; font-size: 11px; color: #333; line-height: 1.4em; letter-spacing: 0.03em; } .meg-round img { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; height: 150px; width: 150px; display: block; margin: -95px auto 0; background-color: #F5F5F5; padding: 10px; position: relative; z-index: 3; } .meg-round h1, .meg-round h2, .meg-round h3 { width: 175px; font-weight: normal; color: #F5F5F5; background-color: #272727; font-size: 9px; position: absolute; margin: 1px 0; padding: 0px 10px; text-transform: uppercase; } .meg-round h1 { top: 0; left: 0; text-align: left; height: 25px; line-height: 25px; } .meg-round h2 { top: 0; right: 0; text-align: right; height: 25px; line-height: 25px; } .meg-round h3 { position: relative; width: 330px; padding: 3px 10px; margin-top: 20px; } .meg-round p { margin-right: 20px; margin-left: 20px; } .meg-round p:nth-child(4) { padding-top: 0px; margin-top: 0px; } .meg-round p:last-child { padding-bottom: 0px; margin-bottom: 0px; } .zeddit { position: absolute; bottom: -30px; left: 0; right: 0; text-align: center; }</style><!--HTML--><style>.touchc {
background: #fff none repeat scroll 0 0;
height: 415px;
margin: 0 auto;
width: 490px;
padding: 40px;
}
.touchimg {
background: rgba(0, 0, 0, 0) url("http://spinsyr.com/imgur/SBBoN1f.png") no-repeat scroll center center / cover;
height: 355px;
width: 175px;
}
.touched {
color: #d9d7da;
font-family: "Catamaran";
font-size: 65px;
font-weight: 900;
letter-spacing: -3px;
line-height: 55px;
}
.sometimes {
color: #fb9592;
font-family: "Catamaran";
font-size: 7pt;
left: 25px;
letter-spacing: 1.3px;
position: absolute;
}
.touchright {
float: right;
position: relative;
}
.touchpost {
color: rgba(0, 0, 0, 0.35);
font-family: trebuchet ms;
font-size: 7pt;
height: 330px;
line-height: 12px;
overflow-y: scroll;
padding-right: 10px;
text-align: justify;
}
.touchpostc {
background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
padding: 15px;
width: 270px;
}
.touchs {
float: left;
}
.touchbox {
background: #fb9592 none repeat scroll 0 0;
height: 60px;
position:relative;
}
.touchtag {
background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
color: #fff;
font-family: "Catamaran";
font-size: 8pt;
height: 30px;
left: 15px;
line-height: 30px;
position: absolute;
text-align: center;
text-transform: lowercase;
top: 15px;
width: 145px;
}
.spencredit {
color: #fb9592 !important;
float: right;
font-family: trebuchet ms;
font-size: 6pt;
text-transform: uppercase;
}</style>
</head>
<body>
<link href='https://fonts.googleapis.com/css?family=Catamaran:900,800,700,600,400' rel='stylesheet' type='text/css'>
<div class="touchc">
<div class="touchs">
<div class="touchimg"></div>
<div class="touchbox">
<div class="touchtag"><span style="font-weight:800">tag:</span> person</div></div>
</div>
<div class="touchright">
<div class="sometimes">all I wanna do is be</div>
<div class="touched">touched<span style="color:#FB9592">.</span></div>
<div class="touchpostc"><div class="touchpost">POST GOES HERE</div>
</div><a href="http://cttw.jcink.net/index.php?showuser=7916" class="spencredit" target="_blank">♥ spenny</a>
</div>
</div>
<!--HTML--><style>
.legends-bytn {
padding: 10px;
border: 1px solid #ddd;
width: 450px;
margin: 10px auto;
position: relative;
background: #eee;
--color1: #AFCDB2;
--color2: #7DA581;
--font3: 'Thasadith', sans-serif;
--font2: 'Staatliches', cursive;
--font1: 'Lato', sans-serif;
}
.legends-img {
float: left;
padding: 5px;
border: 1px solid #ddd;
background: #fefefe;
}
.legends-img img {
width: 100px;
height: 100px;
}
.legends-line-1, .legends-line-2 {
float: left;
padding: 3px;
margin: 0px 0px 5px 5px;
border: 1px solid #ddd;
width: 325px;
color: var(--color1);
font-family: var(--font3);
text-align: center;
font-size: 13px;
text-transform: uppercase;
line-height: 16px;
background: #fefefe;
}
.legends-line-2 {
font-family: var(--font2);
font-size: 35px;
line-height: 46px;
color: var(--color2);
}
.legends-content {
padding: 10px;
border: 1px solid #ddd;
background: #fefefe;
font-family: var(--font1);
}
.legends-content scroll {
display: block;
padding: 0px 10px;
margin: 5px 0px;
overflow: auto;
max-height: 400px;
font-size: 12px;
line-height: 14px;
color: #777;
text-align: justify;
border-left: 1px solid #ddd;
}
.legends-content tag {
display: block;
font-family: var(--font2);
padding: 10px;
border: 1px solid #ddd;
margin: 10px 0px 0px;
color: var(--color2);
text-align: right;
}
.legends-content tag a {
color: var(--color2);
text-shadow: 1px 1px #eee;
}
.legends-content b {
color: var(--color2);
text-shadow: 1px 1px #eee;
}
.yuncred {
font-size: 10px;
font-family: 'Staatliches', sans-serif;
}
.yuncred a {
text-decoration: none;
}
</style>
<link href="https://fonts.googleapis.com/css?family=Lato|Staatliches|Thasadith" rel="stylesheet">
<div class="legends-bytn">
<div class="legends-img">
<img src="https://placehold.it/100">
</div>
<div class="legends-line-1">do you remember being young</div>
<div class="legends-line-2">WE COULD BE LEGENDS</div>
<div class="legends-line-1">the world in our hands, your heart in a song</div>
<div style="height: 120px;"></div>
<div class="legends-content">
<scroll>
post content here
</scroll>
<tag>
@[tagged name]
</tag>
</div>
</div>
<center><div class="yuncred">© yuno of <a href="http://thecodebox.jcink.net/index.php?showuser=1">the code box</a> & <a href="http://cttw.jcink.net/index.php?showuser=3623">cttw</a></div></center>
<!--HTML--><style>
.snek {
--color1: #96C6A0;
--color2: #F4916F;
position: relative;
width: 460px;
margin: 15px auto 50px;
background: #121212;
padding: 20px;
border: 5px solid #212121;
}
.snek cirq {
display: block;
position: relative;
float: left;
width: 100px;
height: 100px;
border-radius: 100%;
overflow: hidden;
border: 3px solid #3f3f3f;
border-top: 3px solid var(--color2);
-webkit-animation: boarderspin 3s linear infinite;
animation: boarderspin 3s linear infinite;
}
.snek cirq img {
width: 100px;
height: 100px;
-webkit-animation: imgspin 3s linear infinite;
animation: imgspin 3s linear infinite;
}
.snek-lyrics {
float: left;
width: 324px;
background: #2a2a2a;
padding: 10px;
margin: 5px 0px 0px 10px;
text-align: center;
}
.snek-lyrics h1 {
margin: 0px;
padding: 0px;
line-height: 35px;
font-size: 25px;
font-family: headers;
text-transform: uppercase;
color: var(--color1);
}
.snek:hover .snek-lyrics h1 {
-webkit-animation: lettershake .5s ease-in-out 3;
animation: lettershake .5s ease-in-out 3;
}
.snek-lyrics h2 {
font-family: sanserif;
font-size: 14px;
color: var(--color2);
text-transform: uppercase;
}
@-webkit-keyframes boarderspin {
from {transform: rotate(0deg);}
to {transform: rotate(360deg)}
}
@keyframes boarderspin {
from {transform: rotate(0deg);}
to {transform: rotate(360deg)}
}
@-webkit-keyframes imgspin {
from {transform: rotate(0deg);}
to {transform: rotate(-360deg)}
}
@keyframes imgspin {
from {transform: rotate(0deg);}
to {transform: rotate(-360deg)}
}
@keyframes lettershake {
0% {margin-left: 0px;}
25% {margin-left: -3px;}
50% {margin-left: 3px;}
100% {margin-left: 0px;}
}
.snek twc {
display: block;
position: absolute;
right: -5px;
bottom: -35px;
padding: 5px;
background: #212121;
color: var(--color1);
font-family: sanserif;
pointer-events: none;
opacity: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.snek twc a {color: var(--color2);}
.snek:hover twc {opacity: 1; pointer-events: auto;}
.snek-content b {
color: var(--color1);
font-family: sanserif;
}
.snek-content {
padding: 10px;
border: 10px solid #191919;
background: #212121;
color: #888;
text-align: justify;
font-family: arial;
font-size: 13px;
line-height: 16px;
}
</style>
<div class="snek">
<twc>
@[tag] -
words -
<a href="http://cttw.jcink.net/index.php?showuser=3623">© yunotn</a>
</twc>
<cirq><img src="https://media.giphy.com/media/yaGzS6Zg9yDYs/giphy.gif"></cirq>
<div class="snek-lyrics">
<h1>lie lie liar</h1>
<h2>liar you will pay for your sins</h2>
</div>
<div style="height: 120px;"></div>
<div class="snek-content">
Lorem ipsum dolor sit amet, consectetur <b>"someone is talking oh my gosh"</b> adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p></p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p></p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p></p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
</div>
</div>
<style>
@font-face {
font-family: 'sanserif';
src: url('https://files.jcink.net/uploads/tldcom/caviardreams_webfont.eot');
src: url('https://files.jcink.net/uploads/tldcom/caviardreams_webfont.eot?#iefix') format('embedded-opentype'),
url('https://files.jcink.net/uploads/tldcom/caviardreams_webfont.woff2') format('woff2'),
url('https://files.jcink.net/uploads/tldcom/caviardreams_webfont.woff') format('woff'),
url('https://files.jcink.net/uploads/tldcom/caviardreams_webfont.ttf') format('truetype'),
url('https://files.jcink.net/uploads/tldcom/caviardreams_webfont.svg#sanserif') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'headers';
src: url('https://files.jcink.net/uploads/tldcom/colors_of_autumn_webfont.eot');
src: url('https://files.jcink.net/uploads/tldcom/colors_of_autumn_webfont.eot?#iefix') format('embedded-opentype'),
url('https://files.jcink.net/uploads/tldcom/colors_of_autumn_webfont.woff2') format('woff2'),
url('https://files.jcink.net/uploads/tldcom/colors_of_autumn_webfont.woff') format('woff'),
url('https://files.jcink.net/uploads/tldcom/colors_of_autumn_webfont.ttf') format('truetype'),
url('https://files.jcink.net/uploads/tldcom/colors_of_autumn_webfont.svg#headers') format('svg');
font-weight: normal;
font-style: normal;
}
</style><!--HTML--><link href="https://fonts.googleapis.com/css?family=Istok+Web:400,700|Source+Code+Pro|Libre+Baskerville:400i" rel="stylesheet">
<style>
#masks {
position: relative;
margin: 20px auto 0px;
width: 350px;
background: black;
overflow: hidden;
padding: 50px;
padding-bottom: 250px;
}
#masks img {
position: absolute;
object-fit: cover;
height: 200px;
width: 450px;
bottom: 0px;
overflow: hidden;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
left: 0px;
}
.mimgover {
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(229,229,229,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(229,229,229,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(229,229,229,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00e5e5e5',GradientType=0 );
position: absolute;
height: 200px;
width: 450px;
bottom: 0px;
left: 0px;
}
.mline1 {
height:200px;
width: 1px;
background: #cc7227;
position: absolute;
right: 25px;
bottom: 0px;
}
#masks quote {
display: block;
font-family: istok web;
position: absolute;
color: #cc7227;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 10px;
width: 200px;
text-align: right;
bottom: 0px;
right: 35px;
line-height: 140%;
font-weight: 700;
z-index: 1;
height: 200px;
}
.mabox {
width: 450px;
height: 200px;
mix-blend-mode: screen;
position: absolute;
bottom: 0px;
right: 0px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(159,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(159,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(159,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#9f0000',GradientType=0 );
}
#masks quote2 {
color: #fff;
font-size: 8px;
font-family: libre baskerville;
text-transform: lowercase;
text-align: right;
line-height: 230%;
letter-spacing: 4px;
opacity: 0.3;
display: block;
font-style: italic;
}
#masks text {
position: relative;
color: #727272;
width: 350px;
height: auto;
font-size: 11px;
font-family: istok web;
line-height: 180%;
text-align: justify;
display: block;
}
#masks b {
color: white;
opacity: 0.6;
}
#masks text::-webkit-scrollbar{width:1px}
#masks text::-webkit-scrollbar-track{background:#000!important;border:none!important}
#masks text::-webkit-scrollbar-thumb{background: rgba(114, 114, 114,0.3)}
</style>
<div id="masks">
<img src="https://41.media.tumblr.com/03d119c3f6bd07e1e6af6e10e8f97d77/tumblr_nlcmlp3Qjn1t5g65lo1_500.jpg">
<div class="mimgover"></div>
<div class="mline1"></div><div class="mabox"></div>
<quote>I settled my grievance by crafting a mask
<quote2>and I never looked back</quote2>
</quote>
<text>
On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain
<br>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain
<br>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain
</text>
</div><!--HTML--><link href="https://fonts.googleapis.com/css?family=Baskervville|Cinzel|Kristi&display=swap" rel="stylesheet">
<style>
.daebox {
width: 450px;
background-color: #f2f2f2;
border-top: 110px solid #066163;
border-right: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
font-family: 'Baskervville', serif;
font-size: 12px;
text-align: justify;
color: #000;
}
.daeimg {
position: relative;
float: left;
margin-left: 10px;
margin-top: -80px;
margin-bottom: 10px;
z-index: 1;
}
.daeimg img {
width: 150px;
height: 150px;
border-radius: 50%;
border: 3px solid #fff;
}
.daetext {
padding-top: 40px;
padding-left: 60px;
padding-right: 60px;
padding-bottom: 100px;
line-height: 13px;
}
.daetext b {
color: #066163;
font-size: 13px;
}
.daetext i {
color: #066163;
font-size: 13px;
}
.daelyr {
position: absolute;
margin-top: -75px;
color: #f2f2f2;
width: 430px;
text-align: right;
font-family: 'Kristi', cursive;
font-size: 40px;
z-index: 2;
}
.daelyr2 {
position: absolute;
margin-top: -45px;
color: #f2f2f2;
width: 430px;
text-align: right;
z-index: 3;
font-family: 'Cinzel', serif;
font-size: 9px;
text-transform: uppercase;
}
.daeimg2 {
float: right;
position: relative;
margin-bottom: 10px;
margin-right: -20px;
z-index: 4;
}
.daeimg2 img {
width: 80px;
height: 80px;
border-radius: 50%;
border: 3px solid #fff;
}
.daetag {
position: absolute;
margin-top: 30px;
margin-left: -10px;
background-color: #066163;
width: 270px;
text-align: center;
padding: 10px;
margin-bottom: 30px;
color: #f2f2f2;
border-radius: 10px;
font-family: 'Baskervville', serif;
font-size: 10px;
}
</style>
<center>
<div class="daebox"><div class="daelyr">
some lyrics go here
</div><div class="daelyr2">
some longer lyrics can go here if you want
</div><div class="daeimg"><img src="SQUAREIMGWILLRESIZE"></div><div class="daetext">
<br><b>Rule One:</b> Both images will automatically resize square images, so there's no cropping needed!
<br><b>Rule Two:</b> You may customize colors and fonts, but please keep the spirit of the template intact.
<br><b>Rule Three:</b> Please keep the credit on. It's located as a link in the bottom image so it's not hurting anything by being there. You won't even notice it.
<br><b>Rule Four:</b> Seeing my templates in action inspires me to make more and I like seeing what ideas other people have for it.
<div class="daetag">
some lyrics or maybe a tag, notes, etc
</div><div class="daeimg2"><a href="http://cttw.jcink.net/index.php?showuser=72" target="_blank"><img src="SQUAREIMGWILLRESIZE"></a></div></div></div></center>Вы здесь » de renard squelette » Новый форум » свалка кодов