API tools faq
paste
mebuckner

Custom Order - Caroline

mebuckner
Aug 11th, 2020 (edited)
146
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.32 KB | None | 0 0
raw download clone embed print report
  1. <!--about me-->
  2. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  3. <style type="text/css">
  4.  
  5. body {
  6. background-color:#232426;
  7. background-repeat:no-repeat;
  8. background-attachment:fixed;
  9. margin: 0;
  10. overflow:auto;
  11. background-image:url('https://i.imgur.com/Zz59oXO.png');
  12. background-size:cover;
  13. }
  14.  
  15. table, tr, td, li, p, div, .profileInfo td.text {
  16.     font-size: 10px;
  17.     color: #717171;
  18.     font-family: 'Poppins', sans-serif;}
  19.  
  20.  
  21. .container {
  22. width:1000px;
  23. height:500px;
  24. position:absolute;
  25. left:0;
  26. right:0;
  27. top:0;
  28. bottom:0;
  29. overflow:hidden;
  30. margin:auto;
  31. color:#fff;
  32. font-family: 'Abel', sans-serif;
  33. }
  34.  
  35. i{
  36. color: #787d76;
  37. }
  38.  
  39. strong{
  40. color:#994c42;
  41. }
  42.  
  43. b{
  44. background: #994c42;
  45. color: #b5b1ae;
  46. padding: 5px;
  47. line-height: 30px;
  48. }
  49.  
  50. a:link, a:active, a:visited {
  51. color: #b5b1ae;
  52. font-family: Georgia;
  53. font-size: 11px;
  54. font-style: italic;
  55. text-decoration: none;
  56. }
  57.  
  58. a:hover{
  59. color:#0e0e0e;
  60. text-decoration:none;
  61. }
  62.  
  63. ::-webkit-scrollbar-thumb:vertical {height:12px; background:#0e0e0e; border-top:10px solid #994c42; border-bottom:10px solid #994c42;}
  64. ::-webkit-scrollbar-thumb:horizontal {background-color:#0e0e0e;}
  65. ::-webkit-scrollbar {width:5px; height:7px;}
  66.  
  67.  
  68. .contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext {display:none;height:0px;!important;visibility:hidden} td td td td {border:0px;width:0px;text-align:left;} table, td, tr {padding:0px;width:;background-color:transparent} table table table {padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td {height:0px;!important;border:0px;!important} a.text, table div font a, .navbar font, tr td font {visibility:hidden;display:none;height:0px;!important;} #footerWarpper{display: none;} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} table.footer {display: none;} div table a.navbar img {display:none;} div table.navigationBar {margin-bottom:-30px;} .profileInfo {display:none;} .profileInfo td {text-align:left;} .profileInfo a img {position:relative; margin-bottom:-1px; margin-bottom:-2px; width:125px; margin-right:-6px; margin-top:4px; _margin-top:3px; display:block;} .profileInfo td td, .nametext, .msOnlineNow img {display:none;} .profileInfo td td.text {display:table-cell; _display:inline;} .profileInfo .text {font-size:7px; line-height:8px; text-transform:uppercase; font-family:small fonts;} .msOnlineNow {font-family:small fonts; letter-spacing:0px; font-size:7px; line-height:8px; padding:2px; padding-left:0px; text-transform:uppercase; font-weight:normal; display:none; text-decoration:blink; letter-spacing:2px;} .userAlbums {display:none;} div td {display:none;} </span>
  69. </style>
  70.  
  71.  
  72.  
  73.  
  74.  
  75.  
  76.  
  77.  
  78.  
  79.  
  80. <!--like to meet-->
  81.  
  82. <html>
  83. <body>
  84. <div class="container">
  85. <div style="width:300px; height:500px; display:inline-block; vertical-align:top;">
  86.  
  87. <div style="width:300px; height:132px; background:#0e0e0e;"><img src="https://i.imgur.com/kXcCOdR.png" style="border: solid 10px #0e0e0e; width: 280px;"></div>
  88.  
  89.  
  90. <div style="width:280px; height:auto; padding:10px; background:#0e0e0e; margin-top:10px; padding:10px; text-align:center;">
  91. <a href="/">home</a>
  92. <a href="/" style="margin-left:5px;">comment</a>
  93. <a href="/" style="margin-left:5px;">message</a>
  94. <a href="/" style="margin-left:5px;">stream</a>
  95. <a href="/" style="margin-left:5px;">full content</a>
  96. </div>
  97.  
  98.  
  99. <center>
  100. <div style="width:92px; height:91px; background:#0e0e0e; margin-top:10px; text-align:center; display:inline-block;">
  101. <img src="https://i.imgur.com/fFQMSnS.png" style="border: solid 10px #0e0e0e; width:72px;">
  102. </div>
  103.  
  104. <div style="width:91px; height:91px; background:#0e0e0e; margin-top:10px; margin-left:10px; text-align:center; display:inline-block;">
  105. <img src="https://i.imgur.com/nmk4l4Q.png" style="border: solid 10px #0e0e0e; width:71px;">
  106. </div>
  107.  
  108.  
  109. <div style="width:91px; height:91px; background:#0e0e0e; margin-top:10px; margin-left:10px; text-align:center; display:inline-block;">
  110. <img src="https://i.imgur.com/VEWXSpc.png" style="border: solid 10px #0e0e0e; width:71px;">
  111. </div>
  112. </center>
  113.  
  114.  
  115. <div style="width: 131px; height: 192px; padding: 10px; background: #0e0e0e; margin-top: 10px; display:inline-block; vertical-align:top; color: #b5b1ae; font-family: Georgia; font-size: 11px;  text-align:justify; overflow:auto;">
  116.  
  117. <b>Full Name:</b> here
  118. <br>
  119. <b>Nickname(s):</b> here
  120. <br>
  121. <b>Age:</b> here
  122. <br>
  123. <b>Date of Birth:</b> here
  124. <br>
  125. <b>Hometown:</b> here
  126. <br>
  127. <b>Current Location:</b> here
  128. <br>
  129. <b>Ethnicity:</b> here
  130. <br>
  131. <b>Nationality:</b> here
  132. <br>
  133. <b>Gender:</b> here
  134. <br>
  135. <b>Pronouns:</b> here
  136. <br>
  137. <b>Orientation:</b> here
  138. <br>
  139. <b>Religion:</b> here
  140. <br>
  141. <b>Occupation:</b> here
  142. <br>
  143. <b>Hair Color:</b> here
  144. <br>
  145. <b>Eye Color:</b> here
  146. <br>
  147. <b>Height:</b> here
  148. <br>
  149. <b>Build:</b> here
  150. <br>
  151. <b>Tattoos:</b> here
  152. <br>
  153. <b>Piercings:</b> here
  154. <br>
  155. <b>Clothing Style:</b> here
  156. <br>
  157. <b>Distinguishing Characteristics:</b> here
  158.  
  159. </div>
  160.  
  161. <div style="width: 116px; height: 192px; padding: 10px; background: #0e0e0e; margin-top: 10px; display: inline-block; vertical-align: top; margin-left: 10px;"><img src="https://i.imgur.com/l988uxE.png"></div>
  162.  
  163. </div>
  164.  
  165. <div style="width:347px; height:500px; display:inline-block; vertical-align:top;">
  166.  
  167. <div style="width:327px; height:150px; padding:10px; background:#0e0e0e;"><img src="https://i.imgur.com/vWd7xyx.png"></div>
  168.  
  169.  
  170. <div style="width:327px; height:120px; padding:10px; background:#0e0e0e; margin-top:10px; color: #b5b1ae; font-family: Georgia; font-size: 11px; overflow:auto; text-align:justify;">
  171. <div style="width:327px; height:110px; background:#0e0e0e; color: #b5b1ae; font-family: Georgia; font-size: 11px; overflow:auto; text-align:justify; margin-top:7px;">
  172.  
  173. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Viverra orci sagittis eu volutpat odio facilisis. Libero volutpat sed cras ornare arcu dui. Nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Accumsan tortor posuere ac ut. Magnis dis parturient montes nascetur ridiculus mus. Eros in cursus turpis massa tincidunt. Aliquet bibendum enim facilisis gravida neque convallis a cras semper. Adipiscing diam donec adipiscing tristique risus nec feugiat in fermentum. Porttitor lacus luctus accumsan tortor posuere ac ut consequat. Diam phasellus vestibulum lorem sed risus ultricies tristique nulla. Purus semper eget duis at. Sed risus ultricies tristique nulla aliquet enim tortor at. Iaculis eu non diam phasellus vestibulum lorem. Aliquam ut porttitor leo a diam sollicitudin tempor. Nunc faucibus a pellentesque sit amet porttitor eget dolor. Nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae. Tempor commodo ullamcorper a lacus. At lectus urna duis convallis convallis.
  174. <br><br>
  175. Amet nisl suscipit adipiscing bibendum est ultricies. Pulvinar pellentesque habitant morbi tristique senectus et netus et malesuada. Mauris rhoncus aenean vel elit scelerisque mauris. Nec dui nunc mattis enim ut tellus elementum. Nulla posuere sollicitudin aliquam ultrices sagittis orci a scelerisque. Dictumst quisque sagittis purus sit amet volutpat consequat mauris. Lectus proin nibh nisl condimentum id. Amet dictum sit amet justo donec enim diam vulputate ut. Consectetur purus ut faucibus pulvinar elementum. Posuere lorem ipsum dolor sit amet consectetur adipiscing elit duis. Lacus vestibulum sed arcu non odio. Et malesuada fames ac turpis egestas integer eget aliquet nibh. Eget est lorem ipsum dolor sit amet consectetur adipiscing elit. Mauris vitae ultricies leo integer malesuada nunc. Pharetra magna ac placerat vestibulum lectus mauris. Cursus mattis molestie a iaculis at erat pellentesque adipiscing commodo.
  176. <br><br>
  177. Urna cursus eget nunc scelerisque viverra mauris. Non tellus orci ac auctor augue mauris augue. Tellus in hac habitasse platea dictumst vestibulum rhoncus est pellentesque. Semper auctor neque vitae tempus quam pellentesque nec. Et netus et malesuada fames ac turpis egestas maecenas. Eu volutpat odio facilisis mauris sit amet massa vitae tortor. Scelerisque eu ultrices vitae auctor eu augue ut lectus. Maecenas accumsan lacus vel facilisis volutpat est velit. Suspendisse potenti nullam ac tortor vitae purus faucibus. Arcu ac tortor dignissim convallis aenean et. Lacus luctus accumsan tortor posuere ac ut consequat. Iaculis nunc sed augue lacus viverra vitae congue eu consequat.
  178. <br><br>
  179. Nibh mauris cursus mattis molestie a. Lectus vestibulum mattis ullamcorper velit sed ullamcorper. Non enim praesent elementum facilisis. Vitae elementum curabitur vitae nunc sed velit dignissim sodales ut. Tincidunt vitae semper quis lectus nulla at volutpat diam. Interdum velit laoreet id donec ultrices tincidunt arcu. Amet nisl suscipit adipiscing bibendum est ultricies integer. Pellentesque habitant morbi tristique senectus et netus et malesuada fames. Integer quis auctor elit sed. Pellentesque adipiscing commodo elit at imperdiet dui accumsan. Nisl pretium fusce id velit ut tortor pretium viverra suspendisse. Nisl purus in mollis nunc. Enim sed faucibus turpis in eu mi bibendum. Diam sollicitudin tempor id eu. Cras pulvinar mattis nunc sed blandit libero volutpat sed. Tortor posuere ac ut consequat.
  180. <br><br>
  181. Nulla facilisi cras fermentum odio eu feugiat pretium. In arcu cursus euismod quis. Sed viverra ipsum nunc aliquet. Dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt. Eget dolor morbi non arcu risus quis varius quam. Mattis ullamcorper velit sed ullamcorper morbi tincidunt. Ligula ullamcorper malesuada proin libero. Congue quisque egestas diam in arcu cursus euismod quis viverra. Arcu bibendum at varius vel pharetra vel turpis nunc. Sed pulvinar proin gravida hendrerit lectus a. Sem integer vitae justo eget magna. Nunc sed id semper risus. Pellentesque id nibh tortor id aliquet. Adipiscing elit pellentesque habitant morbi tristique senectus. Pharetra diam sit amet nisl suscipit adipiscing bibendum. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque habitant. Interdum velit laoreet id donec ultrices. Semper eget duis at tellus at urna condimentum mattis. Nulla facilisi cras fermentum odio eu feugiat pretium nibh.
  182.  
  183.  
  184. </div>
  185. </div>
  186.  
  187. <div style="width:327px; height:150px; padding:10px; background:#0e0e0e; margin-top:10px;"><img src="https://i.imgur.com/VPxdaO5.png"></div>
  188.  
  189. </div>
  190.  
  191. <div style="width:347px; height:500px; display:inline-block; vertical-align:top;">
  192.  
  193. <div style="width:327px; height:80px; padding:10px; background:#0e0e0e;"><img src="https://i.imgur.com/J2Ah7V8.png"></div>
  194.  
  195.  
  196. <div style="width:327px; height:115px; padding:10px; background:#0e0e0e; margin-top:10px;  color: #b5b1ae; font-family: Georgia; font-size: 11px; overflow:auto; text-align:justify;">
  197. <div style="width:327px; height:115px; background:#0e0e0e; color: #b5b1ae; font-family: Georgia; font-size: 11px; overflow:auto; text-align:justify;">
  198.  
  199. <strong>connection name</strong> - <i>connection title</i> - talk about them here if you feel like it? You dont have to, I mean I dont know your relationship but I'm assuming you want to write about them
  200. <br><br>
  201.  
  202.  
  203. <strong>connection name</strong> - <i>connection title</i> - talk about them here if you feel like it? You dont have to, I mean I dont know your relationship but I'm assuming you want to write about them
  204. <br><br>
  205.  
  206.  
  207. <strong>connection name</strong> - <i>connection title</i> - talk about them here if you feel like it? You dont have to, I mean I dont know your relationship but I'm assuming you want to write about them
  208. <br><br>
  209.  
  210. <strong>connection name</strong> - <i>connection title</i> - talk about them here if you feel like it? You dont have to, I mean I dont know your relationship but I'm assuming you want to write about them
  211. <br><br>
  212.  
  213. <strong>connection name</strong> - <i>connection title</i> - talk about them here if you feel like it? You dont have to, I mean I dont know your relationship but I'm assuming you want to write about them
  214. <br><br>
  215.  
  216. <strong>connection name</strong> - <i>connection title</i> - talk about them here if you feel like it? You dont have to, I mean I dont know your relationship but I'm assuming you want to write about them
  217. <br><br>
  218.  
  219. </div>
  220. </div>
  221.  
  222. <div style="width:327px; height:80px; padding:10px; background:#0e0e0e; margin-top:10px;"><img src="https://i.imgur.com/IhRrBme.png"></div>
  223.  
  224.  
  225. <div style="width:327px; height:115px; padding:10px; background:#0e0e0e; margin-top:10px;  color: #b5b1ae; font-family: Georgia; font-size: 11px; overflow:auto; text-align:justify;">
  226. <div style="width:327px; height:115px; background:#0e0e0e; color: #b5b1ae; font-family: Georgia; font-size: 11px; overflow:auto; text-align:justify;">
  227. <strong>npc name</strong> - <i>npc title</i> - talk about them here if you feel like it? You dont have to, I mean I dont know your relationship but I'm assuming you want to write about them
  228. <br><br>
  229.  
  230.  
  231. <strong>npc name</strong> - <i>npc title</i> - talk about them here if you feel like it? You dont have to, I mean I dont know your relationship but I'm assuming you want to write about them
  232. <br><br>
  233.  
  234.  
  235. <strong>npc name</strong> - <i>npc title</i> - talk about them here if you feel like it? You dont have to, I mean I dont know your relationship but I'm assuming you want to write about them
  236. <br><br>
  237.  
  238.  
  239. <strong>npc name</strong> - <i>npc title</i> - talk about them here if you feel like it? You dont have to, I mean I dont know your relationship but I'm assuming you want to write about them
  240. <br><br>
  241.  
  242. <strong>npc name</strong> - <i>npc title</i> - talk about them here if you feel like it? You dont have to, I mean I dont know your relationship but I'm assuming you want to write about them
  243. <br><br>
  244.  
  245. <strong>npc name</strong> - <i>npc title</i> - talk about them here if you feel like it? You dont have to, I mean I dont know your relationship but I'm assuming you want to write about them
  246. <br><br>
  247.  
  248. <strong>npc name</strong> - <i>npc title</i> - talk about them here if you feel like it? You dont have to, I mean I dont know your relationship but I'm assuming you want to write about them
  249. <br><br>
  250. </div>
  251. </div>
  252.  
  253.  
  254.  
  255. </div>
  256. </div>
  257. </body>
  258. </html>
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!