mebuckner

The Leaves are Falling

Sep 9th, 2020 (edited)
213
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.16 KB | None | 0 0
  1. This layout was made by Edits By M (/1631904). Do not remove any credit, claim this layout as your own, or use this on an account that has not asked for it. Thank you SO much for wanting to use this layout. You are wonderful.
  2.  
  3. <!--about me-->
  4.  
  5. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  6. <style type="text/css">
  7.  
  8. @import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@700&display=swap');
  9. body {
  10. background-color:#232426;
  11. background-repeat:no-repeat;
  12. background-attachment:fixed;
  13. margin: 0;
  14. overflow:auto;
  15. background-image:url('https://i.imgur.com/qiqHqD5.png');
  16. background-size:cover;
  17. }
  18.  
  19. table, tr, td, li, p, div, .profileInfo td.text {
  20.     font-size: 10px;
  21.     color: #717171;
  22.     font-family: 'Poppins', sans-serif;}
  23.  
  24.  
  25. .container{
  26. width: 699px; height: 444px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; margin: auto; color: #fff; background-color: #fdf9f9; font-family: 'Abel', sans-serif; border: solid 5px #c5733a; white-space: nowrap;
  27. }
  28.  
  29.  
  30. h1{
  31. font-family: 'Libre Baskerville', serif; width: auto; display: inline-block; text-align: center; margin-top: 10px; color: #b4241a; text-transform: uppercase; font-size: 23px; margin-left: 14px; margin-bottom: 0px;
  32. }
  33.  
  34. h2{font-family: 'Libre Baskerville', serif; width: 100%; text-align: center; margin: 0; margin-top: 0px; font-size: 25px; text-transform: uppercase; color: #8f2923; margin-bottom: 10px; letter-spacing: 7px;}
  35.  
  36. h3{font-family: 'Poppins', sans-serif; width: 100%; text-align: center; margin: 0; font-size: 17px; text-transform: uppercase; color: #010101; margin-top: -17px; letter-spacing: 1px;}
  37.  
  38. h4{font-family: 'Poppins', sans-serif; width: 240px; text-align: center; margin: 0; margin-left: 10px; font-size: 20px; text-transform: uppercase; color: #010101; letter-spacing: 1px;}
  39.  
  40. a.navigationLinks:link, a.navigationLinks:visited {
  41. color: #b03727; text-align: center; text-decoration: none; display: inline-block; letter-spacing:6px; font-family: 'Libre Baskerville', serif; text-transform:uppercase;
  42. }
  43.  
  44. a.navigationLinks:hover, a.navigationLinks:active {
  45. color: #8f2923;
  46. }
  47.  
  48. ::-webkit-scrollbar-thumb:vertical {height:12px; background:#fdf9f9; border-top:10px solid #8f2923; border-bottom:10px solid #8f2923;}
  49. ::-webkit-scrollbar-thumb:horizontal {background-color:#fdf9f9;}
  50. ::-webkit-scrollbar {width:5px; height:7px;}
  51.  
  52.  
  53. .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>
  54. </style>
  55.  
  56.  
  57.  
  58.  
  59.  
  60.  
  61.  
  62.  
  63.  
  64.  
  65.  
  66.  
  67.  
  68.  
  69.  
  70.  
  71. <!--like to meet-->
  72. <html>
  73. <body>
  74. <div class="container">
  75. <div style="width: 387px; height: 21px; display: inline-block; vertical-align: top; border-bottom: solid 4px #b4241b; margin-left: 10px;"></div><h1>First Middle Last</h1>
  76. <div style="width:700px; text-align:center; margin-top:5px;"><a href="/home.php" class="navigationLinks">home</a>
  77. <a href="/send_message.php?member_id=" class="navigationLinks" style="margin-left:23px;">message</a>
  78. <a href="/add_comment.php?member_id=" class="navigationLinks" style="margin-left:23px;">comment</a>
  79. <a href="/albums.php?member_id=" class="navigationLinks" style="margin-left:23px;">photos</a>
  80. <a href="/status_stream.php?member_id=" class="navigationLinks" style="margin-left:23px;">stream</a>
  81. <a href="/1631904" class="navigationLinks" style="margin-left:23px;">credit</a>
  82. </div>
  83.  
  84. <div style="width: 414px; height: 323px; margin-top: 5px; display: inline-block; padding: 20px; overflow: auto; white-space: normal; font-size: 11px; text-align: justify; color: #000; font-family: Georgia;">
  85. <h2>This life is hard</h2>
  86. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non metus lectus. Praesent tincidunt faucibus neque, quis finibus ligula. Curabitur euismod felis in nulla consequat egestas. Mauris tortor nunc, mattis ut consequat et, congue a dolor. Ut aliquam posuere libero, non molestie lorem egestas quis. Ut pulvinar justo nec ligula aliquet, at sagittis ex fermentum. Nullam sed metus in tortor rhoncus elementum quis in ligula. Vivamus bibendum leo ex, vitae laoreet elit vestibulum interdum.
  87. <br><br>
  88. In hac habitasse platea dictumst. Curabitur ullamcorper mollis nibh consectetur accumsan. Praesent non nunc magna. Cras aliquet pretium tortor at gravida. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris commodo tortor quis suscipit tristique. Vestibulum a faucibus lacus. Vivamus mollis libero quis erat commodo aliquet. Mauris luctus, magna ultricies viverra dictum, mi sapien efficitur ante, at semper libero velit vel justo. Fusce a leo nulla. Curabitur ultrices pretium nulla sed ultrices. Pellentesque vel euismod quam. Nulla mollis efficitur velit, quis dignissim elit cursus nec.
  89. <br><br>
  90. Donec congue leo id dolor sollicitudin, facilisis molestie eros facilisis. Vivamus gravida, urna in sodales accumsan, justo metus malesuada leo, eget euismod nulla nibh vitae magna. Morbi suscipit elementum imperdiet. Vestibulum eget purus commodo nibh lobortis consequat. Morbi iaculis feugiat libero, nec scelerisque ipsum rhoncus vitae. Integer neque dolor, dictum ac posuere ut, condimentum et dolor. Fusce id cursus lacus.
  91. <br><br>
  92. Morbi non neque vitae orci tincidunt porttitor. Vivamus consectetur urna sed lacus fermentum sagittis. Integer faucibus, arcu eget accumsan interdum, nulla tortor euismod augue, in eleifend metus arcu eget ipsum. Quisque at quam justo. Morbi imperdiet libero magna. Fusce cursus erat sed vulputate condimentum. Pellentesque commodo a libero id venenatis. Aliquam dolor nibh, semper non nulla id, lobortis venenatis dui. Ut fringilla placerat nibh, sit amet vestibulum nisi molestie eget. Vivamus aliquet vulputate elementum. Phasellus nibh nunc, commodo ac elit quis, congue convallis lectus. Quisque sodales sapien nulla.
  93. <br><br>
  94. Fusce eget odio vel purus tincidunt viverra. Mauris lacinia, nulla in dapibus cursus, turpis mauris euismod ex, non tempor neque urna a arcu. Cras a bibendum odio. Morbi feugiat vel diam quis faucibus. Morbi aliquet egestas ipsum sed lobortis. Aenean nec iaculis magna. Aliquam ornare pretium orci, non dignissim neque convallis dignissim. Sed eu ultricies odio, eu sollicitudin tortor. Maecenas in consectetur tortor. Praesent ultricies finibus mi, in pharetra ligula. Duis et arcu ac est pharetra lobortis. Phasellus mattis ante ut malesuada dapibus. Nulla sit amet fringilla sapien. Proin nec libero purus. Morbi iaculis metus interdum, vestibulum est vel, convallis nisi.
  95. </div>
  96. <img src="https://i.imgur.com/NUU6zLD.png" style="display: inline-block; width: 243px; vertical-align: top; margin-top: 5px;">
  97.  
  98. </div>
  99. </body>
  100. </html>
  101.  
  102.  
Add Comment
Please, Sign In to add comment