Guest User

Untitled

a guest
Jan 22nd, 2018
71
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.56 KB | None | 0 0
  1. <!DOCTYPE HTML>
  2. <html lang="en" dir="ltr">
  3. <body bgcolor="#d92c2c">
  4. <head>
  5. <title>Navbar</title>
  6. <style type="text/css">
  7. #pokeparadise-navbar li li {
  8. float: none;
  9. border-bottom: 1px solid #ccc;
  10. }
  11.  
  12. #pokeparadise-navbar li li a {
  13. border: 0;
  14. border-left: 1px solid #ccc;
  15. border-right: 1px solid #ccc;
  16. }
  17. #pokeparadise-navbar {
  18. position: absolute;
  19. top: 0;
  20. left: 0;
  21. width: 100%;
  22. border-bottom: 2px solid #ccc;
  23. background: #f9f9f9;
  24. }
  25.  
  26. #pokeparadise-navbar ul {
  27. list-style: none;
  28. margin: 0;
  29. padding: .3em;
  30. }
  31.  
  32. #pokeparadise-navbar li {
  33. float: left;
  34. margin-right: 5px;
  35. }
  36.  
  37. #pokeparadise-navbar li a {
  38. display:block;
  39. background-color:#f9f9f9;
  40. border: 1px solid #f9f9f9;
  41. padding: .5em;
  42. }
  43.  
  44. #pokeparadise-navbar li a:hover {
  45. background-color: #333;
  46. color: #fff;
  47. text-decoration: none;
  48. }
  49.  
  50. #pokeparadise-navbar li ul {
  51. display: none;
  52. position: absolute;
  53. padding: 0;
  54. list-style-type: none;
  55. }
  56.  
  57. #pokeparadise-navbar li:hover > ul {
  58. display: block;
  59. }
  60.  
  61. #pokeparadise-navbar li li {
  62. float: none;
  63. border-bottom: 1px solid #ccc
  64. }
  65.  
  66. #pokeparadise-navbar li li a {
  67. border: 0;
  68. border-left: 1px solid #ccc;
  69. border-right: 1px solid #ccc;
  70. }
  71.  
  72. #hidenavbar {
  73. border: 2px solid #ccc;
  74. background: #f9f9f9;
  75. width: 85px;
  76. margin-top: 18px;
  77. }
  78.  
  79. #hidenavbar a:hover {
  80. background-color: #333;
  81. color: #fff;
  82. }
  83.  
  84. #pokeparadisemainbar {
  85. border: 2px solid #ccc;
  86. background: #f9f9f9;
  87. margin-top: 1px;
  88. padding-left: 8px;
  89. font-family: arial;
  90. float: right;
  91. width: 1100px;
  92. }
  93.  
  94. #news {
  95. margin: -5px;
  96. background: #eee;
  97. padding: 7px;
  98. border-bottom: 2px solid #d4d4d4;
  99. font-size: 14px;
  100. }
  101.  
  102. #news a {
  103. color: #787878;
  104. text-decoration: none;
  105. }
  106.  
  107. #time {
  108. float: right;
  109. padding-right: 8px;
  110. }
  111.  
  112. </style>
  113. <script type="text/javascript">
  114. function toggle()
  115. {
  116. var element = document.getElementById('pokeparadise-navbar');
  117. var link = document.getElementById('expandlink');
  118. if (element.style.display=="none")
  119. {
  120. element.style.display="block";
  121. link.innerHTML="Hide Navbar";
  122. }
  123. else
  124. {
  125. element.style.display="none";
  126. link.innerHTML="Show Navbar";
  127. }
  128. }
  129. </script>
  130.  
  131. <body>
  132. <div id="pokeparadise-navbar">
  133. <ul>
  134. <li>
  135. <a href="/">Home</a>
  136. </li>
  137. <li>
  138. <a href="/profile">Profile</a>
  139. <ul>
  140. <li>
  141. <a href="/profile/edit" class="first">Edit</a>
  142. </li>
  143. <li>
  144. <a href="/profile/view">View</a>
  145. </li>
  146. </ul>
  147. </li>
  148. <li>
  149. <a href="/inbox">Inbox</a>
  150. </li>
  151. <li>
  152. <a href="/adopt">Adopt</a>
  153. </li>
  154. <li>
  155. <a href="/shops">Shops</a>
  156. <ul>
  157. <li>
  158. <a href="/shops/1">Buy</a>
  159. </li>
  160. <li>
  161. <a href="/shops/2">Sell</a>
  162. </li>
  163. </ul>
  164. </li>
  165. <li>
  166. <a href="/bank">Bank</a>
  167. </li>
  168. </ul>
  169.  
  170. <div id="time">
  171. <script type="text/javascript">
  172. var currentTime = new Date()
  173. var hours = currentTime.getHours()
  174. var minutes = currentTime.getMinutes()
  175. if (minutes < 10){
  176. minutes = "0" + minutes
  177. }
  178. document.write(hours + ":" + minutes + " ")
  179. if(hours > 11){
  180. document.write("PM")
  181. } else {
  182. document.write("AM")
  183. }
  184. </script>
  185. </div>
  186. </div>
  187. <br />
  188. <div id="hidenavbar"><a href="javascript:toggle();" id="expandlink">Hide Navbar</a></div>
  189.  
  190. <div id="sidebar">
  191.  
  192. </div>
  193.  
  194.  
  195. <div id="pokeparadisemainbar">
  196. <div class="news">News</div>
  197. <p> <b> Updates</b>
  198. <br/>Hello! I am Logan. I am the creator of PokeParadise and I based it off of poketech. My
  199.  
  200. adoption hero is Ryan; the creator of poketech. Just to let you know. This site is in no way affiliated
  201.  
  202. with Nintendo, Gamefreak, or any other pokemon ensuring company. PokeParadise.net is in no way
  203.  
  204. affiliated with Nintendo, GameFreak, etc. All Pokemon sprites were created by Nintendo,
  205.  
  206. GameFreak, etc.
  207. </div>
  208.  
  209. </head>
  210. </body>
  211. </html>
Add Comment
Please, Sign In to add comment