API tools faq
paste
Advertisement
stopsniall

ashtonirwnstheme navi theme #2

stopsniall
Dec 22nd, 2013
2,210
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.46 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. theme by ashtonirwns
  6. please dont steal anything or ill cry
  7. and kill you
  8. but mainly cry so yea dont do it yo
  9. other than that enjoy the theme
  10. -->
  11.  
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head><title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19.  
  20. <meta name="color:Background" content="#ffffff"/>
  21. <meta name="color:Sidebar1" content="#ffffff"/>
  22. <meta name="color:Sidebar2" content="#ffffff"/>
  23. <meta name="color:Sidebar3" content="#ffffff"/>
  24. <meta name="color:Sidebar4" content="#ffffff"/>
  25. <meta name="color:Sidebar5" content="#ffffff"/>
  26. <meta name="color:Sidebar6" content="#ffffff"/>
  27. <meta name="color:Sidebar7" content="#ffffff"/>
  28. <meta name="color:Sidebar8" content="#ffffff"/>
  29. <meta name="color:Text" content="#a8a8a8"/>
  30. <meta name="color:Link" content="#000"/>
  31. <meta name="color:Hover" content="#f2f2f2"/>
  32. <meta name="color:Line" content="#f2f2f2"/>
  33. <meta name="color:Border" content="#e4e4e4"/>
  34. <meta name="image:sidebar1" content=""/>
  35. <meta name="image:sidebar2" content=""/>
  36. <meta name="image:sidebar3" content=""/>
  37. <meta name="image:sidebar4" content=""/>
  38. <meta name="image:sidebar5" content=""/>
  39. <meta name="image:sidebar6" content=""/>
  40. <meta name="image:sidebar7" content=""/>
  41. <meta name="image:sidebar8" content=""/>
  42. <meta name="image:bg" content=""/>
  43. <meta name="text:Link 1" content="/" />
  44. <meta name="text:Link 2" content="/" />
  45. <meta name="text:Link 3" content="/" />
  46. <meta name="text:Link 4" content="/" />
  47. <meta name="text:Link 5" content="/" />
  48. <meta name="text:Link 6" content="/" />
  49. <meta name="text:Link 7" content="/" />
  50. <meta name="text:Link 8" content="/" />
  51. <meta name="color:scrollbarbg" content="ffffff"/>
  52.  
  53.  
  54. <style type="text/css">
  55.  
  56. #FRAME1 {
  57. position:fixed;
  58. margin-top:10px;
  59. margin-left:490px;
  60. z-index:-1;
  61. }
  62.  
  63. #FRAME1 img {
  64. width:140px;
  65. height:160px;
  66. }
  67.  
  68. #FRAME2 {
  69. position:fixed;
  70. margin-top:70px;
  71. margin-left:650px;
  72. z-index:-1;
  73. }
  74.  
  75. #FRAME2 img {
  76. width:140px;
  77. height:160px;
  78. }
  79.  
  80. #FRAME3 {
  81. position:fixed;
  82. margin-top:10px;
  83. margin-left:810px;
  84. z-index:-1;
  85. }
  86.  
  87. #FRAME3 img {
  88. width:140px;
  89. height:160px;
  90. }
  91.  
  92. #FRAME4 {
  93. position:fixed;
  94. margin-top:180px;
  95. margin-left:390px;
  96. z-index:-1;
  97. }
  98.  
  99. #FRAME4 img {
  100. width:140px;
  101. height:160px;
  102. }
  103.  
  104. #FRAME5 {
  105. position:fixed;
  106. margin-top:180px;
  107. margin-left:900px;
  108. z-index:-1;
  109. }
  110.  
  111. #FRAME5 img {
  112. width:140px;
  113. height:160px;
  114. }
  115.  
  116. #FRAME6 {
  117. position:fixed;
  118. margin-top:350px;
  119. margin-left:500px;
  120. z-index:-1;
  121. }
  122.  
  123. #FRAME6 img {
  124. width:140px;
  125. height:160px;
  126. }
  127.  
  128. #FRAME7 {
  129. position:fixed;
  130. margin-top:350px;
  131. margin-left:800px;
  132. z-index:-1;
  133. }
  134.  
  135. #FRAME7 img {
  136. width:140px;
  137. height:160px;
  138. }
  139.  
  140. #FRAME8 {
  141. position:fixed;
  142. margin-top:450px;
  143. margin-left:650px;
  144. z-index:-1;
  145. }
  146.  
  147. #FRAME8 img {
  148. width:140px;
  149. height:160px;
  150. }
  151.  
  152. @font-face{font-family:Just Realize;src:url(http://static.tumblr.com/sghs9ih/2tFlu5il8/justrealize.ttf);}
  153.  
  154. /* --- SCROLLBAR ---*/
  155.  
  156. ::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:#d6d5d5;}
  157. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  158. ::-webkit-scrollbar {background-color:#d6d5d5;height:7px;width:12px;border:5px solid #fff;}
  159. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:#d6d5d5;display:block;height:8px;border-right:2px solid #fff;border-left:2px solid #fff;
  160. }
  161.  
  162.  
  163. /* --- BODY ---*/
  164.  
  165. body {
  166. background:{color:background};
  167. margin:0px;
  168. color:{color:text};
  169. font-family:Calibri;
  170. font-size:9px;
  171. line-height:100%;
  172. }
  173.  
  174. a {
  175. text-decoration:none;
  176. outline:none;
  177. -moz-outline-style:none;
  178. color:#000;
  179. }
  180.  
  181. img {
  182. border:none;
  183. }
  184.  
  185. blockquote {
  186. padding-left:5px;
  187. border-left:2px solid;
  188. }
  189.  
  190. blockquote blockquote {
  191. padding-left:5px;
  192. border-left:2px solid;
  193. }
  194.  
  195. h1 {
  196. font-size:9px;
  197. text-transform:uppercase;
  198. }
  199.  
  200. a:hover {
  201. color:{color:hover};
  202. -webkit-transition: all 0.7s ease;
  203. -moz-transition: all 0.7s ease;
  204. -o-transition: all 0.7s ease
  205. }
  206. @font-face {font-family:"Punkboy"; src:url('http://static.tumblr.com/9wzbixa/kMum26o0j/punkboy_tbs.ttf');}
  207.  
  208. #title1 {
  209. width:300px;
  210. height:60px;
  211. font-family:Punkboy;
  212. text-align:center;
  213. margin-top:240px;
  214. margin-left:580px;
  215. text-transform:;
  216. position:fixed;
  217. padding-top:50px;
  218. font-size: 50px;
  219. letter-spacing:0px;
  220. color:#000;
  221. -webkit-transition: all 0.5s ease-out;
  222. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  223. }
  224.  
  225.  
  226. /* --- SIDEBAR IMAGE ---*/
  227.  
  228.  
  229. #sidebar1 {
  230. width:100px;
  231. position:fixed;
  232. margin-left:495px;
  233. margin-top:18px;
  234. z-index:-999999999;
  235. background-color:{color:Sidebar};
  236. }
  237.  
  238. #sidebarimage1 img {
  239. width:130px;
  240. height:120px;
  241. border-color:#fff;
  242. background-color:{color:Sidebar};
  243. }
  244.  
  245. #sidebar2 {
  246. width:100px;
  247. position:fixed;
  248. margin-left:155px;
  249. margin-top:-70px;
  250. opacity:1;
  251. background-color:{color:Sidebar};
  252. }
  253.  
  254. #sidebarimage2 img {
  255. width:130px;
  256. height:120px;
  257. padding:6px;
  258. border-color:#fff;
  259. background-color:{color:Sidebar};
  260. }
  261.  
  262. #sidebar3 {
  263. width:100px;
  264. position:fixed;
  265. margin-left:170px;
  266. margin-top:-185px;
  267. opacity:1;
  268. background-color:{color:Sidebar};
  269. }
  270.  
  271. #sidebarimage3 img {
  272. width:130px;
  273. height:120px;
  274. border-color:#fff;
  275. background-color:{color:Sidebar};
  276. }
  277.  
  278. #sidebar4 {
  279. width:100px;
  280. position:fixed;
  281. margin-left:-420px;
  282. margin-top:50px;
  283. opacity:1;
  284. background-color:{color:Sidebar};
  285. }
  286.  
  287. #sidebarimage4 img {
  288. width:130px;
  289. height:120px;
  290. border-color:#fff;
  291. background-color:{color:Sidebar};
  292. }
  293.  
  294. #sidebar5 {
  295. width:100px;
  296. position:fixed;
  297. margin-left:510px;
  298. margin-top:-120px;
  299. opacity:1;
  300. background-color:{color:Sidebar};
  301. }
  302.  
  303. #sidebarimage5 img {
  304. width:130px;
  305. height:120px;
  306. border-color:#fff;
  307. background-color:{color:Sidebar};
  308. }
  309.  
  310. #sidebar6 {
  311. width:100px;
  312. position:fixed;
  313. margin-left:-410px;
  314. margin-top:50px;
  315. opacity:1;
  316. background-color:{color:Sidebar};
  317. }
  318.  
  319. #sidebarimage6 img {
  320. width:130px;
  321. height:120px;
  322. border-color:#fff;
  323. background-color:{color:Sidebar};
  324. }
  325.  
  326. #sidebar7 {
  327. width:100px;
  328. position:fixed;
  329. margin-left:305px;
  330. margin-top:-125px;
  331. opacity:1;
  332. background-color:{color:Sidebar};
  333. }
  334.  
  335. #sidebarimage7 img {
  336. width:130px;
  337. height:120px;
  338. border-color:#fff;
  339. background-color:{color:Sidebar};
  340. }
  341.  
  342. #sidebar8 {
  343. width:100px;
  344. position:fixed;
  345. margin-left:-150px;
  346. margin-top:-18px;
  347. opacity:1;
  348. background-color:{color:Sidebar};
  349. }
  350.  
  351. #sidebarimage8 img {
  352. width:130px;
  353. height:120px;
  354. border-color:#fff;
  355. background-color:{color:Sidebar};
  356. }
  357.  
  358. /* --- SIDEBAR LINKS ---*/
  359.  
  360. @font-face{font-family:Indie Star;src:url(http://static.tumblr.com/9wzbixa/EOUmj2m9n/indiestarbb_reg.otf);}
  361.  
  362. #link1 {
  363. position:fixed;
  364. margin-top:150px;
  365. margin-left:520px;
  366. font-family:Indie Star;
  367. font-size:30px;
  368. height:50px;
  369. width:125px;
  370. }
  371. #link1 a:hover {
  372. opacity:.5;
  373. webkit-transition: all .5s ease-in-out;
  374. -moz-transition: all .5s ease-in-out;
  375. -o-transition: all .5s ease-in-out;
  376. }
  377.  
  378. #link2 {
  379. position:fixed;
  380. margin-top:210px;
  381. margin-left:685px;
  382. font-family:Indie Star;
  383. font-size:30px;
  384. height:50px;
  385. width:125px;
  386. }
  387. #link2 a:hover {
  388. opacity:.5;
  389. webkit-transition: all .5s ease-in-out;
  390. -moz-transition: all .5s ease-in-out;
  391. -o-transition: all .5s ease-in-out;
  392. }
  393.  
  394. #link3 {
  395. position:fixed;
  396. margin-top:150px;
  397. margin-left:840px;
  398. font-family:Indie Star;
  399. font-size:30px;
  400. height:50px;
  401. width:125px;
  402. }
  403. #link3 a:hover {
  404. opacity:.5;
  405. webkit-transition: all .5s ease-in-out;
  406. -moz-transition: all .5s ease-in-out;
  407. -o-transition: all .5s ease-in-out;
  408. }
  409.  
  410. #link4 {
  411. position:fixed;
  412. margin-top:320px;
  413. margin-left:420px;
  414. font-family:Indie Star;
  415. font-size:30px;
  416. height:50px;
  417. width:125px;
  418. }
  419. #link4 a:hover {
  420. opacity:.5;
  421. webkit-transition: all .5s ease-in-out;
  422. -moz-transition: all .5s ease-in-out;
  423. -o-transition: all .5s ease-in-out;
  424. }
  425.  
  426. #link5 {
  427. position:fixed;
  428. margin-top:320px;
  429. margin-left:930px;
  430. font-family:Indie Star;
  431. font-size:30px;
  432. height:50px;
  433. width:125px;
  434. }
  435. #link5 a:hover {
  436. opacity:.5;
  437. webkit-transition: all .5s ease-in-out;
  438. -moz-transition: all .5s ease-in-out;
  439. -o-transition: all .5s ease-in-out;
  440. }
  441.  
  442. #link6 {
  443. position:fixed;
  444. margin-top:490px;
  445. margin-left:537px;
  446. font-family:Indie Star;
  447. font-size:30px;
  448. height:50px;
  449. width:125px;
  450. }
  451. #link6 a:hover {
  452. opacity:.5;
  453. webkit-transition: all .5s ease-in-out;
  454. -moz-transition: all .5s ease-in-out;
  455. -o-transition: all .5s ease-in-out;
  456. }
  457.  
  458. #link7 {
  459. position:fixed;
  460. margin-top:490px;
  461. margin-left:830px;
  462. font-family:Indie Star;
  463. font-size:30px;
  464. height:50px;
  465. width:125px;
  466. }
  467. #link6 a:hover {
  468. opacity:.5;
  469. webkit-transition: all .5s ease-in-out;
  470. -moz-transition: all .5s ease-in-out;
  471. -o-transition: all .5s ease-in-out;
  472. }
  473.  
  474. #link8 {
  475. position:fixed;
  476. margin-top:590px;
  477. margin-left:680px;
  478. font-family:Indie Star;
  479. font-size:30px;
  480. height:50px;
  481. width:125px;
  482. }
  483. #link6 a:hover {
  484. opacity:.5;
  485. webkit-transition: all .5s ease-in-out;
  486. -moz-transition: all .5s ease-in-out;
  487. -o-transition: all .5s ease-in-out;
  488. }
  489.  
  490.  
  491. {CustomCSS}</style></head><body>
  492.  
  493. <div id="title1">NAVIGATION</div>
  494.  
  495. <div id="link1">
  496. <a title="{Text:Link 1 Text}"href="{Text:Link 1}">LINK 1</div>
  497. <div id="link2">
  498. <a title="{Text:Link 2 Text}"href="{Text:Link 2}">LINK 2</div>
  499. <div id="link3">
  500. <a title="{Text:Link 3 Text}"href="{Text:Link 3}">LINK 3</div>
  501. <div id="link4">
  502. <a title="{Text:Link 4 Text}"href="{Text:Link 4}">LINK 4</div>
  503. <div id="link5">
  504. <a title="{Text:Link 5 Text}"href="{Text:Link 5}">LINK 5</div>
  505. <div id="link6">
  506. <a title="{Text:Link 6 Text}"href="{Text:Link 6}">LINK 6</div>
  507. <div id="link7">
  508. <a title="{Text:Link 7 Text}"href="{Text:Link 7}">LINK 7</div>
  509. <div id="link8">
  510. <a title="{Text:Link 8 Text}"href="{Text:Link 8}">LINK 8</div>
  511.  
  512. <div id="FRAME1"><img src="https://31.media.tumblr.com/fb6def9248841c629c9971d747a05acd/tumblr_inline_mxwr5d7mOv1r37k2u.png"></div>
  513. <div id="FRAME2"><img src="https://31.media.tumblr.com/fb6def9248841c629c9971d747a05acd/tumblr_inline_mxwr5d7mOv1r37k2u.png"></div>
  514. <div id="FRAME3"><img src="https://31.media.tumblr.com/fb6def9248841c629c9971d747a05acd/tumblr_inline_mxwr5d7mOv1r37k2u.png"></div>
  515. <div id="FRAME4"><img src="https://31.media.tumblr.com/fb6def9248841c629c9971d747a05acd/tumblr_inline_mxwr5d7mOv1r37k2u.png"></div>
  516. <div id="FRAME5"><img src="https://31.media.tumblr.com/fb6def9248841c629c9971d747a05acd/tumblr_inline_mxwr5d7mOv1r37k2u.png"></div>
  517. <div id="FRAME6"><img src="https://31.media.tumblr.com/fb6def9248841c629c9971d747a05acd/tumblr_inline_mxwr5d7mOv1r37k2u.png"></div>
  518. <div id="FRAME7"><img src="https://31.media.tumblr.com/fb6def9248841c629c9971d747a05acd/tumblr_inline_mxwr5d7mOv1r37k2u.png"></div>
  519. <div id="FRAME8"><img src="https://31.media.tumblr.com/fb6def9248841c629c9971d747a05acd/tumblr_inline_mxwr5d7mOv1r37k2u.png"></div>
  520.  
  521.  
  522. <div id="sidebar1">
  523. <div id="sidebarimage1"><img src="{image:sidebar1}"></div>
  524. <div id="sidebar2">
  525. <div id="sidebarimage2"><img src="{image:sidebar2}"></div>
  526. <div id="sidebar3">
  527. <div id="sidebarimage3"><img src="{image:sidebar3}"></div>
  528. <div id="sidebar4">
  529. <div id="sidebarimage4"><img src="{image:sidebar4}"></div>
  530. <div id="sidebar5">
  531. <div id="sidebarimage5"><img src="{image:sidebar5}"></div>
  532. <div id="sidebar6">
  533. <div id="sidebarimage6"><img src="{image:sidebar6}"></div>
  534. <div id="sidebar7">
  535. <div id="sidebarimage7"><img src="{image:sidebar7}"></div>
  536. <div id="sidebar8">
  537. <div id="sidebarimage8"><img src="{image:sidebar8}"></div>
  538.  
  539. <!--
  540. DONT REMOVE OR I WILL MURDER YOU
  541. -->
  542.  
  543.  
  544.  
  545. <div style="position:fixed;bottom:0px; right:-0px; font-size:5px; letter-spacing:1px; font-family:cambria;"><a href="http://stopsniall.tumblr.com/"><a href="http://ashtonirwns.tumblr.com/"><img src="http://media.tumblr.com/dbabbc0ec1f787537c0d5812b9f45fff/tumblr_inline_mpq2gzdswx1qz4rgp.png" /></a></center></div>
  546.  
  547.  
  548. </body></html>
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!