[html]<link href="https://fonts.googleapis.com/css2?family=Alegreya+SC:wght@400;500;700&display=swap" rel="stylesheet"><style>#ship5 {
--s5m: auto; /* отступ от левого края, auto - для центровки*/
--s5bg: #000; /* фон общий */
--s5bp: #ccc; /* фон блока описания */
--s5c: #1b1b1b; /* текст в блоке описания */
--s5h: #ccc; /* текст заголовка-названия */
--s5r: #616161; /* рамка */
}
#ship5 * {box-sizing:border-box;} #ship5 {margin: auto auto auto var(--s5m); display:flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; background: var(--s5bg); color: var(--s5c); width:500px; min-height:100px;} /* shipovnik */
.stx3 {box-sizing: border-box; width: 100%; text-align: center; background: var(--s5bg);}
.stx3 > p {margin: 40px 50px 20px !important; padding: 20px !important; background: var(--s5bp); color: var(--s5c); outline: 1px solid var(--s5r); outline-offset: 12px;}
.stx3 > h5 {width: auto; margin: auto 34px; padding:12px 10px; position: relative; line-height: 90%; text-transform: uppercase; transform: translate(0%, 50%); outline: 1px solid var(--s5r); outline-offset: 8px; border: 1px solid var(--s5r); box-shadow: 0 0 8px var(--s5bg); background: var(--s5bg); font-weight:400; font-family: 'Alegreya SC', Georgia, serif; font-size: 18px; color: var(--s5h);}
.shimg2 {width: 100%; height: 250px; background-size: cover; background: 50% 50% no-repeat;}</style>

  <div id="ship5"><div class="stx3"><p><!-- ТЕКСТ -->

Мы все еще живем бок о бок с вами. Мы также травим себя сигаретами и алкоголем, ловим такси по пути на работу, валимся с ног от усталости по вечерам и мечтаем о несбывшемся. Мы - замкнутое общество и с неохотой открываемся чужакам. Мы все еще живем бок о бок с вами. Мы также травим себя сигаретами и алкоголем, ловим такси по пути на работу, валимся с ног от усталости по вечерам и мечтаем о несбывшемся. Мы - замкнутое общество и с неохотой открываемся чужакам.

  <!-- КОНЕЦ ТЕКСТА -->
  </p>

  <h5>Случайное название эпизода</h5></div>

  <div class="shimg2" style="background-image: url(https://i.imgur.com/rgOz7to.jpg);"></div></div>
[/html]

