Advertisement
Cyalana

[ Búsqueda ] Wolves

Jan 25th, 2022
947
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <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=Playfair+Display:wght@400;700&display=swap" rel="stylesheet"> <!--INICIO BÚSQUEDA--> <div class="busquedita" style="background-image:url(https://cdn.discordapp.com/attachments/317333149602545665/935438107682144256/Wolf.png); border-color: var(--cyan-jasper);"> <div class="bus-nombre">Nombre</div> <div class="bus-data"> <div class="bd-raza">Híbrido: Zoomorfo (utonagan) / Mago.</div> <hr class="bushr" style=" background-color: var(--cyan-jasper);"/> <div class="bus-datito">Dato aquí</div> <div class="bus-datito">Dato aquí</div> <div class="bus-datito">Dato aquí</div> <div class="bus-datito">Dato aquí</div> <div style="clear:both;"></div> <div class="bd-desc"><span style="border-color: var(--cyan-jasper);">Descripción:</span> Lorem ipsum dolor sit amet consectetur adipiscing elit, cras sodales vivamus in neque hac, eu lobortis massa luctus accumsan sociosqu. Condimentum vestibulum sed dapibus fames tincidunt nec vehicula purus convallis, diam ridiculus faucibus rutrum libero nullam per eget euismod, enim fermentum laoreet aptent non dui aliquet lectus. Taciti leo et aenean platea at viverra lectus suscipit, ultricies himenaeos nullam velit phasellus tempus suspendisse, vel curae odio molestie interdum purus egestas.</div> <div class="bd-desc" style="margin-top: 5px;"><span style="border-color: var(--cyan-jasper);">Búsqueda:</span> Lorem ipsum dolor sit amet consectetur adipiscing elit, cras sodales vivamus in neque hac, eu lobortis massa luctus accumsan sociosqu. Condimentum vestibulum sed dapibus fames tincidunt nec vehicula purus convallis, diam ridiculus faucibus rutrum libero nullam per eget euismod, enim fermentum laoreet aptent non dui aliquet lectus. Taciti leo et aenean platea at viverra lectus suscipit, ultricies himenaeos nullam velit phasellus tempus suspendisse, vel curae odio molestie interdum purus egestas.</div> </div> </div> <!--FINAL BÚSQUEDA--><center><h5 id="cyala-sign"><a target="_blank" href="https://magicalcore.tumblr.com/">C y a l a n a</a></h5></center>
  2.  
  3. <style>.busquedita {margin: auto; height: 400px; width: 500px; background-size: cover; position: relative; font-family: Playfair Display; border-bottom: 10px solid;} .bus-nombre {background-color: var(--cyan-rgba055); font-size: 10px; text-transform: uppercase; width: 130px; height: 30px; display: flex; justify-content: center; align-items: center; color: #fff; outline: 1px solid var(--cyan-rgba055); outline-offset: 3px; position: absolute; top: 50%; margin-top: -15px; left: 70px; letter-spacing: 1px;} .bus-data {background-color: var(--cyan-rgba055); width: 210px; position: absolute; top: 10px; right: 10px; bottom: 10px; overflow: auto; padding: 5px; color: #999;} .bd-raza {background: var(--cyan-rgba055); color: #bbb; font-size: 11px; padding: 5px; text-align: center;} .bushr {height: 1px; border:0; margin: 5px 0 5px 0;} #cyala-sign {font-size: 6px; text-transform: uppercase; letter-spacing: 1px; margin:0; font-family: arial; margin-top: 10px;} #cyala-sign a { text-decoration: none!important;} .bus-datito {font-size: 12px; background-color: var(--cyan-jasper); color: #fff; width: 100px; height: 25px; float: left; margin: 0 0 5px 5px; display: flex; justify-content: center; align-items: center;} .bus-datito:nth-child(2n+1) {margin-left: 0;} .bd-desc {background: var(--cyan-rgba055); color: #bbb; font-size: 9.5px; padding: 5px; text-align: justify; line-height: 150%;} .bd-desc span {font-size: 13px; display: block; padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid;} :root { --cyan-rgba055: rgba(0,0,0,0.65); --cyan-jasper: #a2a7eb; } .bus-data::-webkit-scrollbar { width: 4px; } .incli-.bus-data::-webkit-scrollbar-track { background: rgba(0,0,0,0.0); } .bus-data::-webkit-scrollbar-thumb { background: #ccc;}</style>
Advertisement
Advertisement
Advertisement
RAW Paste Data Copied
Advertisement