stardustcodes

we don't talk anymore - cronología sin descripción

Apr 20th, 2020
397
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.50 KB | None | 0 0
  1. <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&display=swap" rel="stylesheet">
  2. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  3.  
  4. <div class="any1"><div class="any2"><div class="any3">someone's chronology</div><img src="https://via.placeholder.com/100">
  5. <div class="any8"><div class="any10"><span class="th th-open-lock-o"></span></div><div class="any10"><span class="th th-closed-lock"></span></div><div class="any10"><span class="th th-trash"></span></div>
  6. <div class="any9">en curso</div><div class="any9">finalizado</div><div class="any9">abandonado</div></div>
  7. <div class="any4"><div class="any5"><span class="th th-open-lock-o"></span></div><div class="any6"><a href="#">título del tema</a><br><span>nombre del personaje</span><br><span>otro dato más</span></div></div>
  8. <div class="any4"><div class="any5"><span class="th th-open-lock-o"></span></div><div class="any6"><a href="#">título del tema</a><br><span>nombre del personaje</span><br><span>otro dato más</span></div></div>
  9. <div class="any4"><div class="any5"><span class="th th-closed-lock"></span></div><div class="any6"><a href="#">título del tema</a><br><span>nombre del personaje</span><br><span>otro dato más</span></div></div>
  10. <div class="any4"><div class="any5"><span class="th th-closed-lock"></span></div><div class="any6"><a href="#">título del tema</a><br><span>nombre del personaje</span><br><span>otro dato más</span></div></div>
  11. <div class="any4"><div class="any5"><span class="th th-open-lock-o"></span></div><div class="any6"><a href="#">título del tema</a><br><span>nombre del personaje</span><br><span>otro dato más</span></div></div>
  12. <div class="any4"><div class="any5"><span class="th th-open-lock-o"></span></div><div class="any6"><a href="#">título del tema</a><br><span>nombre del personaje</span><br><span>otro dato más</span></div></div>
  13. </div></div>
  14. <div class="stcred"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>
  15.  
  16. <style>.any1 {margin: 0 auto; width: 360px; padding: 20px; border: 1px solid #eee; background: #fff; outline: 1px solid #d5b0b5; outline-offset: 10px;} .any2 {width: 340px; background: #fff; padding: 10px; display: flex; flex-wrap: wrap; text-align: center;} .any2 img {width: 100px; height: 100px; border-radius: 100px; padding: 5px; border: 5px solid #d5b0b5; margin-bottom: 20px;} .any3 {width: 220px; height: 20px; padding: 40px 0 0 0; border-bottom: 5px solid #d5b0b5; font-family: quicksand; font-weight: 700; font-size: 20px; color: #888;} .any4 {width: 154px; border: 1px solid #eee; margin: 5px 2px; display: flex; flex-wrap: wrap; padding: 5px} .any5 {padding: 10px 0 0 10px; color: #d5b0b5; font-size: 20px} .any6 {width: 120px; font-family: quicksand; text-align: center; line-height: 100%; padding: 10px 0} .any6 a {font-weight: 700; font-size: 11px; color: #d5b0b5; text-decoration: none} .any6 span {width: 120px; font-weight: 400; font-size: 7px; color: #888; text-transform: uppercase; line-height: 100%;} .any8 {width: 360px; text-align: center; border: 1px solid #eee; display: flex; flex-wrap: wrap; margin-bottom: 20px; line-height: 100%; padding: 10px 0} .any10 {width: 110px; color: #d5b0b5; font-size: 12px; text-align: center;} .any9 {width: 110px; font-family: quicksand; font-weight: 400; font-size: 9px; color: #888; text-align: center;} .stcred {margin: 0 auto; width: 360px; 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