API tools faq
paste
danceforyous

Navigation theme #5 (grey)

danceforyous
Sep 23rd, 2012
3,264
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.72 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!--
  3.  
  4. THEME BY DANCEFORYOUS.
  5. DO NOT STEAL OR I WILL RIP YOUR HEART OUT OF YOUR CHEST.
  6. NO REALLY, I WILL.
  7. REMEMBER I WORKED HARD ON THIS. THANK YOU.
  8.  
  9. -->
  10.  
  11. <head>
  12. <title>{Title}</title>
  13.  
  14. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <title>come on; skinny love</title>
  17. <style type="text/css">
  18.  
  19.  
  20. body {
  21. background-attachment: fixed;
  22. background-color: #F5F5F5;
  23. }
  24.  
  25.  
  26. .tag-header {
  27. height: 20px;
  28. width: 200px;
  29. margin-top: 9px;
  30. margin-right:-8px;
  31. text-transform: uppercase;
  32. font-weight:bold;
  33. letter-spacing: 0px;
  34. background-color: #FFFFFF;
  35. color:#000000;
  36. font-size: 14px;
  37. line-height: 19px;
  38. font-family: century gothic;
  39. text-align: center;
  40. }
  41.  
  42. .tags-list {
  43. font-family: courier new;
  44. font-size: 12px;
  45. letter-spacing: -1px;
  46. line-height: 110%;
  47. text-transform: lowercase;
  48. text-align: center;
  49. padding: 0px;
  50. color: #76596f;
  51. }
  52.  
  53. a {
  54. color: #76596f;
  55. text-decoration: none;
  56. }
  57.  
  58. #title {
  59. margin-top:20px;
  60. font-family:courier new;
  61. font-size:20px;
  62. text-align: center;
  63. color:#000000;
  64. line-height:200%;
  65. letter-spacing:7px;
  66. text-transform:uppercase;}
  67.  
  68. .other-linkz {
  69. font-family: Calibri;
  70. font-size: 12px;
  71. letter-spacing: 0px;
  72. line-height: 110%;
  73. text-transform: uppercase;
  74. text-align: center;
  75. padding: 0px;
  76. color: #5c5e5d;
  77. }
  78.  
  79. .box {
  80. width: 500px;
  81. height: 300px;
  82. margin: 40px auto auto auto;
  83. }
  84.  
  85. a:link, a:active, a:visited {
  86. text-decoration: none;
  87. color: #5c5e5d;
  88. -webkit-transition: all 0.3s linear;
  89. -moz-transition: all 0.3s linear;
  90. -o-transition: all 0.3s linear;
  91. }
  92.  
  93. a:hover {
  94. color:#000000;
  95. text-decoration: none;
  96. -webkit-transition: all 0.3s linear;
  97. -moz-transition: all 0.3s linear;
  98. -o-transition: all 0.3s linear;
  99. }
  100.  
  101. .navi {
  102. color: #dcdcdc;
  103. font-family: calibri;
  104. font-style: normal;
  105. font-weight: bold;
  106. font-size: 14px;
  107. letter-spacing: 1px;
  108. text-transform: uppercase;
  109. text-align: center;
  110. margin-top: -10px;
  111. margin-bottom: 5px;
  112. }
  113.  
  114. .credit:hover {filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; -webkit-transition:all 0.9s ease-out; -moz-transition:all 0.9s ease-out; transition:all 0.9s ease-out;}
  115.  
  116. .credit {font-family:calibri; font-size:9px; text-transform:uppercase; bottom:10px; right:10px;
  117. position:fixed;}
  118.  
  119. </style>
  120.  
  121. </head>
  122.  
  123. <body>
  124.  
  125. <div class="box">
  126. <div id="header"></div>
  127. <div id="title">Navigation</div> <Br><div class="Title">
  128.  
  129. <table>
  130. <tbody align="center">
  131. <tr>
  132.  
  133. <!-- FIRST COLUMN -->
  134.  
  135. <td valign="top" width="250px">
  136.  
  137. <!-- FIRST HEADER--!>
  138.  
  139. <div class="tag-header" align="center">INSERT HEADER NAME HERE</div>
  140.  
  141. <div class="tags-list">
  142. <br>
  143.  
  144. <!-- LINKS FOR FIRST COLUMN HERE HERE -->
  145.  
  146. <a href="http://">link1 name</a></br>
  147. <a href="http://">link2 name</a></br>
  148. <a href="http://">link3 name</a></br>
  149. <a href="http://">link4 name</a></br>
  150. <a href="http://">link5 name</a></br>
  151.  
  152. </div>
  153. </br>
  154. <!-- END OF FIRST COLUMN -->
  155.  
  156. <!-- SECOND COLUMN/SECOND HEADER HERE --!>
  157.  
  158. <div class="tag-header" align="center">INSERT HEADER NAME HERE</div>
  159.  
  160. <div class="tags-list">
  161. <br>
  162.  
  163. <!-- LINKS FOR SECOND COLUMN HERE --!>
  164.  
  165. <a href="http://">link1 name</a></br>
  166. <a href="http://">link2 name</a></br>
  167. <a href="http://">link3 name</a></br>
  168. <a href="http://">link4 name</a></br>
  169. <a href="http://">link5 name</a></br>
  170. </div>
  171. </div>
  172. </td>
  173. <!-- END OF SECOND COLUMN -->
  174.  
  175.  
  176. <!-- THIRD COLUMN -->
  177.  
  178.  
  179. <td valign="top" width="250px">
  180.  
  181. <!-- THIRD COLUMN HEADER --!>
  182.  
  183. <div class="tag-header" align="center">INSERT HEADER NAME HERE</div>
  184.  
  185. <div class="tags-list">
  186. <br>
  187.  
  188. <!-- LINKS FOR THIRD COLUMN --!>
  189.  
  190. <a href="http://">link1 name</a></br>
  191. <a href="http://">link2 name</a></br>
  192. <a href="http://">link3 name</a></br>
  193. <a href="http://">link4 name</a></br>
  194. <a href="http://">link5 name</a></br>
  195. </div>
  196. </br>
  197. <!-- END OF THIRD COLUMN -->
  198.  
  199. <!-- FOURTH COLUMN HEADER --!>
  200.  
  201. <div class="tag-header" align="center">INSERT HEADER NAME HERE</div>
  202.  
  203. <div class="tags-list">
  204. <br>
  205.  
  206. <!-- LINKS FOR FOURTH COLUMN -->
  207.  
  208. <a href="http://">link1 name</a></br>
  209. <a href="http://">link2 name</a></br>
  210. <a href="http://">link3 name</a></br>
  211. <a href="http://">link4 name</a></br>
  212. <a href="http://">link5 name</a></br>
  213. </div>
  214. </div>
  215. </td>
  216.  
  217. </tr>
  218. <!-- END FOURTH COLUMN -->
  219.  
  220.  
  221. <!-- OTHER LINKS (DO NOT REMOVE) -->
  222. </style>
  223. <div class="navi">
  224. <a href="/">home</a> •
  225. <a href="/ask">ask</a> •
  226. <a href="http://tumblr.com/dashboard">dash</a>
  227.  
  228.  
  229. </div>
  230.  
  231.  
  232. </table>
  233. </center>
  234.  
  235. </div>
  236. </div>
  237.  
  238. <!-- CREDIT -->
  239.  
  240. <div class="credit"> <a href="http://danceforyous.tumblr.com/">danceforyous</a></div>
  241.  
  242. </body>
  243. </html>
Advertisement
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!