API tools faq
paste
Advertisement
Midorin

redhead profile layout

Midorin
Apr 22nd, 2022
1,269
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.36 KB | None | 0 0
raw download clone embed print report
  1. <div style="width:560px;margin:auto;color:#FFFFFF;">
  2. <div style="background-color:#8B0000;width:540px;height:450px;">
  3. </div>
  4. <div style="float:left;width:560px;height:450px;margin-top:-450px;">
  5.  
  6. <!-- left side beginning here. -->
  7.  
  8. <div style="float:left;width:170px;padding:3px;box-sizing:border-box;">
  9. <div><img alt="59q0wp9.png" src="https://i.imgur.com/wnqgGPy.png" style="width:160px;border:2px dashed #FFC0CB;border-radius:5px;box-sizing:border-box;" /></div>
  10.  
  11. <div style="border-bottom:1px solid #FFC0CB;color:#FFC0CB;font-family:Georgia;font-size:16pt;line-height:18pt;text-align:right;margin-top:5px;margin-bottom:10px;"><i>Han Dong.</i></div>
  12.  
  13. <div style="width:110px;margin:auto;">
  14. <div style="width:110px;border:1px dashed #FFC0CB;border-radius:5px;padding:0px 8px;margin-top:3px;box-sizing:border-box;font-family:'Times New Roman';font-size:12pt;line-height:14pt;text-align:center;">tag1</div>
  15.  
  16. <div style="width:110px;background-color:#FFFFFF;color:#8B0000;opacity:0.7;border-radius:5px;padding:0px 8px;margin-top:3px;box-sizing:border-box;font-family:'Times New Roman';font-size:12pt;line-height:15pt;text-align:center;">tag2</div>
  17.  
  18. <div style="width:110px;border:1px dashed #FFC0CB;border-radius:5px;padding:0px 8px;margin-top:3px;box-sizing:border-box;font-family:'Times New Roman';font-size:12pt;line-height:14pt;text-align:center;">tag1</div>
  19.  
  20. <div style="width:110px;background-color:#FFFFFF;color:#8B0000;opacity:0.7;border-radius:5px;padding:0px 8px;margin-top:3px;box-sizing:border-box;font-family:'Times New Roman';font-size:12pt;line-height:15pt;text-align:center;">tag2</div>
  21.  
  22. <div style="width:110px;border:1px dashed #FFC0CB;border-radius:5px;padding:0px 8px;margin-top:3px;box-sizing:border-box;font-family:'Times New Roman';font-size:12pt;line-height:14pt;text-align:center;">tag1</div>
  23. </div>
  24. </div>
  25.  
  26. <!-- right side beginning here. -->
  27.  
  28. <div style="float:left;width:370px;height:450px;padding:5px;box-sizing:border-box;overflow:hidden;">
  29. <div style="width:390px;height:440px;overflow:auto;">
  30. <div style="width:360px;">
  31.  
  32. <!-- right side first section. -->
  33.  
  34. <div style="float:left;width:360px;box-sizing:border-box;margin-bottom:10px;">
  35. <div style="float:right;"><img alt="301d6b3ba7601a90f8ea8b870c600feea6fb0cf8.jpg" src="https://64.media.tumblr.com/33fcdf1c597676c32a8effa4f14f0bcb/0bb312a7c94d3386-75/s1280x1920/301d6b3ba7601a90f8ea8b870c600feea6fb0cf8.jpg" style="height:164px;border:2px dashed #FFC0CB;border-radius:5px;box-sizing:border-box;" /></div>
  36. <div style="float:left;width:260px;border-bottom:1px solid #FFC0CB;color:#FFC0CB;font-family:Georgia;font-size:12pt;line-height:14pt;text-align:left;margin-bottom:5px;"><i>section title.</i></div>
  37. <div style="float:left;max-width:260px;margin-bottom:5px;">
  38. <div style="float:left;background-color:#FFFFFF;color:#8B0000;opacity:0.7;border-radius:5px;padding:1px 8px;font-family:'Times New Roman';font-size:12pt;line-height:14pt;text-align:center;margin-right:5px;">press enter for</div>
  39. <div style="float:left;background-color:#FFFFFF;color:#8B0000;opacity:0.7;border-radius:5px;padding:1px 8px;font-family:'Times New Roman';font-size:12pt;line-height:14pt;text-align:center;margin-right:5px;">more tag bubbles</div>
  40. </div>
  41. <div style="float:left;width:260px;height:114px;overflow:hidden;box-sizing:border-box;border:1px dashed pink;border-radius:5px;padding:4px;">
  42. <div style="width:280px;height:104px;overflow:auto;">
  43. <div style="width:250px;font-family:'Times New Roman';font-size:11pt;line-height:12pt;">
  44. section content.<br />
  45. write as much as you like, it will scroll!<br />
  46. (most elements scroll or stretch.)<br />
  47. add new lines in these bubbles with shift+enter.<br />
  48. !! don&#39;t worry if the layout is messy while editing, it will fix itself !!
  49. </div>
  50. </div>
  51. </div>
  52. </div>
  53.  
  54. <!-- right side second section. -->
  55.  
  56. <div style="float:left;width:360px;box-sizing:border-box;margin-bottom:10px;">
  57. <div style="float:left;"><img alt="301d6b3ba7601a90f8ea8b870c600feea6fb0cf8.jpg" src="https://64.media.tumblr.com/02825d931e0879bdb62a086691bcb229/0bb312a7c94d3386-8d/s1280x1920/0097687cb51c93f8bf95106430a212a826bdc399.jpg" style="height:164px;border:2px dashed #FFC0CB;border-radius:5px;box-sizing:border-box;" /></div>
  58. <div style="float:right;width:260px;border-bottom:1px solid #FFC0CB;color:#FFC0CB;font-family:Georgia;font-size:12pt;line-height:14pt;text-align:right;margin-bottom:5px;"><i>section title.</i></div>
  59. <div style="float:right;width:260px;height:139px;overflow:hidden;box-sizing:border-box;border:1px dashed pink;border-radius:5px;padding:4px;">
  60. <div style="width:280px;height:129px;overflow:auto;">
  61. <div style="width:250px;font-family:'Times New Roman';font-size:11pt;line-height:12pt;">
  62. content comes here.<br />
  63. for gallery section: just add images with the same height!<br />
  64. for snippets: rpr will delete comments once you save, but I&#39;ll comment in the original where a pair of bubbles starts and ends, so you can copy-paste and add more!
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69.  
  70. <!-- right side third section: snippets. -->
  71.  
  72. <div style="float:left;width:360px;box-sizing:border-box;margin-bottom:10px;">
  73. <div style="float:right;"><img alt="301d6b3ba7601a90f8ea8b870c600feea6fb0cf8.jpg" src="https://64.media.tumblr.com/45806736833bc96a93c553d514c5be8b/0bb312a7c94d3386-49/s1280x1920/61ae002150665bc819ab9520d2f588774f2733b9.jpg" style="height:164px;border:2px dashed #FFC0CB;border-radius:5px;box-sizing:border-box;" /></div>
  74.  
  75. <div style="float:left;width:260px;border-bottom:1px solid #FFC0CB;color:#FFC0CB;font-family:Georgia;font-size:12pt;line-height:14pt;text-align:left;margin-bottom:5px;"><i>snippets.</i></div>
  76.  
  77. <div style="float:left;width:260px;height:140px;box-sizing:border-box;overflow:hidden;">
  78. <div style="width:290px;height:140px;overflow:auto;">
  79. <div style="width:260px;font-family:'Times New Roman';font-size:11pt;line-height:12pt;">
  80. <!--here starts a line / pair of bubbles-->
  81. <div style="float:left;width:260px;margin-bottom:5px;">
  82. <div style="float:left;max-width:80px;background-color:#FFFFFF;color:#8B0000;opacity:0.7;border-radius:5px;padding:1px 8px;font-family:'Times New Roman';font-size:12pt;line-height:14pt;text-align:center;margin-right:5px;box-sizing:border-box;">question</div>
  83. <div style="float:right;max-width:175px;border-radius:5px;padding:1px 8px;box-sizing:border-box;border:1px dashed pink;border-radius:5px;padding:1px 8px;font-family:'Times New Roman';font-size:12pt;line-height:13pt;text-align:center;">answer answer answer</div>
  84. </div>
  85. <!--here's the end of that line / pair of bubbles-->
  86. <div style="float:left;width:260px;margin-bottom:5px;">
  87. <div style="float:left;max-width:80px;background-color:#FFFFFF;color:#8B0000;opacity:0.7;border-radius:5px;padding:1px 8px;font-family:'Times New Roman';font-size:12pt;line-height:14pt;text-align:center;margin-right:5px;box-sizing:border-box;">question</div>
  88. <div style="float:right;max-width:175px;border-radius:5px;padding:1px 8px;box-sizing:border-box;border:1px dashed pink;border-radius:5px;padding:1px 8px;font-family:'Times New Roman';font-size:12pt;line-height:13pt;text-align:center;">answer answer answer</div>
  89. </div>
  90. <div style="float:left;width:260px;margin-bottom:5px;">
  91. <div style="float:left;max-width:80px;background-color:#FFFFFF;color:#8B0000;opacity:0.7;border-radius:5px;padding:1px 8px;font-family:'Times New Roman';font-size:12pt;line-height:14pt;text-align:center;margin-right:5px;box-sizing:border-box;">topic</div>
  92. <div style="float:right;max-width:175px;border-radius:5px;padding:1px 8px;box-sizing:border-box;border:1px dashed pink;border-radius:5px;padding:1px 8px;font-family:'Times New Roman';font-size:12pt;line-height:13pt;text-align:center;">explanation</div>
  93. </div>
  94. <div style="float:left;width:260px;margin-bottom:5px;">
  95. <div style="float:left;max-width:80px;background-color:#FFFFFF;color:#8B0000;opacity:0.7;border-radius:5px;padding:1px 8px;font-family:'Times New Roman';font-size:12pt;line-height:14pt;text-align:center;margin-right:5px;box-sizing:border-box;">plot name</div>
  96. <div style="float:right;max-width:175px;border-radius:5px;padding:1px 8px;box-sizing:border-box;border:1px dashed pink;border-radius:5px;padding:1px 8px;font-family:'Times New Roman';font-size:12pt;line-height:13pt;text-align:center;">details details details details details details</div>
  97. </div>
  98. <div style="float:left;width:260px;margin-bottom:5px;">
  99. <div style="float:left;max-width:80px;background-color:#FFFFFF;color:#8B0000;opacity:0.7;border-radius:5px;padding:1px 8px;font-family:'Times New Roman';font-size:12pt;line-height:14pt;text-align:center;margin-right:5px;box-sizing:border-box;">another plot name</div>
  100. <div style="float:right;max-width:175px;border-radius:5px;padding:1px 8px;box-sizing:border-box;border:1px dashed pink;border-radius:5px;padding:1px 8px;font-family:'Times New Roman';font-size:12pt;line-height:13pt;text-align:center;">details details</div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105.  
  106. </div>
  107.  
  108. <!--right side fourth section: gallery.-->
  109. <div style="float:left;width:360px;box-sizing:border-box;margin-bottom:10px;">
  110. <div style="float:right;width:360px;border-bottom:1px solid #FFC0CB;color:#FFC0CB;font-family:Georgia;font-size:12pt;line-height:14pt;text-align:right;margin-bottom:5px;"><i>gallery.</i></div>
  111. <div style="float:left;width:360px;text-align:center;">
  112. <img src="https://i.imgur.com/59q0wp9.png" style="height:120px;"><img src="https://64.media.tumblr.com/45806736833bc96a93c553d514c5be8b/0bb312a7c94d3386-49/s1280x1920/61ae002150665bc819ab9520d2f588774f2733b9.jpg" style="height:120px;"><img src="https://64.media.tumblr.com/33fcdf1c597676c32a8effa4f14f0bcb/0bb312a7c94d3386-75/s1280x1920/301d6b3ba7601a90f8ea8b870c600feea6fb0cf8.jpg" style="height:120px;"><img src="https://64.media.tumblr.com/c1854bead3b9ea29baf7602eefc249ac/5d92fcc08d2a0a85-a4/s540x810/44866d55e0c0a05fd06862b7fea5a55deb0567a4.gifv" style="height:120px;"><img src="https://64.media.tumblr.com/02825d931e0879bdb62a086691bcb229/0bb312a7c94d3386-8d/s1280x1920/0097687cb51c93f8bf95106430a212a826bdc399.jpg" style="height:120px;"><img src="https://64.media.tumblr.com/4114b41b369c7494124a02bb116cfa7f/769b793f07551709-70/s540x810/2bb2d2d301de821d96ab0b2f6e04c97da5f6df33.gifv" style="height:120px;">
  113. </div>
  114. </div>
  115. </div>
  116.  
  117. </div>
  118. </div>
  119. </div>
  120.  
  121. <div style="width:560px;text-align:center;font-family:'Times New Roman';font-size:8pt;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/18296/"><span style="color:#8B0000;">Midorin's tinkerings</span></a></div>
  122.  
  123. </div>
  124.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!