[html]
            <article>
           
            <div class="message" rel="js-user-link"><div align="center"><img style="max-width:400px;" src="https://i.pinimg.com/1200x/4d/4c/a2/4d4ca23e73994a54b7b08ec20042a090.jpg"><div style="width:400px;background:#ccc6c6;"><div style="word-spacing:1px;text-align:justify;"><br><div align="center"><blockquote><font color="#190d0d"><font face="georgia"><i>c a l i s t a .</i></font></font><br><br><font face="times new roman"><font color="#190d0d"><font size="1"><i>"don't wanna scrape you off the pavement<br>i can't be your savior<br>i don't wanna be here when you lose control"</i></font></font></font></blockquote><a style="color:rgb(48, 73, 88);" rel="nofollow" href="http://redirect.viglink.com?key=71fe2139a887ad501313cd8cce3053c5&amp;subId=2628686&amp;u=https%3A//open.spotify.com/track/5GpEHUNI0T7L7H3DnAaBXh%3Fsi%3D06d171b3cc334cb4" target="_blank"><img src="http://i.imgur.com/IpW5AHT.png" style="max-width:100%;"></a></div><blockquote><blockquote><font color="#000000"><i><font size="3"><font face="georgia">C</font></font></i><font size="1" face="ariel">alista returns to the carousel in search of whatever scraps might be left from the aftermath of the bloodbath. No different from Thirteen, sneaking out of her bunker at night to pilfer through whatever others had decided to discard. No different from Twelve either, only knowing hand-me-downs. She’s always taken whatever she can get her hands on, because she was never going to be gifted anything. If Dexter’s plan works, the arena will be the only place she ever experiences a brand-new purchase, meant only for her.<br><br>For now, the leftovers are plenty for her. Lying in the same location as before, albeit no longer over Finn from Four, is the other half of the carousel pole that Dexter shattered. Calista claims it, for no other reason than the fact that it’s somehow made a better weapon for Dexter than the actual sword strapped to Calista’s back. She practices spearing objects with the sharpened end, stabbing into paper crowns and bags littering the ground.<br><br>She’s lost in her own thoughts, wondering where Cai and Nav had been this morning, when a familiar voice calls out her name.<br><br><i>‘Calista?’</i><br><br>She whips around, a chill rolling down her spine. There’s nobody as far as she can see, but she knows that was Leo. He has to be somewhere, hiding amongst the still spinning horses.<br><br><i>‘You escaped me today. I don't think you even noticed me, but I will find you. Dexter as well.’</i><br><br>[[<b>“Oh, I noticed you,”</b>]] she mutters, head swiveling back and forth in search of him. [[<b>“But I thought you had found a new play thing.”</b>]] She would gladly let the legacy career take the brunt of whatever it was Leo had planned.<br><br>[[<b>“Why don’t you come out then?”</b>]] she calls out to him, louder this time. Splinters embed into her palms as she grips the broken pole, slowly circling the perimeter in search of Leo. Somehow his voice was as clear as day, despite Calista not being able to land an eye on him.<br><br><i>'I want to show you my favorite game to play. I bet you're having more fun than I am right now. I'm alone with the only person who doesn't talk in the arena.'</i><br><br>Her grip loosens on the pole, letting it roll past her fingers and hit the ground as she stands frozen, shell-shocked. There could be more animatronic figures in the arena than the fortune teller she had just left, but her sweep of the perimeter tells her there’s not one nearby. Leo is nowhere nearby, instead somehow taunting her from potentially miles away. As if he can sense her panicked thoughts, his giggle echoes across whatever stretches between them as he leaves her with his parting words.<br><br><i>'Talk to you soon'</i><br><br>[[<b>“Like hell you will,”</b>]] she mutters, gathering her loot before booking it out of there.<br><br></font></font></blockquote></blockquote></div><br></div></div><div align="center"><a rel="nofollow" href="https://hungergamesrpg.com/user/1889" target="_blank"><div style="font-size:6px;color:#ffffff;line-height:8px;letter-spacing:2px;">ELEGANT</div></a></div><br><br><font size="1"><div align="center"><i>[[unknowingly transmitted via opalescent ring]]<br></i></div></font><br><br></div>
            </article>
        [/html]

[html]<div class="baul-b3" style="background:#fff"><div class="fondbaulb3"style="background:#719B73;"><div class="portgrandb3"><div class="nombrbb3"><b style="color:#719B73">Maeve</b> A. Sullivan<i class="fas fa-glass-cheers" style="color:#719B73"></i></div><div class="cajon-datosbb3"><div class="quote-bb3" style="text-align:justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at nisl id mauris tempor ornare. Duis ut lacinia ligula. Praesent tempus lobortis urna in viverra. Aenean mauris turpis, porttitor a nibh vel, euismod varius orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus ut mi et ex porta lobortis eget sed orci. Fusce vitae congue metus. Etiam luctus tempus varius. Mauris vel vehicula velit. Maecenas sed dui efficitur, venenatis enim id, lobortis felis. Integer dictum vehicula libero, sed maximus tellus egestas nec. Donec viverra orci nec sodales tincidunt. Nam ac urna ut justo pharetra dapibus sit amet ut dolor. Sed ante quam, efficitur non nibh vitae, congue tempus diam.<br/><br/>Praesent tincidunt, libero ut ultricies efficitur, leo augue gravida orci, vel lobortis erat augue et est. In sapien turpis, gravida quis dolor non, pulvinar fringilla massa. Sed ut libero blandit, sodales nunc at, lacinia ante.</div></div></div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500,400&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Rokkitt:wght@600&family=Source+Serif+Pro:ital,wght@1,900&display=swap" rel="stylesheet"><style>.baul-b3{width:400px; margin:10px auto; outline:1px solid #ddd; outline-offset:4px;} .fondbaulb3{display:flex; align-items:center; justify-content:center; background:#fff; width:400px;} .portgrandb3{margin-left:50px; width:350px; background:#fff; border:1px solid #ddd;} .portgrandb3 img{width:350px; height:250px;} .nombrbb3{padding:10px 20px; border-bottom:1px solid #ddd;font-family: 'Roboto', sans-serif; font-size:12px; text-align:right; color:#444;} .nombrbb3 b{font-size:12px; text-transform:uppercase;} .nombrbb3 i{padding-left:10px; font-size:14px; border-left:1px solid #ddd; margin-left:10px;} .cajon-datosbb3{padding:30px; } .contact-bb3{background:#fafafa; border:1px solid #ddd; padding:10px; display:flex; align-items:center; justify-content:center;} .contact-bb3 i{color:#719B73; padding:0px 10px; width:20px; height:30px; font-size:14px; background:#fff; margin:0px 2px; border:1px solid #ddd; display:block;display:flex; align-items:center; justify-content:center; border-radius:10px;} .contact-bb3 a{text-decoration:none;} .quote-bb3{padding:10px 0px 20px;text-align:center; font-size:14px; color:#777; line-height:18px; font-family:'Rokkitt', serif;} .quote-bb3 i{font-family: 'Source Serif Pro', serif; color:#719B73; }.cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;} </style>[/html]

[html]<div class="email-bac"><div class="btemail"><div class="email-ic"><i class="fa fa-arrow-left" style="color:#a6c7df"></i><i class="fa fa-caret-square-down"></i><i class="fa fa-exclamation-triangle"></i><i class="fa fa-trash"></i><i class="fa fa-envelope-open"></i><i class="fa fa-history"></i><i class="fa fa-check-square"></i><i class="fa fa-archive"></i><i class="fa fa-tag"></i><i class="fa fa-ellipsis-v"></i></div><div class="email-po"><div class="email-poim"><img src="https://placehold.jp/80x80.png"/><div><b style="color:#a6c7df">Dear deary (i'm just kidding)</b><span>from <b style="color:#a6c7df">me</b> to <b style="color:#a6c7df">you</b></span></div></div><div class="email-pofe"><span>1h ago</span></div></div><div class="email-co">Textoooooo.</div><div class="email-icab"><i class="fa fa-star" style="color:#a6c7df;"></i><i class="fa fa-reply" style="background:#a6c7df; color:#fff;"></i></div></div></div><a href="bettyleg.tumblr.com" class="btcred">BETTYLEG</a>

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,900;1,700;1,900&display=swap" rel="stylesheet"><style>.email-bac{margin: 10px auto; width: 480px; border: 1px solid #ddd; padding: 20px; border-radius: 10px; background: #f2f5f6;} .btemail{border:1px solid #ddd; border-radius:10px; overflow:hidden; background:#fff;} .email-po{height:120px; padding:0px 20px;} .email-co{border-bottom:1px solid #ddd; padding: 25px 40px 40px; font-size:12px; line-height:18px; text-align:justify; color:#666; font-family: 'Lato', sans-serif; font-weight:400;} .email-icab{height:60px; display:flex; align-items:center; justify-content:flex-end; padding:0px 10px; background:#fdfdfd;} .email-po, .email-poim,.email-ic{display:flex; align-items:center; justify-content:space-between;} .email-poim > img{width:80px; height:80px; display:block; border:1px solid #ddd; border-radius:200px; padding:5px; margin-right:10px;} .email-pofe{font-size:12px; font-family: 'Lato', sans-serif;} .email-poim > div > b{display:block; font-size:18px; font-family: 'Lato', sans-serif; font-style:italic;} .email-poim > div{font-family: 'Lato', sans-serif; font-size:12px; line-height:16px; color:#aaa; max-width:260px;} .email-pofe > span{padding:0px 6px; color:#999;} .email-pofe > i.fa-star{color:yellow;} .email-ic{justify-content:flex-start; padding:0px 15px; font-size:9px; height:40px; border-bottom:1px solid #ddd; color:#bbb; background:#fdfdfd;} .email-ic > i{padding:0px 4px;}.email-ic > i {padding:0px 4px;} .email-ic > i.fa-arrow-left{margin-right:12px;} .email-ic > i.fa-trash,.email-ic > i.fa-check-square{padding-right:14px; border-right:2px solid #ddd; margin-right:12px;} .email-icab > i{display:inline-flex; align-items:center; justify-content:center; border:1px solid #ddd; width:80px; height:30px; border-radius:5px; margin-right:10px; font-size:12px; background:#fff;}.btcred{width:200px; margin:-1px auto 10px; text-align:center; display:block; font-size:8px; color:#999; text-decoration:none; font-weight:600; font-family:arial; letter-spacing:1px;}</style>[/html]

[html]<center><link href="https://dl.dropbox.com/s/rzk46q4oyydu95e/sour%20grapes.css" rel="stylesheet"><div id="rr_sour-grapes" style="--width: 600px; --accent: #571a1a; --accent-text: #fff; --bg-color: #131313; --border-color: #323232; --text-color: #dadada; --font-size: 12px;"><a href="https://is.gd/rossr" title="「by ross」"></a><div class="rcontainer"><div class="rheader">sour grapes</div><div class="rtxt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc varius feugiat justo, at accumsan mauris mattis vel. Quisque tincidunt diam vel elit sollicitudin, eget posuere dolor lacinia. Integer laoreet turpis mauris, maximus scelerisque leo vehicula at. Vestibulum justo libero, fermentum eget aliquam eu, ullamcorper quis nisl. Proin eu ullamcorper nisi. Integer ac eleifend lectus. Phasellus euismod egestas felis a dapibus. Duis volutpat neque nunc, eget egestas ex lacinia ut. Integer nisl magna, scelerisque sit amet ligula id, sodales pellentesque massa. Quisque eu finibus ipsum, nec tincidunt augue. Cras lorem arcu, lacinia sed mattis ut, pretium eget neque. Mauris viverra aliquet placerat. Nunc quis malesuada neque.

Integer imperdiet, eros ac euismod vulputate, nisi neque lobortis erat, ut sodales turpis ante suscipit leo. Ut tempus nulla neque, dictum auctor nulla pretium id. Donec lorem turpis, porttitor vitae erat a, ultrices tincidunt dolor. Maecenas fringilla porta ante, ac tincidunt leo dignissim a. Sed tincidunt vel lacus sit amet vehicula. Ut finibus diam quam, vel cursus urna ullamcorper eget. Mauris quis turpis tempor tellus interdum iaculis eget ut erat. In hac habitasse platea dictumst. Pellentesque porta cursus pretium. Vivamus dapibus placerat ipsum ut fringilla. Mauris tempor cursus elit eu accumsan. Morbi enim magna, congue non pretium accumsan, hendrerit tincidunt sapien. In congue rutrum risus a efficitur. Phasellus porta mattis tortor, eget porttitor nibh pulvinar quis. Praesent condimentum enim ipsum, vel efficitur urna vulputate vitae.</div><div class="rfooter"></div></div></div></center>[/html]

[html]<div id="cold"><div id="let"> <div class="it"><div class="go" style="background: url(https://via.placeholder.com/100)"></div></div></div> <div id="pls"><div class="texto">
   <b>Texto en Negrita</b><i>, texto en cursiva.</i> Texto normal.
   </div></div> <div id="leti">
   We were<br> so close <span> tag + tag + tag </span>
</div> </div><div class="crdts"><a href="http://illmakegaycodesforu.tumblr.com/">— gitano;</a></div>

<style type="text/css">#cold {width: 280px; margin: 0 auto}#let {background: #BAD8E7; height: 270px;}#leti {background: #BAD8E7; padding: 30px; font: 37px 'Abril Fatface', cursive; font-style: italic; color: #fff; text-align: right; line-height: 90%}#leti span {font: 8px verdana; display: block; text-transform: uppercase; letter-spacing: 1px; margin-top: 10px}#let .it {height: 140px; width: 140px; border: 1px solid #fff; margin: 0 auto; position: relative; top: 60px}#let .go {height: 100px; width: 100px; border: 10px solid #fff; margin: 0 auto; position: relative; top: 10px;}#pls {border: 1px solid #BAD8E7; background: #fff}#pls .texto {width: 190px; text-align: justify; margin: 0 auto; position: relative; margin-top: 40px; margin-bottom: 40px; font: 10px verdana; line-height: 120%; color: #555}#pls .texto b {font-weight: bold; color: #BAD8E7; font-family: georgia}#pls .texto i {color: #BAD8E7; font-family: georgia}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center}</style><link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">[/html]