s t r a n g e r s

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » s t r a n g e r s » something bad » коды (разное)


коды (разное)

Сообщений 1 страница 30 из 32

1

Код:
<!--HTML--><link href="https://fonts.googleapis.com/css2?family=Azeret+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Rubik:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"/><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/><link href="https://dl.dropbox.com/s/dky7b763z797xjb/Touch%20Evil%20Sheet.css" rel="stylesheet"/>

<div id="touchevilexped" style="--accent-template: #b06c9f; --image-topper: url(https://2img.net/h/via.placeholder.com/500x200.png)">
<div class="top">
<h1><b>Firstname</b> S. Lastname</h1>
<span>Suspendisse ac finibus arcu. Curabitur et <b>vestibulum quam</b>. In non nibh eu neque elementum venenatis.</span>
</div>
<div class="basic">
<div>
<span data-tag="Name field" class="cp cp-book-o">dato 1</span>
<span data-tag="Name field" class="cp cp-briefcase-o">dato 2</span>
<span data-tag="Name field" class="cp cp-calendar-o">dato 3</span>
<span data-tag="Name field" class="cp cp-candy-o">dato 4</span>
</div>
<img src="https://2img.net/h/via.placeholder.com/100x100.png">
</div>
<div class="text" data-tag="História">Sugar plum cupcake powder pie chocolate bar muffin sweet gummi bears. <i>Bonbon candy canes oat cake sweet roll chocolate ice cream chocolate cake.</i> Tiramisu cupcake gummi bears gummi bears bear claw. Cake apple pie bear claw sesame snaps halvah chupa chups macaroon marshmallow.

Powder cupcake lemon drops pudding lollipop. Danish apple pie donut marshmallow bonbon.

Cotton candy toffee dragée jelly-o fruitcake. <b>Dragée chocolate bar marshmallow croissant tiramisu pastry chupa chups.</b> Oat cake wafer macaroon ice cream dessert candy pie sesame snaps.</div>
<div class="bottom">
<img src="https://2img.net/h/via.placeholder.com/100x100.png">
<span>Bonbon candy canes oat cake sweet roll chocolate ice cream chocolate cake. Tiramisu cupcake gummi bears gummi bears bear claw</span>
</div>
</div>

0

2

Код:
<!--HTML--><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bebas+Neue|Nunito|Oswald"/>
<script src="//pull.cappuccicons.com/cpf.js"></script><link rel="stylesheet" href="https://dl.dropboxusercontent.com/scl/fi/et1tiwl58z753bqxz6qzl/Halazia.css?rlkey=r9zk5f4qnv7mtu5b1c7ftfqpt&dl=0"/>

<style>#ELLI { --BC-bg: #000; --BC-border: #404040; --BC-clr-title: #BF8339; --BC-clr-subtitle: #BEBEBE; --BC-bg-bsq: #191919; /* #f2f2f2 */ --BC-clr-first-number: #FFF; /* #d9d9d9 */ --BC-clr-number-ok: #BF8339; --BC-clr-number-take: #BF1725; --BC-clr-icon: #BF8339; --BC-clr-text: #B2B2B2; --BC-clr-quote: #BF8339;}</style>

<main class="BC-bg" id="ELLI"><section id="BC-Cnt"><div class="BC-img" style="background: url('http://placehold.it/540x240');"><span class="BC-tit">Halazia</span><span class="BC-subtit">Who are you? It's just me, myself and I </span></div><!-- Copiar este el div "BC-bsq1" para tener una nueva fila de izquierda a derecha --><div class="BC-bsq1"><span class="BC-nmb">0<span class="BC-ok">1</span></span><span class="BC-txt">Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis, fuga,pariatur alias deserunt quis sed dolore asperiores numquam ullam rerumconsequuntur iusto nesciunt, adipisci ipsam sapiente itaque possimusveniam. Voluptatum!</span></div><!-- Copiar el div "BC-bsq1" para tener una nueva fila de izquierda a derecha --> <!-- Copiar el div "BC-bsq2" para tener una nueva fila de derecha a izquierda --><div class="BC-bsq2"><span class="BC-txt">Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis, fuga,pariatur alias deserunt quis sed dolore asperiores numquam ullam rerumconsequuntur iusto nesciunt, adipisci ipsam sapiente itaque possimusveniam. Voluptatum!</span><span class="BC-nmb">0<span class="BC-ok">2</span></span></div><!-- Copiar el div "BC-bsq2" para tener una nueva fila de derecha a izquierda --><div class="BC-bsq1"><span class="BC-nmb">0<span class="BC-ok">3</span></span><span class="BC-txt">Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis, fuga,pariatur alias deserunt quis sed dolore asperiores numquam ullam rerumconsequuntur iusto nesciunt, adipisci ipsam sapiente itaque possimusveniam. Voluptatum!Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis, fuga,pariatur alias deserunt quis sed dolore asperiores numquam ullam rerumconsequuntur iusto nesciunt, adipisci ipsam sapiente itaque possimusveniam. Voluptatum!</span></div><div class="BC-lines"><div class="BC-line"></div><div class="BC-icon"><i class="cp cp-hummingbird"></i></div><div class="BC-line"></div></div><div class="BC-fot"><div class="BC-img2"><img src="http://placehold.it/125x125"></div><span class="BC-quote">I can't feel what it's like to be alive even now, in this momеnt. <span>Color</span> this infinitely cold world. <br> Be the light, oh, <span>Halazia</span></span></div></section></main><center><a href="https://hakrabi.tumblr.com" class="credi citos">✿ Elli</a></center>

0

3

Код:
<!--HTML--><div id="touchevil" style="--accent-template: #b06c9f; --image-topper: url(https://2img.net/h/via.placeholder.com/500x200.png)">
<div class="top"><img src="https://2img.net/h/via.placeholder.com/80x80.png"><span>Suspendisse ac finibus arcu. Curabitur et <b>vestibulum quam</b>. In non nibh eu neque elementum venenatis.</span></div>
<div class="text">Sugar plum cupcake powder pie chocolate bar muffin sweet gummi bears. <i>Bonbon candy canes oat cake sweet roll chocolate ice cream chocolate cake.</i> Tiramisu cupcake gummi bears gummi bears bear claw. Cake apple pie bear claw sesame snaps halvah chupa chups macaroon marshmallow.

Powder cupcake lemon drops pudding lollipop. Danish apple pie donut marshmallow bonbon.

Cotton candy toffee dragée jelly-o fruitcake. <b>Dragée chocolate bar marshmallow croissant tiramisu pastry chupa chups.</b> Oat cake wafer macaroon ice cream dessert candy pie sesame snaps.</div>
<div class="tagged"><span><b>tagged it:</b> Proin aliquet elit at suscipit vehicula.</span></div>
</div>

<link href="https://fonts.googleapis.com/css2?family=Azeret+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Rubik:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"/><link href="https://dl.dropbox.com/s/5rpd801hodapiy9/Touch%20Evil.css" rel="stylesheet"/>

0

4

Код:
<!--HTML--><div id="StarsCollide"><div class="__scwrap"><div class="__sctop"><div class="__scexx"><span class="__scexinfo"><ft>ft</ft> Eifuku-mon In</span> <span class="__scexinfo">10:45 AM</span></div><div class="__scsubtitle">Let's get lost in time</div><div class="__sctitle">Stars<br><a>collide</a></div><div class="__scsubtitle">Side by side, we'll face the darkest night</div></div><div class="__sctext">Qorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque viverra accumsan suscipit. Nulla facilisis luctus pulvinar. Maecenas porttitor eleifend sapien ac porta. Maecenas sit amet dui nec ipsum commodo egestas. Maecenas mattis lorem lectus. Curabitur felis odio, aliquet in rhoncus ut, facilisis a eros. Aliquam eu viverra ex, et fermentum tellus. Ut vel ullamcorper elit. <br><br>Cras sed dui quis tellus fringilla gravida. Vivamus fermentum dignissim metus, eget egestas est elementum et. Nullam volutpat mi a arcu congue, a iaculis tellus cursus.</div><div class="__scbottom"><span class="__scplc"><co>#</co> Private</span> <span class="__scplc"><co>#</co> place</span> <span class="__scplc"><co>#</co> another thing</span></div></div></div><div class="cactuslinkcont"><a href="http://evassmat.com/a9ue" class="cactuslinkgm" title="CactusCodes">Cactus</a></div>
 
