stopsniall

ashtonirwns navi theme

Oct 13th, 2013
664
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.46 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.  
  4. by ashtonirwns
  5. please dont steal anything or ill cry
  6. and kill you
  7. but mainly cry so yea dont do it yo
  8. other than that enjoy the theme
  9.  
  10. -->
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <head><title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18.  
  19. <style type="text/css">
  20.  
  21. /* --- SCROLLBAR ---*/
  22.  
  23. ::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:{color:scrollbar};}
  24. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  25. ::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:12px;border:5px solid #fff;}
  26. ::-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;
  27. }
  28.  
  29. /* --- BODY ---*/
  30.  
  31. body {
  32. background:{color:background};
  33. margin:0px;
  34. color:{color:text};
  35. font-family:Calibri;
  36. font-size:9px;
  37. line-height:100%;
  38. }
  39.  
  40. a {
  41. text-decoration:none;
  42. outline:none;
  43. -moz-outline-style:none;
  44. color:{color:link};
  45. }
  46.  
  47. img {
  48. border:none;
  49. }
  50.  
  51. blockquote {
  52. padding-left:5px;
  53. border-left:2px solid;
  54. }
  55.  
  56. blockquote blockquote {
  57. padding-left:5px;
  58. border-left:2px solid;
  59. }
  60.  
  61. h1 {
  62. font-size:9px;
  63. text-transform:uppercase;
  64. }
  65.  
  66. a:hover {
  67. opacity:10;
  68. color:{color:hover};
  69. -webkit-transition: all 0.7s ease;
  70. -moz-transition: all 0.7s ease;
  71. -o-transition: all 0.7s ease
  72. }
  73.  
  74. /*---- FRAMES ----*/
  75. #frame1 {
  76. position:fixed;
  77. margin-top:200px;
  78. margin-left:100px;
  79. z-index:-1;
  80. -webkit-transform: rotate(270deg);
  81. -moz-transform: rotate(270deg);
  82. -o-transform: rotate(270deg);
  83. }
  84.  
  85. #frame1 img {
  86. width:450px;
  87. height:270px;
  88. }
  89.  
  90. #frame2 {
  91. position:fixed;
  92. margin-top:200px;
  93. margin-left:450px;
  94. z-index:-1;
  95. -webkit-transform: rotate(270deg);
  96. -moz-transform: rotate(270deg);
  97. -o-transform: rotate(270deg);
  98. }
  99.  
  100. #frame2 img {
  101. width:450px;
  102. height:270px;
  103. }
  104.  
  105. #frame3 {
  106. position:fixed;
  107. margin-top:200px;
  108. margin-left:800px;
  109. z-index:-1;
  110. -webkit-transform: rotate(270deg);
  111. -moz-transform: rotate(270deg);
  112. -o-transform: rotate(270deg);
  113. }
  114.  
  115. #frame3 img {
  116. width:450px;
  117. height:270px;
  118. }
  119.  
  120. /*---- FRAMES END ----*/
  121.  
  122. /*---- LACE STUFF ----*/
  123. #footer{
  124. background-image: url(http://i281.photobucket.com/albums/kk203/hiv0lt4g3/Pinky%20Sugar/lace/031-a.gif);
  125. background-repeat: repeat-x;
  126. position:fixed;
  127. bottom:0;
  128. left:0;
  129. width: 100%;
  130. }
  131.  
  132. #top {
  133. position:fixed;
  134. margin-top:0px;
  135. margin-left:-150px;
  136. width:2000px;
  137. height:57px;
  138. background-image:url(http://media.tumblr.com/tumblr_lszm11q3fW1ql1l0v.gif);
  139. z-index:1;
  140. }
  141. /*---- LACE STUFF ENDS ----*/
  142.  
  143. /*---- TITLES ----*/
  144.  
  145. @font-face {font-family: 'pixel'; src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff'); }
  146.  
  147. #title1 {
  148. width:280px;
  149. height:30px;
  150. font-family:pixel;
  151. text-align:center;
  152. margin-top:100px;
  153. margin-left:185px;
  154. text-transform:bold;
  155. position:fixed;
  156. padding-top:0px;
  157. background-color:;
  158. font-size: 30px;
  159. color:#FFC0CB;
  160. -webkit-transition: all 0.5s ease-out;
  161. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  162. }
  163.  
  164. #title2 {
  165. width:280px;
  166. height:30px;
  167. font-family:pixel;
  168. text-align:center;
  169. margin-top:100px;
  170. margin-left:535px;
  171. text-transform:bold;
  172. position:fixed;
  173. padding-top:0px;
  174. background-color:;
  175. font-size: 30px;
  176. color:#FFC0CB;
  177. -webkit-transition: all 0.5s ease-out;
  178. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  179. }
  180.  
  181. #title3 {
  182. width:280px;
  183. height:30px;
  184. font-family:pixel;
  185. text-align:center;
  186. margin-top:100px;
  187. margin-left:885px;
  188. text-transform:bold;
  189. position:fixed;
  190. padding-top:0px;
  191. background-color:;
  192. font-size: 30px;
  193. color:#FFC0CB;
  194. -webkit-transition: all 0.5s ease-out;
  195. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  196. }
  197. /*---- TITLES END ----*/
  198.  
  199. /*---- LINKS ----*/
  200. /* --- SIDEBAR LINKS ---*/
  201.  
  202.  
  203. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  204.  
  205. #links {
  206. width:140px;
  207. margin-top:170px;
  208. padding:4px;
  209. position:fixed;
  210. margin-left:250px;
  211. }
  212.  
  213.  
  214. #links a {
  215. font-family:silkscreen;
  216. display:block;
  217. color:#363636;
  218. font-size:15px;
  219. padding:6px;
  220. text-align:center;
  221. letter-spacing:1px;
  222. line-height:250%;
  223. text-transform:uppercase;
  224. margin-bottom:5px;
  225. background:#fff;
  226. opacity:.5;
  227. -webkit-transition: all 0.4s ease-in-out;
  228. -moz-transition: all 0.4s ease-in-out;
  229. -o-transition: all 0.4s ease-in-out;
  230. -ms-transition: all 0.4s ease-in-out;
  231. transition: all 0.4s ease-in-out;
  232. }
  233.  
  234. #links a:hover {
  235. background:#bbb8b8;
  236. color:#fff;
  237. opacity:1;
  238. }
  239.  
  240. #links2 {
  241. width:140px;
  242. margin-top:170px;
  243. padding:4px;
  244. position:fixed;
  245. margin-left:600px;
  246. }
  247.  
  248.  
  249. #links2 a {
  250. font-family:silkscreen;
  251. display:block;
  252. color:#363636;
  253. font-size:15px;
  254. padding:6px;
  255. text-align:center;
  256. letter-spacing:1px;
  257. line-height:250%;
  258. text-transform:uppercase;
  259. margin-bottom:5px;
  260. background:#fff;
  261. opacity:.5;
  262. -webkit-transition: all 0.4s ease-in-out;
  263. -moz-transition: all 0.4s ease-in-out;
  264. -o-transition: all 0.4s ease-in-out;
  265. -ms-transition: all 0.4s ease-in-out;
  266. transition: all 0.4s ease-in-out;
  267. }
  268.  
  269. #links2 a:hover {
  270. background:#bbb8b8;
  271. color:#fff;
  272. opacity:1;
  273. }
  274.  
  275. #links3 {
  276. width:140px;
  277. margin-top:170px;
  278. padding:4px;
  279. position:fixed;
  280. margin-left:950px;
  281. }
  282.  
  283.  
  284. #links3 a {
  285. font-family:silkscreen;
  286. display:block;
  287. color:#363636;
  288. font-size:15px;
  289. padding:6px;
  290. text-align:center;
  291. letter-spacing:1px;
  292. line-height:250%;
  293. text-transform:uppercase;
  294. margin-bottom:5px;
  295. background:#fff;
  296. opacity:.5;
  297. -webkit-transition: all 0.4s ease-in-out;
  298. -moz-transition: all 0.4s ease-in-out;
  299. -o-transition: all 0.4s ease-in-out;
  300. -ms-transition: all 0.4s ease-in-out;
  301. transition: all 0.4s ease-in-out;
  302. }
  303.  
  304. #links3 a:hover {
  305. background:#bbb8b8;
  306. color:#fff;
  307. opacity:1;
  308. }
  309. /*---- LINKS END ----*/
  310. {CustomCSS}</style></head><body>
  311.  
  312. <div id="frame1"><img src="http://media.tumblr.com/fe3d1d89431ad6360c9b36f7eda42fe7/tumblr_inline_muljt3w5AW1r37k2u.png"></div>
  313.  
  314. <div id="frame2"><img src="http://media.tumblr.com/80b7c0849c9cdf2f42a419d09628aa05/tumblr_inline_muljt6v6vp1r37k2u.png"></div>
  315.  
  316. <div id="frame3"><img src="http://media.tumblr.com/fe3d1d89431ad6360c9b36f7eda42fe7/tumblr_inline_muljt3w5AW1r37k2u.png"></div>
  317.  
  318. <div id="footer"><img src="http://i281.photobucket.com/albums/kk203/hiv0lt4g3/Pinky%20Sugar/lace/031-a.gif"></div>
  319.  
  320. <div id="top"></div>
  321.  
  322. <div id="title1">TITLE 1</div>
  323. <div id="title2">TITLE 2</div>
  324. <div id="title3">TITLE 3</div>
  325.  
  326. <div id="links">
  327. <a href="/tagged/">link 1</a>
  328.  
  329. <a href="/tagged/">link 2</a>
  330.  
  331. <a href="/tagged/">link 3</a>
  332.  
  333. <a href="/tagged/">link 4</a>
  334.  
  335. <a href="/tagged/">link 5</a>
  336.  
  337. <a href="/tagged/">link 6</a>
  338.  
  339. </div>
  340.  
  341. <div id="links2">
  342. <a href="/tagged/">link 1</a>
  343.  
  344. <a href="/tagged/">link 2</a>
  345.  
  346. <a href="/tagged/">link 3</a>
  347.  
  348. <a href="/tagged/">link 4</a>
  349.  
  350. <a href="/tagged/">link 5</a>
  351.  
  352. <a href="/tagged/">link 6</a>
  353.  
  354. </div>
  355.  
  356. <div id="links3">
  357. <a href="/tagged/">link 1</a>
  358.  
  359. <a href="/tagged/">link 2</a>
  360.  
  361. <a href="/tagged/">link 3</a>
  362.  
  363. <a href="/tagged/">link 4</a>
  364.  
  365. <a href="/tagged/">link 5</a>
  366.  
  367. <a href="/tagged/">link 6</a>
  368.  
  369. </div>
  370. <!---
  371. DONT REMOVE THE CREDIT OR I WILL FIND YOU
  372. AND EAT YOUR FAMILY IN FRONT OF YOU I S2G
  373. --->
  374.  
  375. <div style="position:fixed;bottom:0px; right:1px; 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>
  376.  
  377.  
  378. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment