API tools faq
paste
BettyLeg

Call out my name | Pack part 3 + tema oscuro

BettyLeg
Apr 26th, 2021 (edited)
832
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.34 KB | None | 0 0
raw download clone embed print report
  1. /************* TEMA CLARO ***********************************/
  2. /*********** POST DE ROL ******************/
  3.  
  4. <div class="bt5baul-post"><div class="b5b-titulo-post"><i class="sf sf-wolf" style="background:#a58064;"></i><div><b style="color:#a58064;">I helped you out<br/>of a broken place.</b><span>Coachella <i class="sf sf-chevron-right"></i> 15/06, 23pm.<i class="sf sf-chevron-right"></i> Phoebe S.</span></div></div><div class="bt5baul-posttext">Post aqui</div></div><a class="bettycred" style="margin-top:-5px;width:420px; border-color:transparent; background:transparent; color:#999;" href="https://bettyleg.tumblr.com/">bettyleg</a>
  5.  
  6. <link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Hammersmith+One&family=Hind&display=swap" rel="stylesheet"><style>.bt5baul-post{width:420px;border:15px solid #fafafa; outline-offset:-15px; outline:1px solid #ddd; margin:10px auto; box-shadow:0 0 1px #444; position:relative; overflow:hidden; font-family:"Hind", sans-serif;} .b5b-titulo-post{min-height:100px; border-bottom:1px solid #ddd; display:flex; align-items:center; overflow:hidden; padding:0px 25px; justify-content:space-between;} .b5b-titulo-post > i{font-size:30px; color:#fff; display:flex; align-items:center; justify-content:center; width:50px; height: 50px; border-radius:10px; text-align:center;} .b5b-titulo-post div > b{ font-size:20px; display:block;} .b5b-titulo-post > div{line-height:19px; font-size:12px; color:#555; font-weight:500; text-align:center; width:280px;} .b5b-titulo-post > div i{padding:4px 5px 0px; font-size:6px;}.bt5baul-posttext{font-size:12.5px; margin:40px; line-height:18px; color:#666; text-align:justify;}.bettycred{display:block; margin:-20px auto 0px; border:1px solid #ddd; width:100px; padding:5px 0px; font-size:10px;text-transform:uppercase; text-align:center; letter-spacing:2px;background:#fff; color:#999; text-decoration:none;}</style>
  7.  
  8. /********* EXPEDIENTE ******************/
  9. <div class="bt5baul-exp"><div class="b5b-titulo-exp"><i class="sf sf-wolf" style="background:#a58064;"></i><div><b style="color:#a58064;"><nombre>Phoebe</nombre> A. Santini</b></div></div><div class="b5b-imagenexp" style="background:url(https://placehold.jp/540x200.png)center"></div><div class="b5b-datoexp">
  10.  
  11. <btdato><i class="sf sf-home" style="color:#a58064;"></i><span>Nacionalidad</span></btdato>
  12. <btdato><i class="sf sf-cake" style="color:#a58064;"></i><span>20 años, 10/01/97</span></btdato>
  13. <btdato><i class="sf sf-pencils" style="color:#a58064;"></i><span>Estudiante</span></btdato>
  14. <btdato><i class="sf sf-cactus" style="color:#a58064;"></i><span>Grupo</span></btdato>
  15. <btdato><i class="sf sf-cherry-o" style="color:#a58064;"></i><span>Dato extr.</span></btdato>
  16. <btdato><i class="sf sf-certificate" style="color:#a58064;"></i><span>Yael Shelbia</span></btdato>
  17.  
  18. </div><div class="b5b-historiaexp">Historia aqui</div><div class="b5b-peqdatexp" style="border-color:#a58064;">Otros datos.</div></div><a class="bettycred" style="margin-top:-5px;width:570px; border-color:transparent;background:transparent;color:#999;" href="https://bettyleg.tumblr.com/">bettyleg</a>
  19.  
  20. <link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Hammersmith+One&family=Hind&display=swap" rel="stylesheet"><style>.bt5baul-exp{width:540px;border:15px solid #fafafa; outline-offset:-15px; outline:1px solid #ddd; margin:10px auto; box-shadow:0 0 1px #444; position:relative; overflow:hidden; font-family:"Hind", sans-serif;} .b5b-titulo-exp{height:80px; border-bottom:1px solid #ddd; display:flex; align-items:center; overflow:hidden; padding:0px 30px; justify-content:space-between;} .b5b-titulo-exp > i{font-size:30px; color:#fff; display:flex; align-items:center; justify-content:center; width:50px; height: 50px; border-radius:10px; text-align:center;} .b5b-titulo-exp >div b{font-size:24px;}.b5b-titulo-exp > div {line-height:23px; font-size:12px; color:#555; font-weight:500; text-align:center; width:280px;} .b5b-imagenexp{height:200px; width:540px;} .b5b-datoexp,.b5b-datoexp btdato{display:flex; align-items:center; justify-content:center;}.b5b-datoexp{; flex-wrap:wrap; padding:30px 10px 10px;} .b5b-datoexp btdato{min-width:220px; margin-left:8px; margin-bottom:7px; height:20px; border:1px solid #ddd; padding:10px; border-radius:8px; background:#fafafa; position:relative; overflow:hidden;} .b5b-datoexp btdato span{position:absolute; font-size:13px; text-align:center; color:#444; font-weight:500;} .b5b-datoexp btdato > i{margin-left:-200px; font-size:20px; border:1px solid #ddd; border-radius:180px; padding:20px; width:20px; height:20px; background:#fff; opacity:.9;} .b5b-historiaexp{margin:20px 30px 40px; text-align:justify; color:#555; font-size:13px;line-height:18px;} .b5b-datoexp br{display:none;} .b5b-peqdatexp{font-size:12px; color:#444; margin:0px auto 40px; width:360px; border:1px solid; padding:20px; border-radius:10px;}.bettycred{display:block; margin:-20px auto 0px; border:1px solid #ddd; width:100px; padding:5px 0px; font-size:10px;text-transform:uppercase; text-align:center; letter-spacing:2px;background:#fff; color:#999; text-decoration:none;}</style>
  21.  
  22. /********************************************** TEMA OSCURO **********************************************/
  23. /******************* POST DE ROL *******************/
  24. <div class="bt5baul-post-o"><div class="b5b-titulo-post-o"><i class="sf sf-wolf" style="background:#9659c1;"></i><div><b style="color:#9659c1;">Piece of you</b><span>Coachella <i class="sf sf-chevron-right"></i> 15/06, 23pm.<i class="sf sf-chevron-right"></i> Phoebe S.</span></div></div><div class="bt5baul-posttext-o">Post aqui</div></div><a class="bettycred" style="margin-top:-5px;width:420px; border-color:transparent; background:transparent; color:#ccc;" href="https://bettyleg.tumblr.com/">bettyleg</a>
  25.  
  26. <link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Hammersmith+One&family=Hind&display=swap" rel="stylesheet"><style>.bt5baul-post-o{width:420px;border:15px solid #555; outline-offset:-15px; outline:1px solid #666; margin:10px auto; box-shadow:0 0 1px #666; position:relative; overflow:hidden; font-family:"Hind", sans-serif; background:#333;} .b5b-titulo-post-o{min-height:100px; border-bottom:1px solid #666; display:flex; align-items:center; overflow:hidden; padding:0px 25px; justify-content:space-between;} .b5b-titulo-post-o > i{font-size:30px; color:#333; display:flex; align-items:center; justify-content:center; width:50px; height: 50px; border-radius:10px; text-align:center;} .b5b-titulo-post-o div > b{ font-size:20px; display:block;} .b5b-titulo-post-o > div{line-height:19px; font-size:12px; color:#ccc; font-weight:500; text-align:center; width:280px;} .b5b-titulo-post-o > div i{padding:4px 5px 0px; font-size:6px;}.bt5baul-posttext-o{font-size:12.5px; margin:40px; line-height:18px; color:#ccc; text-align:justify;}.bettycred{display:block; margin:-20px auto 0px; border:1px solid #ddd; width:100px; padding:5px 0px; font-size:10px;text-transform:uppercase; text-align:center; letter-spacing:2px;background:#fff; color:#999; text-decoration:none;}</style>
  27.  
  28. /******************* EXPEDIENTE *******************/
  29. <div class="bt5baul-exp"><div class="b5b-titulo-exp"><i class="sf sf-wolf" style="background:#9659c1;"></i><div><b style="color:#9659c1;"><nombre>Phoebe</nombre> A. Santini</b></div></div><div class="b5b-imagenexp" style="background:url(https://placehold.jp/540x200.png)center"></div><div class="b5b-datoexp">
  30.  
  31. <btdato><i class="sf sf-home" style="color:#9659c1;"></i><span>Nacionalidad</span></btdato>
  32. <btdato><i class="sf sf-cake" style="color:#9659c1;"></i><span>20 años, 10/01/97</span></btdato>
  33. <btdato><i class="sf sf-pencils" style="color:#9659c1;"></i><span>Estudiante</span></btdato>
  34. <btdato><i class="sf sf-cactus" style="color:#9659c1;"></i><span>Grupo</span></btdato>
  35. <btdato><i class="sf sf-cherry-o" style="color:#9659c1;"></i><span>Dato extr.</span></btdato>
  36. <btdato><i class="sf sf-certificate" style="color:#9659c1;"></i><span>Yael Shelbia</span></btdato>
  37.  
  38. </div><div class="b5b-historiaexp">Historia aqui</div><div class="b5b-peqdatexp" style="border-color:#9659c1;">Otros datos.</div></div><a class="bettycred" style="margin-top:-5px;width:570px; border-color:transparent;background:transparent;color:#999;" href="https://bettyleg.tumblr.com/">bettyleg</a>
  39.  
  40. <link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Hammersmith+One&family=Hind&display=swap" rel="stylesheet"><style>.bt5baul-exp{width:540px;border:15px solid #555; outline-offset:-15px; outline:1px solid #666; margin:10px auto; box-shadow:0 0 1px #666; position:relative; overflow:hidden; font-family:"Hind", sans-serif; background:#333;} .b5b-titulo-exp{height:80px; border-bottom:1px solid #666; display:flex; align-items:center; overflow:hidden; padding:0px 30px; justify-content:space-between;} .b5b-titulo-exp > i{font-size:30px; color:#fff; display:flex; align-items:center; justify-content:center; width:50px; height: 50px; border-radius:10px; text-align:center;} .b5b-titulo-exp >div b{font-size:24px;}.b5b-titulo-exp > div {line-height:23px; font-size:12px; color:#555; font-weight:500; text-align:center; width:280px;} .b5b-imagenexp{height:200px; width:540px;} .b5b-datoexp,.b5b-datoexp btdato{display:flex; align-items:center; justify-content:center;}.b5b-datoexp{; flex-wrap:wrap; padding:30px 10px 10px;} .b5b-datoexp btdato{min-width:220px; margin-left:8px; margin-bottom:7px; height:20px; border:1px solid #666; padding:10px; border-radius:8px; background:#444; position:relative; overflow:hidden;} .b5b-datoexp btdato span{position:absolute; font-size:13px; text-align:center; color:#ccc; font-weight:500;} .b5b-datoexp btdato > i{margin-left:-200px; font-size:20px; border:1px solid #888; border-radius:180px; padding:20px; width:20px; height:20px; background:#555; opacity:.9;} .b5b-historiaexp{margin:20px 30px 40px; text-align:justify; color:#ccc; font-size:13px;line-height:18px;} .b5b-datoexp br{display:none;} .b5b-peqdatexp{font-size:12px; color:#ccc; margin:0px auto 40px; width:360px; border:1px solid; padding:20px; border-radius:10px;}.bettycred{display:block; margin:-20px auto 0px; border:1px solid #ddd; width:100px; padding:5px 0px; font-size:10px;text-transform:uppercase; text-align:center; letter-spacing:2px;background:#fff; color:#ccc; text-decoration:none;}</style>
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!