API tools faq
paste
mebuckner

Custom Order - Spencer

mebuckner
Jul 8th, 2020 (edited)
967
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.63 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. @import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  5.  
  6. body {
  7. background-color:#3f384e;
  8. background-repeat:no-repeat;
  9. background-attachment:fixed;
  10. margin: 0;
  11. overflow:auto;
  12. background-image:url('https://i.imgur.com/nmnGTUn.png');
  13. background-size:cover;
  14. }
  15.  
  16. table, tr, td, li, p, div, .profileInfo td.text {
  17.     font-size: 10px;
  18.     color: #717171;
  19.     font-family: 'Poppins', sans-serif;}
  20.  
  21.  
  22. .container {
  23. width:900px;
  24. height:611px;
  25. position:absolute;
  26. left:380px;
  27. top:10;
  28. overflow:hidden;
  29. margin:auto;
  30. color:#fff;
  31. background-color:#e6eff8;
  32. font-family: 'Abel', sans-serif;
  33. background-image:url('https://i.imgur.com/7YN56D0.png');
  34. background-position:bottom left;
  35. border:5px solid #fff;
  36. }
  37.  
  38.  
  39.  
  40. .iconBox{
  41. width: 287px;
  42. height: auto;
  43. margin-top: 16px;
  44. margin-left: 29px;
  45. text-align:center;
  46. }
  47.  
  48. .sidebar{
  49. width: 349px;
  50. height: 100%;
  51. position: fixed;
  52. top: 0;
  53. left: 0;
  54. background: #fff;
  55. }
  56.  
  57.  
  58. h1{
  59. font-family: 'Lobster', cursive;
  60. margin:0;
  61. color:#3f384e;
  62. font-size: 48px;
  63. }
  64.  
  65. a.iconLinks:link, a.iconLinks:visited {
  66. background-color: #685a80;
  67. color: #fff;
  68. text-align: center;
  69. text-decoration: none;
  70. display: inline-block;
  71. width: 45px;
  72. height: 32px;
  73. font-size: 19px;
  74. padding-top: 13px;
  75. border-radius: 50%;
  76. }
  77.  
  78. a.iconLinks:hover, a.iconLinks:active {
  79. background-color: #c8c7d7;
  80. }
  81.  
  82. ::-webkit-scrollbar-thumb:vertical {height:12px; background:#fff; border-top:10px solid #3f384e; border-bottom:10px solid #3f384e;}
  83. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  84. ::-webkit-scrollbar {width:5px; height:7px;}
  85.  
  86.  
  87. .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>
  88. </style>
  89.  
  90.  
  91. <!--Like to Meet-->
  92.  
  93. <html>
  94. <body>
  95.  
  96.  
  97. <div class="sidebar">
  98. <center>
  99. <div class="iconBox">
  100. <a href="/home.php" class="iconLinks"><span class="th th-home"></a>
  101. <a href="/send_message.php?member_id=####" class="iconLinks"><span class="th th-envelope"></a>
  102. <a href="/add_comment.php?member_id=####" class="iconLinks"><span class="th th-chat-bubble"></a>
  103. <a href="/gallery.php?member_id=####" class="iconLinks"><span class="th th-camera"></a>
  104. <a href="/status_stream.php?member_id=####" class="iconLinks"><span class="th th-bell"></a>
  105. <a href="https://editsbymresources.tumblr.com/" class="iconLinks"><span class="th th-bee"></span></a>
  106. </div>
  107. <img src="https://i.imgur.com/fW9ehKZ.png" style="width: 211px; margin-top: 13px;">
  108. <br><br>
  109. <h1>I owe You</h1>
  110. <div style="width: 201px; height: 73px; padding: 10px; background: #fff; text-align: left; font-family: Georgia; font-size: 12px; border: 3px solid #3f384e; overflow:auto;">
  111. <b>Name</b> - starter/reply - <i>date</i><br>
  112. <b>Name</b> - starter/reply - <i>date</i><br>
  113. <b>Name</b> - starter/reply - <i>date</i><br>
  114.  
  115. </div>
  116. <h1>You owe Me</h1>
  117. <div style="width: 201px; height: 73px; padding: 10px; background: #fff; text-align: left; font-family: Georgia; font-size: 12px; border: 3px solid #3f384e; overflow:auto;">
  118. <b>Name</b> - starter/reply - <i>date</i><br>
  119. <b>Name</b> - starter/reply - <i>date</i><br>
  120. <b>Name</b> - starter/reply - <i>date</i><br>
  121. </div>
  122. </center>
  123. </div>
  124. </div>
  125. <div class="container">
  126. <img src="https://i.imgur.com/AUMSjYO.png">
  127. <div style="width: 534px;height: 400px;text-align: center;margin-left: 26px;display:inline-block;">
  128. <h1>The Storyline</h1>
  129. <div style="width: 512px;height: 263px;background: #fff;overflow: auto;font-family: Georgia;font-size: 12px;border: 3px solid #3f384e;text-align:left;">
  130. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lobortis mattis aliquam faucibus purus in. Interdum velit euismod in pellentesque massa placerat duis ultricies lacus. Ultricies lacus sed turpis tincidunt id aliquet risus feugiat in. Sagittis aliquam malesuada bibendum arcu vitae elementum curabitur. Volutpat est velit egestas dui id ornare arcu. Elementum nibh tellus molestie nunc. Blandit turpis cursus in hac habitasse platea. Nullam non nisi est sit amet facilisis magna etiam. Imperdiet nulla malesuada pellentesque elit eget gravida cum. Gravida neque convallis a cras semper auctor. Senectus et netus et malesuada. Id ornare arcu odio ut sem nulla. Malesuada pellentesque elit eget gravida cum sociis natoque. Vestibulum morbi blandit cursus risus at ultrices mi tempus. Sit amet dictum sit amet. Praesent semper feugiat nibh sed pulvinar. Euismod elementum nisi quis eleifend quam. Semper auctor neque vitae tempus quam. Facilisi cras fermentum odio eu feugiat pretium.
  131. <br><br>
  132. Pulvinar etiam non quam lacus suspendisse faucibus. Ultricies mi quis hendrerit dolor. Viverra adipiscing at in tellus integer feugiat scelerisque. Faucibus interdum posuere lorem ipsum dolor sit amet consectetur. Tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin. Elementum curabitur vitae nunc sed velit dignissim sodales. Vitae tempus quam pellentesque nec nam aliquam sem et tortor. Quis eleifend quam adipiscing vitae proin. Faucibus pulvinar elementum integer enim. Urna condimentum mattis pellentesque id nibh. Massa tincidunt nunc pulvinar sapien et ligula ullamcorper. Vel orci porta non pulvinar neque laoreet suspendisse interdum. Sit amet purus gravida quis. In fermentum posuere urna nec tincidunt praesent semper feugiat nibh. Ac odio tempor orci dapibus ultrices in iaculis. Placerat vestibulum lectus mauris ultrices eros in cursus turpis massa. Aliquam purus sit amet luctus venenatis lectus magna fringilla.
  133. <br><br>
  134. Nibh praesent tristique magna sit amet purus gravida. Elementum pulvinar etiam non quam lacus suspendisse faucibus interdum posuere. Habitant morbi tristique senectus et. Ultrices dui sapien eget mi proin sed libero enim sed. Congue nisi vitae suscipit tellus mauris. Justo eget magna fermentum iaculis eu. Dictumst quisque sagittis purus sit amet. Elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at augue. Mattis nunc sed blandit libero volutpat sed cras. Sodales ut etiam sit amet nisl purus in. Id aliquet risus feugiat in ante metus dictum. Faucibus turpis in eu mi. Ante metus dictum at tempor commodo.
  135. <br><br>
  136. Consectetur adipiscing elit ut aliquam purus sit amet luctus venenatis. Arcu cursus vitae congue mauris rhoncus aenean vel elit scelerisque. Dignissim cras tincidunt lobortis feugiat vivamus at. Amet mauris commodo quis imperdiet massa tincidunt nunc pulvinar sapien. Sociis natoque penatibus et magnis dis parturient montes nascetur. Id aliquet risus feugiat in ante metus. Eget nunc lobortis mattis aliquam faucibus purus in. Morbi quis commodo odio aenean sed adipiscing diam donec adipiscing. Cursus sit amet dictum sit amet justo donec enim. Pellentesque dignissim enim sit amet venenatis urna cursus eget. Ultricies mi quis hendrerit dolor magna eget. Tincidunt nunc pulvinar sapien et ligula.
  137. <br><br>
  138. Bibendum est ultricies integer quis. Vel orci porta non pulvinar neque laoreet suspendisse interdum. Senectus et netus et malesuada fames ac turpis egestas maecenas. Vitae tempus quam pellentesque nec nam aliquam. Lectus proin nibh nisl condimentum id venenatis a condimentum. Vestibulum sed arcu non odio euismod lacinia at quis risus. Malesuada fames ac turpis egestas. Amet purus gravida quis blandit turpis cursus. Sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper. Sodales neque sodales ut etiam sit amet. Quisque sagittis purus sit amet volutpat consequat mauris nunc. Vitae elementum curabitur vitae nunc sed velit dignissim sodales ut. Eget gravida cum sociis natoque penatibus et magnis dis parturient. Sed viverra ipsum nunc aliquet bibendum. Adipiscing commodo elit at imperdiet dui accumsan sit amet. Dolor sed viverra ipsum nunc. Vitae aliquet nec ullamcorper sit amet risus. Bibendum neque egestas congue quisque. Et egestas quis ipsum suspendisse ultrices gravida dictum.
  139. </div>
  140. </div>
  141. <img src="https://i.imgur.com/eoVxb8R.png" style="margin-top: 0px; display: inline-grid; vertical-align: top; height: 346px;">
  142.  
  143. </div>
  144. </body>
  145. </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!