Advertisement
dylaenobriens

Navigation Base Code

Aug 14th, 2013
3,788
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.81 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- BASE CODE BY DYLAENOBRIENS -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10. <title>{Title}</title>
  11.  
  12. {block:Description}<meta name="description" content="{MetaDescription}"/>
  13. {/block:Description}
  14. <link rel="shortcut icon" href="{Favicon}" />
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  16.  
  17. <style type="text/css">
  18.  
  19.  
  20. /*--scrollbar--*/
  21.  
  22. ::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:{color:scrollbar};}
  23. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  24. ::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:12px;border:5px solid #fff;}
  25. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:{color:scrollbar};display:block;height:8px;border-right:2px solid #fff;border-left:2px solid #fff;
  26. }
  27. /*--body--*/
  28.  
  29.  
  30. body {
  31. font-style:none;
  32. background-color:{color:bg};
  33. font-family:calibri;
  34. color:{color:text};
  35. font-size:9px;
  36. }
  37.  
  38.  
  39. a {
  40. color:{color:link};
  41. text-decoration:none;
  42. -webkit-transition: all 0.5s ease-out;
  43. -moz-transition: all 0.5s ease-out;
  44. transition: all 0.5s ease-out;
  45. }
  46.  
  47. a:hover {
  48. color:{color:hover};
  49. text-decoration:none;
  50. -webkit-transition: all 0.8s ease-out;
  51. -moz-transition: all 0.8s ease-out;
  52. transition: all 0.8s ease-out;
  53. }
  54.  
  55. img {
  56. border:none;
  57. }
  58.  
  59. blockquote {
  60. padding-left:5px;
  61. border-left:2px solid {color:border};
  62. }
  63.  
  64. h1 {
  65. font-size:10px;
  66. }
  67.  
  68. /*--Cursor code--*/
  69.  
  70.  
  71. *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
  72.  
  73. /*everything*/
  74.  
  75. #everything {
  76. margin-left:250px;
  77. margin-top:100px;
  78. }
  79.  
  80. /*--title--*/
  81.  
  82. #title {
  83. font-family:'times new roman';
  84. font-size:80px;
  85. margin-top:-67px;
  86. margin-left:290px;
  87. color:#bbbaba
  88. }
  89.  
  90. /*--links--*/
  91.  
  92. #links {
  93. width:150px;
  94. font-family:'cambria';
  95. text-transform:uppercase;
  96. text-align:center;
  97. margin-top:20px;
  98. margin-left:334px;
  99. }
  100.  
  101. #links a {
  102. padding:3px;
  103. font-size:8px;
  104. color:#bbb8b8;
  105. -webkit-transition: all 0.4s ease-in-out;
  106. -moz-transition: all 0.4s ease-in-out;
  107. -o-transition: all 0.4s ease-in-out;
  108. -ms-transition: all 0.4s ease-in-out;
  109. transition: all 0.4s ease-in-out;
  110. }
  111.  
  112. #links a:hover {
  113. color:#fff;
  114. background-color:#bbb8b8;
  115. }
  116.  
  117.  
  118.  
  119. #grouptitle {
  120. padding:5px;
  121. text-align:center;
  122. font-style:italic;
  123. font-family:'times new roman';
  124. color:#bbbaba;
  125. font-size:17px;
  126. width:118px;
  127. margin-left:105px;
  128. margin-top:80px;
  129. border-left:1px solid #eaeaea;
  130. border-right:1px solid #eaeaea;
  131. border-top:1px solid #eaeaea;
  132. }
  133.  
  134.  
  135. #grouplinks {
  136. width:120px;
  137. margin-top:0px;
  138. padding:4px;
  139. margin-left:105px;
  140. border:1px solid #eaeaea;
  141. }
  142.  
  143.  
  144. #grouplinks a {
  145. font-family:'times new roman';
  146. display:block;
  147. color:#bbb8b8;
  148. font-size:10px;
  149. padding:6px;
  150. text-align:center;
  151. letter-spacing:1px;
  152. text-transform:uppercase;
  153. margin-bottom:5px;
  154. -webkit-transition: all 0.4s ease-in-out;
  155. -moz-transition: all 0.4s ease-in-out;
  156. -o-transition: all 0.4s ease-in-out;
  157. -ms-transition: all 0.4s ease-in-out;
  158. transition: all 0.4s ease-in-out;
  159. }
  160.  
  161. #grouplinks a:hover {
  162. background:#bbb8b8;
  163. color:#fff;
  164. }
  165.  
  166.  
  167.  
  168. {CustomCSS}
  169.  
  170. </style></head>
  171.  
  172.  
  173. <body>
  174.  
  175. <div id="everything">
  176.  
  177. <div id="title">TITLE</div>
  178.  
  179. <div id="links">
  180. <a href="/">HOME</a>
  181. <a href="/ask">ASK</a>
  182. <a href="http://barbarapalvin.stfuslut.com/">CREDIT</a>
  183. </div>
  184.  
  185. <table id="all" border="0" cellpadding="0" cellspacing="0">
  186.  
  187.  
  188. <td><div id="grouptitle"><big>Group One</div>
  189. <div id="grouplinks">
  190. <a href="/tagged/">link 1</a>
  191.  
  192. <a href="/tagged/">link 2</a>
  193.  
  194. <a href="/tagged/">link 3</a>
  195.  
  196. <a href="/tagged/">link 4</a>
  197.  
  198. <a href="/tagged/">link 5</a>
  199.  
  200. <a href="/tagged/">link 6</a>
  201.  
  202. </div></td>
  203.  
  204.  
  205. <td><div id="grouptitle"><big>Group One</div>
  206. <div id="grouplinks">
  207. <a href="/tagged/">link 1</a>
  208.  
  209. <a href="/tagged/">link 2</a>
  210.  
  211. <a href="/tagged/">link 3</a>
  212.  
  213. <a href="/tagged/">link 4</a>
  214.  
  215. <a href="/tagged/">link 5</a>
  216.  
  217. <a href="/tagged/">link 6</a>
  218.  
  219. </div></td>
  220.  
  221. <td><div id="grouptitle"><big>Group One</div>
  222. <div id="grouplinks">
  223. <a href="/tagged/">link 1</a>
  224.  
  225. <a href="/tagged/">link 2</a>
  226.  
  227. <a href="/tagged/">link 3</a>
  228.  
  229. <a href="/tagged/">link 4</a>
  230.  
  231. <a href="/tagged/">link 5</a>
  232.  
  233. <a href="/tagged/">link 6</a>
  234.  
  235. </div></td>
  236.  
  237. <tr>
  238.  
  239. <td><div id="grouptitle"><big>Group One</div>
  240. <div id="grouplinks">
  241. <a href="/tagged/">link 1</a>
  242.  
  243. <a href="/tagged/">link 2</a>
  244.  
  245. <a href="/tagged/">link 3</a>
  246.  
  247. <a href="/tagged/">link 4</a>
  248.  
  249. <a href="/tagged/">link 5</a>
  250.  
  251. <a href="/tagged/">link 6</a>
  252.  
  253. </div></td>
  254.  
  255. <td><div id="grouptitle"><big>Group One</div>
  256. <div id="grouplinks">
  257. <a href="/tagged/">link 1</a>
  258.  
  259. <a href="/tagged/">link 2</a>
  260.  
  261. <a href="/tagged/">link 3</a>
  262.  
  263. <a href="/tagged/">link 4</a>
  264.  
  265. <a href="/tagged/">link 5</a>
  266.  
  267. <a href="/tagged/">link 6</a>
  268.  
  269. </div></td>
  270.  
  271. <td><div id="grouptitle"><big>Group One</div>
  272. <div id="grouplinks">
  273. <a href="/tagged/">link 1</a>
  274.  
  275. <a href="/tagged/">link 2</a>
  276.  
  277. <a href="/tagged/">link 3</a>
  278.  
  279. <a href="/tagged/">link 4</a>
  280.  
  281. <a href="/tagged/">link 5</a>
  282.  
  283. <a href="/tagged/">link 6</a>
  284.  
  285. </div></td>
  286.  
  287.  
  288. </table>
  289.  
  290. </div>
  291. </body>
  292. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement