API tools faq
paste
Advertisement
Guest User

clean version

a guest
Jun 30th, 2013
1,013
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.42 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. NAVIGATION THEME/LINKS PAGE BY DAVEFRAMCO/BILLIONDAYS - DAGGIE
  5.  
  6. if you take the credit away or you take the credit for it i will hunt you down ok
  7.  
  8. noW ENJOY
  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. a {
  22. text-decoration:none;
  23. outline:none;
  24. -moz-outline-style:none;
  25. color:{color:link};
  26. }
  27.  
  28.  
  29. a:hover{
  30. opacity:10;
  31. color:{color:hover};
  32. -webkit-transition: all 0.7s ease;
  33. -moz-transition: all 0.7s ease;
  34. -o-transition: all 0.7s ease
  35. }
  36.  
  37. #links1 {
  38. margin-top:220px;
  39. margin-left:21px;
  40. font-family:aldrich;
  41. font-size:11px;
  42. position:fixed;
  43. padding:10px;
  44. -webkit-transition: all 0.4s ease-in-out;
  45. -moz-transition: all 0.4s ease-in-out;
  46. -o-transition: all 0.4s ease-in-out;
  47. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  48. }
  49.  
  50. #links1 a{
  51. color:#fff;
  52. letter-spacing:1px;
  53. background-color:#000;
  54. text-align:center;
  55. padding:6px;
  56. display:block;
  57. width:110px;
  58. -webkit-transition: all 0.4s ease-in-out;
  59. -moz-transition: all 0.4s ease-in-out;
  60. -o-transition: all 0.4s ease-in-out;
  61. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  62. }
  63.  
  64. #links1 a:hover {
  65. color:#000;
  66.  
  67. background-color:#fff;
  68. -webkit-transition: all 0.4s ease-in-out;
  69. -moz-transition: all 0.4s ease-in-out;
  70. -o-transition: all 0.4s ease-in-out;
  71. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  72. }
  73.  
  74. #title1 {
  75. letter-spacing:3px;
  76. border-top:1px solid #fff;
  77. border-bottom:1px solid #fff;
  78. position:fixed;
  79. margin-top:322px;
  80. margin-left:-93px;
  81. color:#fff;
  82. text-align:right;
  83. width:202px;
  84. padding:5px;
  85. padding-right:9px;
  86. Background-color:black;
  87. font-family:'aldrich';
  88. -webkit-transform: rotate(270deg);
  89.  
  90. -moz-transform: rotate(90deg);
  91.  
  92. -o-transform: rotate(270deg);"
  93. -webkit-transition: all 0.4s ease-in-out;
  94. -moz-transition: all 0.4s ease-in-out;
  95. -o-transition: all 0.4s ease-in-out;
  96. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  97. }
  98.  
  99. #links2 {
  100. margin-top:220px;
  101. margin-left:175px;
  102. font-family:aldrich;
  103. font-size:11px;
  104. position:fixed;
  105. padding:10px;
  106. -webkit-transition: all 0.4s ease-in-out;
  107. -moz-transition: all 0.4s ease-in-out;
  108. -o-transition: all 0.4s ease-in-out;
  109. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  110. }
  111.  
  112. #links2 a{
  113. WIDTH:110PX;
  114. color:#fff;
  115. letter-spacing:1px;
  116. background-color:black;
  117. text-align:center;
  118. padding:6px;
  119. display:block;
  120. width:110px;
  121. -webkit-transition: all 0.4s ease-in-out;
  122. -moz-transition: all 0.4s ease-in-out;
  123. -o-transition: all 0.4s ease-in-out;
  124. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  125. }
  126.  
  127. #links2 a:hover {
  128. color:#000;
  129. background-color:#fff;
  130. -webkit-transition: all 0.4s ease-in-out;
  131. -moz-transition: all 0.4s ease-in-out;
  132. -o-transition: all 0.4s ease-in-out;
  133. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  134. }
  135.  
  136. #title2 {
  137. letter-spacing:3px;
  138. border-top:1px solid #fff;
  139. border-bottom:1px solid #fff;
  140. position:fixed;
  141. margin-top:322px;
  142. margin-left:61px;
  143. color:#fff;
  144. text-align:right;
  145. width:202px;
  146. padding:5px;
  147. padding-right:9px;
  148. Background-color:black;
  149. font-family:'aldrich';
  150. -webkit-transform: rotate(270deg);
  151.  
  152. -moz-transform: rotate(90deg);
  153.  
  154. -o-transform: rotate(270deg);"
  155. }
  156.  
  157. #links3 {
  158. WIDTH:122PX;
  159. margin-top:220px;
  160. margin-left:329px;
  161. font-family:aldrich;
  162. font-size:11px;
  163. position:fixed;
  164. padding:10px;
  165. -webkit-transition: all 0.4s ease-in-out;
  166. -moz-transition: all 0.4s ease-in-out;
  167. -o-transition: all 0.4s ease-in-out;
  168. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  169. }
  170.  
  171. #links3 a{
  172. color:#fff;
  173. letter-spacing:1px;
  174. background-color:#000;
  175. text-align:center;
  176. padding:6px;
  177. display:block;
  178. width:120px
  179. -webkit-transition: all 0.4s ease-in-out;
  180. -moz-transition: all 0.4s ease-in-out;
  181. -o-transition: all 0.4s ease-in-out;
  182. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  183. }
  184.  
  185. #links3 a:hover {
  186. color:#000;
  187. background-color:#fff;
  188. -webkit-transition: all 0.4s ease-in-out;
  189. -moz-transition: all 0.4s ease-in-out;
  190. -o-transition: all 0.4s ease-in-out;
  191. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  192. }
  193.  
  194. #title3 {
  195. letter-spacing:3px;
  196. border-top:1px solid #fff;
  197. border-bottom:1px solid #fff;
  198. position:fixed;
  199. margin-top:322px;
  200. margin-left:215px;
  201. color:#fff;
  202. text-align:right;
  203. width:202px;
  204. padding:5px;
  205. padding-right:9px;
  206. Background-color:black;
  207. font-family:'aldrich';
  208. -webkit-transform: rotate(270deg);
  209.  
  210. -moz-transform: rotate(90deg);
  211.  
  212. -o-transform: rotate(270deg);"
  213. }
  214.  
  215. #theme {
  216. margin-left:450px;
  217. margin-top:80px;
  218. }
  219.  
  220. #themetitle {
  221. text-transform:uppercase;
  222. text-align:center;
  223. letter-spacing:5px;
  224. padding:7px;
  225. color:#fff;
  226. width:447px;
  227. background-color:black;
  228. font-family:'aldrich';
  229. }
  230.  
  231. #mainlinks {
  232. text-transform:uppercase;
  233. margin-left:5px;
  234. color:#000;
  235. padding:5px;
  236. padding-left:5px;
  237. word-spacing:140px;
  238. font-family:'aldrich';
  239. -webkit-transition: all 0.4s ease-in-out;
  240. -moz-transition: all 0.4s ease-in-out;
  241. -o-transition: all 0.4s ease-in-out;
  242. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  243. }
  244.  
  245. #mainlinks a{
  246. color:#000;
  247. -webkit-transition: all 0.4s ease-in-out;
  248. -moz-transition: all 0.4s ease-in-out;
  249. -o-transition: all 0.4s ease-in-out;
  250. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  251. }
  252.  
  253. #mainlinks a:hover {
  254. -webkit-transition: all 0.4s ease-in-out;
  255. -moz-transition: all 0.4s ease-in-out;
  256. -o-transition: all 0.4s ease-in-out;
  257. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  258. }
  259.  
  260. {CustomCSS}</style></head><body>
  261.  
  262.  
  263. <div id="theme">
  264.  
  265. <!--
  266. TOP LINKS
  267. -->
  268.  
  269. <div id="mainlinks">
  270. <a href="/">Home</a>
  271. <a href="/">ask</a>
  272. <!--DO NOT CHANGE THIS LINK-->
  273. <a href="Http://daveframco.tumblr.com/">credit</a>
  274.  
  275. </div>
  276.  
  277. <!--
  278. END OF MAIN LINKS
  279. -->
  280.  
  281. <!--THEME TITLE
  282. -->
  283. <div id="themetitle">Navigation</div>
  284.  
  285. <!--
  286. HEADER
  287. -->
  288. <div style="z-index:100000000;position:absolute;"><img src="http://media.tumblr.com/806b2d9f6eb830c51092eddd267de888/tumblr_inline_mp289iLEyx1qz4rgp.png" alt="Pulpit rock" width="461" height="230"></div>
  289.  
  290. <!--
  291. TITLE 1
  292. -->
  293. <div id="title1">TITLE 1</div>
  294.  
  295. <!--
  296. LINKS SECTION #1
  297. -->
  298.  
  299. <div id="links1">
  300.  
  301. <a href="/">LINK 1</a>
  302. <a href="/">LINK 2</a>
  303. <a href="/">LINK 3</a>
  304. <a href="/">LINK 4</a>
  305. <a href="/">LINK 5</a>
  306. <a href="/">LINK 6</a>
  307. <a href="/">LINK 7</a>
  308. <a href="/">LINK 8</a>
  309.  
  310. </div>
  311.  
  312. <!--
  313. TITLE 2
  314. -->
  315.  
  316.  
  317. <div id="title2">TITLE 2</div>
  318.  
  319.  
  320. <!--
  321. LINKS SECTION #2
  322. -->
  323.  
  324. <div id="links2">
  325.  
  326. <a href="/">LINK 1</a>
  327. <a href="/">LINK 2</a>
  328. <a href="/">LINK 3</a>
  329. <a href="/">LINK 4</a>
  330. <a href="/">LINK 5</a>
  331. <a href="/">LINK 6</a>
  332. <a href="/">LINK 7</a>
  333. <a href="/">LINK 8</a>
  334.  
  335. </div>
  336.  
  337. <!--
  338. TITLE 3
  339. -->
  340.  
  341.  
  342. <div id="title3">TITLE 3</div>
  343.  
  344. <!--
  345. LINKS SECTION #3
  346. -->
  347.  
  348.  
  349. <div id="links3">
  350.  
  351. <a href="/">LINK 1</a>
  352. <a href="/">LINK 2</a>
  353. <a href="/">LINK 3</a>
  354. <a href="/">LINK 4</a>
  355. <a href="/">LINK 5</a>
  356. <a href="/">LINK 6</a>
  357. <a href="/">LINK 7</a>
  358. <a href="/">LINK 8</a>
  359.  
  360. </div>
  361.  
  362.  
  363. <!--
  364. DONT TOUCH
  365. -->
  366.  
  367.  
  368.  
  369. <link href='http://fonts.googleapis.com/css?family=Rouge+Script|Parisienne|Fascinate+Inline|Open+Sans+Condensed:300|Dancing+Script|Satisfy|Gruppo|Audiowide|Aldrich|Francois+One' rel='stylesheet' type='text/css'>
  370.  
  371. </div>
  372. </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!