BettyLeg

Posteo en Instagram

Mar 29th, 2020
801
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.64 KB | None | 0 0
  1. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
  2.  
  3. <div class="postig"><div class="headig"><div class="userimgp"><div class="imgus-postig"><img src="http://via.placeholder.com/40"></div><div class="user-postig"><strong>bettyleg</strong><br/>Nowhere</div></div><div class="pnt-postig"><i class="fas fa-ellipsis-v"></i></div></div><div class="imgran-postig"><img src="http://via.placeholder.com/400"></div><div class="foot-postig"><div class="hheart"><i class="far fa-heart"></i></div> <i class="far fa-comment"></i> <i class="far fa-paper-plane"></i> <i class="far fa-bookmark"></i></div><div class="coment-postig"><div class="mg-postig"><strong>747.144 Me gusta</strong></div><div class="post-user-ig"><strong>bettyleg</strong> a new age <hash>#FutureNostalgia</hash> </div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
  4.  
  5. <style>.postig{width:400px; max-height:600px; margin:10px auto; border:1px solid #eee;} .headig{height:45px; background:#fff; padding:7px; border-bottom:1px solid #eee;} .imgus-postig{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); width:44px; height:44px; padding:2px; border-radius:180px;} .imgus-postig img{border:2px solid #fff;width:40px; height:40px; border-radius:180px;} .user-postig{position:relative; top:-37px; left:60px; font-family:arial; font-size:13px; text-align:12px; color:#444;} .pnt-postig{float:right; margin-top:-65px; right:20px; position:relative; color:#444;} .imgran-postig{height:400px; width:400px; background:#eee; border-bottom:1px solid #eee;} .imgran-postig img{width:400px; height:400px; margin-top:-28px;} .foot-postig{height:20px; border-top:1px solid #eee; padding:10px; padding-left:15px; background:#fff;} .foot-postig i{font-size:20px; color:#555;} .foot-postig .fa-heart, .foot-postig .fa-comment{margin-right:14px;} .hheart:hover .fa-heart{color:red!important; font-weight:900!important;} .hheart{display:inline-block;} .coment-postig{max-height:80px; background:#fff; font-family:arial; padding:5px 15px; font-size:14px; color:#333; padding-bottom:20px;} .mg-postig{height:23px; font-size:13px; border-bottom:1px solid #eee; margin-bottom:10px;} .post-user-ig hash{color:blue;} .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;} .foot-postig .fa-bookmark{float:right; position:relative; right:10px;}</style>
Advertisement
Add Comment
Please, Sign In to add comment