API tools faq
paste
Advertisement
interludethenshivers

Theme 10, Navigation page

interludethenshivers
Jun 25th, 2013
6,435
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.95 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!--THEME BY http://interlude-then-shivers.tumblr.com/-->
  5.  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8. <head><title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10.  
  11. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  12.  
  13. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  14.  
  15. <style>
  16. div#qTip {
  17. padding: 3px;
  18. display: none;
  19. text-align: center;
  20. position: absolute;
  21. font-style:normal;
  22. margin-top:5px;
  23. margin-left:12px;
  24. font-size:8px;
  25. line-height:9px;
  26. font-family:cambria;
  27. z-index:99999999999999999999999999;
  28. background-color:#fff;
  29. color:#9b9b9b;
  30. text-transform:uppercase;
  31. letter-spacing: 1px;
  32. }
  33. </style>
  34.  
  35. <style type="text/css">
  36. /*THEME BY http://interlude-then-shivers.tumblr.com/*/
  37.  
  38. @font-face { font-family: "Title"; src: url('http://static.tumblr.com/kvpds3v/O8pmoxjg3/halohandletter.ttf'); }
  39.  
  40. @font-face { font-family: "Tle"; src: url('http://static.tumblr.com/kvpds3v/2fJmns2fq/abrahamlincoln.ttf'); }
  41.  
  42. #content {
  43. margin-left:320px;}
  44.  
  45. ul#nav {
  46. width: 1500px;
  47. margin: 0 auto;
  48. text-align: center !important;
  49. overflow: hidden;
  50. }
  51.  
  52. ul#nav li {
  53. padding:10px;
  54. float: left;
  55. list-style: none;
  56. align:center;
  57. }
  58.  
  59. ul#nav li a{
  60. display: block;
  61. width: 134px;
  62. height: 77px;
  63. padding: 20px 0 0 0;
  64. margin-right: 4px;
  65. margin-left: 4px;
  66. font: 16px 'Audiowide';
  67. text-transform: uppercase;
  68. color:#bebebe;
  69. text-decoration: none;
  70. background: url('http://static.tumblr.com/kvpds3v/TcZmoxgc0/base3.png') 0 -149px no-repeat;
  71. -webkit-transition: all 0.9s ease-out;
  72. -moz-transition: all 0.9s ease-out;
  73. }
  74.  
  75. ul#nav li a:hover {
  76. background: url('http://static.tumblr.com/kvpds3v/TcZmoxgc0/base3.png') 0 0 no-repeat;
  77. color: #eee;
  78. -webkit-transition: all 0.9s ease-out;
  79. -moz-transition: all 0.9s ease-out;
  80. }
  81.  
  82. ul#nav li a.js:hover {
  83. background: url('http://static.tumblr.com/kvpds3v/TcZmoxgc0/base3.png') 0 -149px no-repeat;
  84. -webkit-transition: all 0.9s ease-out;
  85. -moz-transition: all 0.9s ease-out;
  86. }
  87.  
  88. /*THEME BY http://interlude-then-shivers.tumblr.com/*/
  89.  
  90. #links {
  91. position:fixed;
  92. margin-top:106px;
  93. margin-left:277px;
  94. text-transform:uppercase;
  95. font-size:10px;
  96. font-family:times;
  97. letter-spacing:1px;
  98. }
  99.  
  100. #links a {
  101. text-decoration:none;
  102. padding:2px;
  103. color:#b8b8b8;
  104. -webkit-transition: all 0.5s ease-in-out;
  105. -moz-transition: all 0.5s ease-in-out;
  106. -o-transition: all 0.5s ease-in-out;
  107. -ms-transition: all 0.5s ease-in-out;
  108. transition: all 0.5s ease-in-out;
  109. }
  110.  
  111. #links a:hover {
  112. color:#ddd;
  113. }
  114.  
  115. #navigation{
  116. -webkit-text-stroke-width: 1px;
  117. -webkit-text-stroke-color: #fff;
  118. font-weight:bold;
  119. letter-spacing:1px;
  120. text-transform:uppercase;
  121. position:fixed;
  122. margin-top:35px;
  123. margin-left:150px;
  124. font-family:tle;
  125. font-size:70px;
  126. color:#bebebe;
  127. text-shadow:-2px 0px #bebebe;
  128. }
  129.  
  130. #list a {
  131. text-decoration:none;
  132. display:block;
  133. text-transform:lowercase;
  134. width:200px;
  135. font-size:9px;
  136. letter-spacing:2px;
  137. padding:2px;
  138. margin-top:2px;
  139. margin-bottom:2px;
  140. position:justify;
  141. color:#9b9b9b;
  142. -webkit-transition: all 0.5s ease-out;
  143. -moz-transition: all 0.5s ease-out;
  144. transition: all 0.5s ease-out;
  145. }
  146.  
  147. #list a:hover {
  148. text-decoration:none;
  149. display:block;
  150. text-transform:lowercase;
  151. color:#ddd;
  152. -webkit-transition: all 0.5s ease-out;
  153. -moz-transition: all 0.5s ease-out;
  154. transition: all 0.5s ease-out;
  155. }
  156.  
  157. #image img {
  158. position:fixed;
  159. margin-top:3px;
  160. margin-left:4px;
  161. opacity:0.6;
  162. z-index:10000000000000;
  163. width:360px;
  164. height:620px;
  165. }
  166. /*THEME BY http://interlude-then-shivers.tumblr.com/*/
  167. {CustomCSS}</style>
  168. <script type="text/javascript" src="http://static.tumblr.com/kvpds3v/RRQmns75k/gunsorhands.txt"></script>
  169.  
  170. </head>
  171.  
  172. <body>
  173. <!--IMAGE-->
  174. <div id="image">
  175. <img src="http://static.tumblr.com/kvpds3v/0wHmoz164/emmyiloveyou.jpg">
  176. </div>
  177. <!--END OF IMAGE-->
  178.  
  179. <div id="content">
  180.  
  181. <!--TITLE-->
  182. <div id="navigation">
  183. NAVIGATION
  184. </div>
  185. <!--END OF TITLE-->
  186.  
  187. <div id="links">
  188. <a href="http://interlude-then-shivers.tumblr.com/">©</a>
  189. <a href="/">BACK</a>
  190. <a href="/ask">ASK</a>
  191. <a href="http://www.tumblr.com/dashboard">DASH</a>
  192. </div>
  193.  
  194. <div style="
  195. top: 185px;
  196. height: 70px;
  197. width: 100%;
  198. z-index: 4;
  199. background: #f5f5f5;
  200. position: fixed;
  201. left: 0px;
  202. text-align: center;">
  203.  
  204. </div>
  205.  
  206. <div style="
  207. top: 175px;
  208. height: 70px;
  209. width: 100%;
  210. z-index:9999;
  211. position:fixed;
  212. text-align:center;">
  213.  
  214.  
  215. <ul id="nav">
  216. <center>
  217. <!-- MAIN TAG-->
  218. <li>
  219. <a href="/" title="see all {tag}"> {tag}
  220. <br>
  221. <img style="width:130px;" src="http://static.tumblr.com/kvpds3v/8L7moxgkz/38.png">
  222. </a>
  223. </li>
  224. <!--END OF MAIN TAG-->
  225.  
  226. <!-- MAIN TAG-->
  227. <li>
  228. <a href="/" title="see all {tag}"> {tag}
  229. <br>
  230. <img style="width:130px;" src="http://static.tumblr.com/kvpds3v/8L7moxgkz/38.png">
  231. </a>
  232. </li>
  233. <!--END OF MAIN TAG-->
  234.  
  235. <!-- MAIN TAG-->
  236. <li>
  237. <a href="/" title="see all {tag}"> {tag}
  238. <br>
  239. <img style="width:130px;" src="http://static.tumblr.com/kvpds3v/8L7moxgkz/38.png">
  240. </a>
  241. </li>
  242. <!--END OF MAIN TAG-->
  243.  
  244. <!-- MAIN TAG-->
  245. <li>
  246. <a href="/" title="see all {tag}"> {tag}
  247. <br>
  248. <img style="width:130px;" src="http://static.tumblr.com/kvpds3v/8L7moxgkz/38.png">
  249. </a>
  250. </li>
  251. <!--END OF MAIN TAG-->
  252.  
  253. <!-- MAIN TAG-->
  254. <li>
  255. <a href="/" title="see all {tag}"> {tag}
  256. <br>
  257. <img style="width:130px;" src="http://static.tumblr.com/kvpds3v/8L7moxgkz/38.png">
  258. </a>
  259. </li>
  260. <!--END OF MAIN TAG-->
  261.  
  262. <!-- MAIN TAG-->
  263. <li>
  264. <a href="/" title="see all {tag}"> {tag}
  265. <br>
  266. <img style="width:130px;" src="http://static.tumblr.com/kvpds3v/8L7moxgkz/38.png">
  267. </a>
  268. </li>
  269. <!--END OF MAIN TAG-->
  270.  
  271. </center>
  272. </ ul>
  273. </div>
  274.  
  275.  
  276. <!--LIST OF LINKS-->
  277. <div style="
  278. width:150px;
  279. padding:10px;
  280. text-align:center;
  281. display:inline-block;
  282. margin-left:0px;
  283. margin-top:270px;">
  284.  
  285. <div id="list">
  286. <a href="/">tags</a>
  287. <a href="/">tags</a>
  288. <a href="/">tags</a>
  289. <a href="/">tags</a>
  290. <a href="/">tags</a>
  291.  
  292. </div>
  293. </div>
  294. <!-- END OF LIST-->
  295.  
  296. <!--LIST OF LINKS-->
  297. <div style="
  298. width:145px;
  299. padding:10px;
  300. text-align:center;
  301. display:inline-block;
  302. margin-left:0px;
  303. margin-top:220px;">
  304.  
  305. <div id="list">
  306. <a href="/">tags</a>
  307. <a href="/">tags</a>
  308. <a href="/">tags</a>
  309. <a href="/">tags</a>
  310. <a href="/">tags</a>
  311. </div>
  312. </div>
  313. <!-- END OF LIST-->
  314.  
  315. <!--LIST OF LINKS-->
  316. <div style="
  317. width:145px;
  318. padding:10px;
  319. text-align:center;
  320. display:inline-block;
  321. margin-left:-5px;
  322. margin-top:220px;">
  323.  
  324. <div id="list">
  325. <a href="/">tags</a>
  326. <a href="/">tags</a>
  327. <a href="/">tags</a>
  328. <a href="/">tags</a>
  329. <a href="/">tags</a>
  330. </div>
  331. </div>
  332. <!-- END OF LIST-->
  333.  
  334. <!--LIST OF LINKS-->
  335. <div style="
  336. width:145px;
  337. padding:10px;
  338. text-align:center;
  339. display:inline-block;
  340. margin-left:-9px;
  341. margin-top:220px;">
  342.  
  343. <div id="list">
  344. <a href="/">tags</a>
  345. <a href="/">tags</a>
  346. <a href="/">tags</a>
  347. <a href="/">tags</a>
  348. <a href="/">tags</a>
  349. </div>
  350. </div>
  351. <!-- END OF LIST-->
  352.  
  353. <!--LIST OF LINKS-->
  354. <div style="
  355. width:145px;
  356. padding:10px;
  357. text-align:center;
  358. display:inline-block;
  359. margin-left:-9px;
  360. margin-top:220px;">
  361.  
  362. <div id="list">
  363. <a href="/">tags</a>
  364. <a href="/">tags</a>
  365. <a href="/">tags</a>
  366. <a href="/">tags</a>
  367. <a href="/">tags</a>
  368. </div>
  369. </div>
  370. <!-- END OF LIST-->
  371.  
  372. <!--LIST OF LINKS-->
  373. <div style="
  374. width:145px;
  375. padding:10px;
  376. text-align:center;
  377. display:inline-block;
  378. margin-left:-9px;
  379. margin-top:220px;">
  380.  
  381. <div id="list">
  382. <a href="/">tags</a>
  383. <a href="/">tags</a>
  384. <a href="/">tags</a>
  385. <a href="/">tags</a>
  386. <a href="/">tags</a>
  387. </div>
  388. </div>
  389. <!-- END OF LIST-->
  390. <!--http://interlude-then-shivers.tumblr.com/-->
  391. </div>
  392. </body>
  393. <!--http://interlude-then-shivers.tumblr.com/-->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!