API tools faq
paste
BettyLeg

Myself en oscuro

BettyLeg
Mar 28th, 2021 (edited)
150
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.58 KB | None | 0 0
raw download clone embed print report
  1. /***************** post de rol *********************/
  2. <div class="rol-mb4" style="background:#444"> <div class="cont-mb4" style="background:#333;"> <div class="tit-mb4"><img src="https://placehold.jp/120x120.png"/><span style="color:#C1A082;text-shadow:2px 2px #444;">Nombre del titulo</span></div><div class="text-mb4" style="color:#999">aqui va un bonito post.</div><div class="datos-mb4" style="color:#555"> Nombre <i class="fas fa-angle-double-right" style="color:#C1A082"></i> 23 de Noviembre <i class="fas fa-angle-double-right" style="color:#C1A082"></i> Italia. </div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
  3.  
  4.  
  5. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@1,700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;800&display=swap'); .rol-mb4{width:400px;border:1px solid #ddd; margin:10px auto; padding:15px; background:#fafafa;}.cont-mb4{background:#fff; outline:1px solid #ddd; padding:60px 10px 10px;}.tit-mb4{font-family: 'Merriweather', serif; font-size:25px; text-align:center; font-weight:800; margin:0px 20px; line-height:25px; font-style:italic;}.text-mb4{width:330px; text-align:justify; margin:30px auto 20px; font-size:13px; line-height:18px; font-family: 'Open Sans', sans-serif; color:#555; font-weight:400;}.tit-mb4 img{display:block; border:1px solid #ddd; margin:-20px auto 30px; border-radius:190px; width:120px; height:120px; padding:10px;}.datos-mb4{border:1px solid #ddd; padding:20px 20px; background:#fafafa; text-align:center; font-size:12px; font-weight:500; font-family:'Open Sans', sans-serif; line-height:16px;}.datos-mb4 i{padding:0px 3px;}.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>
  6.  
  7. /******************* cronologia ***********************/
  8.  
  9. <div class="baul-b11" style="background:#333;"><div class="portada-baulb11" style="background:#333; outline-color:#777;"><div class="titulo-baulb11" style="border-color:#888"><b style="font-weight:900; -webkit-text-stroke-color:#C1A082; color:#333;">Florence</b><span style="color:#C1A082">Florence</span></div><img src="https://64.media.tumblr.com/0759ac1c52b882101e001b0c639a934f/edf972849f232087-4b/s250x400/5c1575bfffbadd2ebff4f7363b770bcfac12a395.jpg" class="pequeniaImagenb11" style="background:#888;"/><div class="modul-temab11" style="border-color:#888;"><i style="font-weight:900; -webkit-text-stroke-color:#C1A082">02/10</i> <a href="#" style="color:#C1A082">the time of my life</a>, Maeve A. Sullivan.</div><div class="modul-temab11" style="border-color:#888;"><i style="font-weight:900; -webkit-text-stroke-color:#C1A082">12/10</i> <a href="#" style="color:#C1A082">Back to black</a>, Maeve A. Sullivan.</div><div class="modul-temab11" style="border-color:#888;"><i>22/10</i style="font-weight:900; -webkit-text-stroke-color:#C1A082"> <a href="#" style="color:#C1A082">the time of my life</a>, Maeve A. Sullivan.</div><div class="modul-temab11" style="border-color:#888;"><i style="font-weight:900; -webkit-text-stroke-color:#C1A082">27/10</i> <a href="#" style="color:#C1A082">the time of my life</a>, Maeve A. Sullivan.</div><div class="modul-temab11" style="border-color:#888;"><i style="font-weight:900; -webkit-text-stroke-color:#C1A082">31/10</i> <a href="#" style="color:#C1A082">Halloween!</a>, Maeve A. Sullivan.</div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
  10.  
  11. <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/kpnv6wehbt565k6/cronologiamyself.css?dl=0"/><style>.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;} .modul-temab11 i{width:65px;}</style>
  12. /******************* relaciones ********************/
  13. <div class="baul-b11" style="background:#333;"><div class="portada-baulb11" style="background:#333; outline-color:#777;"><div class="titulo-baulb11" style="border-color:#888"><b style="font-weight:900; -webkit-text-stroke-color:#C1A082; color:#333;">Florence</b><span style="color:#C1A082">Florence</span></div><img src="https://placehold.jp/100x100.png" class="pequeniaImagenb11" style="background:#888;"/><div class="cajon-relacionesb11"><div class="modul-relab11"><img src="https://placehold.jp/120x120.png"/><div class="descripcion-b11"><span><i class="fas fa-feather-alt"></i>Mejor amiga</span></div></div><div class="modul-relab11"><img src="https://placehold.jp/120x120.png"/><div class="descripcion-b11"><span><i class="fas fa-feather-alt"></i>Mejor amiga</span></div></div><div class="modul-relab11"><img src="https://placehold.jp/120x120.png"/><div class="descripcion-b11"><span><i class="fas fa-feather-alt"></i>Mejor amiga</span></div></div><div class="modul-relab11"><img src="https://placehold.jp/120x120.png"/><div class="descripcion-b11"><span><i class="fas fa-feather-alt"></i>Mejor amiga</span></div></div><div class="modul-relab11"><img src="https://placehold.jp/120x120.png"/><div class="descripcion-b11"><span><i class="fas fa-feather-alt"></i>Mejor amiga</span></div></div><div class="modul-relab11"><img src="https://placehold.jp/120x120.png"/><div class="descripcion-b11"><span><i class="fas fa-feather-alt"></i>Mejor amiga</span></div></div></div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
  14.  
  15. <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/ylc502c1ag24v8p/relacionesmyself.css?dl=0"/><style>.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>
  16.  
  17.  
  18. /********************** playlist *********************/
  19. <div class="baul-b11" style="background:#333;"><div class="portada-baulb11" style="background:#333; outline-color:#777;"><div class="titulo-baulb11" style="border-color:#888"><b style="font-weight:900; -webkit-text-stroke-color:#C1A082; color:#333;">Florence</b><span style="color:#C1A082">Florence</span></div><div class="descripcion-baul2b11" style="background:#444;"><div class="modul-cancion-b11" style="background:#333; border-color:#999;"><img src="https://placehold.jp/80x80.png" style="border-color:#888"/><div><b style="color:#C1A082">Stunnin'</b>Curtis Waters</div></div><div class="modul-cancion-b11"style="background:#333; border-color:#888"><i class="fas fa-headphones" style="color:#C1A082; border-color:#888"></i><div><b style="color:#C1A082">Sweet child o' mine</b>Guns N' Roses</div></div><div class="modul-cancion-b11" style="background:#333;"><i class="fas fa-headphones" style="color:#C1A082"></i><div><b style="color:#C1A082">How deep is your love?</b>Calvin Harris & Disciples</div></div><div class="modul-cancion-b11" style="background:#333;"><i class="fas fa-headphones" style="color:#C1A082"></i><div><b style="color:#C1A082">Boys will be boys</b>Dua Lipa</div></div></div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
  20.  
  21. <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/nl20bs9y5ai8q4i/myselfplaylist.css?dl=0"/>
  22. /**************** moodboard ****************/
  23. <div class="baul-b11" style="background:#333;"><div class="portada-baulb11" style="background:#333; outline-color:#777;"><div class="titulo-baulb11" style="border-color:#888"><b style="font-weight:900; -webkit-text-stroke-color:#C1A082; color:#333;">Florence</b><span style="color:#C1A082">Florence</span></div><div class="moodboard2-b11" style="background:#444;border-color:#999;"><img src="https://placehold.jp/100x220.png" id="img-columna1-b11" style="background:#555;outline-color:#999;"/><img src="https://placehold.jp/100x100.png" id="img-comun1-b11" style="background:#555; outline-color:#999;"/><img src="https://placehold.jp/100x220.png" id="img-columna2-b11" style="background:#555;outline-color:#999;"/><img src="https://placehold.jp/100x100.png" id="img-comun2-b11" style="background:#555;outline-color:#999;"/><img src="https://placehold.jp/100x100.png" id="img-comun-b11" style="background:#555; outline-color:#999;"/><img src="https://placehold.jp/100x100.png" id="img-comun-b11" style="background:#555;outline-color:#999;"/><img src="https://placehold.jp/100x100.png" id="img-comun-b11"style="background:#555;outline-color:#999;"/></div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
  24.  
  25. <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/telmtoejsbsxel1/myselfmoodboard2.css?dl=0"/>
  26. /***************** indice ********/
  27. <div class="baul-b11" style="background:#333;"><div class="portada-baulb11" style="background:#333; outline-color:#777;"><div class="titulo-baulb11" style="border-color:#888"><b style="font-weight:900; -webkit-text-stroke-color:#C1A082; color:#333;">Florence</b><span style="color:#C1A082">Florence</span></div><div class="descripcion-baulb11" style="background:#444; border-color:#888"><img src="https://placehold.jp/300x300.png" style="background:#333; border-color:#333; outline-color:#888;"/><div class="datos-baulb11"><div style="background:#444; border-color:#888;"><a href=""><i class="fas fa-fingerprint" style="color:#C1A082;"></i></a></div><div style="background:#444;border-color:#888;"><a href="#" ><i class="fas fa-hourglass-start" style="color:#C1A082;"></i></a></div><div style="background:#444;border-color:#888;"><a href="#" style="background:transparent"><i class="fas fa-user-friends" style="color:#C1A082;"></i></a></div><div style="background:#444;border-color:#888;"><a href="#"><i class="fas fa-images" style="color:#C1A082;"></i></a></div><div style="background:#444;border-color:#888;"><a href="#"><i class="fab fa-twitter" style="color:#C1A082;"></i></a></div><div style="background:#444;border-color:#888;"><a href="#"><i class="fas fa-headphones" style="color:#C1A082;"></i></a></div></div></div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
  28.  
  29. <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/ggeuzhw4mfdi10u/portadamyself.css?dl=0"/><style>.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>
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!