Advertisement
painted_dreams87

Thanksgiving Page

Oct 8th, 2019
103
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.65 KB | None | 0 0
  1. <style>
  2. table, .sf {
  3. display: none;
  4. }
  5. .page table {
  6. display: table;
  7. }
  8. body {
  9. background-image: url("http://i.imgur.com/Lwx1wNp.png");
  10. }
  11. #layout {
  12. width: 840px;
  13. height: 640px;
  14. margin: 0 auto;
  15. background-image: url("http://i.imgur.com/jGUeZMf.png");
  16. }
  17. #main {
  18. font: 9pt tahoma;
  19. color: #000000;
  20. top: 150px;
  21. left: 275px;
  22. width: 475px;
  23. height: 400px;
  24. overflow: hidden;
  25. }
  26. .page {
  27. height: 600px;
  28. overflow: auto;
  29. }
  30. #nav {
  31. top: 230px;
  32. left: 78px;
  33. width: 120px;
  34. height: 330px;
  35. overflow: hidden;
  36. text-align: center;
  37. }
  38. .table {
  39. display: inline;
  40. text-align: left;
  41. }
  42. td {
  43. padding: 5px;
  44. font: 8pt tahoma;
  45. color: #000000;
  46. }
  47. h1 {
  48. font: 14pt garamond;
  49. color: #8e3514;
  50. text-align: center;
  51. border-width: 1px;
  52. border-bottom-style: solid;
  53. border-color: #5c1b19;
  54. letter-spacing: 2px;
  55. line-height: 24px;
  56. }
  57. h2 {
  58. font: 10pt tahoma;
  59. color: #e3ca91;
  60. text-align: center;
  61. background-color: #8e3514;
  62. letter-spacing: 2px;
  63. line-height: 18px;
  64. }
  65. h2:hover {
  66. font: 10pt tahoma;
  67. color: #8e3514;
  68. text-align: center;
  69. background-color: #e3ca91;
  70. letter-spacing: 2px;
  71. line-height: 18px;
  72. }
  73. h3 {
  74. font: 10pt tahoma;
  75. color: #5c1b19;
  76. border-width: 1px;
  77. border-bottom-style: solid;
  78. border-color: #8e3514;
  79. letter-spacing: 2px;
  80. line-height: 18px;
  81. }
  82. b {
  83. color: #8e3514;
  84. font: 9pt tahoma;
  85. font-weight: bold;
  86. letter-spacing: 0.5px;
  87. line-height: 14px;
  88. }
  89. i {
  90. color: #8d7739;
  91. font: 9pt tahoma;
  92. font-style: italic;
  93. line-height: 14px;
  94. }
  95. a:link, a:visited, a:active {
  96. color: #8e3514;
  97. font: 10pt tahoma;
  98. letter-spacing: 0.5px;
  99. text-decoration: none;
  100. }
  101. a:hover {
  102. color: #8d7739;
  103. font: 10pt tahoma;
  104. letter-spacing: 0.5px;
  105. text-decoration: none;
  106. }
  107. </style><br><br><br><div id="layout" style="position: relative;">
  108.  
  109.  
  110. <div id="nav" style="position: absolute;">
  111. <a href="#home" class="nav"><h2>Home</h2></a>
  112. <a href="#link1" class="nav"><h2>Link 1</h2></a>
  113. <a href="#link2" class="nav"><h2>Link 2</h2></a>
  114. <a href="#link3" class="nav"><h2>Link 3</h2></a>
  115. <a href="#link4" class="nav"><h2>Link 4</h2></a>
  116. <a href="#link5" class="nav"><h2>Link 5</h2></a>
  117. </div>
  118.  
  119.  
  120. <div id="main" style="position: absolute;">
  121. <a name="home"></a>
  122. <div class="page">
  123. <h1>Header 1</h1>
  124. <h3>Header 3</h3>
  125.  
  126. <b>bold</b> <i>italic</i> <a href="/~link">link</a>
  127. </div>
  128.  
  129.  
  130. <a name="link1"></a>
  131. <div class="page">
  132. <h1>Header 1</h1>
  133. Page 2
  134. </div>
  135.  
  136.  
  137. <a name="link2"></a>
  138. <div class="page">
  139. <h1>Header 1</h1>
  140. Page 3
  141. </div>
  142.  
  143.  
  144. <a name="link3"></a>
  145. <div class="page">
  146. <h1>Header 1</h1>
  147. Page 4
  148. </div>
  149.  
  150.  
  151. <a name="link4"></a>
  152. <div class="page">
  153. <h1>Header 1</h1>
  154. Page 5
  155. </div>
  156.  
  157.  
  158.  
  159. </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement