API tools faq
paste
BettyLeg

Paquete 1 de usuario: Damiano [Oscuro]

BettyLeg
Jun 22nd, 2021 (edited)
2,178
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.88 KB | None | 0 0
raw download clone embed print report
  1. /******************* INDICE SIN MUSICA ******************************/
  2. <div class="bt40baul bt40baul-indice"><div class="bt40b-wave"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="var(--bt40b-fondo2)" fill-opacity="1" d="M0,224L26.7,234.7C53.3,245,107,267,160,261.3C213.3,256,267,224,320,186.7C373.3,149,427,107,480,85.3C533.3,64,587,64,640,85.3C693.3,107,747,149,800,192C853.3,235,907,277,960,272C1013.3,267,1067,213,1120,186.7C1173.3,160,1227,160,1280,165.3C1333.3,171,1387,181,1413,186.7L1440,192L1440,0L1413.3,0C1386.7,0,1333,0,1280,0C1226.7,0,1173,0,1120,0C1066.7,0,1013,0,960,0C906.7,0,853,0,800,0C746.7,0,693,0,640,0C586.7,0,533,0,480,0C426.7,0,373,0,320,0C266.7,0,213,0,160,0C106.7,0,53,0,27,0L0,0Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" class="bt40abw"><path fill="var(--bt40b-acento1)" fill-opacity="1" d="M0,224L26.7,234.7C53.3,245,107,267,160,261.3C213.3,256,267,224,320,186.7C373.3,149,427,107,480,85.3C533.3,64,587,64,640,85.3C693.3,107,747,149,800,192C853.3,235,907,277,960,272C1013.3,267,1067,213,1120,186.7C1173.3,160,1227,160,1280,165.3C1333.3,171,1387,181,1413,186.7L1440,192L1440,0L1413.3,0C1386.7,0,1333,0,1280,0C1226.7,0,1173,0,1120,0C1066.7,0,1013,0,960,0C906.7,0,853,0,800,0C746.7,0,693,0,640,0C586.7,0,533,0,480,0C426.7,0,373,0,320,0C266.7,0,213,0,160,0C106.7,0,53,0,27,0L0,0Z"></path></svg></div><div class="bt40b-portada"><div class="bt40b-img"><img src="https://placehold.jp/350x350.png"/></div><div class="bt40b-datos"><span>I'm beggin', beggin' you<br/>So put your loving hand out baby<br/>I'm beggin', beggin' you<br/>So put your loving hand out darlin'</span></div></div><div class="bt40b-header"><div><b>Damiano</b><span>David</span></div><i class="cp cp-fire"></i></div><div class="bt40b-foot"><a href="">expediente</a><a href="">cronologia</a><a href="">relaciones</a><a href="">medallero</a></div></div><a class="bettycred" style="margin-top:-5px;width:550px; background:transparent;" href="https://bettyleg.tumblr.com/">bettyleg</a>
  3.  
  4. <link href="https://fonts.googleapis.com/css2?family=Hind+Madurai:wght@300&family=Montserrat:ital,wght@0,900;1,900&display=swap" rel="stylesheet"><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"><style>.bt40baul-indice{--bt40b-fondo1:#222;--bt40b-fondo2:#333;--bt40b-acento1:#AB886F;--bt40b-border:#222; --bt40b-acento2:#B16E4E;--bt40b-color:#ccc;} .bt40baul{width:550px; border:1px solid #ddd; margin:10px auto; background:var(--bt40b-fondo1); overflow:hidden; border-radius:10px; box-sizing:content-box;font-family: 'Hind Madurai', sans-serif;}.bt40b-portada,.bt40b-datos,.bt40b-header,.bt40b-foot{display:flex; align-items:center; justify-content:center;}.bt40b-portada{margin-top:-115px;} .bt40b-img,.bt40b-img > img{width:350px; height:350px; } {width:350px; height:350px; } .bt40b-wave{border-top:30px solid var(--bt40b-acento1);} .bt40b-wave > svg.bt40abw{margin-top:-150px;position:relative;}.bt40b-wave > svg:first-child{margin-bottom:23px; position:relative; top:10px;} .bt40b-foot{border-top:1px solid var(--bt40b-border);} .bt40b-datos{width:200px; background:var(--bt40b-fondo2); height:250px; padding-top:100px;} .bt40b-datos > span{display:block; margin:20px 30px; text-align:center; margin-top:-20px; line-height:15px; color:var(--bt40b-color); font-size:12px; letter-spacing:.5px;} .bt40b-datos > span:after,.bt40b-datos > span:before{content:""; margin:20px auto; width:80px; height:5px; background:var(--bt40b-acento2); border-radius:8px; display:block;} .bt40b-header{backgroun d:var(--bt40b-acento1); height:100px; justify-content:space-between; padding:0px 40px;} .bt40b-header > div > b{display:block; font-size:35px; font-weight:900; font-family:'Montserrat'; color:var(--bt40b-acento2);} .bt40b-header > div {text-align:center; line-height:22px;} .bt40b-header > div >span{font-size:14px; text-transform:uppercase; font-style:italic; color:var(--bt40b-color); letter-spacing:2px;} .bt40b-header > i{font-size:40px; color:var(--bt40b-fondo1); background:var(--bt40b-acento1); display:flex; align-items:center; justify-content:center; width:70px; height:70px; border-radius:100px;} .bt40b-foot{background:var(--bt40b-fondo2); height:40px;} .bt40b-foot > a{color:var(--bt40b-color); text-decoration:none; display:block; padding:0px 10px; font-size:11px;text-transform:uppercase; font-weight:500; font-family: 'Hind Madurai', sans-serif; font-weight:500;} .bt40b-foot > a:hover{letter-spacing:1px; font-weight:900; color:var(--bt40b-acento2);}.bettycred{display:block; margin:-20px auto 0px; border:1px solid #ddd; width:100px; padding:5px 0px; font-size:8px;text-transform:uppercase; text-align:center; letter-spacing:2px;background:#fff; color:#999; text-decoration:none;}</style>
  5.  
  6.  
  7. /*************************** INDICE CON MUSICA ***************************************/
  8. <div class="bt40baul bt40baul-indice"><div class="bt40b-wave"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="var(--bt40b-fondo2)" fill-opacity="1" d="M0,224L26.7,234.7C53.3,245,107,267,160,261.3C213.3,256,267,224,320,186.7C373.3,149,427,107,480,85.3C533.3,64,587,64,640,85.3C693.3,107,747,149,800,192C853.3,235,907,277,960,272C1013.3,267,1067,213,1120,186.7C1173.3,160,1227,160,1280,165.3C1333.3,171,1387,181,1413,186.7L1440,192L1440,0L1413.3,0C1386.7,0,1333,0,1280,0C1226.7,0,1173,0,1120,0C1066.7,0,1013,0,960,0C906.7,0,853,0,800,0C746.7,0,693,0,640,0C586.7,0,533,0,480,0C426.7,0,373,0,320,0C266.7,0,213,0,160,0C106.7,0,53,0,27,0L0,0Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" class="bt40abw"><path fill="var(--bt40b-acento1)" fill-opacity="1" d="M0,224L26.7,234.7C53.3,245,107,267,160,261.3C213.3,256,267,224,320,186.7C373.3,149,427,107,480,85.3C533.3,64,587,64,640,85.3C693.3,107,747,149,800,192C853.3,235,907,277,960,272C1013.3,267,1067,213,1120,186.7C1173.3,160,1227,160,1280,165.3C1333.3,171,1387,181,1413,186.7L1440,192L1440,0L1413.3,0C1386.7,0,1333,0,1280,0C1226.7,0,1173,0,1120,0C1066.7,0,1013,0,960,0C906.7,0,853,0,800,0C746.7,0,693,0,640,0C586.7,0,533,0,480,0C426.7,0,373,0,320,0C266.7,0,213,0,160,0C106.7,0,53,0,27,0L0,0Z"></path></svg></div><div class="bt40b-portada"><div class="bt40b-img"><img src="https://placehold.jp/350x350.png"/></div><div class="bt40b-datos"><span>I'm beggin', beggin' you<br/>So put your loving hand out baby<br/>I'm beggin', beggin' you<br/>So put your loving hand out darlin'</span></div></div><div class="bt40b-audio"><audio src="LINK DEL AUDIO AQUI" controls="controls" type="audio/mpeg" preload="preload" background="transparent"></audio></div><div class="bt40b-header"><div><b>Damiano</b><span>David</span></div><i class="cp cp-fire"></i></div><div class="bt40b-foot"><a href="">expediente</a><a href="">cronologia</a><a href="">relaciones</a><a href="">medallero</a></div></div><a class="bettycred" style="margin-top:-5px;width:550px;background:transparent;" href="https://bettyleg.tumblr.com/">bettyleg</a>
  9.  
  10. <link href="https://fonts.googleapis.com/css2?family=Hind+Madurai:wght@300&family=Montserrat:ital,wght@0,900;1,900&display=swap" rel="stylesheet"><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"><style>.bt40baul-indice{--bt40b-fondo1:#222;--bt40b-fondo2:#333;--bt40b-acento1:#AB886F;--bt40b-border:#222; --bt40b-acento2:#B16E4E;--bt40b-color:#ccc;} .bt40baul{width:550px; border:1px solid #ddd; margin:10px auto; background:var(--bt40b-fondo1); overflow:hidden; border-radius:10px; box-sizing:content-box;font-family: 'Hind Madurai', sans-serif;}.bt40b-portada,.bt40b-datos,.bt40b-header,.bt40b-foot{display:flex; align-items:center; justify-content:center;}.bt40b-portada{margin-top:-115px;} .bt40b-img,.bt40b-img > img{width:350px; height:350px; } {width:350px; height:350px; } .bt40b-wave{border-top:30px solid var(--bt40b-acento1);} .bt40b-wave > svg.bt40abw{margin-top:-150px;position:relative;}.bt40b-wave > svg:first-child{margin-bottom:23px; position:relative; top:10px;} .bt40b-foot{border-top:1px solid var(--bt40b-border);} .bt40b-datos{width:200px; background:var(--bt40b-fondo2); height:250px; padding-top:100px;} .bt40b-datos > span{display:block; margin:20px 30px; text-align:center; margin-top:-20px; line-height:15px; color:var(--bt40b-color); font-size:12px; letter-spacing:.5px;} .bt40b-datos > span:after,.bt40b-datos > span:before{content:""; margin:20px auto; width:80px; height:5px; background:var(--bt40b-acento2); border-radius:8px; display:block;} .bt40b-header{backgroun d:var(--bt40b-acento1); height:100px; justify-content:space-between; padding:0px 40px;} .bt40b-header > div > b{display:block; font-size:35px; font-weight:900; font-family:'Montserrat'; color:var(--bt40b-acento2);} .bt40b-header > div {text-align:center; line-height:22px;} .bt40b-header > div >span{font-size:14px; text-transform:uppercase; font-style:italic; color:var(--bt40b-color); letter-spacing:2px;} .bt40b-header > i{font-size:40px; color:var(--bt40b-fondo1); background:var(--bt40b-acento1); display:flex; align-items:center; justify-content:center; width:70px; height:70px; border-radius:100px;} .bt40b-foot{background:var(--bt40b-fondo2); height:40px;} .bt40b-foot > a{color:var(--bt40b-color); text-decoration:none; display:block; padding:0px 10px; font-size:11px;text-transform:uppercase; font-weight:500; font-family: 'Hind Madurai', sans-serif; font-weight:500;} .bt40b-foot > a:hover{letter-spacing:1px; font-weight:900; color:var(--bt40b-acento2);}.bt40b-audio audio{width:610px; margin-left:-30px; box-sizing:content-box; height:38px;} .bt40b-audio audio::-webkit-media-controls-panel {background-color:var(--bt40b-fondo1); border-color:0; box-shadow:0; outline:0;}.bt40b-audio audio::-webkit-media-controls-current-time-display, .bt40b-audio audio::-webkit-media-controls-time-remaining-display{text-shadow:0 0 0 transparent; color:var(--bt40b-acento1); font-size:10px;} .bt40b-audio audio::-webkit-media-controls-play-button{margin-left:30px;}.bettycred{display:block; margin:-20px auto 0px; border:1px solid #ddd; width:100px; padding:5px 0px; font-size:8px;text-transform:uppercase; text-align:center; letter-spacing:2px;background:#fff; color:#999; text-decoration:none;}</style>
  11.  
  12.  
  13. /*********************************** POST DE ROL **************************************************/
  14. <div class="bt40b-post" style="background:#222; border-color:#B16E4E;"><div class="bt40bp-dats" style="border-bottom-color:#555; background:#333;"><span style="color:#999;"><div>dato <i class="cp cp-chevron-right" style="color:#AB886F"></i> dato <i class="cp cp-chevron-right" style="color:#AB886F"></i> dato</div></span><i class="cp cp-fire" style="background:#B16E4E; color:#333;"></i></div><div class="bt40bp-texto" style="color:#999">Um, I'm happy you're home. YOU BETTER RUN! She's our friend, and she's crazy! Why’s he gotta kick the door? Just wait till we tell Will that Jennifer Hayes was crying at his funeral. Do you know anything about sensory deprivation tanks? Specifically how to build one?<br/><br/>You shouldn't like things because people tell you you're supposed to. You’re pretty cute, you know that? Don’t take it so personally, okay? I don’t like most people. He’s in the vast majority. Yeah, I want a date with Bo Derek. We all want things. You’re pretty cute, you know that?<br/><br/>You’re right. You are a freak…. Who would you rather be friends with: Bowie or Kenny Rogers? YOU BETTER RUN! She's our friend, and she's crazy! It’s finger-lickin’ good. You’re pretty cute, you know that? YOU BETTER RUN! She's our friend, and she's crazy!</div></div><a class="bettycred" style="margin-top:-5px;width:400px;background:transparent;" href="https://bettyleg.tumblr.com/">bettyleg</a>
  15.  
  16. <link href="https://fonts.googleapis.com/css2?family=Hind+Madurai:wght@300&family=Montserrat:ital,wght@0,900;1,900&display=swap" rel="stylesheet"><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"><style>.bt40b-post{width:400px; border:1px solid #ddd; margin:10px auto; border-radius:10px; overflow:hidden;} .bt40bp-dats > i,.bt40bp-dats{display:flex; align-items:center; justify-content:center;}.bt40bp-dats > i{width:30px;height:30px; border-radius:50px;} .bt40bp-dats > span{font-size:11px; display:block; padding:0px 20px; width:0px; overflow:hidden; text-align:right;} .bt40bp-dats{height:50px;justify-content:flex-end; padding:0px 30px; border-bottom:1px solid #ddd;} .bt40bp-dats > span > div >i{font-size:8px; padding:5px 6px 0px; } .bt40bp-dats > span,.bt40b-post:hover .bt40bp-dats > span{-webkit-transition: all 0.7s ease-in-out 0s;-moz-transition: all 0.7s ease-in-out 0s;-o-transition: all 0.7s ease-in-out 0s;transition: all 0.7s ease-in-out 0s;} .bt40b-post:hover .bt40bp-dats > span{width:150px;} .bt40bp-dats > span > div{width:150px;} .bt40bp-texto{padding:40px; text-align:justify; line-height:20px; font-family: 'Hind Madurai', sans-serif; font-size:12.5px;}.bettycred{display:block; margin:-20px auto 0px; border:1px solid #ddd; width:100px; padding:5px 0px; font-size:8px;text-transform:uppercase; text-align:center; letter-spacing:2px;background:#fff; color:#999; text-decoration:none;}</style>
  17.  
  18.  
  19.  
  20.  
  21. /*********************************** POST DE ROL CON OLAS ***************************************/
  22. <div class="bt40b-post" style="background:#222; border-color:#B16E4E;"><div class="bt40bp-dats" style="border-bottom-color:#555; background:#333;"><span style="color:#999;"><div>dato <i class="cp cp-chevron-right" style="color:#AB886F"></i> dato <i class="cp cp-chevron-right" style="color:#AB886F"></i> dato</div></span><i class="cp cp-fire" style="background:#B16E4E; color:#333;"></i></div><div class="bt40bp-wave"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#B16E4E" fill-opacity="1" d="M0,224L26.7,234.7C53.3,245,107,267,160,261.3C213.3,256,267,224,320,186.7C373.3,149,427,107,480,85.3C533.3,64,587,64,640,85.3C693.3,107,747,149,800,192C853.3,235,907,277,960,272C1013.3,267,1067,213,1120,186.7C1173.3,160,1227,160,1280,165.3C1333.3,171,1387,181,1413,186.7L1440,192L1440,0L1413.3,0C1386.7,0,1333,0,1280,0C1226.7,0,1173,0,1120,0C1066.7,0,1013,0,960,0C906.7,0,853,0,800,0C746.7,0,693,0,640,0C586.7,0,533,0,480,0C426.7,0,373,0,320,0C266.7,0,213,0,160,0C106.7,0,53,0,27,0L0,0Z"></path></div><div class="bt40bp-texto" style="color:#999">Um, I'm happy you're home. YOU BETTER RUN! She's our friend, and she's crazy! Why’s he gotta kick the door? Just wait till we tell Will that Jennifer Hayes was crying at his funeral. Do you know anything about sensory deprivation tanks? Specifically how to build one?<br/><br/>You shouldn't like things because people tell you you're supposed to. You’re pretty cute, you know that? Don’t take it so personally, okay? I don’t like most people. He’s in the vast majority. Yeah, I want a date with Bo Derek. We all want things. You’re pretty cute, you know that?<br/><br/>You’re right. You are a freak…. Who would you rather be friends with: Bowie or Kenny Rogers? YOU BETTER RUN! She's our friend, and she's crazy! It’s finger-lickin’ good. You’re pretty cute, you know that? YOU BETTER RUN! She's our friend, and she's crazy!</div></div><a class="bettycred" style="margin-top:-5px;width:400px;background:transparent;" href="https://bettyleg.tumblr.com/">bettyleg</a>
  23.  
  24.  
  25. <link href="https://fonts.googleapis.com/css2?family=Hind+Madurai:wght@300&family=Montserrat:ital,wght@0,900;1,900&display=swap" rel="stylesheet"><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"><style>.bt40b-post{width:400px; border:1px solid #ddd; margin:10px auto; border-radius:10px; overflow:hidden;} .bt40bp-dats > i,.bt40bp-dats{display:flex; align-items:center; justify-content:center;}.bt40bp-dats > i{width:30px;height:30px; border-radius:50px;} .bt40bp-dats > span{font-size:11px; display:block; padding:0px 20px; width:0px; overflow:hidden; text-align:right;} .bt40bp-dats{height:50px; justify-content:flex-end; padding:0px 30px; border-bottom:1px solid #ddd;} .bt40bp-dats > span > div >i{font-size:8px; padding:5px 6px 0px; } .bt40bp-dats > span,.bt40b-post:hover .bt40bp-dats > span{-webkit-transition: all 0.7s ease-in-out 0s;-moz-transition: all 0.7s ease-in-out 0s;-o-transition: all 0.7s ease-in-out 0s;transition: all 0.7s ease-in-out 0s;} .bt40b-post:hover .bt40bp-dats > span{width:150px;} .bt40bp-dats > span > div{width:150px;} .bt40bp-texto{padding:40px; text-align:justify; line-height:20px; font-family: 'Hind Madurai', sans-serif; font-size:12.5px;} .bt40bp-wave {margin-bottom:-20px;}.bettycred{display:block; margin:-20px auto 0px; border:1px solid #ddd; width:100px; padding:5px 0px; font-size:8px;text-transform:uppercase; text-align:center; letter-spacing:2px;background:#fff; color:#999; text-decoration:none;}</style>
  26.  
  27.  
  28. /********************************** CRONOLOGIA ***********************************/
  29. <div class="bt40baul bt40baul-cronologia"><div class="bt40bc-he"><span>Important moments</span><i class="cp cp-fire"></i></div>
  30. <div class="bt40b-listaTemas"><div class="bt40b-lista"><div class="bt40b-modultitu"><div>Abiertos</div><i class="cp cp-fire"></i></div>
  31. <div class="bt40b-modulTema"><div><a href="">Begging you</a><span>con Fulanito el 21 de Mayo</span></div></div>
  32. <div class="bt40b-modulTema"><div><a href="">Begging you</a><span>con Fulanito el 21 de Mayo</span></div></div>
  33. </div><div class="bt40b-lista"><div class="bt40b-modultitu"><div>Cerrados</div><i class="cp cp-fire"></i></div>
  34. <div class="bt40b-modulTema"><div><a href="">Begging you</a><span>con Fulanito el 21 de Mayo</span></div></div>
  35. </div></div><div class="bt40bc-fr"><span>I wanna make your heart beat run like rollercoasters</span></div></div><a class="bettycred" style="margin-top:-5px;width:550px;background:transparent;" href="https://bettyleg.tumblr.com/">bettyleg</a>
  36.  
  37.  
  38. <link href="https://fonts.googleapis.com/css2?family=Hind+Madurai:wght@300&family=Montserrat:ital,wght@0,900;1,900&display=swap" rel="stylesheet"><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"><style>.bt40baul-cronologia{--bt40b-fondo1:#222;--bt40b-fondo2:#333;--bt40b-acento1:#AB886F;--bt40b-border:#222; --bt40b-acento2:#B16E4E;--bt40b-color:#ccc;}.bt40b-lista br{display:none;}.bt40baul{width:550px; border:1px solid #ddd; margin:10px auto; background:var(--bt40b-fondo1); overflow:hidden; border-radius:10px; box-sizing:content-box;font-family: 'Hind Madurai', sans-serif;} .bt40b-listaTemas{display:flex; background:var(--bt40b-fondo2)} .bt40b-lista{width:276px;} .bt40b-lista:not(:last-child){border-right:1px solid var(--bt40b-border);} .bt40bc-he{height:60px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--bt40b-border);padding:0px 40px;} .bt40bc-he > span{font-family:'Montserrat'; color:var(--bt40b-acento2); font-size:18px;} .bt40bc-he > i{width:35px; height:35px; display:flex; align-items:center; justify-content:center; background:var(--bt40b-acento2); border-radius:100px; color:var(--bt40b-fondo1);}.bt40b-modultitu{height:50px; color:var(--bt40b-color); font-size:13px; text-align:center; border-bottom:1px solid var(--bt40b-border);display:flex; overflow:hidden;} .bt40b-modulTema{text-align:center; color:var(--bt40b-color); font-size:12px; height:60px; margin:20px 0px 10px; display:flex; align-items:center; justify-content:center; line-height:20px;} .bt40b-modulTema:last-child{margin-bottom:30px;} .bt40b-modulTema > div > a{color:var(--bt40b-acento1); font-family:'Montserrat'; font-weight:900; text-decoration:none; font-size:15px; display:block}.bt40b-modultitu > div{line-height:20px; width:300px; text-align:center; padding:15px 0px 0px 56px; font-size:14px;} .bt40b-modultitu > i{display:flex; align-items:center; justify-content:center; height:50px; width:130px; background:var(--bt40b-acento2); border-radius:40px 0px 0px 0px; font-size:25px; overflow:hidden; position:relative; right:-100px;} .bt40b-lista:hover .bt40b-modultitu > i {right:0;} .bt40b-lista:hover .bt40b-modultitu > i,.bt40b-modultitu > i{-webkit-transition: all 0.7s ease-in-out 0s;-moz-transition: all 0.7s ease-in-out 0s;-o-transition: all 0.7s ease-in-out 0s;transition: all 0.7s ease-in-out 0s;} .bt40bc-fr{height:40px; display:flex; align-items:center; justify-content:center; padding:10px 30px; color:Var(--bt40b-color);} .bt40bc-fr > span{border:1px solid var(--bt40b-acento1); padding:5px 20px; font-size:10px; display:block; border-radius:8px; letter-spacing:1px; text-transform:uppercase;}.bettycred{display:block; margin:-20px auto 0px; border:1px solid #ddd; width:100px; padding:5px 0px; font-size:8px;text-transform:uppercase; text-align:center; letter-spacing:2px;background:#fff; color:#999; text-decoration:none;}</style>
  39.  
  40.  
  41.  
  42. /****************************** RELACIONES ***********************************/
  43. <div class="bt40baul bt40baul-relaciones"><div class="bt40bc-he"><span>Important people</span><i class="cp cp-fire"></i></div><div class="bt40b-listaPjs">
  44. <div class="bt40b-modulpj"><img src="https://placehold.jp/150x150.png"/><div class="bt40b-mpdes"><div><span>Mejores amigos</span></div><i class="cp cp-fire"></i></div></div>
  45. <div class="bt40b-modulpj"><img src="https://placehold.jp/150x150.png"/><div class="bt40b-mpdes"><div><span>Mejores amigos</span></div><i class="cp cp-fire"></i></div></div>
  46. <div class="bt40b-modulpj"><img src="https://placehold.jp/150x150.png"/><div class="bt40b-mpdes"><div><span>Mejores amigos</span></div><i class="cp cp-fire"></i></div></div>
  47. <div class="bt40b-modulpj"><img src="https://placehold.jp/150x150.png"/><div class="bt40b-mpdes"><div><span>Mejores amigos</span></div><i class="cp cp-fire"></i></div></div>
  48. <div class="bt40b-modulpj"><img src="https://placehold.jp/150x150.png"/><div class="bt40b-mpdes"><div><span>Mejores amigos</span></div><i class="cp cp-fire"></i></div></div>
  49. <div class="bt40b-modulpj"><img src="https://placehold.jp/150x150.png"/><div class="bt40b-mpdes"><div><span>Mejores amigos</span></div><i class="cp cp-fire"></i></div></div>
  50. </div></div><a class="bettycred" style="margin-top:-5px;width:550px;background:transparent;" href="https://bettyleg.tumblr.com/">bettyleg</a>
  51.  
  52. <link href="https://fonts.googleapis.com/css2?family=Hind+Madurai:wght@300&family=Montserrat:ital,wght@0,900;1,900&display=swap" rel="stylesheet"><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"><style>.bt40baul-relaciones{--bt40b-fondo1:#222;--bt40b-fondo2:#333;--bt40b-acento1:#AB886F;--bt40b-border:#222; --bt40b-acento2:#B16E4E;--bt40b-color:#ccc;}.bt40b-listaPjs br{display:none;}.bt40baul{width:550px; border:1px solid #ddd; margin:10px auto; background:var(--bt40b-fondo1); overflow:hidden; border-radius:10px; box-sizing:content-box;font-family: 'Hind Madurai', sans-serif;}.bt40bc-he{height:60px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--bt40b-border);padding:0px 40px;} .bt40bc-he > span{font-family:'Montserrat'; color:var(--bt40b-acento2); font-size:18px;} .bt40bc-he > i{width:35px; height:35px; display:flex; align-items:center; justify-content:center; background:var(--bt40b-acento2); border-radius:100px; color:var(--bt40b-fondo1);}.bt40b-listaPjs,.bt40b-mpdes > i,.bt40b-mpdes{display:flex; align-items:center;}.bt40b-listaPjs{justify-content:center; flex-wrap:wrap;} .bt40b-modulpj{width:183px;box-sizing:border-box;height:230px;} .bt40b-modulpj > img{width:150px; height:150px; background:var(--bt40b-fondo2); padding:16px}.bt40b-mpdes{width:150px; height:50px; padding:0px 16px; justify-content:flex-end;}.bt40b-mpdes > i{ font-size:14px; height:30px; background:var(--bt40b-acento2); color:var(--bt40b-fondo1 ); justify-content:center; width:30px; border-radius:40px;}.bt40b-mpdes > div{width:0; overflow:hidden} .bt40b-mpdes > div > span{width:70px; font-size:10px; color:var(--bt40b-color); padding-right:4px;display:block; line-height:10px; text-align:right;}.bt40b-mpdes > div,.bt40b-modulpj:hover .bt40b-mpdes > div{-webkit-transition: all 0.7s ease-in-out 0s;-moz-transition: all 0.7s ease-in-out 0s;-o-transition: all 0.7s ease-in-out 0s;transition: all 0.7s ease-in-out 0s;} .bt40b-modulpj:hover .bt40b-mpdes > div{width:90px;}.bettycred{display:block; margin:-20px auto 0px; border:1px solid #ddd; width:100px; padding:5px 0px; font-size:8px;text-transform:uppercase; text-align:center; letter-spacing:2px;background:#fff; color:#999; text-decoration:none;}</style>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!