<style>:root{--scborder: #161616;--scwhite: #a3a3a3;--scblack: #010101;--scaccent: #bb5c24;--sctext: #c5c5c5;--scwidth: 70%;}@font-face {font-family: 'ilyas';src: url('https://dl.dropbox.com/s/yxr2lujd2sqok99/ilyas.woff') format('woff2'),url('https://dl.dropbox.com/s/gzrk131cl4zh06c/ilyas.otf') format('opentype'),url('https://dl.dropbox.com/s/yxr2lujd2sqok99/ilyas.woff') format('woff');}#StarsCollide{width:550px;border: 1px solid var(--scborder);margin: 0 auto;border-radius:5px;color: var(--scwhite);background-image: url("https://i.ibb.co/5h8mvTM/green-dust-and-scratches30.png");background-color:var(--scblack);background-attachment:fixed;padding: 10px}#StarsCollide .__scwrap{border-radius:5px;border: 1px solid var(--scborder);}#StarsCollide .__scexx{width:var(--scwidth);margin: 0 auto;margin-bottom:60px;}#StarsCollide .__scexinfo{text-transform:uppercase;font-style:normal;font-size:8px;font-family: sans-serif;border:1px solid var(--scborder);letter-spacing:1px;font-weight:600;border-radius:5px;padding:4px 10px;}#StarsCollide .__scexinfo ft{color: var(--scaccent);font-style:italic;font-weight:600;text-transform:lowercase;font-size:10px;}#StarsCollide .__sctop{margin-top:70px;}#StarsCollide .__sctitle{font-family:'ilyas';text-transform:uppercase;font-size:80px;color: var(--scwhite);text-shadow: 0px 0px 2px var(--scwhite);letter-spacing: 4px;line-height: 90%;width: var(--scwidth);margin: 0 auto;margin-top:10px;}#StarsCollide .__sctitle a{color: var(--scaccent);text-shadow: 0px 0px 2px var(--scaccent);}#StarsCollide .__scsubtitle{width: var(--scwidth);margin: 0 auto;font-family:arial;font-size: 7px;font-weight:700;text-transform:uppercase;letter-spacing: 3px;color:var(--scwhite);padding:5px 0;}#StarsCollide .__sctext{width:var(--scwidth);margin: 0 auto;margin-top:60px;text-align:justify;font-family:georgia;line-height: 145%;font-size:13px;hyphens: auto;color:var(--sctext);}#StarsCollide .__sctext::first-letter{float: left;margin: 60px 30px 50px 10px;font-size: 90px;font-family:'ilyas';color: var(--scaccent);}#StarsCollide .__scbottom{margin-top:90px;padding: 5% 14% 5% 14%;text-align:right;background:var(--scblack);border-radius:0 0 5px 5px;border-top:1px solid var(--scborder);}#StarsCollide .__scplc{font-family:roboto;font-weight:600;font-size:11px;letter-spacing:.5px;text-transform:uppercase;margin-right: 10px;color:var(--sctext);}#StarsCollide .__scplc co{color:var(--scaccent);font-family:roboto;font-weight:600;font-size:12px;}.cactuslinkcont{width: 620px;margin: 0 auto;margin-top:2px;text-align:center;}.cactuslinkgm{text-transform:uppercase;text-decoration: none;font-size:7px;letter-spacing:1px;color:#e6e6e6;font-family:times;border-bottom: 1px;}</style>

0

5

Код:
<!--HTML--><link href="https://dl.dropboxusercontent.com/s/4hiumzyrbfzvp1h/diablo.css" rel="stylesheet"><link rel="stylesheet" href="//icons.cappuccicons.com/cpf.css"><div class="diablo"><div class="dlb-01"><div class="dlb-01lg">bury me</div><div class="dlb-01mn"><a href="/">profile</a><a href="/">id</a><a href="/">baul</a><a href="/">outfit</a></div></div><div class="dlb-02"><div class="dlb-02tl"><span>church</span> outfit</div><div class="dlb-02stl">this is the dress I want to be buried in</div></div><div class="dlb-03">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris posuere urna justo, a pretium arcu imperdiet eu. Nullam mattis iaculis ipsum vel dignissim. Aenean quis pellentesque lectus. Praesent pretium quam vitae dui eleifend bibendum. Vivamus pharetra finibus lorem eget interdum. Praesent sit amet vulputate elit. Integer leo massa, accumsan nec suscipit sit amet, eleifend ac urna. Curabitur gravida feugiat nunc, eget volutpat arcu viverra id.
 
Cras semper, mi non porta pretium, libero lorem ultricies nunc, id auctor dolor nunc et metus. Integer egestas dapibus dui vitae dictum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nullam ligula justo, gravida sit amet tristique ac, tempus a orci. Vestibulum sed interdum neque, quis sollicitudin orci. Curabitur quis ipsum auctor, maximus velit ac, tristique mi. In eu elementum nunc, vel semper ante. Nam at ex ligula.
 
Aliquam erat volutpat. Integer molestie quis mi in rutrum. Fusce et egestas nunc, eget aliquet neque. Mauris non tempor nunc, nec interdum purus. Pellentesque lacus mauris, euismod consequat massa placerat, consequat molestie orci. Nunc blandit et nisi sit amet auctor. Phasellus ac felis cursus, vulputate neque eu, porttitor est. Nunc non erat id neque posuere interdum in id libero. Aliquam id tempus arcu.
</div><div class="dlb-04"><i class="cp cp-broken-heart-o"></i></div><div class="dlb-05">Leave the rings<br>I might need them<br>Unholy water<br>take a sip</div></div><a href="https://elirosecodes.tumblr.com/"><div class="gnomo">elirose</div></a><style>:root{--dlb: #84A59D;}</style>

0

6

Код:
<!--HTML--><link href="https://dl.dropboxusercontent.com/scl/fi/hu4oiyor2y6gv0elhdw30/killshot.css?rlkey=vnwxa2ev9pkns8lucfukk7zlc&dl=0" rel="stylesheet"><div class="killshot"><div class="ks-txt">shot<br>me<br>baby</div><div class="ks1"><div class="ks2"></div></div><div class="ks3"><div class="ks3-tl">kill<span>sh</span>ot</div><div class="ks3-stl">Can you make my heart stop</div><div class="ks3-txt">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec finibus risus ut leo pulvinar, id posuere augue scelerisque. In nulla felis, euismod quis hendrerit sit amet, viverra in velit. Donec vitae ligula sed felis fringilla luctus nec et neque. Vivamus aliquam sem leo. Aliquam accumsan orci quis magna aliquam, nec venenatis massa fermentum. Proin vitae nibh lectus. Nam sapien arcu, vehicula vitae tristique maximus, accumsan vel dui.
</div><div class="ks3-dt">bit demonic, all alone staring at my phone</div></div></div><a href="https://elirosecodes.tumblr.com/"><div class="gnomo">elirose</div></a>

0

7

Код:
<!--HTML--><center><link href="https://solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"><link href="https://dl.dropbox.com/s/ki165lzx04qvjlk/milky%20way.css" rel="stylesheet"><div id="r2205_milky-way" style="--width: 550px; --img-size: 80px; --border-color: #0d0d0d; --header-bg-color-1: #252525; --header-bg-color-2: #191919; --text-bg-color: #121212; --text-color: #8d8d8d; --accent: #b2896a;"><div class="rcontainer"><div class="rheader"><a href="https://is.gd/rossr" title="@ RR"><div><img src="https://qph.cf2.quoracdn.net/main-qimg-9de7c214e4ff3b876175942b44f68c96"></div></a><div class="rtitle">milky way</div><div class="rmoon"></div></div><div class="rtxt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eget semper lectus. Nunc a magna ac orci congue rhoncus. Cras efficitur quam id congue vehicula. Pellentesque vel augue ipsum. Integer vulputate vehicula tellus, ut blandit erat fringilla ac. Aliquam erat volutpat. In hac habitasse platea dictumst. Aenean pellentesque pretium felis eu consectetur. Sed vulputate nec nisi ac porta. In facilisis velit a dictum pellentesque. Nunc a ultrices magna, at lobortis magna. Vestibulum sit amet nunc metus.
 
Nulla venenatis neque sed tortor vehicula, id dapibus nunc molestie. Morbi condimentum sit amet purus nec aliquam. Aliquam lacinia maximus sem, a placerat massa luctus sit amet. Duis dictum, lacus non lacinia porttitor, purus sem facilisis quam, et commodo risus felis nec tellus. Integer tincidunt scelerisque leo quis porta. Praesent aliquet at quam vitae pharetra. Proin at nisi vitae metus auctor tempor nec vitae sem. Aenean leo arcu, mollis eu eleifend eu, porta at nisi. Phasellus ipsum augue, placerat ut justo in, congue scelerisque libero.</div></div></div></center>

0

8

Код:
<!--HTML--><link href="https://dl.dropbox.com/s/cmvfoj49t9vhzla/bloom.css" rel="stylesheet">
<div class="bloom01"><div class="bloom02"><div class="bloomav0"><div class="bloomav1"></div></div><div class="bloomda0"></div><div class="bloomda1"><i class="fas fa-leaf"></i> Data data here!<br><i class="fas fa-seedling"></i> Data here!<br><i class="fas fa-cloud-sun"></i> Data here!<br></div></div><div class="bloomb2"><div class="bloom03"><div> <b>Booooom! draught topgallant case shot capstan red ensign chantey yard bring a spring upon her cable grog.</b> Swab lanyard marooned aye weigh anchor plunder list cable hardtack blow the man down. Heave to walk the plank log mutiny Barbary Coast belaying pin quarter Pirate Round come about Cat o'nine tails.
 
<i>Black spot killick avast lugger Jack Ketch keel swing the lead Spanish Main splice the main brace tender.</i> Transom gibbet Privateer black spot Pieces of Eight pink spanker Barbary Coast league aye. Pressgang belaying pin driver flogging starboard heave down come about Sink me pirate barkadeer.
 
Brigantine Buccaneer poop deck rigging smartly run a shot across the bow crack Jennys tea cup lateen sail schooner gun. Lookout coffer matey Nelsons folly overhaul keelhaul galleon jib warp Blimey. Jury mast holystone tender line heave down chandler strike colors belaying pin pink quarterdeck.
 
Black spot killick avast lugger Jack Ketch keel swing the lead Spanish Main splice the main brace tender. Transom gibbet Privateer black spot Pieces of Eight pink spanker Barbary Coast league aye. Pressgang belaying pin driver flogging starboard heave down come about Sink me pirate barkadeer.</div></div></div><div class="bloomb"><div class="bltit1">Lorem Ipsum  </div><div class="bltit2">Here we put a title</div><div class="bltit3">Lorem Ipsum Bloom</div></div></div><a class="u_credits" href="https://usagi-codes.tumblr.com">usagi</a>
 
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap" rel="stylesheet">
<style>.bloom01 {--color01: #a8b393/*verde*/;--color02: #eaeaea/*blanco texto*/;--color03: #baa194/*color italica*/;--fontt: 11px/*tamaño texto*/;--bgradient: #969a83/*verde*/, #baa194/*café*/;}.bloomav1 {background-image: url(https://i.imgur.com/JRNK62j.png)/*imagen chiquita*/;}</style>

0

9

Код:
<!--HTML--><style>:root { --color-bck1: #f7f7f7; --color-bck2: #fbfbfb; --color-bordr1: #e9e9e9; --color-cktitle: #2e2e2e; --color-cmain1: #b0abe1; --color-cmain2: #c0bdda; --color-borderimg: #fff; --color-gtxt: #666; }</style><link href="https://dl.dropbox.com/s/78vgxfnjym3escp/cookie.css?dl=0" rel="stylesheet"/>
<center><div class="coo-kie"><div class="ckt-itle">Heart Burn<br><span>Nombre personaje - Edad</span></div>
<div class="ckc-ontent"><div class="ckc-imgs"><img src="https://via.placeholder.com/100"><span><i class="fa-solid fa-heart-crack"></i></span><img src="https://via.placeholder.com/100"></div><div class="ckc-txt"><div class="ckc-first"><i class="fa-solid fa-fire"></i></div>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 class="ckc-sep" style="left: 84px;">datos extras</div>
<div class="ckc-datos">
<div class="dat-one"><div class="d1-h1"><i class="fa-solid fa-heart"></i></div><div class="d1-txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div></div>
<div class="dat-one"><div class="d1-h1"><i class="fa-regular fa-heart"></i></div><div class="d1-txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div></div>
<div class="dat-one"><div class="d1-h1"><i class="fa-solid fa-heart"></i></div><div class="d1-txt">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.</div></div>
</div></div><div class="ckc-credits"><a href="https://les-yeux-de-winter.tumblr.com/">WINTER</a></div></div></center>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500;600&display=swap" rel="stylesheet">

0

10

Код:
<!--HTML--><div class="Blaise"><div class="Blai toi"><titulo style="background-image(https://i.pinimg.com/originals/30/25/b3/3025b3dbb0a6bf8cc3f446e3c88fa5dc.png)">
<hh>Parte del titulo</hh>
<sb>Capitulo 1</sb></titulo>
<div class="zabini"><lef></lef>
<txt>Lorem ipsum <i>dolor sit amet</i>, consectetur adipiscing elit. <u>Suspendisse varius</u>, ante vitae congue pharetra, mauris <strike>nisi gravida ex</strike>, sed sagittis orci urna ac sem. <a href="">Sed ut magna massa</a>. Sed ultrices est ullamcorper scelerisque aliquam. Morbi convallis quis metus sit amet tempor. <b>Phasellus sed orci felis.</b><br>Donec hendrerit, nibh sit amet viverra finibus, odio leo sollicitudin nulla, eu rutrum nisl mi interdum mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius, ante vitae congue pharetra, mauris nisi gravida ex, sed sagittis orci urna ac sem. Sed ut magna massa. Sed ultrices est ullamcorper scelerisque aliquam. Morbi convallis quis metus sit amet tempor. Phasellus sed orci felis. Donec hendrerit, nibh sit amet viverra finibus, odio leo sollicitudin nulla, eu rutrum nisl mi interdum mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius, ante vitae congue pharetra, mauris nisi gravida ex, sed sagittis orci urna ac sem. Sed ut magna massa. Sed ultrices est ullamcorper scelerisque aliquam. Morbi convallis quis metus sit amet tempor.</txt>
</div>
<div class="thaize"><imagen><img src="https://pbs.twimg.com/profile_images/1175355828909629441/B-Z8It8Y_400x400.jpg" /></imagen><dts>Información importante como donde, con quien y porqué</dts>
</div></div></div><a href="https://isleycodes.tumblr.com/" class="creditos">Isley</a>
 
 
<style>.Blaise {background-color:var(--cl1);background-image:var(--image);background-attachment: fixed;background-blend-mode: multiply!important;background-size: cover;--gris:#ccc;--fondo:#eee;--fondob:#fefefe;--tx:rgba(80,80,80,0.9);--cl1:#5a7e4d;--cl2:#c0bc54;--image: url(https://i.pinimg.com/originals/30/25/b3/3025b3dbb0a6bf8cc3f446e3c88fa5dc.png);}.Blai corte {background-color: var(--cl1);background-image: var(--image);background-attachment: fixed;background-blend-mode: multiply!important;background-size: cover;}.zabini lef {background-color: var(--cl1);background-image: var(--image);background-attachment: fixed;background-blend-mode: soft-light;background-size: cover;}.Blai.toi titulo {background-color:var(--cl1);background-image:var(--image);background-attachment: fixed;background-blend-mode: multiply!important;background-size: cover;justify-content: center;}</style><link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.13.0/css/all.css" /><link href="https://dl.dropbox.com/s/4oxeynjlyqh5ebg/tree.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Courgette&family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet">

0

11

Код:
<!--HTML--><center><div id="houses"><div class="title">House Points</div><div class="border"><div class="boxin"><div class="textbox"><i>Lorem ipsum dolor</i> sit amet, <b>consectetur adipiscing</b> elit. Suspendisse in mi ligula. Aenean aliquet nulla ac ornare molestie. Nunc aliquam, nibh non vehicula malesuada, diam dui laoreet elit, sed consequat purus ligula eu sapien. Nulla non vehicula turpis. Suspendisse finibus sem at pretium commodo. Curabitur maximus eros id metus fringilla vulputate. Morbi vel nunc commodo, ultrices purus in, condimentum nibh. Duis ultricies facilisis imperdiet. Nullam suscipit condimentum magna nec dapibus. Etiam facilisis, est sit amet laoreet tempus, augue mauris vehicula lorem, vitae semper magna</div></div></div><div class="houscontainer"><table cellspacing="0"><td><div id="slytherin"><div class="imag" style="background-image: url(;"></div><div class="u1box"><div class="number">98</div><div class="words">puntos</div></div><div class="conttext"><div class="textocu"><div class="textinsi"><b>Slytherin</b> is one of the four Houses at Hogwarts School of Witchcraft and Wizardry, founded by <i>Salazar Slytherin</i>. In establishing the house, Salazar instructed the Sorting Hat to pick students who had a few particular characteristics he most valued. Those characteristics include cunning, resourcefulness, leadership, and ambition. Many Slytherin students tend to clique together, often acquiring leaders, which further exemplifies Slytherin's ambitious qualities. Examples of these include Draco Malfoy’s Gang and the Death Eaters.</div></div></div></div></td><td><div id="gryffindor"><div class="imag" style="background-image: url(;"></div><div class="u1box"><div class="number">198</div><div class="words">puntos</div></div><div class="conttext"><div class="textocu"><div class="textinsi"><b>Slytherin</b> is one of the four Houses at Hogwarts School of Witchcraft and Wizardry, founded by <i>Salazar Slytherin</i>. In establishing the house, Salazar instructed the Sorting Hat to pick students who had a few particular characteristics he most valued. Those characteristics include cunning, resourcefulness, leadership, and ambition. Many Slytherin students tend to clique together, often acquiring leaders, which further exemplifies Slytherin's ambitious qualities. Examples of these include Draco Malfoy’s Gang and the Death Eaters.</div></div></div></div></td><td><div id="ravenclaw"><div class="imag" style="background-image: url(;"></div><div class="u1box"><div class="number">108</div><div class="words">puntos</div></div><div class="conttext"><div class="textocu"><div class="textinsi"><b>Slytherin</b> is one of the four Houses at Hogwarts School of Witchcraft and Wizardry, founded by <i>Salazar Slytherin</i>. In establishing the house, Salazar instructed the Sorting Hat to pick students who had a few particular characteristics he most valued. Those characteristics include cunning, resourcefulness, leadership, and ambition. Many Slytherin students tend to clique together, often acquiring leaders, which further exemplifies Slytherin's ambitious qualities. Examples of these include Draco Malfoy’s Gang and the Death Eaters.</div></div></div></div></td><td><div id="hufflepuff"><div class="imag" style="background-image: url(;"></div><div class="u1box"><div class="number">128</div><div class="words">puntos</div></div><div class="conttext"><div class="textocu"><div class="textinsi"><b>Slytherin</b> is one of the four Houses at Hogwarts School of Witchcraft and Wizardry, founded by <i>Salazar Slytherin</i>. In establishing the house, Salazar instructed the Sorting Hat to pick students who had a few particular characteristics he most valued. Those characteristics include cunning, resourcefulness, leadership, and ambition. Many Slytherin students tend to clique together, often acquiring leaders, which further exemplifies Slytherin's ambitious qualities. Examples of these include Draco Malfoy’s Gang and the Death Eaters.</div></div></div></div></td></table></div><a href="https://thekingcodes.tumblr.com"><div class="credica"><d class="sf sf-crown-o"></d></div></a></div></center><link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&family=Yeseva+One&display=swap" rel="stylesheet"><style>@import url('https://dl.dropbox.com/s/ewjyfvg1q02mjy7/contador.css');#houses {--houscol: #171717;--titlecolo: #fff;--houstxtbord: #2a2a2a;--housetxtcol: #696969;--houscoltxb: #8c8c8c;--houscolbcktxi: #8c8c8c;--houscoltxi: #000;}#slytherin {--imasly: url(https://i.imgur.com/i8udsXk.png);--iconsly: url(https://i.imgur.com/C7jHCB5.png);--titlecolur: #fff;--shadowcol: #000;--smolcol: #fff;--smolbackcol: #000;--txtbackcol: #041401;--txtcolsly: #435240;--textcolslyb: #397d2e;--textcolslybcki: #397d2e;--textcolslyi: #000;}#gryffindor {--imagry: url(https://i.imgur.com/iFxGQsG.png);--icongry: url(https://i.imgur.com/LCv1XPt.png);--titlecolurgry: #fff;--shadowcolgry: #000;--smolcolgry: #fff;--smolbackcolgry: #000;--txtbackcolgry: #140101;--txtcolgry: #524040;--textcolgryb: #7d2e2e;--textcolgrybcki: #7d2e2e;--textcolgryi: #000;}#ravenclaw {--imaclaw: url(https://i.imgur.com/E54azJN.png);--iconclaw: url(https://i.imgur.com/rEXthDD.jpg);--titlecolurclaw: #fff;--shadowcolclaw: #000;--smolcolclaw: #fff;--smolbackcolclaw: #000;--txtbackcolclaw: #011214;--txtcolclaw: #404c52;--textcolclawb: #2e5d7d;--textcolclawbcki: #2e5d7d;--textcolclawi: #000;}#hufflepuff {--imahuff: url(https://i.imgur.com/2qHrT3s.png);--iconhuff: url(https://i.imgur.com/wRTnaaa.png);--titlecolurhuff: #fff;--shadowcolhuff: #000;--smolcolhuff: #fff;--smolbackcolhuff: #000;--txtbackcolhuff: #1a1802;--txtcolhuff: #525140;--textcolhuffb: #7d6c2e;--textcolhuffbcki: #7d6c2e;--textcolhuffi: #000;}</style>

0

12

Код:
<!--HTML--><div class="salazar kaz"><div class="saly1" style="background-image:url(https://64.media.tumblr.com/ac17f73bb7c1ef483e9b46839e015308/ef39e7f14dec43a1-0e/s540x810/d5ee76db7832be1d58f2ced6d71cb21c8726e864.gifv);"><h9>Alias o algo así<sb>Frase corta o larga que idetifique al personaje</sb></h9></div>
<div class="saly2"><h10>Nombre Completo</h10>
<datis><n>dato</n><n>dato largo</n><n>dato</n><n>dato</n><n>dato</n></datis>
<tex><tx>Lorem ipsum <i>dolor sit amet</i>, consectetur adipiscing elit. <u>Suspendisse varius</u>, ante vitae congue pharetra, mauris <strike>nisi gravida ex</strike>, sed sagittis orci urna ac sem. <a href="">Sed ut magna massa</a>. Sed ultrices est ullamcorper scelerisque aliquam. Morbi convallis quis metus sit amet tempor. <b>Phasellus sed orci felis.</b> Donec hendrerit, nibh sit amet viverra finibus, odio leo sollicitudin nulla, eu rutrum nisl mi interdum mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius, ante vitae congue pharetra, mauris nisi gravida ex, sed sagittis orci urna ac sem. Sed ut magna massa.
Extra super extra. Sed ultrices est ullamcorper scelerisque aliquam. Morbi convallis quis metus sit amet tempor. Phasellus sed orci felis. Donec hendrerit, nibh sit amet viverra finibus, odio leo sollicitudin nulla, eu rutrum nisl mi interdum mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius, ante vitae congue pharetra, mauris nisi gravida ex, sed sagittis orci urna ac sem. Sed ut magna massa. Sed ultrices est ullamcorper scelerisque aliquam. Morbi convallis quis metus sit amet tempor.</tx></tex></div>
<div class="saly3" style="background-image:url(https://images2.minutemediacdn.com/image/fetch/c_fill,g_auto,f_auto,h_2222,w_1500/https:%2F%2Fwinteriscoming.net%2Ffiles%2Fimage-exchange%2F2021%2F01%2Fie_64074.jpeg);"></div>
<div class="saly4"><h11>Organización</h11>
<tex><tx>Lorem ipsum <i>dolor sit amet</i>, consectetur adipiscing elit. <u>Suspendisse varius</u>, ante vitae congue pharetra, mauris <strike>nisi gravida ex</strike>, sed sagittis orci urna ac sem. <a href="">Sed ut magna massa</a>. Sed ultrices est ullamcorper scelerisque aliquam. Morbi convallis quis metus sit amet tempor. <b>Phasellus sed orci felis.</b> Donec hendrerit, nibh sit amet viverra finibus, odio leo sollicitudin nulla, eu rutrum nisl mi interdum mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius, ante vitae congue pharetra, mauris nisi gravida ex, sed sagittis orci urna ac sem. Sed ut magna massa.
Extra super extra. Sed ultrices est ullamcorper scelerisque aliquam. Morbi convallis quis metus sit amet tempor. Phasellus sed orci felis. Donec hendrerit, nibh sit amet viverra finibus, odio leo sollicitudin nulla, eu rutrum nisl mi interdum mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius, ante vitae congue pharetra, mauris nisi gravida ex, sed sagittis orci urna ac sem. Sed ut magna massa. Sed ultrices est ullamcorper scelerisque aliquam. Morbi convallis quis metus sit amet tempor.</tx></tex></div></div><a href="https://isleycodes.tumblr.com/" class="creditos">Isley</a>
 
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&family=Staatliches&display=swap" rel="stylesheet"><link href="https://dl.dropbox.com/s/vjki0eqbv7a8w0w/kaz.css" rel="stylesheet"><style>.kaz {--bc: #0c0c0d;--bk: #131315;--bpk: #0d0d0d99;--cl: #4a7196;--cl2: #809fbd;--tx: #ccc;--tx2: #b3b3b3;}</style>
Код:
<!--HTML--><div class="edad kaz"><div class="edad1" style="background-image:url(https://i.ibb.co/HtBHfG4/asdesda.png);"><h8>Cronología</h8></div>
<div class="edad2">
<!--Fecha Principio-->
<ayer><fcb>1900</fcb>
<tx><a href="">Tema al que adjudicarle la fecha</a>
Lorem ipsum <i>dolor sit amet</i>, consectetur adipiscing elit. <u>Suspendisse varius</u>, ante vitae congue pharetra, mauris <strike>nisi gravida ex</strike>, sed sagittis orci urna ac sem. Sed ultrices est ullamcorper scelerisque aliquam. Morbi convallis quis metus sit amet tempor. <b>Phasellus sed orci felis.</b> Donec hendrerit, nibh sit amet viverra finibus, odio leo sollicitudin nulla, eu rutrum nisl mi interdum mi.</tx></ayer>
<!--Fecha Fin-->
<!--Fecha Principio-->
<ayer><fcb>XX<n>Mes</n></fcb>
<tx>orem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius, ante vitae congue pharetra, mauris nisi gravida ex, sed sagittis orci urna ac sem.</tx></ayer>
<!--Fecha Fin-->
</div></div><a href="https://isleycodes.tumblr.com/" class="creditos">Isley</a>
 
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&family=Staatliches&display=swap" rel="stylesheet"><link href="https://dl.dropbox.com/s/vjki0eqbv7a8w0w/kaz.css" rel="stylesheet"><style>.kaz {--bc: #0c0c0d;--bk: #131315;--bpk: #0d0d0d99;--cl: #4a7196;--cl2: #809fbd;--tx: #ccc;--tx2: #b3b3b3;}</style>


Код:
<!--HTML--><div class="spike kaz">
<div class="spike1"><imagens><img src="https://c.tenor.com/6DuoOlCTJyEAAAAC/kazbrekker-soc.gif" /></imagens>
<h8>Titulo asombroso largo y no tan largo</h8>
<datps><n>Dato largo</n><n>Dato</n><n>Dato</n></datps>
<h11>Capitulo I</h11></div>
<div class="spike2">Lorem ipsum <i>dolor sit amet</i>, consectetur adipiscing elit. <u>Suspendisse varius</u>, ante vitae congue pharetra, mauris <strike>nisi gravida ex</strike>, sed sagittis orci urna ac sem. <a href="">Sed ut magna massa</a>. Sed ultrices est ullamcorper scelerisque aliquam. Morbi convallis quis metus sit amet tempor. <b>Phasellus sed orci felis.</b> Donec hendrerit, nibh sit amet viverra finibus, odio leo sollicitudin nulla, eu rutrum nisl mi interdum mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius, ante vitae congue pharetra, mauris nisi gravida ex, sed sagittis orci urna ac sem. Sed ut magna massa. Sed ultrices est ullamcorper scelerisque aliquam. Morbi convallis quis metus sit amet tempor. Phasellus sed orci felis. Donec hendrerit, nibh sit amet viverra finibus, odio leo sollicitudin nulla, eu rutrum nisl mi interdum mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius, ante vitae congue pharetra, mauris nisi gravida ex, sed sagittis orci urna ac sem. Sed ut magna massa. Sed ultrices est ullamcorper scelerisque aliquam. Morbi convallis quis metus sit amet tempor.</div>
</div><a href="https://isleycodes.tumblr.com/" class="creditos">Isley</a>
 
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&family=Staatliches&display=swap" rel="stylesheet"><link href="https://dl.dropbox.com/s/vjki0eqbv7a8w0w/kaz.css" rel="stylesheet"><style>.kaz {--bc: #0c0c0d;--bk: #131315;--bpk: #0d0d0d99;--cl: #4a7196;--cl2: #809fbd;--tx: #ccc;--tx2: #b3b3b3;}</style>



Код:
<!--HTML--><div class="albert kaz">
<h9>Palabraaa<sb>Continuación larga y/o corta</sb></h9>
<h10>Dato | Dato | Dato</h10>
<tx>Lorem ipsum <i>dolor sit amet</i>, consectetur adipiscing elit. <u>Suspendisse varius</u>, ante vitae congue pharetra, mauris <strike>nisi gravida ex</strike>, sed sagittis orci urna ac sem. <a href="">Sed ut magna massa</a>. Sed ultrices est ullamcorper scelerisque aliquam. Morbi convallis quis metus sit amet tempor. <b>Phasellus sed orci felis.</b> Donec hendrerit, nibh sit amet viverra finibus, odio leo sollicitudin nulla, eu rutrum nisl mi interdum mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius, ante vitae congue pharetra, mauris nisi gravida ex, sed sagittis orci urna ac sem. Sed ut magna massa.</tx>
<h11 style="background-image:url(https://i.ibb.co/HtBHfG4/asdesda.png);">Personaje</h11>
<div class="albert1">
 
<!--PERSONAJE PRINCIPIO-->
<div class="albert2">
<images><img src="https://images2.minutemediacdn.com/image/fetch/c_fill,g_auto,f_auto,h_2222,w_1500/https:%2F%2Fwinteriscoming.net%2Ffiles%2Fimage-exchange%2F2021%2F01%2Fie_64074.jpeg"></images>
<div class="albert3">
<n>Info</n> Respuesta
<n>Info</n> Respuesta
<n>Info</n> Respuesta
<n>Info</n> Respuesta
<tx>si quieren ponerle descripción</tx></div>
<div class="albert4">Nombre del Pj</div>
</div>
<!--PERSONAJE FINAL-->
 
<!--PERSONAJE PRINCIPIO-->
<div class="albert2">
<images><img src="https://images2.minutemediacdn.com/image/fetch/c_fill,g_auto,f_auto,h_2222,w_1500/https:%2F%2Fwinteriscoming.net%2Ffiles%2Fimage-exchange%2F2021%2F01%2Fie_64074.jpeg"></images>
<div class="albert3">
<n>Info</n> Respuesta
<n>Info</n> Respuesta
<n>Info</n> Respuesta
<n>Info</n> Respuesta
<n>Info</n> Respuesta
</div>
<div class="albert4">Nombre del Pj</div>
</div>
<!--PERSONAJE FINAL-->
 
<!--PERSONAJE PRINCIPIO-->
<div class="albert2">
<images><img src="https://images2.minutemediacdn.com/image/fetch/c_fill,g_auto,f_auto,h_2222,w_1500/https:%2F%2Fwinteriscoming.net%2Ffiles%2Fimage-exchange%2F2021%2F01%2Fie_64074.jpeg"></images>
<div class="albert3">
<n>Info</n> Respuesta
<n>Info</n> Respuesta
<n>Info</n> Respuesta
<n>Info</n> Respuesta
<n>Info</n> Respuesta
</div>
<div class="albert4">Nombre del Pj</div>
</div>
<!--PERSONAJE FINAL-->
 
<!--PERSONAJE PRINCIPIO-->
<div class="albert2">
<images><img src="https://images2.minutemediacdn.com/image/fetch/c_fill,g_auto,f_auto,h_2222,w_1500/https:%2F%2Fwinteriscoming.net%2Ffiles%2Fimage-exchange%2F2021%2F01%2Fie_64074.jpeg"></images>
<div class="albert3">
<n>Info</n> Respuesta
<n>Info</n> Respuesta
<n>Info</n> Respuesta
<n>Info</n> Respuesta
<n>Info</n> Respuesta
</div>
<div class="albert4">Nombre del Pj</div>
</div>
<!--PERSONAJE FINAL-->
 
<!--PERSONAJE PRINCIPIO-->
<div class="albert2">
<images><img src="https://images2.minutemediacdn.com/image/fetch/c_fill,g_auto,f_auto,h_2222,w_1500/https:%2F%2Fwinteriscoming.net%2Ffiles%2Fimage-exchange%2F2021%2F01%2Fie_64074.jpeg"></images>
<div class="albert3">
<n>Info</n> Respuesta
<n>Info</n> Respuesta
<n>Info</n> Respuesta
<n>Info</n> Respuesta
<n>Info</n> Respuesta
</div>
<div class="albert4">Nombre del Pj</div>
</div>
<!--PERSONAJE FINAL-->
 
<!--PERSONAJE PRINCIPIO-->
<div class="albert2">
<images><img src="https://images2.minutemediacdn.com/image/fetch/c_fill,g_auto,f_auto,h_2222,w_1500/https:%2F%2Fwinteriscoming.net%2Ffiles%2Fimage-exchange%2F2021%2F01%2Fie_64074.jpeg"></images>
<div class="albert3">
<n>Info</n> Respuesta
<n>Info</n> Respuesta
<n>Info</n> Respuesta
<n>Info</n> Respuesta
<n>Info</n> Respuesta
</div>
<div class="albert4">Nombre del Pj</div>
</div>
<!--PERSONAJE FINAL-->
 
</div></div><a href="https://isleycodes.tumblr.com/" class="creditos">Isley</a>
 
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&family=Staatliches&display=swap" rel="stylesheet"><link href="https://dl.dropbox.com/s/vjki0eqbv7a8w0w/kaz.css" rel="stylesheet"><style>.kaz {--bc: #0c0c0d;--bk: #131315;--bpk: #0d0d0d99;--cl: #4a7196;--cl2: #809fbd;--tx: #ccc;--tx2: #b3b3b3;}</style>


Код:
<!--HTML--><div class="mocca1 kaz">
<div class="mocca2" style="background-image:url(https://i.ibb.co/HtBHfG4/asdesda.png);">
<h8>Titulo asombroso largo y no tan largo</h8>
<datis><h9>Dato muy importante</h9>
<h10>Dato semi importante</h10></datis></div>
<div class="mocca3"><imagens><img src="https://c.tenor.com/6DuoOlCTJyEAAAAC/kazbrekker-soc.gif" /></imagens><h11>Capitulo I</h11></div>
<div class="mocca4">Lorem ipsum <i>dolor sit amet</i>, consectetur adipiscing elit. <u>Suspendisse varius</u>, ante vitae congue pharetra, mauris <strike>nisi gravida ex</strike>, sed sagittis orci urna ac sem. <a href="">Sed ut magna massa</a>. Sed ultrices est ullamcorper scelerisque aliquam. Morbi convallis quis metus sit amet tempor. <b>Phasellus sed orci felis.</b> Donec hendrerit, nibh sit amet viverra finibus, odio leo sollicitudin nulla, eu rutrum nisl mi interdum mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius, ante vitae congue pharetra, mauris nisi gravida ex, sed sagittis orci urna ac sem. Sed ut magna massa. Sed ultrices est ullamcorper scelerisque aliquam. Morbi convallis quis metus sit amet tempor. Phasellus sed orci felis. Donec hendrerit, nibh sit amet viverra finibus, odio leo sollicitudin nulla, eu rutrum nisl mi interdum mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius, ante vitae congue pharetra, mauris nisi gravida ex, sed sagittis orci urna ac sem. Sed ut magna massa. Sed ultrices est ullamcorper scelerisque aliquam. Morbi convallis quis metus sit amet tempor. </div>
</div><a href="https://isleycodes.tumblr.com/" class="creditos">Isley</a>
 
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&family=Staatliches&display=swap" rel="stylesheet"><link href="https://dl.dropbox.com/s/vjki0eqbv7a8w0w/kaz.css" rel="stylesheet"><style>.kaz {--bc: #0c0c0d;--bk: #131315;--bpk: #0d0d0d99;--cl: #4a7196;--cl2: #809fbd;--tx: #ccc;--tx2: #b3b3b3;}</style>

0

13

Код:
<!--HTML--><style>.hatelove {--borde:#131313; --color:#bbb; --cuadro:rgba(14,14,14,0.5); --forma:rgba(14,14,14,0.8); --sombra:rgba(198, 13, 13,0.5); --titulo:rgba(198, 13, 13,0.1); --dato:rgba(14,14,14,0.5); --chi:rgba(198, 13, 13,0.2); --chi2:rgba(198,13,13,0.3);}</style>

<div class="hatelove"><div class="ineedyou"> <span><i class="fa-solid fa-heart-crack"></i></span> <love>I hate love I hate love</love><hate>I need you, I want you. I need you, I want you. I need you, I want you</hate></div> <div class="chuchu" style="margin-top: -10px;margin-bottom:0;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sit amet tellus ut ante placerat imperdiet sed sit amet odio. Vivamus gravida turpis sapien, et suscipit augue iaculis id. Maecenas hendrerit diam vel nibh placerat, nec porta ligula tincidunt. Nunc sagittis libero erat, sed porta neque tristique et. Phasellus dignissim hendrerit lorem in ornare. Aliquam fermentum iaculis nisl, quis elementum arcu ultricies sed. Donec nec est ante. In molestie fringilla dictum. Nunc vitae justo a arcu rhoncus accumsan. Donec ac risus venenatis justo dignissim dignissim eu sed magna. Pellentesque vehicula quis quam vel molestie. Mauris feugiat mattis dignissim. Nullam at rutrum mauris, vel luctus ante. Cras gravida vehicula augue. Sed nunc arcu, tincidunt vel malesuada ac, commodo sit amet leo.
 </div> <center><div class="cajita"><credi><a href="kalopsia-codes.tumblr.com">Choco</a></credi><time><span><i class="fa-regular fa-clock"></i></span>Hora</time><place><span><i class="fa-regular fa-paper-plane"></i></span>Lugar</place><name><span><i class="fa-regular fa-user"></i></span>Persona</name></div></center></div>

<link href="https://dl.dropbox.com/s/rwov8y0evqyxc6x/list%20fonts.css" rel="stylesheet"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.css" crossorigin="anonymous">
<link href="https://dl.dropbox.com/s/zwpjaa5u3oqqqxf/Hate%20love.css" rel="stylesheet">

0

14

Код:
<!--HTML--><center><link href="https://dl.dropbox.com/s/3gfauetfbzijk89/Back%20to%20my%20Old%20Ways.css" rel="stylesheet"><div id="rbacktomyoldways" style="--post-width: 650px; --image-size: 80px; --accent: #dd8686; --overlay-color: #787878; --wrap-background-color: #ececec; --wrap-text-color: #000; --sub-text-color: #2a2a2a; --sub-text-color-accent: #ececec; --background-image: url('https://i.pinimg.com/originals/b9/2b/9e/b92b9edca6e9d5ea66319a49bbc7d077.jpg');"><div class="rcontainer"><div class="rheader"><div>I've been sober for a year, now it's time for me To go back to my old ways, <b>don't you cry for me</b> Thought I'd be a better man, but I lied to me and to you I take half a Xan' and I still stay awake <b>All my demons wanna pull me to my grave</b> I tried to love, but you know I'd never stay But if I OD, I want you to OD right beside me</div></div><div class="rwrap"><div><div class="rtitle">back to my old ways</div><a href="https://is.gd/rossr" title="RR"><img src="https://media3.giphy.com/media/ll1nscLi1mQvTRPdw9/giphy.gif"></a></div><div class="rtxt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed nunc vitae est tincidunt iaculis. Vivamus porta arcu vel turpis feugiat dignissim. Cras libero quam, hendrerit at nulla bibendum, vehicula suscipit ligula. Curabitur pharetra risus ac orci faucibus pretium. Morbi accumsan sapien diam, vitae ullamcorper sem feugiat non. Nullam nec sapien eget leo sodales aliquam. Maecenas dictum dolor quis tincidunt porttitor. Ut efficitur mattis blandit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras ac est mattis, molestie odio lobortis, finibus nisl. Donec fermentum blandit erat, quis iaculis felis elementum scelerisque. Nulla facilisi. Curabitur sollicitudin odio tellus, sit amet viverra purus scelerisque eu.
 
Maecenas dui ante, suscipit vel ultrices ac, vehicula sed risus. Nulla facilisi. Nulla luctus in orci vitae eleifend. Curabitur ac odio id tellus placerat porttitor. Sed tristique purus eget lacus mollis tincidunt. Fusce semper faucibus ipsum, ac pulvinar libero pellentesque et. Suspendisse ornare blandit dui vitae hendrerit. Suspendisse rhoncus sollicitudin scelerisque. Vivamus scelerisque lobortis sapien, aliquet luctus dui interdum nec. Nulla sapien leo, vehicula nec sem sed, porttitor volutpat orci. Vivamus ullamcorper lorem sit amet erat placerat scelerisque. Integer auctor, lacus sed dictum interdum, leo nibh consequat dui, nec porttitor eros dolor sit amet tortor.</div></div></div></div></center>

0

15

Код:
<!--HTML--><div class="btcell1" style="background:#222; box-shadow:0 0 8px #000; border-color:#444;"><div class="btcell1-ad" style="background:url(https://placehold.jp/250x460.png); background-size:cover; border-color:#444;"><div class="btcell1-header"><div style="background:#222; border-color:#444;"><span><i class="fa fa-bell-slash"></i><i class="fa fa-wifi"></i><i class="fa fa-signal"></i><i class="fa fa-battery-half"></i></span><hora>23:34hs</hora></div></div><div class="btcell1-contenido"><div class="imgperf" style="border-color:#8a7794; background:#333;"><img src="https://placehold.jp/150x150.png"/></div><div class="btcell1-contenido2" style="background:linear-gradient(#d17579ea 40%, #ccb6d3fe) 100%;"><div class="btcell1-tit"> <b>Joceline's<br/>Phone</b><span>So call me maybe.</span><div class="btcell1-ticon"><i class="fa fa-mobile-alt"></i></div></div></div></div></div></div><a href="https://bettyleg.tumblr.com/" style="width:400px; text-align:center; display:block; font-size:9px; color:#aaa; text-transform:uppercase; font-family:arial; text-decoration:none; font-weight:600; letter-spacing:.5px; margin:0px auto 10px;">Bettyleg</a>
 
 
 
<link href="https://bettyleg.github.io/Cellphone/bettycel_portada.css" rel="stylesheet"><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"><link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@1,900&display=swap" rel="stylesheet"/><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/>
Код:
<!--HTML--><div class="btcell1" style="background:#222; box-shadow:0 0 8px #000; border-color:#444;"><div class="btcell1-c" style="border-color:#555;"><div class="btcell1-chattit" style="background:#8a7794; border-bottom:1px solid #444;"><b>To: Jolene</b><i class="fa fa-envelope-open-text"></i></div><div class="btcell1-chat" style="background:#191919; border-bottom-color:#444;">
 
<chat-receptor style="background:#222; border-color:#444;"><span style="color:#aaa">So... you got me shivers.</span></chat-receptor>
<chat-receptor style="background:#222; border-color:#444;"><span style="color:#aaa"> She shut one door! With her mind! If we’re both going crazy, then we’ll go crazy together, right? Mornings are for coffee and contemplation.</span></chat-receptor>
 
</div><div class="btcell1-barra" style="background:#222;"><barra style="background:#333; border-color:#444;"><span>what's up?</span></barra><bot style="background:#8a7794">Enviar</bot></div></div></div><a href="https://bettyleg.tumblr.com/" style="text-align:center; width:400px;display:block; font-size:9px; color:#aaa; text-transform:uppercase; font-family:arial; text-decoration:none; font-weight:600; letter-spacing:.5px; margin:0px auto 10px;">Bettyleg</a>
 
<link href="https://bettyleg.github.io/Cellphone/bettycel_chat.css" rel="stylesheet"><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"><link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@1,900&display=swap" rel="stylesheet"/><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/>
Код:
<!--HTML--><div class="btcell1" style="background:#222; box-shadow:0 0 8px #000; border-color:#444;"><div class="btcell1-c" style="border-color:#555;"><div class="btcell1-chattit" style="background:#985154; border-bottom:1px solid #444;"><b>To: Jolene</b><i class="fa fa-envelope-open-text"></i></div><div class="btcell1-chat" style="background:#191919; border-bottom-color:#444;">
 
<chat-emisor style="background:#222; border-color:#444;"><span style="color:#aaa">So... you got me shivers.</span></chat-emisor>
<chat-emisor style="background:#222; border-color:#444;"><span style="color:#aaa"> She shut one door! With her mind! If we’re both going crazy, then we’ll go crazy together, right? Mornings are for coffee and contemplation.</span></chat-emisor>
 
</div><div class="btcell1-barra" style="background:#222;"><barra style="background:#333; border-color:#444;"><span>what's up?</span></barra><bot style="background:#985154">Enviar</bot></div></div></div><a href="https://bettyleg.tumblr.com/" style="text-align:center; width:400px;display:block; font-size:9px; color:#aaa; text-transform:uppercase; font-family:arial; text-decoration:none; font-weight:600; letter-spacing:.5px; margin:0px auto 10px;">Bettyleg</a>
 
<link href="https://bettyleg.github.io/Cellphone/bettycel_chat.css" rel="stylesheet"><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"><link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@1,900&display=swap" rel="stylesheet"/><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/>
Код:
<!--HTML--><div class="btcell1"><div class="btcell1-ad" style="background:url(https://placehold.jp/250x460.png); background-size:cover;"><div class="btcell1-header"><div><span><i class="fa fa-bell-slash"></i><i class="fa fa-wifi"></i><i class="fa fa-signal"></i><i class="fa fa-battery-half"></i></span><hora>23:34hs</hora></div></div><div class="btcell1-contenido"><div class="imgperf" style="border-color:#8a7794;"><img src="https://placehold.jp/150x150.png"/></div><div class="btcell1-contenido2" style="background:linear-gradient(#d17579ea 40%, #ccb6d3fe) 100%;"><div class="btcell1-tit"> <b>Joceline's<br/>Phone</b><span>So call me maybe.</span><div class="btcell1-ticon"><i class="fa fa-mobile-alt"></i></div></div></div></div></div></div><a href="bettyleg.tumblr.com" style="display:block; font-size:9px; color:#aaa; text-transform:uppercase; font-family:arial; text-decoration:none; font-weight:600; letter-spacing:.5px; margin:0px auto 10px; text-align:center; width:400px;">Bettyleg</a>
 
 
 
<link href="https://bettyleg.github.io/Cellphone/bettycel_portada.css" rel="stylesheet"><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"><link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@1,900&display=swap" rel="stylesheet"/><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/>
Код:
<!--HTML--><div class="btcell1"><div class="btcell1-c"><div class="btcell1-chattit" style="background:#8a7794;"><b>To: Jolene</b><i class="fa fa-envelope-open-text"></i></div><div class="btcell1-chat" style="background:#efefef;">
 
<chat-receptor><span style="color:#aaa">So... you got me shivers.</span></chat-receptor>
<chat-receptor><span style="color:#aaa"> She shut one door! With her mind! If we’re both going crazy, then we’ll go crazy together, right? Mornings are for coffee and contemplation.</span></chat-receptor>
 
</div><div class="btcell1-barra"><barra><span>what's up?</span></barra><bot style="background:#8a7794">Enviar</bot></div></div></div><a href="bettyleg.tumblr.com" style="width:400px; text-align:center; display:block; font-size:9px; color:#aaa; text-transform:uppercase; font-family:arial; text-decoration:none; font-weight:600; letter-spacing:.5px; margin:0px auto 10px;">Bettyleg</a>
 
<link href="https://bettyleg.github.io/Cellphone/bettycel_chat.css" rel="stylesheet"><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"><link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@1,900&display=swap" rel="stylesheet"/><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/>
Код:
<!--HTML--><div class="btcell1"><div class="btcell1-c"><div class="btcell1-chattit" style="background:#985154;"><b>To: Jolene</b><i class="fa fa-envelope-open-text"></i></div><div class="btcell1-chat" style="background:#efefef;">
 
<chat-emisor><span style="color:#aaa">So... you got me shivers.</span></chat-emisor>
<chat-emisor><span style="color:#aaa"> She shut one door! With her mind! If we’re both going crazy, then we’ll go crazy together, right? Mornings are for coffee and contemplation.</span></chat-emisor>
 
</div><div class="btcell1-barra"><barra><span>what's up?</span></barra><bot style="background:#985154">Enviar</bot></div></div></div><a href="bettyleg.tumblr.com" style="width:400px; text-align:center; display:block; font-size:9px; color:#aaa; text-transform:uppercase; font-family:arial; text-decoration:none; font-weight:600; letter-spacing:.5px; margin:0px auto 10px;">Bettyleg</a>
 
<link href="https://bettyleg.github.io/Cellphone/bettycel_chat.css" rel="stylesheet"><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"><link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@1,900&display=swap" rel="stylesheet"/><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/>

0

16

Код:
<!--HTML--><div class="liaison"><div class="tite">título aquí<div class="stite">aquí el lugar, momento y pj involucrado</div></div><div class="pj1"><div class="pic">name mcname</div><div class="texte">rol aquí</div></div><div class="pj2"><div class="pic">name mcname</div><div class="texte">rol aquí</div></div><div class="pj1"><div class="pic">name mcname</div><div class="texte">rol aquí</div></div><div  class="pj2"><div class="pic">name mcname</div><div class="texte">rol aquí</div></div></div><div class="crow-cred"><a href="https://corvuscodes.tumblr.com/" title="©CORVUSC">—</a></div><link rel="stylesheet" href="https://dl.dropbox.com/s/ha8rzuuoftnhgyn/liaison.css"><style>.liaison {--bck: #1d1d1d;--bcc: #2d2d2d;--acc: #56a0a3;--txt: rgba(225, 225, 225, 0.8);--pj1: #176f73;--pj2: #176e5b;} .liaison .pj1 .pic {background-image: url("https://via.placeholder.com/100");} .liaison .pj2 .pic {background-image: url("https://via.placeholder.com/100");}</style>

0

17

Код:
<!--HTML--><div class="postchat"><div class="postchat-tit"><i class="fa fa-heartbeat" style="color:#eee;"></i><b style="color:#dec16d;">How to lose a girl</b><span>fecha<i class="fas fa-chevron-circle-right" style="color:#dec16d;"></i>lugar</span></div><div class="postchat-modul"><img src="https://placehold.jp/90x90.png" style="border-color:#ddd;"/><div class="postchat-mchat"><span style="color:#dec16d;"><i class="fas fa-chevron-circle-right" style="color:#ddd;"></i> Maeve A. Sullivan: </span>Texto</div></div><div class="postchat-modul"><div class="postchat-mchat"><span style="color:#dec16d;"><i class="fas fa-chevron-circle-right" style="color:#ddd;"></i> Maeve A. Sullivan: </span>Textoooo</div><img src="https://placehold.jp/90x90.png" style="border-color:#ccc;"/></div><div class="postchat-modul"><img src="https://placehold.jp/90x90.png" style="border-color:#ddd;"/><div class="postchat-mchat"><span style="color:#dec16d;"><i class="fas fa-chevron-circle-right" style="color:#ddd;"></i> Maeve A. Sullivan: </span> Textoooo </div></div><div class="postchat-modul"><div class="postchat-mchat"><span style="color:#dec16d;"><i class="fas fa-chevron-circle-right" style="color:#ddd;"></i> Maeve A. Sullivan: </span> Textoooo</div><img src="https://placehold.jp/90x90.png" style="border-color:#ccc;"/></div></div><a href="https://bettyleg.tumblr.com" class="btcred">BETTYLEG</a>
 
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,900;1,700;1,900&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.postchat{background:#fdfdfd; border:1px solid #eee; width:400px; margin:10px auto; padding:10px; border-radius:10px;} .postchat-modul{margin:20px; display:flex; align-items:center; justify-content:center;} .postchat-modul > img{display:block; width:60px; height:60px; border-radius:100px; padding:5px; border:5px solid #eee; background:#fafafa; z-index:2; align-self:flex-end; margin-bottom:10px;} .postchat-mchat{border:1px solid #ddd; border-radius:10px; min-height:70px; min-width:240px; padding:20px 30px; font-size:12px; background:#fff;font-family: 'Lato', sans-serif; font-weight:400; color:#666; line-height:17px; text-align:justify;} .postchat-modul:nth-child(2n+1) .postchat-mchat{padding-right:55px; margin-right:-45px;} .postchat-modul:nth-child(2n) .postchat-mchat{padding-left:55px; margin-left:-45px;} .postchat-tit{padding:30px 40px 40px; text-align:center; font-family:'Lato', sans-serif; line-height:18px;} .postchat-tit > i,.postchat-tit > b{display:block;} .postchat-tit > i{font-size:40px; color:#ddd; padding:20px;} .postchat-tit > b{ font-size:24px; letter-spacing:-0.5px; font-style:italic; font-weight:900;} .postchat-tit > span{font-size:10px; color:#999; text-transform:uppercase; font-weight:600;} .postchat-tit > span > i{padding:0px 5px;} .postchat-mchat > span{padding-right:5px; font-weight:600; font-style:italic;}.postchat-mchat > span > i{font-size:10px;}.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--><div class="postchat"><div class="postchat-tit"><i class="fa fa-heartbeat" style="color:#666;"></i><b style="color:#dec16d;">How to lose a girl</b><span>fecha<i class="fas fa-chevron-circle-right" style="color:#dec16d;"></i>lugar</span></div><div class="postchat-modul"><img src="https://placehold.jp/90x90.png" style="border-color:#ddd;"/><div class="postchat-mchat"><span style="color:#dec16d;"><i class="fas fa-chevron-circle-right" style="color:#ddd;"></i> Maeve A. Sullivan: </span>She shut one door! With her mind! Why are you keeping this curiosity door lock? Nancy, seriously, you're gonna be so cool now, it's ridiculous. You're an idiot, Steve Harrington. You're beautiful, Nancy Wheeler.</div></div><div class="postchat-modul"><div class="postchat-mchat"><span style="color:#dec16d;"><i class="fas fa-chevron-circle-right" style="color:#ddd;"></i> Maeve A. Sullivan: </span> She shut one door! With her mind! Why are you keeping this curiosity door lock? Nancy, seriously, you're gonna be so cool now, it's ridiculous. You're an idiot, Steve Harrington. You're beautiful, Nancy Wheeler. You’re going to take out the demigorgon with a slingshot?</div><img src="https://placehold.jp/90x90.png" style="border-color:#ccc;"/></div></div><a href="https://bettyleg.tumblr.com" class="btcred">BETTYLEG</a>
 
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,900;1,700;1,900&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.postchat{background:#333; border:1px solid #eee; width:400px; margin:10px auto; padding:10px; border-radius:10px;} .postchat-modul{margin:20px; display:flex; align-items:center; justify-content:center;} .postchat-modul > img{display:block; width:60px; height:60px; border-radius:100px; padding:5px; border:5px solid #eee; background:#333; z-index:2; align-self:flex-end; margin-bottom:10px;} .postchat-mchat{border:1px solid #666; border-radius:10px; min-height:70px; min-width:240px; padding:20px 30px; font-size:12px; background:#444;font-family: 'Lato', sans-serif; font-weight:400; color:#ccc; line-height:17px; text-align:justify;} .postchat-modul:nth-child(2n+1) .postchat-mchat{padding-right:55px; margin-right:-45px;} .postchat-modul:nth-child(2n) .postchat-mchat{padding-left:55px; margin-left:-45px;} .postchat-tit{padding:30px 40px 40px; text-align:center; font-family:'Lato', sans-serif; line-height:18px;} .postchat-tit > i,.postchat-tit > b{display:block;} .postchat-tit > i{font-size:40px; color:#ddd; padding:20px;} .postchat-tit > b{ font-size:24px; letter-spacing:-0.5px; font-style:italic; font-weight:900;} .postchat-tit > span{font-size:10px; color:#ccc; text-transform:uppercase; font-weight:600;} .postchat-tit > span > i{padding:0px 5px;} .postchat-mchat > span{padding-right:5px; font-weight:600; font-style:italic;}.postchat-mchat > span > i{font-size:10px;}.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>

0

18

Код:
<!--HTML--><center><link href="https://dl.dropbox.com/s/tlwjsh2yudt3x0l/Build%20Me%20Up%20Buttercup.css" rel="stylesheet"><div id="rBuildMeUpButtercup" style="--width: 550px; --image-size: 60px; --accent: #ffc0cb; --border-color: #282828; --background-color: #343434; --header-text: #000; --text: #fff;"><div class="rcontainer"><a href="https://is.gd/rossr"><img src="https://i.imgur.com/ep0YXz0.jpg"></a><div class="rheader">Build me up buttercup</div><div class="rtxt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam rutrum tellus dui, at fringilla neque ultricies nec. Nullam odio diam, tempor eget facilisis volutpat, sodales ut felis. In mattis mattis dapibus. Pellentesque sit amet eleifend magna. Duis in purus sed dolor viverra ornare non sed augue. Donec porta, nisi non consequat dapibus, dolor odio finibus tortor, ut dignissim ligula ligula interdum velit. Quisque tincidunt vulputate elementum. Integer volutpat quis justo sit amet ultricies. Aliquam vitae lacinia nulla, vitae luctus neque.
 
Mauris eu risus lectus. Vivamus nec ipsum a diam pellentesque gravida vel et mi. Nunc sit amet suscipit mi. Praesent fringilla lobortis lacus, quis condimentum metus vestibulum in. Donec sit amet risus fringilla mi interdum bibendum eget ac neque. Aenean et suscipit odio, ac dictum urna. Phasellus convallis dapibus augue ut vehicula. Nunc felis nunc, euismod quis tristique id, ornare mollis eros. Duis viverra, arcu nec aliquet pulvinar, ipsum enim ornare mauris, nec tincidunt nulla orci eget elit. Pellentesque eu metus a enim faucibus consequat non a odio. Maecenas porttitor placerat enim, et condimentum tellus. Mauris nibh justo, vulputate vel nisl vitae, cursus egestas orci. Aenean nulla sem, blandit vel erat at, tristique facilisis libero.
 
Mauris iaculis velit in nisi ullamcorper aliquet. Fusce pharetra libero lectus, non viverra velit interdum at. Integer placerat lectus elementum euismod vulputate. Nunc in tempus dolor. Aenean vitae augue non lacus interdum semper vitae sed mi. Pellentesque porttitor lectus leo, ac facilisis dolor viverra quis. Aliquam volutpat tellus luctus tortor mollis pellentesque. Vestibulum cursus nibh ex. Vestibulum dolor orci, semper nec placerat et, ultrices nec tellus. Maecenas posuere et eros a eleifend. Morbi maximus lacus eu neque elementum, imperdiet semper sem egestas.</div></div></div></center>

0

19

Код:
<!--HTML--><div class="firmbt1" style="border-color:#fafafa; outline-color:#ddd;"><img src="https://placehold.jp/250x150.png"/><div class="firmbt1-h"><circulo style="background:#ffffffaa"></circulo><div class="firmbt1-tit"><b style="color:#959abd;">Dancing on my own</b><span style="color:#999;">Somebody said you got a <i style="color:#959abd;">new friend</i>. Does she love you <i style="color:#959abd;">better than I can</i>? And there's a big black sky over my town</span></div></div></div><a href="https://bettyleg.tumblr.com/" class="firmcred">bettyleg</a><link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;1,900&display=swap" rel="stylesheet"><link href="https://bettyleg.github.io/firmascss/DancingOnMyOwn.css" rel="stylesheet"/>

0

20

Код:
<!--HTML--><div class="email-bac" style="background: #404d51;"><div class="btemailc"><div class="email-izq"><img src="https://placehold.jp/80x80.png" style="border-color:#a6c7df;"/><div><b style="color:#a6c7df;">Margaret S. Foster</b><span style="background:#a6c7df;">New York, United States</span></div></div><div class="email-der"><div class="email-dats"><dato><i class="fa fa-at" style="background:#a6c7df;"></i><span>msfoster@sallow.com</span></dato><dato><i class="fa fa-birthday-cake" style="background:#a6c7df;"></i><span>10/01/1997, 24 años</span></dato><dato><i class="fa fa-university" style="background:#a6c7df;"></i><span>MIT</span></dato><dato><i class="fa fa-chalkboard" style="background:#a6c7df;"></i><span>programmer</span></dato><frase><i class="fa fa-quote-left"></i><div>Before you came around<br/> I was doing just fine<br/>Usually, usually, usually<br/>I don't pay no mind.</div></frase></div><img src="https://placehold.jp/150x200.png"/></div><div class="email-fo"><e-bot><i class="fa fa-envelope-open" style="background:#a6c7df;"></i><span>Bandeja de entrada</span></e-bot><e-bot><i class="fa fa-archive" style="background:#a6c7df;"></i><span>Mensajes archivados</span></e-bot></div></div></div><a href="https://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>.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;}.email-bac{margin: 10px auto; width: 480px; border: 1px solid #777; padding: 20px; border-radius: 10px; background: #404d51} .btemailc{border:1px solid #777; border-radius:10px; overflow:hidden; background:#333;} .email-izq{height:130px; background:#222; border-bottom:1px solid #777; display:flex; align-items:center; justify-content:space-between; padding:0px 30px;} .email-der{display:flex;} .email-izq > div {font-family: 'Lato', sans-serif; text-align:right; line-height:20px;} .email-izq > img{width:80px; height:80px; border-radius:200px; border:5px solid #777; padding:5px; display:block;} .email-izq >div > b{display:block; font-style:italic; font-weight:900; font-size:26px; position:relative; z-index:1; margin-bottom:0px; color:#a6c7df;} .email-izq > div >span{font-size:12px; background:#a6c7df; padding:1px 14px 3px; border-radius:4px; color:#222;}.email-der > img{width:150px; height:200px; border:1px solid #777; padding:15px; margin:20px; border-radius:10px; background:#222;}.email-dats{width:220px; padding:20px;} .email-dats > dato{display:block; border:1px solid #777; border-radius:6px; height:25px; display:flex; align-items:center; justify-content:flex-start; font-size:12px; overflow:hidden; margin-bottom:10px; background:#222;} .email-dats > dato > i{border-right:1px solid #777; background:#a6c7df; display:flex; align-items:center; justify-content:center; height:100%; width:30px; border-radius:0px 30px 0px 0px; padding-right:10px; font-size:10px; color:#333;} .email-dats > dato > span{padding-left:7px; font-size:10px; color:#aaa;font-family: 'Lato', sans-serif;}.email-dats > frase{display:flex; height:85px; align-items:center; justify-content:center; position:relative;} .email-dats > frase > div{width:140px; max-height:60px; overflow:hidden; position:absolute; margin-left:30px; color:#aaa; font-size:11px; line-height:12px; text-align:center; font-family: 'Lato', sans-serif;} .email-dats > frase > i{font-size:50px; color:#aaa; opacity:.14; margin-left:-100px; margin-top:-20px; transform:rotate(10deg);} .email-fo > e-bot{display:block; max-width:150px; font-size:12px; border:1px solid #777; margin:0px 10px; border-radius:5px; padding:5px;} .email-fo > e-bot > i{width:25px; height:25px; border-radius:5px; color:#333; font-size:9px; margin-right:10px;} .email-fo, .email-fo> e-bot,.email-fo > e-bot > i{display:flex; align-items:center; justify-content:center;} .email-fo{height:80px; background:#222; border-top:1px solid #777; justify-content:flex-end; padding:0px 10px;} .email-fo > e-bot >span{padding-right:10px; font-family: 'Lato', sans-serif; font-size:10px; color:#aaa;}</style>

0

21

Код:
<!--HTML--><div class="profb1" style="border-color:#eee"><div class="portb1" style="background:url(https://placehold.jp/400x210.png); background-size:cover;"><div class="picprofb1"><img src="https://placehold.jp/100x100.png"/></div></div><div class="tringb2"></div><div class="titb1"><span style="color:#F99B7E">Rescue me</span><br/><span class="chtitb1">Maeve, por la tarde</span></div><div class="pstb1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.</div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
 
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@500&family=Playfair+Display:ital,wght@0,500;1,600&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.profb1{width:400px; font-family: 'Lora', serif; font-size:14px; border:15px solid #f4f4f4; margin: 10px auto; background:#fff; padding-bottom:10px;} .portb1{height:210px; background:#000; display:flex; align-items:center; justify-content:center; width:400px;} .portb1 img{width:100px; height:100px; border-radius:180px; border:6px solid #fff; top:60px; position:relative;} .tringb2{ width: 0; height: 0; border-right: 400px solid #fff; border-top: 100px solid transparent; border-bottom: 0px solid transparent; margin-top:-100px; margin-bottom:50px;} .picprofb1{display:flex; align-items:center; justify-content:center;} .nmbb1{line-height:18px; padding-left:20px; color:#fff; font-family: 'Playfair Display', serif; font-style:italic; font-size:18px; border-bottom:0px solid #fff; margin-left:-2px; padding-bottom:5px;} .titb1{font-family: 'Playfair Display', serif; font-size:28px; font-style:italic; text-align:right; color:#444; padding:0px 20px 20px; line-height:18px; font-weight:900;} .chtitb1{font-size:12px;font-family: 'Lora', serif; font-weight:500; } .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;} .pstb1{ padding:10px 40px 20px; text-align:justify; font-size:12px; line-height:18px;}</style>
Код:
<!--HTML--><div class="profb1" style="border-color:#eee; padding-top:40px;"><div class="titb1"><span style="color:#F99B7E">Rescue me</span><br/><span class="chtitb1">Maeve, por la tarde</span></div><div class="pstb1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.<br/>Sed vestibulum leo eget dui molestie tincidunt. Nam commodo dignissim lacus quis auctor. Phasellus quis gravida est. Nullam ornare sit amet tellus ut luctus. Nam ac ornare nisi. Phasellus arcu tellus, efficitur ut porta in, bibendum ac mi. Cras dapibus elit non risus mollis, eu sodales tellus tempor. Cras imperdiet lectus turpis, eget aliquam orci tristique eget. Donec leo sem, vestibulum quis pharetra interdum, finibus in justo. Donec suscipit nulla leo, vel lacinia orci molestie a. Duis tempus risus eget pharetra sollicitudin. Pellentesque maximus sagittis commodo. Quisque neque dui, vestibulum et efficitur et, fermentum eu orci. Vestibulum a felis ut dolor imperdiet tristique. Curabitur posuere ante id leo pharetra, sed pharetra nisi dictum.</div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
 
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@500&family=Playfair+Display:ital,wght@0,500;1,600&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.profb1{width:400px; font-family: 'Lora', serif; font-size:14px; border:15px solid #f4f4f4; margin: 10px auto; background:#fff; padding-bottom:10px;} .nmbb1{line-height:18px; padding-left:20px; color:#fff; font-family: 'Playfair Display', serif; font-style:italic; font-size:18px; border-bottom:0px solid #fff; margin-left:-2px; padding-bottom:5px;} .titb1{font-family: 'Playfair Display', serif; font-size:28px; font-style:italic; text-align:right; color:#444; padding:0px 20px 20px; line-height:18px; font-weight:900;} .chtitb1{font-size:12px;font-family: 'Lora', serif; font-weight:500; } .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;} .pstb1{ padding:10px 40px 20px; text-align:justify; font-size:12px; line-height:18px;}</style>
Код:
<!--HTML--><div class="profb1" style="border-color:#eeeeeeaa; padding-top:50px; outline:1px solid #ddd; outline-offset:-15px;"><div class="titb1"><span style="color:#F99B7E">Bad Habits</span><br/><span class="chtitb1">Maeve, por la tarde</span></div><div class="pstb1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.<br/><br/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.</div><div class="pstb1-resumen"><i class="fa fa-star" style="background:#fff;color:#F99B7E"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.</div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
 
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@500&family=Playfair+Display:ital,wght@0,500;1,600&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.profb1{width:400px; font-family: 'Lora', serif; font-size:14px; border:15px solid #f4f4f4; margin: 10px auto; background:#fff; padding-bottom:10px;}.portb1{height:210px; background:#000; display:flex; align-items:center; justify-content:center; width:400px;} .portb1 img{width:100px; height:100px; border-radius:180px; border:6px solid #fff; top:60px; position:relative;} .tringb2{ width: 0; height: 0; border-right: 400px solid #fff; border-top: 100px solid transparent; border-bottom: 0px solid transparent; margin-top:-100px; margin-bottom:50px;} .nmbb1{line-height:18px; padding-left:20px; color:#fff; font-family: 'Playfair Display', serif; font-style:italic; font-size:18px; border-bottom:0px solid #fff; margin-left:-2px; padding-bottom:5px;} .titb1{font-family: 'Playfair Display', serif; font-size:28px; font-style:italic; text-align:right; color:#444; padding:0px 40px 20px; line-height:18px; font-weight:900;} .chtitb1{font-size:12px;font-family: 'Lora', serif; font-weight:500; } .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;} .pstb1{ padding:10px 40px 20px; text-align:justify; font-size:12px; line-height:18px;}.pstb1-pj{border:1px solid #ddd; margin:20px;}.pstb1-pjs{padding:20px; display:flex; align-items:center; justify-content:space-between; background:#fdfdfd;} .pstb1-pjs > img{width:110px; height:110px; background:#fff; padding:10px; border:1px solid #ddd; border-radius:200px; margin-right:20px;} .pstb1-desc{max-height:140px; overflow:auto; overflow-x:hidden; margin:10px 0px; font-size:10px; text-align:justify; padding-right:10px;} .pstb1-pjtit{height:40px; border-bottom:1px solid #ddd; display:flex; align-items:center; justify-content:center; font-size:14px; font-family: 'Playfair Display', serif; font-weight:600;} .pstb1-resumen{margin:10px auto 25px; width:300px; text-align:justify; font-size:12px; color:#666; line-height:18px; padding-top:20px; border-top:1px solid #ddd; position:relative;} .pstb1-resumen > i.fa{position:absolute; top:-10px; font-size:16px; left:130px; padding:0px 20px;}</style>
Код:
<!--HTML--><div class="profb1" style="border-color:#eeeeeeaa; padding-top:50px; outline:1px solid #ddd; outline-offset:-15px;"><div class="titb1"><span style="color:#F99B7E">Bad Habits</span></div><div class="pstb1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.</div><div class="pstb1-pj"><div class="pstb1-pjtit"><span style="color:#F99B7E">Nombre del pj</span></div><div class="pstb1-pjs"><img src="https://placehold.jp/120x120.png"/><div class="pstb1-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.<br/>Sed vestibulum leo eget dui molestie tincidunt. Nam commodo dignissim lacus quis auctor. Phasellus quis gravida est.</div></div></div><div class="pstb1-pj"><div class="pstb1-pjtit"><span style="color:#F99B7E">Nombre del pj</span></div><div class="pstb1-pjs"><div class="pstb1-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.<br/>Sed vestibulum leo eget dui molestie tincidunt. Nam commodo dignissim lacus quis auctor. Phasellus quis gravida est.</div><img src="https://placehold.jp/120x120.png" style="margin-right:0; margin-left:20px;"/></div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
 
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@500&family=Playfair+Display:ital,wght@0,500;1,600&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.profb1{width:400px; font-family: 'Lora', serif; font-size:14px; border:15px solid #f4f4f4; margin: 10px auto; background:#fff; padding-bottom:10px;}.portb1{height:210px; background:#000; display:flex; align-items:center; justify-content:center; width:400px;} .portb1 img{width:100px; height:100px; border-radius:180px; border:6px solid #fff; top:60px; position:relative;} .tringb2{ width: 0; height: 0; border-right: 400px solid #fff; border-top: 100px solid transparent; border-bottom: 0px solid transparent; margin-top:-100px; margin-bottom:50px;} .nmbb1{line-height:18px; padding-left:20px; color:#fff; font-family: 'Playfair Display', serif; font-style:italic; font-size:18px; border-bottom:0px solid #fff; margin-left:-2px; padding-bottom:5px;} .titb1{font-family: 'Playfair Display', serif; font-size:28px; font-style:italic; text-align:right; color:#444; padding:0px 40px 20px; line-height:18px; font-weight:900;} .chtitb1{font-size:12px;font-family: 'Lora', serif; font-weight:500; } .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;} .pstb1{ padding:10px 40px 20px; text-align:justify; font-size:12px; line-height:18px;}.pstb1-pj{border:1px solid #ddd; margin:20px;}.pstb1-pjs{padding:20px; display:flex; align-items:center; justify-content:space-between; background:#fdfdfd;} .pstb1-pjs > img{width:110px; height:110px; background:#fff; padding:10px; border:1px solid #ddd; border-radius:200px; margin-right:20px;} .pstb1-desc{max-height:140px; overflow:auto; overflow-x:hidden; margin:10px 0px; font-size:10px; text-align:justify; padding-right:10px;} .pstb1-pjtit{height:40px; border-bottom:1px solid #ddd; display:flex; align-items:center; justify-content:center; font-size:14px; font-family: 'Playfair Display', serif; font-weight:600;} .pstb1-resumen{margin:10px auto 25px; width:300px; text-align:justify; font-size:12px; color:#666; line-height:18px; padding-top:20px; border-top:1px solid #ddd; position:relative;} .pstb1-resumen > i.fa{position:absolute; top:-10px; font-size:16px; left:130px; padding:0px 20px;}</style>
Код:
<!--HTML--><div><div class="profb1" style="border-color:#eeeeeeaa;outline:1px solid #ddd;outline-offset:-15px;"><div class="portb1" style="background:url(https://placehold.jp/400x210.png); background-size:cover;"><div class="picprofb1"><img src="https://placehold.jp/100x100.png"></div></div><div class="tringb2"></div><div class="titb1"><span style="color:#F99B7E">Bad Habits</span><br><span class="chtitb1">Maeve, por la tarde</span></div><div class="pstb1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.<br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.</div><div class="pstb1-resumen"><i class="fa fa-star" style="background:#fff;color:#F99B7E"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.</div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
 
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@500&amp;family=Playfair+Display:ital,wght@0,500;1,600&amp;display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.profb1{width:400px; font-family: 'Lora', serif; font-size:14px; border:15px solid #f4f4f4; margin: 10px auto; background:#fff; padding-bottom:10px;}.portb1{height:210px; background:#000; display:flex; align-items:center; justify-content:center; width:400px;} .portb1 img{width:100px; height:100px; border-radius:180px; border:6px solid #fff; top:60px; position:relative;} .tringb2{ width: 0; height: 0; border-right: 400px solid #fff; border-top: 100px solid transparent; border-bottom: 0px solid transparent; margin-top:-100px; margin-bottom:50px;} .nmbb1{line-height:18px; padding-left:20px; color:#fff; font-family: 'Playfair Display', serif; font-style:italic; font-size:18px; border-bottom:0px solid #fff; margin-left:-2px; padding-bottom:5px;} .titb1{font-family: 'Playfair Display', serif; font-size:28px; font-style:italic; text-align:right; color:#444; padding:0px 40px 20px; line-height:18px; font-weight:900;} .chtitb1{font-size:12px;font-family: 'Lora', serif; font-weight:500; } .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;} .pstb1{ padding:10px 40px 20px; text-align:justify; font-size:12px; line-height:18px;}.pstb1-pj{border:1px solid #ddd; margin:20px;}.pstb1-pjs{padding:20px; display:flex; align-items:center; justify-content:space-between; background:#fdfdfd;} .pstb1-pjs > img{width:110px; height:110px; background:#fff; padding:10px; border:1px solid #ddd; border-radius:200px; margin-right:20px;} .pstb1-desc{max-height:140px; overflow:auto; overflow-x:hidden; margin:10px 0px; font-size:10px; text-align:justify; padding-right:10px;} .pstb1-pjtit{height:40px; border-bottom:1px solid #ddd; display:flex; align-items:center; justify-content:center; font-size:14px; font-family: 'Playfair Display', serif; font-weight:600;} .pstb1-resumen{margin:10px auto 25px; width:300px; text-align:justify; font-size:12px; color:#666; line-height:18px; padding-top:20px; border-top:1px solid #ddd; position:relative;} .pstb1-resumen > i.fa{position:absolute; top:-10px; font-size:16px; left:130px; padding:0px 20px;}</style>
Код:
<!--HTML--><div class="profb1" style="border-color:#eeeeeeaa;outline:1px solid #ddd;outline-offset:-15px;"><div class="portb1" style="background:url(https://placehold.jp/400x210.png); background-size:cover;"><div class="picprofb1"><img src="https://placehold.jp/100x100.png"></div></div><div class="tringb2"></div><div class="titb1"><span style="color:#F99B7E">Bad Habits</span></div><div class="pstb1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.</div><div class="pstb1-pj"><div class="pstb1-pjtit"><span style="color:#F99B7E">Nombre del pj</span></div><div class="pstb1-pjs"><img src="https://placehold.jp/120x120.png"><div class="pstb1-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis interdum, pellentesque est eget, laoreet neque. Aliquam commodo venenatis ultricies. Aenean varius turpis quis tortor pulvinar, luctus malesuada turpis convallis. Aenean in dapibus justo, at placerat lorem. Mauris accumsan orci eget iaculis hendrerit. Etiam at sem eu mi porttitor hendrerit. Morbi mattis, sem in feugiat viverra, sem purus tincidunt metus, sed aliquam diam urna eu lectus.<br>Sed vestibulum leo eget dui molestie tincidunt. Nam commodo dignissim lacus quis auctor. Phasellus quis gravida est.</div></div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
 
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@500&amp;family=Playfair+Display:ital,wght@0,500;1,600&amp;display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.profb1{width:400px; font-family: 'Lora', serif; font-size:14px; border:15px solid #f4f4f4; margin: 10px auto; background:#fff; padding-bottom:10px;}.portb1{height:210px; background:#000; display:flex; align-items:center; justify-content:center; width:400px;} .portb1 img{width:100px; height:100px; border-radius:180px; border:6px solid #fff; top:60px; position:relative;} .tringb2{ width: 0; height: 0; border-right: 400px solid #fff; border-top: 100px solid transparent; border-bottom: 0px solid transparent; margin-top:-100px; margin-bottom:50px;} .nmbb1{line-height:18px; padding-left:20px; color:#fff; font-family: 'Playfair Display', serif; font-style:italic; font-size:18px; border-bottom:0px solid #fff; margin-left:-2px; padding-bottom:5px;} .titb1{font-family: 'Playfair Display', serif; font-size:28px; font-style:italic; text-align:right; color:#444; padding:0px 40px 20px; line-height:18px; font-weight:900;} .chtitb1{font-size:12px;font-family: 'Lora', serif; font-weight:500; } .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;} .pstb1{ padding:10px 40px 20px; text-align:justify; font-size:12px; line-height:18px;}.pstb1-pj{border:1px solid #ddd; margin:20px;}.pstb1-pjs{padding:20px; display:flex; align-items:center; justify-content:space-between; background:#fdfdfd;} .pstb1-pjs > img{width:110px; height:110px; background:#fff; padding:10px; border:1px solid #ddd; border-radius:200px; margin-right:20px;} .pstb1-desc{max-height:140px; overflow:auto; overflow-x:hidden; margin:10px 0px; font-size:10px; text-align:justify; padding-right:10px;} .pstb1-pjtit{height:40px; border-bottom:1px solid #ddd; display:flex; align-items:center; justify-content:center; font-size:14px; font-family: 'Playfair Display', serif; font-weight:600;} .pstb1-resumen{margin:10px auto 25px; width:300px; text-align:justify; font-size:12px; color:#666; line-height:18px; padding-top:20px; border-top:1px solid #ddd; position:relative;} .pstb1-resumen > i.fa{position:absolute; top:-10px; font-size:16px; left:130px; padding:0px 20px;}</style></div>

0

22

Код:
<!--HTML--><style>:root{--TPK-Accent:#999;--TPK-Accent2:white;}</style><link rel="stylesheet" href="https://kit-pro.fontawesome.com/releases/v5.11.2/css/pro.min.css"/><link href="https://dl.dropbox.com/s/thpzqkqhf1pzqnx/game-icons.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet"><link href="https://dl.dropbox.com/s/jba9zcq0eqxhhxi/13-TPK.css" rel="stylesheet"/><main id="N_c-bg"><header><icon><i class="fa fa-claw-marks"></i></icon><div><titl>The Pale King</titl><quote>No cost too great. No mind to think. No will to break. No voice to cry suffering.</quote></div></header><section><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</i> Nulla lectus metus, vestibulum sit amet ultrices ut, commodo et massa. Donec eget placerat odio. Vivamus lacinia mi at hendrerit maximus. Aliquam iaculis semper lobortis. Nunc auctor lectus id egestas consequat. Suspendisse laoreet, odio ut eleifend viverra, dui augue laoreet ex, vitae interdum augue orci porttitor massa. Vestibulum hendrerit dignissim lorem, id gravida tortor finibus a. Donec eget augue quis odio aliquet rutrum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In quis ligula cursus, fermentum metus eget, dapibus felis. Nulla rutrum interdum neque, a maximus eros. Praesent consectetur est vitae ante ullamcorper laoreet. In congue lorem purus, sit amet iaculis elit accumsan sit amet. Sed varius eros ut cursus posuere. Integer quam enim, accumsan non sem eu, rutrum pellentesque magna. Donec augue ipsum, sagittis ac finibus at, rutrum eget ligula.<br><br>

<b>Suspendisse mollis leo vel sapien dictum finibus.</b> Donec eleifend fermentum sem. Morbi tempor quam at lectus sagittis, at sodales felis consequat. Aliquam suscipit, mi imperdiet venenatis venenatis, arcu ex accumsan odio, non placerat eros ante nec massa. Ut lacus ipsum, fermentum porta tincidunt id, volutpat mollis quam. Aliquam imperdiet maximus gravida. Nulla auctor rhoncus nisl ac elementum. Pellentesque vestibulum nulla aliquam nibh viverra, vel fringilla orci viverra. Suspendisse orci neque, porttitor in vehicula vitae, auctor ac massa. Integer nec nisl a dui volutpat suscipit vitae at mi. Proin malesuada fringilla tortor in luctus. Nam mattis, orci vitae placerat sollicitudin, nisi elit sodales diam, a congue velit magna sit amet turpis. Aenean vulputate purus ut elit consectetur suscipit. Pellentesque non enim in lectus egestas porttitor.In hac habitasse platea dictumst. Nam fringilla est nec feugiat dapibus. Aliquam felis leo, commodo a malesuada vel, euismod ut est. Curabitur ac volutpat orci. Sed venenatis eros neque, et interdum ligula mollis at. Mauris ultricies diam at leo dapibus, et dignissim tellus mollis. Maecenas mi est, tempus volutpat ornare ut, consectetur id orci.</section><ln></ln><dn></dn><ic><i class="fa fa-claw-marks"></i></ic><a href="https://ciaransoul.tumblr.com" class="C"><i class="game-icon game-icon-butterfly"></i></a></main>

0

23

Код:
<!--HTML--><div id="harrypotter"><div id="popotter">
<div class="popotteri"><img src="https://64.media.tumblr.com/873066e99e5da2f4c3d23acc40e748b0/tumblr_pxgua8nrX71vb7vr9o1_400.gifv" /></div>
<div class="popotterd"><tit>Nombre S. Apellido</tit><i>“</i>pequeña frase</div>
</div><div class="popotter"></div><div id="potter"><div class="potter-tab"><input type="radio" id="potter-tab-1" name="potter-tab-group-1" checked><label for="potter-tab-1"><i class="fas fa-star" title="Portada"></i></label></label><div class="potter-content">
<div id="impotter">
<img src="http://placehold.it/450x450/" />
</div>
</div></div><div class="potter-tab"><input type="radio" id="potter-tab-2" name="potter-tab-group-1"><label for="potter-tab-2"><i class="fas fa-feather" title="Datos Base"></i></label><div class="potter-content">
<div id="Sirius">
<div class="imSirius">
<img src="http://placehold.it/100x100/" />
<img src="http://placehold.it/100x100/" />
<img src="http://placehold.it/100x100/" />
</div>
<div class="Sirius">
<b>Nombre</b>
<inf> Aquí</inf>
<b>Alias</b>
<inf>  Aquí</inf>
<b>Edad</b>
<inf> Aquí</inf>
<b>Cumpleaños (?)</b>
<inf> Aquí</inf>
<b>Género</b>
<inf> Aquí</inf>
<b>Sexualidad</b>
<inf> Aquí</inf>
<b>Nacionalidad</b>
<inf> Aquí</inf>
<b>Recidencia</b>
<inf> Aquí</inf>
</div>
</div>
</div></div><div class="potter-tab"><input type="radio" id="potter-tab-3" name="potter-tab-group-1"><label for="potter-tab-3"><i class="fas fa-quidditch" title="Historia"></i></label><div class="potter-content">
<div id="Sirius">
<div class="remus"><tit>Historia</tit>
Información <b>aquí</b>
Lorem ipsum dolor sit amet, cu omnis harum delicata nec. Te pro qualisque forensibus, no vix nostro necessitatibus, ei enim offendit usu. Sea mazim verear apeirian in, ea munere ignota repudiandae per, ad sea minim partiendo. Eum autem mollis ex, errem bonorum sapientem no eam, ad vim audire repudiandae. Te eos causae volutpat, sit decore quaeque ne.
</div>
</div>
</div></div><div class="potter-tab"><input type="radio" id="potter-tab-4" name="potter-tab-group-1"><label for="potter-tab-4"><i class="fas fa-dragon" title="Otros Datos"></i></label><div class="potter-content">
<div id="Sirius">
<div class="James">Cualquier otra información aquí.
Lorem ipsum dolor sit amet, cu omnis harum delicata nec. Te pro qualisque forensibus, no vix nostro necessitatibus, ei enim offendit usu. Sea mazim verear apeirian in, ea munere ignota repudiandae per, ad sea minim partiendo. Eum autem mollis ex, errem bonorum sapientem no eam, ad vim audire repudiandae. Te eos causae volutpat, sit decore quaeque ne.
</div>
<div id="lily">
<div class="imlily">
<img src="http://placehold.it/140x80/" />
</div>
<div class="lily">
<span class="th th-bee"></span>
</div>
</div></div></div></div></div><div class="harrypotter"></div></div><div id="code"><a href="https://isleycodes.tumblr.com/">Isley</a></div>
 
<link href="https://fonts.googleapis.com/css?family=Raleway:600|poppins:300;400;500;600|Source+Code+Pro&display=swap" rel="stylesheet"><link crossorigin="anonymous" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" rel="stylesheet" /><link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"><link href="https://dl.dropbox.com/s/jdiayf6nu7nlfsc/hpficha.css" rel="stylesheet"><style>:root{--hp1:#d9d9d9;--hp2:#f7f7f7;--hp3:#fff;--hp4:#683671;--hp5: 104, 54, 113;--hp6: #8d8d8d;}.Sirius inf:before {content: '-'; color: var(--hp4); margin-right: 5px; vertical-align:middle;}.Sirius b:before {content: '<'; color: var(--hp4); margin-right: 5px;}.Sirius b:after {content: '>'; color: var(--hp4); margin-left: 5px;}.remus tit:before, .James tit:before {content: '<'; color: rgba(var(--hp5),.85); margin-right: 5px;}.remus tit:after, .James tit:before {content: '>'; color: rgba(var(--hp5),.85); margin-left: 5px;}#code a{display:block;margin:5px auto;text-decoration:none;text-transform:uppercase;font:10px arial;width: 30px;}</style>

0

24

Код:
<!--HTML--><div class="Farandula-BLC"><div class="BL-FPortada"><div class="BL-FPImagen"><img src="https://placehold.jp/100x100.png"><i class="fas fa-user-clock" style="background:#F99B7E;"></i></div></div><div class="BL-FCajon"> <div class="BL-FModul"> <div class="BLF-Titulo">Octubre</div><div class="BL-Temas"> <span><i class="fas fa-lock"></i><a href="#">Nombre del tema</a> ft Maeve Sullivan</span><span><i class="fas fa-lock-open"></i><a href="#">Nombre del tema</a>ft Maeve Sullivan</span><span><i class="fas fa-lock"></i><a href="#">Nombre del tema</a> ft Maeve Sullivan</span><span><i class="fas fa-lock-open"></i><a href="#">Nombre del tema</a>ft Maeve Sullivan</span> </div></div><div class="BL-FModul"> <div class="BLF-Titulo">Noviembre</div><div class="BL-Temas"> <span><i class="fas fa-lock"></i><a href="#">Nombre del tema</a> ft Maeve Sullivan</span><span><i class="fas fa-lock"></i><a href="#">Nombre del tema</a>ft Maeve Sullivan</span><span><i class="fas fa-lock-open"></i><a href="#">Nombre del tema</a> ft Maeve Sullivan</span><span><i class="fas fa-lock-open"></i><a href="#">Nombre del tema</a>ft Maeve Sullivan</span> </div></div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
 
<link href="https://fonts.googleapis.com/css?family=Merriweather:700|Roboto:400,700&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.Farandula-BLC{width:500px; border:1px solid #ddd; margin:10px auto;} .BL-FPortada{height:130px; background:#fafafa; border-bottom:1px solid #ddd; display:flex; align-items:center; justify-content:center;} .BL-FPImagen img{width:100px; height:100px; background:#fff; padding:8px; border:1px solid #ddd; border-radius:180px;} .BL-FPImagen i{ width:35px; height:35px; position:absolute; display:flex; align-items:center; justify-content:center; background:#ddd; font-size:14px; border-radius:190px; border:6px solid #fff; color:#fff; margin-top:80px; margin-left:-70px;}.BL-FPImagen{position:relative; width:120px; height:120px; backgro und:#999; display:flex; align-items:center; justify-content:center;}.BL-FCajon{display:grid; grid-template-columns: auto auto; width:480px; margin: 20px auto;}.BL-FModul{margin:0px 2px 4px; border:1px solid #ddd; width:230px; height:240px; background:#fafafa;} .BLF-Titulo{background:#fff; height:30px; display:flex; align-items:center; justify-content:center; border-bottom:1px solid #ddd; font-family: 'Roboto', sans-serif; text-transform:uppercase; font-size:14px; color:#F99B7E; font-style:italic; font-weight:800;} .BL-Temas{text-align:center; overflow:auto; height:210px; margin-top:5px;} .BL-Temas span{border:1px solid #ddd; display:block; margin:0px 5px 4px; padding:8px 10px; font-size:12px;font-family: 'Merriweather', serif; font-size:10px; color:#555; line-height:15px; font-weight:400; background:#fff;} .BL-Temas span i{ width:20px; color:#ccc; float:left; font-size:16px; position:relative; top:5px;}.BL-Temas span a{font-family: 'Roboto', sans-serif; text-transform:uppercase; font-weight:800; color:#777; text-decoration: none; display:block; font-size:11px; }.BL-Temas span:hover a{color:#F99B7E;} .BL-Temas span:hover i{color:#F99B7E} .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>

0

25

Код:
<!--HTML-->-<div class="BLB-baul1t-contenido"> <div class="BLB-baul1t-titulo"><div>A sky full<br/><b>of stars</b></div><span>I'm gonna give you my heart.</span></div><div class="BLB-baulb1t-botones"><div class="BLB-baulb1t-modul"><input type="radio" id="BLB-baul-1" name="BLB-baul-group-2" checked><label for="BLB-baul-1"><div class="BLB-bt-iniciobordes"><div class="BLB-bt-inicioimg"><i class="fas fa-lightbulb"></i></div></div></label><div class="BLB-baulb1t-contenido"><div class="BLB-primerfondo"><img src="https://placehold.jp/200x200.png"/></div></div></div><div class="BLB-baulb1t-modul"><input type="radio" id="BLB-baul-2" name="BLB-baul-group-2"><label for="BLB-baul-2"><div class="BLB-texto-boton BLB-boton1"><i>001</i>about me</div></label><div class="BLB-baulb1t-contenido"><div class="BLB-texto"><span>Lorem ipsum</span> dolor sit amet, consectetur adipiscing elit. Suspendisse scelerisque nisi eu erat congue ullamcorper. Nunc vitae purus justo. Nunc tincidunt aliquet sapien, id euismod ante accumsan a. <span>Praesent dignissim non metus id dignissim.</span> Ut auctor imperdiet enim, non bibendum elit tempor sit amet. Sed ullamcorper ligula id imperdiet commodo. Aenean cursus efficitur justo in consequat. Aliquam magna neque, molestie a felis et, laoreet egestas arcu. Phasellus vitae dictum quam, ac fermentum felis.Curabitur sapien sem, dignissim eu augue sit amet, gravida lacinia leo. Sed non ipsum venenatis, tincidunt leo ut, sagittis purus. Sed id molestie mauris, sit amet laoreet eros. <br/><br/>Quisque feugiat ipsum non commodo varius. Nullam ut erat dui. Fusce rutrum risus lorem. Etiam in est nec arcu sagittis porta. Donec non ex elementum, hendrerit dolor id, porttitor enim. <span>Nunc eget nulla dictum</span>, dictum elit at, facilisis mi.<br/><br/>Quisque lacinia, lorem consectetur finibus elementum, urna massa semper magna, id congue tortor leo vel mi. Sed ante metus, lobortis vitae rutrum et, condimentum quis augue. Nam eget ligula ornare, pellentesque elit sed, lobortis nisl. Vivamus euismod, odio at porttitor scelerisque, nisl libero pellentesque diam, eget commodo enim leo vitae eros. Integer faucibus massa id venenatis molestie. Sed bibendum purus molestie interdum interdum. In rhoncus erat sem, sed bibendum nunc mollis in. Aliquam mollis quam vitae lorem rhoncus bibendum. Nulla facilisi. Nulla molestie rutrum lectus id tincidunt. Nam quam purus, tempor non enim eget, feugiat condimentum massa. Nunc consequat ut orci ut mattis. Fusce maximus sagittis mauris at congue.</div></div></div><div class="BLB-baulb1t-modul"><input type="radio" id="BLB-baul-3" name="BLB-baul-group-2"><label for="BLB-baul-3"><div class="BLB-texto-boton BLB-boton2"><i>002</i>rules</div></label><div class="BLB-baulb1t-contenido"><div class="BLB-texto">Dolor sit amet, consectetur adipiscing elit. Suspendisse scelerisque nisi eu erat congue ullamcorper. Nunc vitae purus justo. Nunc tincidunt aliquet sapien, id euismod ante accumsan a. <span>Praesent dignissim non metus id dignissim.</span> Ut auctor imperdiet enim, non bibendum elit tempor sit amet. Sed ullamcorper ligula id imperdiet commodo. Aenean cursus efficitur justo in consequat. Aliquam magna neque, molestie a felis et, laoreet egestas arcu. Phasellus vitae dictum quam, ac fermentum felis.<span>Lorem ipsum</span> Curabitur sapien sem, dignissim eu augue sit amet, gravida lacinia leo. Sed non ipsum venenatis, tincidunt leo ut, sagittis purus. Sed id molestie mauris, sit amet laoreet eros. <br/><br/>Quisque feugiat ipsum non commodo varius. Nullam ut erat dui. Fusce rutrum risus lorem. Etiam in est nec arcu sagittis porta. Donec non ex elementum, hendrerit dolor id, porttitor enim. <span>Nunc eget nulla dictum</span>, dictum elit at, facilisis mi.<br/><br/>Quisque lacinia, lorem consectetur finibus elementum, urna massa semper magna, id congue tortor leo vel mi. Sed ante metus, lobortis vitae rutrum et, condimentum quis augue. Nam eget ligula ornare, pellentesque elit sed, lobortis nisl. Vivamus euismod, odio at porttitor scelerisque, nisl libero pellentesque diam, eget commodo enim leo vitae eros. Integer faucibus massa id venenatis molestie. Sed bibendum purus molestie interdum interdum. In rhoncus erat sem, sed bibendum nunc mollis in. Aliquam mollis quam vitae lorem rhoncus bibendum. Nulla facilisi. Nulla molestie rutrum lectus id tincidunt. Nam quam purus, tempor non enim eget, feugiat condimentum massa. Nunc consequat ut orci ut mattis. Fusce maximus sagittis mauris at congue.</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 type="text/css" rel="stylesheet" href="https://dl.dropbox.com/s/742rs7i14zap9gx/busquedabettyleg.css"/><style>:root{--bl2-acento-1:#888;} .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>

0

26

Код:
<!--HTML--><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=Baloo+Tamma+2:wght@400&display=swap" rel="stylesheet">
 
<div class="hellohello"><div class="hdd"><div class="pantallasecund"><img class="portd" src="https://placehold.jp/213x460.png"><div class="iconoscel"><i class="fas fa-signal"></i><i class="fas fa-wifi"></i><i class="fas fa-battery-half"></i><div style="height:2px; width:27px; margin:0 auto; border-bottom:1px solid #ccc;"></div></div><div class="horario1">12:56</div><div class="imgprinc"><div class="imgpr"><img src="https://placehold.jp/120x120.png"></div><i class="fas fa-bell"></i></div><div class="mensajec"><div class="msj"><i class="fas fa-quote-left"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et dolor nisi. Donec quis elit velit. </div><div style="display:inline-flex;"><div class="llmr"><i class="fas fa-phone"></i></div><div class="envsmsj"><i class="fas fa-envelope"></i></div></div></div></div><div class="fondcel"><img src="https://placehold.jp/213x460.png"><div class="iconoscel"><i class="fas fa-signal"></i><i class="fas fa-wifi"></i><i class="fas fa-battery-half"></i><div style="height:2px; width:27px; margin:0 auto; border-bottom:1px solid #ccc;"></div></div><div class="pantprincipal"><i class="fas fa-pepper-hot"></i><br/><span class="horacel">12:56</span><br/><span class="fechacel">Jueves, 13 de Abril</span></div><div class="iconosabajo"><i class="fas fa-comment fa-pull-left"></i><i class="fas fa-camera "></i></div></div></div><div class="cellphone-gaga"></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
 
<style>.hellohello{width:244px; height:487px; margin: 10px auto; overflow:hidden;}.cellphone-gaga{width:244px; height:487px; background:url(https://i.imgur.com/OjultUy.png); position:absolute;} .fondcel, .pantallasecund, .hdd{width:213px; height:460px; background:#000; webkit-transition: 1s;-o-transition:1s;transition: 1s; } .fondcel img, .pantallasecund .portd{width:213px; height:460px; opacity:.7} .iconoscel{position:relative; top:-451px; left:166px; font-size:7px; color:#fff; width:40px; border-bottom: px solid #ccc; padding-bottom:2px} .iconoscel i{padding:0px 2px;} .pantprincipal{position:relative; top:-420px; text-align:center; line-height:24px; color:#fff; font-family: 'Baloo Tamma 2', cursive;} .pantprincipal i{font-size:35px; padding-bottom:26px; color:#Fff} .horacel{font-size:48px; font-weight:400;} .fechacel{font-weight:400; font-size:13px;} .iconosabajo{position:relative; top:-200px; font-size:20px; text-align:right; width:170px; margin:0 auto; color:#eee;} .iconosabajo i{background:rgba(0,0,0,.4); padding:10px; border-radius:180px; border:1px solid #555; text-align:center;} .pantallasecund{opacity:.1} .horario1{color:#fff; font-family: 'Baloo Tamma 2', cursive; font-size:10px; position:relative; margin-top:-468px; margin-left:15px;} .imgpr{ width:120px; height:120px; border-radius:180px; border:6px solid #fff; margin:0 auto;} .imgpr img{width:120px; height:120px; border-radius:180px;} .imgprinc{position:relative; margin-top:70px;} .imgprinc i{color:#F99B7E; padding:10px; border-radius:180px; background:#fff; position:relative; top:-40px; margin-left:40px;} .fondcel{webkit-transition: 1s;-o-transition:1s;transition: 1s; top:-459px; position:relative;} .hellohello:hover .fondcel{margin-top:-500px; position:relative;} .hdd{position:absolute; margin-left:16px; margin-top:14px; overflow:hidden;} .hellohello:hover .pantallasecund{opacity:1;webkit-transition: 1.3s;-o-transition:1.3s;transition: 1.3s;} .mensajec{position:relative; text-align:center; margin:10px; margin-top:-15px; height:110px;} .msj{background:#fff; border-radius:10px; font-size:12px; color:#888; font-family:'Baloo Tamma 2', cursive; line-height:14px; padding:12px; border:1px solid #ccc; margin-bottom:1px;} .llmr,.envsmsj{width:86px; margin:2px; border-radius:5px;padding:4px 2px; font-size:12px; color:#F99B7E; background:#fff; border:1px solid #ccc} .msj i{color:#F99B7E; opacity:.8} .msj i{padding-right:8px;}.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--><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=Baloo+Tamma+2:wght@400&display=swap" rel="stylesheet">
 
<div class="hellohello"><div class="hdd"><div class="partarrt"><div class="iconoscel2"><i class="fas fa-signal"></i><i class="fas fa-wifi"></i><i class="fas fa-battery-half"></i><div style="height:2px; width:27px; margin:0 auto; border-bottom:1px solid #ccc;"></div></div><div class="horario">12:56</div><div class="mmarr"><i class="fas fa-angle-left fa-pull-left"></i><img src="https://placehold.jp/45x45.png"><i class="fas fa-info-circle fa-pull-right"></i><br/><b>Bettyleg</b></div></div><div class="bodymens"><div class="aquiSeAgreganMensajes"><div class="modul-mensaje">Inserte aqui un hermoso dsad dadasd sd ad mensaje no tan largo.</div><div class="modul-mensaje">Inserte aqui un hermoso dsad dadasd sd ad mensaje no tan largo.</div></div></div><div class="hdabajo"><i class="fas fa-camera"></i><i class="fas fa-microphone"></i><div class="espaci">text a message</div></div></div><div class="cellphone-gaga"></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
 
<style>.hellohello{width:244px; height:487px; margin: 20px auto; overflow:hidden;}.cellphone-gaga{width:244px; height:487px; background:url(https://i.imgur.com/FZF05i1.png); position:absolute;} .iconoscel2{position:relative; top:-457px; left:166px; font-size:7px; color:#fff; width:40px; border-bottom: px solid #ccc; padding-bottom:2px} .iconoscel2 i{padding:0px 2px;} .horario{color:#fff; font-family: 'Baloo Tamma 2', cursive; font-size:10px; position:relative; margin-top:-473px; margin-left:15px;} .hdd{width:213px; height:460px; background:#000; position:absolute; margin-left:16px; margin-top:14px; overflow:hidden;} .partarrt{background:#f2f2f2; height:100px; border-bottom:1px solid #eee;} .bodymens{background:#fff; height:320px; overflow:hidden;} .partarrt .iconoscel2{top:9px; color:#999!important;} .partarrt .horario{margin-top:-6px; color:#999!important;} .mmarr{ justify-content: center; margin: 6px 15px; font-size: 18px; color: #F99B7E; text-align:center;} .mmarr img{width:45px; height:45px; border-radius:180px; border:1px solid #fff; margin-left:8px;} .mmarr i{margin-top:20px;} .mmarr b{font-size:10px; display:block;font-family:'Baloo Tamma 2', cursive; color:#888;}.hdabajo{height:20px; background:#fafafa; padding:10px; border-top:1px solid #eee; color:#999; font-size:14px;} .hdabajo i{margin-left:15px;} .hdabajo .espaci{ float:right; margin-right:5px; font-size:10px; padding:5px; background:#fff; border-radius:5px; width:105px; border:1px solid #eee; margin-top:-6px;} .modul-mensaje{position:relative; top:10px; width:160px; background:#eee; margin: 0 auto; border-radius:10px; padding:10px; font-size:12px; font-family:'Baloo Tamma 2', cursive; line-height:12px; text-align:left; left:5px; margin-bottom:20px;} .modul-mensaje:after{content: "";position: absolute;bottom: -8px; left:140px; border-width: 8px 10px 0; border-style: solid; border-color: #eee transparent; display: block; width: 0; }.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>

0

27

Код:
<!--HTML--><div class="collage-b1"><div class="imgrand"><img src="https://placehold.jp/200x200.png"/></div><div class="letterb1"><div class="textcoll">Why do I feel like I'm drowning,like <i>I'm running out of air</i>. Why do I feel like I'm falling. When I'm nowhere near the edge. Just let me know, can you be the one to hold and not let me go? <b>Could you be the one to call when I lose control?</b></div></div><div class="fondpatter" style="background:url(https://placehold.jp/300x300.png); background-size:cover;"><span class="titgr">Savage!</span></div><div class="imgchica"><img src="https://placehold.jp/180x180.png"/></div>
</div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
 
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@500&family=Playfair+Display:ital,wght@0,500;1,600&display=swap" rel="stylesheet"><style>.collage-b1{width:450px; border:20px solid #fafafa; margin:10px auto; padding:15px; height:450px; overflow:hidden; background:#fff; outline:1px solid #ddd; outline-offset:-20px} .imgrand{width:200px; height:200px; background:#ddd;border:5px solid #fff; outline:1px solid #ccc; transform:rotate(-10deg); margin-top:20px; margin-left:20px;} .fondpatter{width:300px; height:300px; background:#ccc; outline:1px solid #ccc; margin-top:-75px;} .imgchica{ width:180px; height:180px; background:#ccc; border:5px solid #fff; outline:1px solid #ddd; position:relative; top:-210px; right:25px;; float:right;} .letterb1{width:200px; height:130px; backg round:#fff; float:left; top:-235px; position:relative; outlin e:1px solid #eee; left:230px; padding:15px; overflow:hidde;} .imgrand img{width:200px; height:200px;}.imgchica img{width:180px; height:180px;} .textcoll{column-count:2; -webkit-column-count: 2; -moz-column-count: 2; -o-column-count: 2;column-gap: 20px; text-align:justify; line-height:18px; font-size:10px; height:130px; font-family: 'Lora', serif;} .textcoll b, .textcoll i{color:#A33D4B;} .titgr{font-family: 'Playfair Display', serif; font-size:50px; color:#fff; display:block; position:relative; top:170px; text-align:center; transform:rotate(-2deg); padding-right:60px; font-style:italic; text-shadow: -1px -1px 1px #333, 1px -1px 1px #333, -1px 1px 1px #333, 1px 1px 1px #333;} .imgrand:after{width:70px; height:15px; background:#F99B7E; position:absolute; content:""; display:block; top:-4px; left:155px; opacity:.8; transform:rotate(30deg);} .imgchica:before{width:70px; height:15px; background:#F99B7E; position:absolute; content:""; display:block; top:165px; left:-30px; opacity:.8; transform:rotate(30deg);} .cred{margin:3px auto; 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>

0

28

Код:
<!--HTML--><div class="profb1"><div class="portb1" style="background:#A33D4B; background-size:cover;"><div class="picprofb1"><img src="https://placehold.jp/100x100.png"/><div class="nmbb1">Maeve A. Sullivan</div></div></div><div class="tringb2"><i class="fas fa-carrot"></i></div><div class="titb1">My adventures</div><div class="sbtitb1">2020<div class="moldulmesch">Junio</div></div><div class="contentb1" id="modul-mes"><div id="modul-tema" class="temmb1"><i class="fas fa-comment-dots"></i><div class="tttemb1"><a href="#">No Lie,</a><br/>BettyLeg - Madrid, 20th.</div></div><div id="modul-tema" class="temmb1"><i class="fas fa-comment-dots"></i><div class="tttemb1"><a href="#">Pretty please,</a><br/>BettyLeg - Madrid, 20th.</div></div><div id="modul-tema" class="temmb1"><i class="fas fa-comment-dots"></i><div class="tttemb1"><a href="#">Levitate,</a><br/>BettyLeg - Madrid, 20th.</div></div><div id="modul-tema" class="temmb1"><i class="fas fa-comment-dots"></i><div class="tttemb1"><a href="#">Future Nostalgia,</a><br/>BettyLeg - Madrid, 20th.</div></div></div><div class="sbtitb1">2020<div class="moldulmesch">Julio</div></div><div class="contentb1" id="modul-mes"><div id="modul-tema" class="temmb1"><i class="fas fa-comment-dots"></i><div class="tttemb1"><a href="#">No Lie,</a><br/>BettyLeg - Madrid, 20th.</div></div><div id="modul-tema" class="temmb1"><i class="fas fa-comment-dots"></i><div class="tttemb1"><a href="#">Pretty please,</a><br/>BettyLeg - Madrid, 20th.</div></div><div id="modul-tema" class="temmb1"><i class="fas fa-comment-dots"></i><div class="tttemb1"><a href="#">Levitate,</a><br/>BettyLeg - Madrid, 20th.</div></div><div id="modul-tema" class="temmb1"><i class="fas fa-comment-dots"></i><div class="tttemb1"><a href="#">Future Nostalgia,</a><br/>BettyLeg - Madrid, 20th.</div></div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
 
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@500&family=Playfair+Display:ital,wght@0,500;1,600&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.sbtitb1 .moldulmesch{font-size:12px; background:#fff; margin-top:-15px; position:relative; color:#A33D4B;font-family: 'Playfair Display', serif; font-style:italic; text-transform:initial;} .sbtitb1{text-align: center;color: #eee;padding: 5px; background: #fff;font-weight: 900;text-transform: uppercase;font-size: 65px;letter-spacing: 3px; margin-bottom:20px;} .profb1{width:400px; font-family: 'Lora', serif; font-size:14px; border:1px solid #ddd; margin: 10px auto; background:#fff; padding-bottom:10px;} .portb1{width:400px; height:250px; background:#000; display:flex; align-items:center; justify-content:center;} .portb1 img{width:100px; height:100px; border-radius:180px; padding:4px; border:4px solid #fff;} .tringb2{ width: 0; height: 0; border-right: 400px solid #fff; border-top: 100px solid transparent; border-bottom: 0px solid transparent; margin-top:-100px; position:relative;} .picprofb1{display:flex; align-items:center; justify-content:center; margin-top:-50px;} .nmbb1{line-height:18px; padding-left:20px; color:#fff; font-family: 'Playfair Display', serif; font-style:italic; font-size:18px; border-bottom:0px solid #fff; margin-left:-2px; padding-bottom:5px;} .tringb2 i{background:#A33D4B; color:#fff; font-size:25px; width:30px; height:30px; text-align:center; border-radius:180px; padding:10px; border:4px solid #fff; position:relative; top:-80px; left:170px;} .titb1{font-family: 'Playfair Display', serif; font-size:28px; font-style:italic; text-align:right; color:#444; padding:0px 20px 40px;} .contentb1{padding:5px 30px 20px;} .temmb1{display:flex; align-items:center; justify-content:left; font-size:13px; padding:15px 0px; border-left:5px solid #ccc; margin-left:15px; color:#555; line-height:18px;} .temmb1 i{color:#A33D4B; padding:0px 10px; margin-left:-15px; background:#fff; padding:5px; font-size:16px;} .temmb1 a{font-style:italic; color:#A33D4B; font-size:18px; font-family: 'Playfair Display', serif ; text-decoration:none; font-weight:800;} .tttemb1{margin-left:20px;} .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>

0

29

Код:
<!--HTML--><div class="afiliacion-b1"><div class="ATitulo-b1"><div class="ATDatos"><div class="ATModul-dato"><a href=""><i class="fas fa-external-link-alt"></i> Foro</a></div><div class="ATModul-dato"><a href=""><i class="fas fa-external-link-alt"></i> Tumblr</a></div><div class="ATModul-dato"><a href=""><i class="fas fa-external-link-alt"></i> Búsquedas</a></div><div class="ATModul-dato"><a href=""><i class="fas fa-external-link-alt"></i> Ambientación</a></div></div><div class="ATContenido"><div class="ATTit"><div><b>Jonas Brothers</b><br/><span>I'm a sucker for you.</span></div></div><div class="ATimagen"><img src="https://placehold.jp/250x120.png"/></div></div></div><div class="imagenGrande"><div class="modul-DatoGrande"><div class="AMText"><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae erat ex. Nulla massa nunc, dapibus non nisi sed, vehicula elementum arcu. Suspendisse euismod erat in libero accumsan dignissim. Aenean quis feugiat mauris, nec commodo risus. Fusce consequat in libero at vehicula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec eget porta tellus. Ut mattis aliquam velit, vitae vehicula risus consectetur ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In consectetur ligula dignissim arcu interdum scelerisque.<br/><br/>Nunc sit amet mattis ligula. Sed ac nisl sem. Vivamus a mi blandit, varius mi et, blandit felis. Mauris gravida lacinia erat eu varius. Curabitur lobortis, elit ac tempor cursus, urna augue efficitur odio, nec fermentum dolor justo imperdiet est. Morbi molestie accumsan nulla ut ornare. In accumsan felis et diam ultrices, a fringilla justo placerat.<br/><br/>Vivamus iaculis nisl sit amet faucibus pharetra. Ut sodales ultricies tellus, sed gravida urna scelerisque sed. Duis porta aliquam posuere. Aliquam nec turpis quam. Duis dictum orci nec sem congue, vel hendrerit quam dignissim. Morbi sollicitudin ullamcorper urna vel malesuada. Proin volutpat dignissim placerat. In ultricies ornare eros, eu fringilla urna mattis eget.<br/><br/>Praesent diam quam, molestie sit amet sollicitudin ac, vehicula et nunc. Etiam porta felis lectus, vitae venenatis ante fringilla eget. Pellentesque porta neque ut sapien semper suscipit. Suspendisse lacus nunc, interdum in elit ac, rutrum bibendum ipsum. Donec ac sagittis neque. Morbi sit amet lacinia libero, vitae condimentum turpis. Maecenas ac eleifend ligula. Ut quis sem eleifend, volutpat erat quis, eleifend mauris.</div></div></div></div><div class="tituloSecundario">Botones</div><div class="botonesAF">Aqui tus bonitos botones</div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
 
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@900&family=Noto+Sans+JP&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.tituloSecundario,.ATModul-dato:hover a,.ATModul-dato i,.ATTit{color:#4B738E} .modul-DatoGrande{background:rgba(75, 115, 142,.75)} .imagenGrande{background:url(https://placehold.jp/500x250.png)center; width:500px; height:250px; background-size:cover;} .afiliacion-b1{width:500px; border:1px solid #ccc; background:#fff; margin:10px auto;} .ATitulo-b1{height:260px; display:flex; margin:20px 30px;} .ATDatos{width:160px; height:100px; padding:120px 0px 20px; border:1px solid #ccc; margin:10px; } .ATTit b{font-family: 'Montserrat', sans-serif; font-size:30px; text-transform:uppercase; letter-spacing:-1px; font-weight:900;} .ATTit {width:270px; height:100px; align-items:center; padding-left:20px; margin-top:30px; margin-left:-60px; background:#fff; display:flex; line-height:25px;} .ATTit div span{font-family: 'Noto Sans JP', sans-serif; font-size:11px; color:#777; display:block; line-height:14px;} .ATimagen {width:250px; height:120px; background:#ddd; border:1px solid #ccc;} .ATModul-dato{margin:5px 10px 0px; padding:2px 5px;font-family: 'Noto Sans JP', sans-serif; font-size:11px; border:1px solid #ddd; background:#fff;} .ATModul-dato a{color:#777; text-decoration:none; } .ATimagen img{width:250px; height:120px;} .ATModul-dato i{padding-right:5px} .ATModul-dato:hover a{font-weight:800;} .modul-DatoGrande{height:250px; display:flex; align-items:center; justify-content:center;} .AMText {width:400px; height:200px; background:#fff; border:5px solid #fafafa; outline:1px solid #ddd; outline-offset:-5px; position:relative; margin-right:-10px;} .AMText div{margin:20px 30px; line-height:16px; font-size:11px; text-align:justify; overflow:auto; height:160px; padding-right:10px; margin-right:20px; font-family: 'Noto Sans JP', sans-serif; color:#444;} .tituloSecundario{font-family: 'Montserrat', sans-serif; text-transform:uppercase; letter-spacing:-1px; font-size:20px; height:20px; background:#eee; padding:20px 40px; border-bottom:1px solid #ddd;font-weight:900;}.botonesAF{padding:10px 40px; color:#444;font-family: 'Noto Sans JP', sans-serif; font-size:12px;}.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>

0

30

Код:
<!--HTML--><div class="chr5fara"><div class="titcrnt"><div class="portconst"><div class="imd1"><img src="https://placehold.jp/100x100.png"></div><i class="fas fa-user-clock"></i></div></div><div class="titmsc">Cronología</div><div class="cronog"><div class="mes"><div class="modulcr"><div class="fechha"><span class="numero">22</span><br/><span class="mesf">abril</span></div><div class="llm"><a href="#">Luna, lunera</a><br/>ft BettyLeg</div><i class="fas fa-lock-open"></i></div><div class="modulcr"><div class="fechha"><span class="numero">25</span><br/><span class="mesf">abril</span></div><div class="llm"><a href="#">Luna, lunera</a><br/>ft BettyLeg</div><i class="fas fa-lock"></i></div><div class="modulcr"><div class="fechha"><span class="numero">27</span><br/><span class="mesf">abril</span></div><div class="llm"><a href="#">Luna, lunera</a><br/>ft BettyLeg</div><i class="fas fa-lock-open"></i></div></div><div class="mes"><div class="modulcr"><div class="fechha"><span class="numero">1</span><br/><span class="mesf">mayo</span></div><div class="llm"><a href="#">Luna, lunera</a><br/>ft BettyLeg</div><i class="fas fa-cookie-bite"></i></div><div class="modulcr"><div class="fechha"><span class="numero">5</span><br/><span class="mesf">mayo</span></div><div class="llm"><a href="#">Luna, lunera</a><br/>ft BettyLeg</div><i class="fas fa-cookie-bite"></i></div><div class="modulcr"><div class="fechha"><span class="numero">6</span><br/><span class="mesf">mayo</span></div><div class="llm"><a href="#">Luna, lunera</a><br/>ft BettyLeg</div><i class="fas fa-cookie-bite"></i></div></div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
 
<link href="https://fonts.googleapis.com/css?family=Merriweather:700|Roboto:400;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<style>.chr5fara{width:400px; height:auto; margin:10px auto; outline:1px solid #eee; padding-bottom:6px; background:#fff;} .cred{margin:0px auto; margin-top:-3px; 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;} .chr5fara .titcrnt{height:100px;background:#fafafa; padding:20px 30px; display:flex; justify-content:center; align-items:center; margin-bottom:5px; border-bottom:1px solid #eee;} .chr5fara .portconst{height:120px; float:left; width:120px;} .chr5fara .imd1{width:100px; height:100px; background:#eee; border-radius:180px; float:left; border:10px solid #fff;} .chr5fara .imd1 img{width:100px; height:100px; border-radius:180px;}.chr5fara .portconst i{display:block; font-size:17px; padding:10px; background:#F99B7E; width:20px; height:20px; float:left; margin-left:-125px; position:relative; border-radius:180px; text-align:center; top:70px; border:4px solid #fff; color:#fff;}.chr5fara .titmsc{font-family: 'Roboto', sans-serif; text-transform:uppercase; font-size:14px; color:#F99B7E; font-style:italic; text-align:right; padding:8px 30px; font-weight:700; background:#fff; border-bottom:1px solid #eee;} .chr5fara .modulcr{font-family: 'Roboto', sans-serif; font-size:11px; text-align:center; border-top:1px solid #eee; padding:8px 5px 5px; color:#555; display:grid; grid-template-columns:auto auto auto; height:47px; }.chr5fara .modulcr a{text-decoration:none; color:#888; font-family: 'Merriweather', serif; text-transform:uppercase; font-size:11px;}.chr5fara .modulcr:hover a{color:#F99B7E;} .chr5fara .cronog{padding:10px; margin-right:0px!important;} .chr5fara .cronog .mes{margin:5px 5px 0px 5px; border:1px solid #eee; border-top:0px;} .chr5fara .llm{ width:200px; text-align:left; padding-top:9px; line-height:15px;}.chr5fara .numero{font-family: 'Roboto', sans-serif; color:#F99B7E; font-weight:900; font-size:30px;} .chr5fara .fechha{ margin-right:20px; text-align:center; border-right:1px solid #eee; line-height:12px; padding:12px 15px 0px 15px; line-height:18px;}.chr5fara .mesf{font-family: 'Merriweather', serif; text-transform:uppercase; font-size:8px; letter-spacing:1px;}.chr5fara .modulcr i{display:block; padding:12px 15px 5px 15px; font-size:25px; position:relative; color:#F99B7E; opacity:.5;}</style>

0


Вы здесь » s t r a n g e r s » something bad » коды (разное)


Рейтинг форумов | Создать форум бесплатно