stardustcodes

love myself - portada de baúl

Oct 14th, 2020
237
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.60 KB | None | 0 0
  1. <link href="https://fonts.googleapis.com/css2?family=Playball&family=Quicksand&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  2.  
  3. <div class="myself1"><div class="myself2"><div class="myself3">love myself, I don't need anybody else</div><div class="myself5"><span class="th th-user"></span> Nombre del pj
  4. <span class="th th-cake-1"></span> Fecha de nacimiento
  5. <span class="th th-location-4"></span> Lugar de nacimiento
  6. <span class="th th-briefcase"></span> Empleo</div><div class="myself4"><a href="LINK" title="expediente"><span class="th th-user"></span></a><a href="LINK" title="mensaje"><span class="th th-paper-plane"></span></a><a href="LINK" title="teléfono"><span class="th th-chat-bubble"></span></a><a href="LINK" title="algo"><span class="th th-envelope"></span></a><a href="LINK" title="algo"><span class="th th-briefcase"></span></a><a href="LINK" title="algo"><span class="th th-folder-3"></span></a></div></div><img src="https://via.placeholder.com/200x330"></div><div class="stcred"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>
  7.  
  8. <style>.myself1{margin: 10px auto; width: 404px; display: flex; flex-wrap: wrap; justify-content: space-between; border: 15px solid #f9f9f9; outline: 1px solid #d9d9d9;}.myself1 img{width: 200px; height: 330px; border: 1px solid #d9d9d9;}.myself2{width: 160px; height: 300px; background: #fff; padding: 15px 20px; border: 1px solid #d9d9d9; display: flex; flex-wrap: wrap; align-content: space-around;}.myself3{width: 160px; font-family: playball; font-size: 18px; color: #4a9396; text-align: center; line-height: 110%;}.myself4{width: 160px; height: 80px; overflow: auto; background: #f9f9f9; border: 1px solid #d9d9d9; padding: 15px; display: flex; flex-wrap: wrap; justify-content: space-between;}.myself4 a{width: 37px; height: 27px; background: #4a9396; padding-top: 10px; font-size: 18px; color: #fff; text-align: center; margin: 2px 0; transition: 1s;}.myself4 a:hover{background: #fff; color: #4a9396;}.myself5{width: 160px; background: #f9f9f9; border: 1px solid #d9d9d9; padding: 15px; font-family: quicksand; font-size: 11px; color: #888; text-align: left; line-height: 20px}.myself5 span{float: right; border-radius: 50%; color: #4a9396; padding-top: 5px}.myself4::-webkit-scrollbar{width: 6px;}.myself4::-webkit-scrollbar-track {background: #fff;}.myself4::-webkit-scrollbar-thumb {background: #4a9396;}.stcred{margin: 0 auto; width: 400px; text-align: center;}.stcred a{text-decoration: none; font-family: calibri; font-size: 9px; color: #888; text-transform: uppercase; letter-spacing: 3px;}</style>
Add Comment
Please, Sign In to add comment