API tools faq
paste
stardustcodes

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

stardustcodes
Apr 20th, 2020
189
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.65 KB | None | 0 0
raw download clone embed print report
  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 class="any7">Lorem ipsum dolor sit amet consectetur adipiscing, elit blandit accumsan eu semper, primis vivamus hac ut lacinia. Proin laoreet mus fermentum ante euismod suscipit nisi mattis, nunc vestibulum augue urna volutpat bibendum dapibus nascetur montes, quisque hac turpis diam ridiculus commodo enim.</div></div>
  8. <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 class="any7">Lorem ipsum dolor sit amet consectetur adipiscing, elit blandit accumsan eu semper, primis vivamus hac ut lacinia. Proin laoreet mus fermentum ante euismod suscipit nisi mattis, nunc vestibulum augue urna volutpat bibendum dapibus nascetur montes, quisque hac turpis diam ridiculus commodo enim.</div></div>
  9. <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 class="any7">Lorem ipsum dolor sit amet consectetur adipiscing, elit blandit accumsan eu semper, primis vivamus hac ut lacinia. Proin laoreet mus fermentum ante euismod suscipit nisi mattis, nunc vestibulum augue urna volutpat bibendum dapibus nascetur montes, quisque hac turpis diam ridiculus commodo enim.</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 class="any7">Lorem ipsum dolor sit amet consectetur adipiscing, elit blandit accumsan eu semper, primis vivamus hac ut lacinia. Proin laoreet mus fermentum ante euismod suscipit nisi mattis, nunc vestibulum augue urna volutpat bibendum dapibus nascetur montes, quisque hac turpis diam ridiculus commodo enim.</div></div>
  11. </div></div>
  12. <div class="stcred"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>
  13.  
  14. <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%;} .any7 {height: 50px; overflow: auto; font-family: quicksand; font-weight: 400; font-size: 9px; color: #888; text-align: justify; line-height: 100%; padding: 5px 5px 0 0;} .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;} .any7::-webkit-scrollbar {width: 8px;} .any7::-webkit-scrollbar-track {background: #f1f1f1;} .any7::-webkit-scrollbar-thumb {background: #d5b0b5;} .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
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!