Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="Farandula-BLC"><div class="BL-FPortada"><div class="BL-FPImagen"><img src="https://placehold.jp/100x100.png"><i class="fas fa-user-clock" style="background:#F99B7E;"></i></div></div><div class="BL-FCajon"> <div class="BL-FModul"> <div class="BLF-Titulo">Octubre</div><div class="BL-Temas"> <span><i class="fas fa-lock"></i><a href="#">Nombre del tema</a> ft Maeve Sullivan</span><span><i class="fas fa-lock-open"></i><a href="#">Nombre del tema</a>ft Maeve Sullivan</span><span><i class="fas fa-lock"></i><a href="#">Nombre del tema</a> ft Maeve Sullivan</span><span><i class="fas fa-lock-open"></i><a href="#">Nombre del tema</a>ft Maeve Sullivan</span> </div></div><div class="BL-FModul"> <div class="BLF-Titulo">Noviembre</div><div class="BL-Temas"> <span><i class="fas fa-lock"></i><a href="#">Nombre del tema</a> ft Maeve Sullivan</span><span><i class="fas fa-lock"></i><a href="#">Nombre del tema</a>ft Maeve Sullivan</span><span><i class="fas fa-lock-open"></i><a href="#">Nombre del tema</a> ft Maeve Sullivan</span><span><i class="fas fa-lock-open"></i><a href="#">Nombre del tema</a>ft Maeve Sullivan</span> </div></div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
- <link href="https://fonts.googleapis.com/css?family=Merriweather:700|Roboto:400,700&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.Farandula-BLC{width:500px; border:1px solid #ddd; margin:10px auto;} .BL-FPortada{height:130px; background:#fafafa; border-bottom:1px solid #ddd; display:flex; align-items:center; justify-content:center;} .BL-FPImagen img{width:100px; height:100px; background:#fff; padding:8px; border:1px solid #ddd; border-radius:180px;} .BL-FPImagen i{ width:35px; height:35px; position:absolute; display:flex; align-items:center; justify-content:center; background:#ddd; font-size:14px; border-radius:190px; border:6px solid #fff; color:#fff; margin-top:80px; margin-left:-70px;}.BL-FPImagen{position:relative; width:120px; height:120px; backgro und:#999; display:flex; align-items:center; justify-content:center;}.BL-FCajon{display:grid; grid-template-columns: auto auto; width:480px; margin: 20px auto;}.BL-FModul{margin:0px 2px 4px; border:1px solid #ddd; width:230px; height:240px; background:#fafafa;} .BLF-Titulo{background:#fff; height:30px; display:flex; align-items:center; justify-content:center; border-bottom:1px solid #ddd; font-family: 'Roboto', sans-serif; text-transform:uppercase; font-size:14px; color:#F99B7E; font-style:italic; font-weight:800;} .BL-Temas{text-align:center; overflow:auto; height:210px; margin-top:5px;} .BL-Temas span{border:1px solid #ddd; display:block; margin:0px 5px 4px; padding:8px 10px; font-size:12px;font-family: 'Merriweather', serif; font-size:10px; color:#555; line-height:15px; font-weight:400; background:#fff;} .BL-Temas span i{ width:20px; color:#ccc; float:left; font-size:16px; position:relative; top:5px;}.BL-Temas span a{font-family: 'Roboto', sans-serif; text-transform:uppercase; font-weight:800; color:#777; text-decoration: none; display:block; font-size:11px; }.BL-Temas span:hover a{color:#F99B7E;} .BL-Temas span:hover i{color:#F99B7E} .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
