API tools faq
paste
BettyLeg

Paquete - Peace of you.

BettyLeg
May 25th, 2021 (edited)
2,086
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.48 KB | None | 0 0
raw download clone embed print report
  1. /******************** INDICE ***********************/
  2.  
  3. <div class="btbaul-31 btbaul-31ind"><div class="btb31-icont"><div class="btb31-port"><img src="https://placehold.jp/300x300.png"/></div><div class="btb31-txt"><div><a href="" btb31d-t="Expediente"><i class="cp cp-bee"></i></a><a href=""btb31d-t="Relaciones"><i class="cp cp-beer"></i></a><a href=""btb31d-t="Cronologia"><i class="cp cp-clock"></i></a><a href="" btb31d-t="Moodboard"><i class="cp cp-camera"></i></a><a href="" btb31d-t="Playlist"><i class="cp cp-bell"></i></a><a href="" btb31d-t="Telefono"><i class="cp cp-phone"></i></a><a href="" btb31d-t="Otras Redes"><i class="cp cp-bee"></i></a></div></div></div><div class="btb31-foot"><div><i class="cp cp-bee-o"></i><div>I don't care, go on and tear me apart.</div></div></div></div>
  4. <a class="bettycred" style="margin-top:-5px;width:500px; font-size:11px;" href="https://bettyleg.tumblr.com/">bettyleg</a>
  5.  
  6. <link href="https://bettyleg.github.io/PeaceOfYou/POYIndice.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Hind&family=Montserrat:wght@900&display=swap" rel="stylesheet" /><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/><style>.btbaul-31ind{--btb31-border:#ddd; --btb31-fn1:#fff; --btb31-fn2:#fafafa; --btb31-ac1:#BB92CA; --btb31-ac2:#777;--btb31-colorText:#888;}</style>
  7.  
  8.  
  9.  
  10. /********************** RELACIONES ***************/
  11.  
  12. <div class="btbaul-31 btbaul-31Relaciones"><div class="btb31-head"><i class="cp cp-bee-o"></i><div class="btb31h-tit"></div></div><div class="btb31-conten">
  13. <div class="btb31-mdpj"><div class="btb31mdpj-img"><img style="border-color:var(--btb31-ac1);" src="https://placehold.jp/100x100.png" /><i class="cp cp-bee-o" style="color:var(--btb31-ac2)"></i></div><div class="btb31mdpj-nomdes"><div>Alexandra V. Martins</div><div>Mejor amiga</div></div></div>
  14. <div class="btb31-mdpj"><div class="btb31mdpj-img"><img style="border-color:var(--btb31-ac2);" src="https://placehold.jp/100x100.png" /><i class="cp cp-bee-o" style="color:var(--btb31-ac1)"></i></div><div class="btb31mdpj-nomdes"><div>Alexandra V. Martins</div><div>Mejor amiga</div></div></div>
  15. <div class="btb31-mdpj"><div class="btb31mdpj-img"><img style="border-color:var(--btb31-ac1);" src="https://placehold.jp/100x100.png" /><i class="cp cp-bee-o" style="color:var(--btb31-ac2)"></i></div><div class="btb31mdpj-nomdes"><div>Alexandra V. Martins</div><div>Mejor amiga</div></div></div>
  16. <div class="btb31-mdpj"><div class="btb31mdpj-img"><img style="border-color:var(--btb31-ac2);" src="https://placehold.jp/100x100.png" /><i class="cp cp-bee-o" style="color:var(--btb31-ac1)"></i></div><div class="btb31mdpj-nomdes"><div>Alexandra V. Martins</div><div>Mejor amiga</div></div></div>
  17. <div class="btb31-mdpj"><div class="btb31mdpj-img"><img style="border-color:var(--btb31-ac1);" src="https://placehold.jp/100x100.png" /><i class="cp cp-bee-o" style="color:var(--btb31-ac2)"></i></div><div class="btb31mdpj-nomdes"><div>Alexandra V. Martins</div><div>Mejor amiga</div></div></div>
  18. <div class="btb31-mdpj"><div class="btb31mdpj-img"><img style="border-color:var(--btb31-ac2);" src="https://placehold.jp/100x100.png" /><i class="cp cp-bee-o" style="color:var(--btb31-ac1)"></i></div><div class="btb31mdpj-nomdes"><div>Alexandra V. Martins</div><div>Mejor amiga</div></div></div>
  19.  
  20. </div><div class="btb31-foot"><div><i class="cp cp-bee-o"></i><div>I don't care, go on and tear me apart.</div></div></div></div>
  21. <a class="bettycred" style="margin-top:-5px;width:500px; font-size:11px;" href="https://bettyleg.tumblr.com/">bettyleg</a>
  22.  
  23. <link href="https://bettyleg.github.io/PeaceOfYou/POYRelaciones.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Hind&family=Montserrat:wght@900&display=swap" rel="stylesheet" /><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/><style>.btbaul-31Relaciones{--btb31-border:#ddd; --btb31-fn1:#fff; --btb31-fn2:#fafafa; --btb31-ac1:#BB92CA; --btb31-ac2:#777;--btb31-colorText:#888;}</style>
  24.  
  25.  
  26. /********************* CRONOLOGIA ******************/
  27.  
  28. <div class="btbaul-31 btbaul-31Cronologia"><div class="btb31-head"><i class="cp cp-bee-o"></i><div class="btb31h-tit"></div></div><div class="btb31-listTem"><div class="btb31-lt"><div class="btb31-ltit">Abiertos</div>
  29. <div class="btb31-modultema"><i class="cp cp-bee-o"></i><div><a href="#">Lay it down</a><span>Alexandra S. Martins, 20/05</span></div></div>
  30. <div class="btb31-modultema"><i class="cp cp-bee-o"></i><div><a href="#">Lay it down</a><span>Alexandra S. Martins, 20/05</span></div></div>
  31. <div class="btb31-modultema"><i class="cp cp-bee-o"></i><div><a href="#">Lay it down</a><span>Alexandra S. Martins, 20/05</span></div></div>
  32. <div class="btb31-modultema"><i class="cp cp-bee-o"></i><div><a href="#">Lay it down</a><span>Alexandra S. Martins, 20/05</span></div></div></div><div class="btb31-lt"><div class="btb31-ltit">Cerrados</div>
  33. <div class="btb31-modultema"><i class="cp cp-bee-o"></i><div><a href="#">Lay it down</a><span>Alexandra S. Martins, 20/05</span></div></div>
  34. <div class="btb31-modultema"><i class="cp cp-bee-o"></i><div><a href="#">Lay it down</a><span>Alexandra S. Martins, 20/05</span></div></div>
  35. <div class="btb31-modultema"><i class="cp cp-bee-o"></i><div><a href="#">Lay it down</a><span>Alexandra S. Martins, 20/05</span></div></div>
  36. <div class="btb31-modultema"><i class="cp cp-bee-o"></i><div><a href="#">Lay it down</a><span>Alexandra S. Martins, 20/05</span></div></div>
  37.  
  38. </div></div><div class="btb31-foot"><div><i class="cp cp-bee-o"></i><div>I don't care, go on and tear me apart.</div></div></div></div><a class="bettycred" style="margin-top:-5px;width:500px; font-size:11px;" href="https://bettyleg.tumblr.com/">bettyleg</a>
  39.  
  40. <link href="https://bettyleg.github.io/PeaceOfYou/POYCronologia.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Hind&family=Montserrat:wght@900&display=swap" rel="stylesheet" /><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/><style>.btbaul-31Cronologia{--btb31-border:#ddd; --btb31-fn1:#fff; --btb31-fn2:#fafafa; --btb31-ac1:#BB92CA; --btb31-ac2:#777;--btb31-colorText:#888;}</style>
  41.  
  42.  
  43. /********************** PLAYLIST ****************/
  44.  
  45. <div class="btbaul-31 btbaul-31play"><div class="btb31-head"></div><div class="btb31-playlist"><div class="btb31-canprin"><div class="btb31-canpimg" style="background:url(https://placehold.jp/200x120.png)center"></div><div class="btb31-canptitulo"><b>Only Girl (in the world)</b><span>Rihanna</span></div></div><div class="btb31-listplay"><div class="btb31-modultemplay"><i class="cp cp-bee-o"></i><div><b>Why'd you only call me...</b><span>Arctic Monkeys</span></div></div><div class="btb31-modultemplay"><i class="cp cp-bee-o"></i><div><b>Low Tide Love</b><span>Tipling Rock</span></div></div><div class="btb31-modultemplay"><i class="cp cp-bee-o"></i><div><b>Plastic Hearts</b><span>Miley Cyrus</span></div></div><div class="btb31-modultemplay"><i class="cp cp-bee-o"></i><div><b>Positions</b><span>Ariana Grande</span></div></div></div></div><div class="btb31-foot"><div><i class="cp cp-bee-o"></i><div>I don't care, go on and tear me apart.</div></div></div></div><a class="bettycred" style="margin-top:-5px;width:500px; font-size:11px;" href="https://bettyleg.tumblr.com/">bettyleg</a>
  46.  
  47. <link href="https://bettyleg.github.io/PeaceOfYou/POYPlaylist.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Hind&family=Montserrat:wght@900&display=swap" rel="stylesheet" /><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/><style>.btbaul-31play{--btb31-border:#ddd; --btb31-fn1:#fff; --btb31-fn2:#fafafa; --btb31-ac1:#BB92CA; --btb31-ac2:#777;--btb31-colorText:#888;}.btb31-head,.btb31h-tit,.btb31-head > i,.btb31-foot,.btb31-foot > div,.btb31-foot > div > i{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}.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>
  48.  
  49. /******************* MOODBOARD ********************/
  50. <div class="btbaul-31 btbaul-31mood"><div class="btb31-head"><i class="cp cp-bee-o"></i><div class="btb31h-tit"></div></div><div class="btb31-mod"><div class="btb31-modimgprinc"><img src="https://placehold.jp/240x240.png"/></div><div class="btb31-modlista"><img src="https://placehold.jp/100x100.png"/><img src="https://placehold.jp/100x100.png"/><img src="https://placehold.jp/100x100.png"/><img src="https://placehold.jp/100x100.png"/><img src="https://placehold.jp/100x100.png"/><img src="https://placehold.jp/100x100.png"/></div></div><div class="btb31-foot"><div><i class="cp cp-bee-o"></i><div>I don't care, go on and tear me apart.</div></div></div></div><a class="bettycred" style="margin-top:-5px;width:500px; font-size:11px;" href="https://bettyleg.tumblr.com/">bettyleg</a>
  51.  
  52. <link href="https://bettyleg.github.io/PeaceOfYou/POYMoodboard.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Hind&family=Montserrat:wght@900&display=swap" rel="stylesheet" /><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/><style>.btbaul-31mood{--btb31-border:#ddd; --btb31-fn1:#fff; --btb31-fn2:#fafafa; --btb31-ac1:#BB92CA; --btb31-ac2:#777;--btb31-colorText:#888;}.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>
  53.  
  54. /**************************************************** EXPEDIENTE ********************************************/
  55. <div class="btbaul-31 btbaul-31ind" style="border-radius:20px;"><div class="btb31e-titulo"><span><i>Nombre</i> Apellido</span></div>
  56.  
  57. <div class="btb31-icont"><div class="btb31-port"><img src="https://placehold.jp/300x300.png"/></div><div class="btb31-txt"><div class="btb31e-dts"><dato><i class="cp cp-flag"></i><span><b>Nacionalidad</b>: aqui</span></dato><dato><i class="cp cp-heart"></i><span><b>Sexualidad</b>: aqui</span></dato><dato><i class="cp cp-cake"></i><span><b>Edad</b>: xx años (xx/xx/xxxx)</span></dato><dato><i class="cp cp-folder"></i><span><b>Ocupacion</b>: aqui</span></dato><dato><i class="cp cp-lemon"></i><span><b>Faceclaim</b>: aqui</span></dato></div></div></div><div class="btb31-foot"><div><i class="cp cp-bee-o"></i><div>I don't care, go on and tear me apart.</div></div></div>
  58.  
  59. <div class="btb31-etext"><div class="btb31-ecnt"><div class="btb31-ectit"><i class="cp cp-megaphone"></i><div><span>Historia</s></div></div><div class="btb31-ect">Historiaaaa</div></div></div>
  60.  
  61. <div class="btb31-etext"><div class="btb31-ecnt"><div class="btb31-ectit"><i class="cp cp-megaphone"></i><div><span>Otros datos</s></div></div><div class="btb31-ect">otros datos</div></div></div>
  62.  
  63. <div class="btb31-eimg"><img src="https://placehold.jp/120x120.png"/><img src="https://placehold.jp/120x120.png"/><img src="https://placehold.jp/120x120.png"/></div>
  64.  
  65. </div><a class="bettycred" style="margin-top:-5px;width:500px; font-size:11px;" href="https://bettyleg.tumblr.com/">bettyleg</a>
  66.  
  67. <link href="https://bettyleg.github.io/PeaceOfYou/POYIndice.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Hind&family=Montserrat:wght@900&display=swap" rel="stylesheet" /><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/><style>.btbaul-31ind{--btb31-border:#ddd; --btb31-fn1:#fff; --btb31-fn2:#fafafa; --btb31-ac1:#BB92CA; --btb31-ac2:#777;--btb31-colorText:#888;}.btb31e-dts{font-size:12px; display:block!important; padding-left:10px;} .btb31e-dts > dato{display:block; margin:0px 0px 10px;} .btb31e-dts > dato i{color:var(--btb31-ac1); font-size:12px; padding-right:10px;} .btb31e-titulo{height:100px; border-bottom:1px solid var(--btb31-border); background:var(--btb31-fn1); display:flex; align-items:center; justify-content:flex-start; padding:0px 60px; font-family:'Montserrat'; text-transform:uppercase; color:var(--btb31-ac2); font-size:20px;} .btb31e-titulo > span i{color:var(--btb31-ac1);} .btb31-etext{border-top:1px solid var(--btb31-border);} .btb31-ecnt{margin:20px; border:1px solid var(--btb31-border); border-radius:12px; min-height:100px; background:var(--btb31-fn1); overflow:hidden;} .btb31-ectit{height:50px; border-bottom:1px solid var(--btb31-border); display:flex; align-items:center; justify-content:flex-end;} .btb31-ectit > div{background:var(--btb31-ac1); width:280px; height:100%; color:var(--btb31-fn1);clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%); font-size:17px; display:flex; align-items:center; justify-content:flex-end; padding-right:40px;} .btb31-ectit i{display:flex; align-items:center; justify-content:center; border:4px solid var(--btb31-ac1); width:30px; height:30px; background:var(--btb31-fn1); border-radius:20px; color:var(--btb31-ac1); font-size:14px; margin-right:-35px; position:relative; z-index:2;} .btb31-ect{padding:30px; font-size:12px; line-height:18px; text-align:justify; color:#555;} .btb31-eimg{border-top:1px solid var(--btb31-border); background:var(--btb31-fn1); height:180px; padding:0px 30px; display:flex; align-items:center; justify-content:space-around;} .btb31-eimg > img{display:block; width:120px; height:120px; background:var(--btb31-fn2); padding:10px; border:1px solid var(--btb31-border); border-radius:8px;} .btb31e-dts > dato b {position: relative;}.btb31e-dts > dato b:before { content: ""; display: block; position: absolute; bottom: -2px; width: 30px; height: 4px;background: var(--btb31-border); border-radius: 4px; left:0px;}.btbaul-31 > br{display: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!