API tools faq
paste
hatterthemes

Spiderman

hatterthemes
May 30th, 2012
554
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.01 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. <!-- Spiderman by hatterthemes -->
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5. <!-- DEFAULT VARIABLES -->
  6.  
  7. <meta name="color:Background" content="#fcfdfd" />
  8. <meta name="color:Sidebar" content="#f0eded" />
  9. <meta name="color:Entry" content="#f1f0f0" />
  10. <meta name="color:Title" content="#928f8f" />
  11. <meta name="color:Text" content="#013674" />
  12. <meta name="color:Link" content="#ce0303" />
  13. <meta name="color:Link Hover" content="#440000" />
  14.  
  15. <meta name="image:Sidebar Image" content="" />
  16.  
  17. <meta name="text:Link 1 Title" content="link 1 long title" />
  18. <meta name="text:Link 1 Short Title" content="link 1" />
  19. <meta name="text:Link 1 URL" content="http://" />
  20. <meta name="text:Link 2 Title" content="link 2 long title" />
  21. <meta name="text:Link 2 Short Title" content="link 2" />
  22. <meta name="text:Link 2 URL" content="http://" />
  23. <meta name="text:Link 3 Title" content="link 3 long title" />
  24. <meta name="text:Link 3 Short Title" content="link 3" />
  25. <meta name="text:Link 3 URL" content="http://" />
  26. <meta name="text:Link 4 Title" content="link 4 long title" />
  27. <meta name="text:Link 4 Short Title" content="link 4" />
  28. <meta name="text:Link 4 URL" content="http://" />
  29.  
  30. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  31. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  32. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  33. <link rel="shortcut icon" href="{Favicon}" />
  34. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  35. <style type="text/css">
  36.  
  37. @font-face {font-family: 'RosarioRegular';src: url('Rosario-Regular-webfont.eot');src: url('Rosario-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('Rosario-Regular-webfont.woff') format('woff'),url('Rosario-Regular-webfont.ttf') format('truetype'),url('Rosario-Regular-webfont.svg#RosarioRegular') format('svg');font-weight: normal;font-style: normal;}
  38.  
  39. @font-face {font-family: 'RosarioItalic';src: url('Rosario-Italic-webfont.eot');src: url('Rosario-Italic-webfont.eot?#iefix') format('embedded-opentype'),url('Rosario-Italic-webfont.woff') format('woff'),url('Rosario-Italic-webfont.ttf') format('truetype'),url('Rosario-Italic-webfont.svg#RosarioItalic') format('svg');font-weight: normal;font-style: normal;}
  40.  
  41. @font-face {font-family: 'RosarioBold';src: url('Rosario-Bold-webfont.eot');src: url('Rosario-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('Rosario-Bold-webfont.woff') format('woff'),url('Rosario-Bold-webfont.ttf') format('truetype'),url('Rosario-Bold-webfont.svg#RosarioBold') format('svg');font-weight: normal;font-style: normal;}
  42.  
  43. @font-face {font-family: 'RosarioBoldItalic';src: url('Rosario-BoldItalic-webfont.eot');src: url('Rosario-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),url('Rosario-BoldItalic-webfont.woff') format('woff'),url('Rosario-BoldItalic-webfont.ttf') format('truetype'),url('Rosario-BoldItalic-webfont.svg#RosarioBoldItalic') format('svg');font-weight: normal;font-style: normal;}
  44.  
  45. @font-face {font-family: 'KomikaDisplayKapsRegular';src: url('Komika_display_kaps-webfont.eot');src: url('Komika_display_kaps-webfont.eot?#iefix') format('embedded-opentype'),url('Komika_display_kaps-webfont.woff') format('woff'),url('Komika_display_kaps-webfont.ttf') format('truetype'),url('Komika_display_kaps-webfont.svg#KomikaDisplayKapsRegular') format('svg');font-weight: normal;font-style: normal;}
  46.  
  47. @font-face {font-family: 'KomikaDisplayKapsBold';src: url('Komika_display_kaps_bold-webfont.eot');src: url('Komika_display_kaps_bold-webfont.eot?#iefix') format('embedded-opentype'),url('Komika_display_kaps_bold-webfont.woff') format('woff'),url('Komika_display_kaps_bold-webfont.ttf') format('truetype'),url('Komika_display_kaps_bold-webfont.svg#KomikaDisplayKapsBold') format('svg');font-weight: normal;font-style: normal;}
  48.  
  49. body {
  50. background: {color:Background};
  51. color: {color:Text};
  52. font-family:Rosario;
  53. font-size:12px;
  54. }
  55.  
  56. iframe#tumblr_controls {
  57. top: 0% !important;
  58. right:0% !important;
  59. position: fixed !important;
  60. }
  61.  
  62. a {
  63. color:{color:Link};
  64. text-decoration:none;
  65. }
  66.  
  67. a:hover {
  68. color: {color:Link Hover};
  69. }
  70.  
  71. #wrapper {
  72. display:block;
  73. width:400px;
  74. height:400px;
  75. position:fixed;
  76. }
  77.  
  78. #web {
  79. display:block;
  80. width:290px;
  81. padding:5px;
  82. margin:80px 90px;
  83. background:{color:Sidebar};
  84. text-align:justify;
  85. position:absolute;
  86. opacity:0.15;
  87. -webkit-border-top-left-radius:100px;
  88. -moz-border-radius-topleft:100px;
  89. -o-border-top-left-radius:100px;
  90. border-top-left-radius:100px;
  91. -webkit-transition:all 0.3s ease-in-out;
  92. -moz-transition:all 0.3s ease-in-out;
  93. -o-transition:all 0.3s ease-in-out;
  94. transition:all 0.3s ease-in-out;
  95. }
  96.  
  97. #web:hover {opacity:1;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
  98. #web img {width:300px;z-index:-1;margin-top:-5px;margin-left:-5px;
  99. -webkit-border-top-left-radius:100px;
  100. -moz-border-radius-topleft:100px;
  101. -o-border-top-left-radius:100px;
  102. border-top-left-radius:100px;opacity:0.5;}
  103. #web:hover img {opacity:1;}
  104.  
  105. img.wrapper{
  106. height:80px;
  107. width:80px;
  108. -webkit-border-radius:500px;
  109. -moz-border-radius:500px;
  110. -o-border-radius:500px;
  111. border-radius:500px;
  112. margin-bottom:-80px;
  113. }
  114.  
  115. #spider {margin-left:80px;}
  116. #spider1 {margin-top:-66px;margin-left:160px;}
  117. #spider2 {margin-top:-66px;margin-left:240px;}
  118. #spider3 {margin-top:-66px;margin-left:320px;}
  119. #spider4,#spider5,#spider6,#spider7 {margin-top:14px;}
  120.  
  121. #spiderweb {
  122. display:block;
  123. height:400px;
  124. width:400px;
  125. margin-left:-370px;
  126. margin-top:10px;
  127. background:#trans;
  128. position:absolute;
  129. z-index:2;
  130. -webkit-transform:rotate(-13deg);
  131. -moz-transform:rotate(-13deg);
  132. -o-transform:rotate(-13deg);
  133. transform:rotate(-13deg);
  134. }
  135.  
  136. #spiderweb2 {
  137. display:block;
  138. height:400px;
  139. width:400px;
  140. margin-left:10px;
  141. margin-top:-370px;
  142. background:#trans;
  143. position:absolute;
  144. z-index:1;
  145. -webkit-transform:rotate(-73deg);
  146. -moz-transform:rotate(-73deg);
  147. -o-transform:rotate(-73deg);
  148. transform:rotate(-73deg);
  149. }
  150.  
  151. .spider,.spider1,.spider2,.spider3{display:block;text-align:right;width:400px;height:64px;margin-bottom:12px;border-bottom:2px ridge #efefef;-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-o-transition:all 2s ease-out;transition:all 2s ease-out;}
  152. .spider4,.spider5,.spider6,.spider7{display:block;text-align:left;width:400px;height:64px;margin-bottom:12px;border-bottom:2px groove #efefef;-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-o-transition:all 2s ease-out;transition:all 2s ease-out;}
  153. .spider {margin-top:64px;margin-left:20px;}
  154. .spider1 {margin-left:1px;}
  155. .spider2 {margin-left:-17px;}
  156. .spider3 {margin-left:-34px;}
  157. .spider4 {margin-top:15px;margin-left:-17px;}
  158. .spider5 {margin-top:-1px;margin-left:5px;}
  159. .spider6 {margin-top:-2px;margin-left:30px;}
  160. .spider7 {margin-top:-1px;margin-left:53px;}
  161. .spider10 {display:block;text-align:center;width:400px;height:64px;border-left:2px solid #ededed;opacity:0;}
  162.  
  163. #spiderweb:hover .spider {width:800px;-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-o-transition:all 2s ease-out;transition:all 2s ease-out;}
  164. #spiderweb:hover .spider1 {width:750px;-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-o-transition:all 2s ease-out;transition:all 2s ease-out;}
  165. #spiderweb:hover .spider2 {width:700px;-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-o-transition:all 2s ease-out;transition:all 2s ease-out;}
  166. #spiderweb:hover .spider3 {width:650px;-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-o-transition:all 2s ease-out;transition:all 2s ease-out;}
  167. #spiderweb2:hover .spider4 {width:800px;margin-left:-380px;}
  168. #spiderweb2:hover .spider5 {margin-left:-330px;}
  169. #spiderweb2:hover .spider6 {margin-left:-280px;}
  170. #spiderweb2:hover .spider7 {margin-left:-230px;}
  171.  
  172. .ball,.ball2 {
  173. height:60px;
  174. width:60px;
  175. overflow:wrap;
  176. -webkit-border-radius:500px;
  177. -moz-border-radius:500px;
  178. -o-border-radius:500px;
  179. border-radius:500px;
  180. text-align:center;
  181. border-top:3px ridge #efefef;
  182. border-left:3px ridge #efefef;
  183. border-right:3px groove #efefef;
  184. border-bottom:3px groove #efefef;
  185. }
  186.  
  187. .ball2 {margin-left:-35px;-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-o-transition:all 2s ease-out;transition:all 2s ease-out;-webkit-transform:rotate(55deg);-moz-transform:rotate(55deg);-o-transform:rotate(55deg);transform:rotate(55deg);}
  188. .ball {margin-left:365px;-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-o-transition:all 2s ease-out;transition:all 2s ease-out;}
  189.  
  190. #spiderweb:hover .spider .ball {opacity:0;margin-left:765px;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-o-transition:all 2s ease-out;transition:all 2s ease-out;color:{color:Background};}
  191. #spiderweb:hover .spider1 .ball {opacity:0;margin-left:715px;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-o-transition:all 2s ease-out;transition:all 2s ease-out;color:{color:Background};}
  192. #spiderweb:hover .spider2 .ball {opacity:0;margin-left:665px;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-o-transition:all 2s ease-out;transition:all 2s ease-out;color:{color:Background};}
  193. #spiderweb:hover .spider3 .ball {opacity:0;margin-left:615px;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-o-transition:all 2s ease-out;transition:all 2s ease-out;color:{color:Background};}
  194. #spiderweb2:hover .spider4 .ball2,#spiderweb2:hover .spider5 .ball2,#spiderweb2:hover .spider6 .ball2,#spiderweb2:hover .spider7 .ball2 {opacity:0;-webkit-transform:rotate(-270deg);-moz-transform:rotate(-270deg);-o-transform:rotate(-270deg);transform:rotate(-270deg);-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-o-transition:all 2s ease-out;transition:all 2s ease-out;color:{color:Background};}
  195.  
  196. .fly {margin-right:150px;background:{color:Background};padding:0 5px 5px 5px;}
  197. .fly2 {margin-left:230px;background:{color:Background};padding:0 5px 5px 5px;}
  198.  
  199. .title {width:300px;text-align:right;font-size:24px;font-style:italic;margin-bottom:-5px;margin-top:-30px;color:{color:Title};}
  200.  
  201. un {border-bottom:5px dotted {color:Link Hover};padding-bottom:0px;}
  202.  
  203. #swatter {
  204. width:515px;
  205. margin-top:-0px;
  206. margin-left:500px;
  207. }
  208.  
  209. .squish {
  210. background:{color:Entry};
  211. display:block;
  212. height:auto;
  213. padding:5px;
  214. padding-left:10px;
  215. padding-right:10px;
  216. margin-bottom:5px;
  217. -webkit-border-top-left-radius:20px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:20px;
  218. -moz-border-top-left-radius:20px;-moz-border-top-right-radius:5px;-moz-border-bottom-left-radius:5px;-moz-border-bottom-right-radius:20px;
  219. -o-border-top-left-radius:20px;-o-border-top-right-radius:5px;-o-border-bottom-left-radius:5px;-o-border-bottom-right-radius:20px;
  220. border-top-left-radius:20px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:20px;
  221. -webkit-transition:all 1s steps(7,start);-moz-transition:all 1s steps(7,start);-o-transition:all 1s steps(7,start);transition:all 1s steps(7,start);
  222. }
  223.  
  224. .squish:hover {
  225. -webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:20px;-webkit-border-bottom-left-radius:20px;-webkit-border-bottom-right-radius:5px;
  226. -moz-border-top-left-radius:5px;-moz-border-top-right-radius:20px;-moz-border-bottom-left-radius:20px;-moz-border-bottom-right-radius:5px;
  227. -o-border-top-left-radius:5px;-o-border-top-right-radius:20px;-o-border-bottom-left-radius:20px;-o-border-bottom-right-radius:5px;
  228. border-top-left-radius:5px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:5px;
  229. -webkit-transition:all 1s steps(3,end);-moz-transition:all 1s steps(3,end);-o-transition:all 1s steps(3,end);transition:all 1s steps(3,end);
  230. }
  231.  
  232. h1 {
  233. font-family:KomikaDisplayKaps;
  234. }
  235.  
  236. #quote {
  237. width:515px;
  238. height:auto;
  239. background:url('http://25.media.tumblr.com/tumblr_m4tan415q51r8az2no1_500.png') no-repeat;
  240. }
  241.  
  242. .quote {
  243. width:350px;
  244. padding-top:60px;
  245. padding-left:60px;
  246. text-align:center;
  247. color:{color:Title};
  248. text-shadow:2px 2px 4px #cdcdcd;
  249. }
  250.  
  251. .source {
  252. padding:5px;
  253. background:{color:Entry};
  254. margin-left:250px;
  255. width:200px;
  256. font-family:KomikaDisplayKaps;
  257. }
  258.  
  259. .posts {opacity:0.85;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-transition:all .3s steps(8,start);-moz-transition:all .3s steps(8,start);-o-transition:all .3s steps(8,start);transition:all .3s steps(8,start);-webkit-border-top-left-radius:100px;-moz-border-radius-topleft:100px;-o-border-top-left-radius:100px;border-top-left-radius:100px;}
  260. .posts:hover {opacity:1;-webkit-border-radius:0px;-moz-border-radius:0px;-o-border-radius:0px;border-radius:0px;-webkit-transition:all 0.5s steps(4,start);-moz-transition:all 0.5s steps(4,start);-o-transition:all 0.5s steps(4,start);transition:all 0.5s steps(4,start);}
  261.  
  262. .chat ol, .chat li {list-style:none; margin-left:10px; padding:2px; border-bottom:1px solid {color:Text};}
  263.  
  264. ul.chat {list-style:none; margin-left:10px; padding:2px;}
  265.  
  266. .label {font-family:KomikaDisplayKaps}
  267. .lines {font-family:KomikaDisplay}
  268. .user_1 {color:{color:Link};}
  269. .user_2 {color:{color:Link Hover};}
  270.  
  271. #questions {
  272. width:500px;
  273. min-height:350px;
  274. margin-top:-50px;
  275. font-family:KomikaDisplayKaps;
  276. color:{color:Title};
  277. text-shadow: 2px 2px 4px #cdcdcd;
  278. display:block;
  279. background:url('http://25.media.tumblr.com/tumblr_m4tbv1wn8g1r8az2no1_500.png') no-repeat center;
  280. border-bottom:2px solid {color:Header};
  281. }
  282.  
  283. .questions {
  284. display:block;
  285. font-size:12px;
  286. margin-left:25px;
  287. margin-top:-15px;
  288. width:auto;
  289. text-transform:lowercase;
  290. }
  291.  
  292. .q {
  293. font-family:KomikaDisplayKaps;
  294. width:300px;
  295. margin-left:95px;
  296. text-align:center;
  297. font-size:26px;
  298. padding-top:80px;
  299. padding:60px;
  300. vertical-align:center;
  301. }
  302.  
  303. .audio {width:500px!important;background-color:black;}
  304.  
  305. blockquote {
  306. margin-left:27px;
  307. border-left:2px groove {color:Link};
  308. padding-left:10px;
  309. }
  310.  
  311. .squish:hover #info,.squish:hover #infotab{opacity:0.8;}
  312.  
  313. #infotab{opacity:0.1;position:absolute; margin-left:510px;font-size:12px; text-transform:lowercase; color:{color:ReblogTab}; height:auto; width: 100px; padding:0px; margin-bottom:0px;display:block; margin-top:-15px;z-index:0;font-family:KomikaDisplayKaps;}
  314.  
  315. #infotab img {width:100px;margin-bottom:-100px;z-index:-1}
  316.  
  317. #info {opacity:0.4;text-align:center; padding:2px;-webkit-border-radius:500px;-moz-border-radius:500px;-o-border-radius:500px;border-radius:500px;}
  318.  
  319. #info a{text-transform:lowercase; font-style:italic;font-family:Rosario;}
  320. #info a:hover{color:{color:Link};}
  321.  
  322. .notes {
  323. display:block;
  324. background:{color:Accent};
  325. color:{color:Title};
  326. {block:PermalinkPage}
  327. text-align:left;
  328. font-size:12px;
  329. font-family:Rosario;
  330. {/block:PermalinkPage}
  331. {block:IndexPage}
  332. font-family:KomikaDisplayKaps;
  333. text-align:center;
  334. font-size:10px;
  335. {/block:IndexPage}
  336. text-transform:lowercase;
  337. list-style:none;
  338. }
  339.  
  340. {block:PermalinkPage}
  341. .notes img:hover {
  342. -webkit-transform:rotate(-10deg);
  343. -moz-transform:rotate(-10deg);
  344. -o-transform:rotate(-10deg);
  345. transform:rotate(-10deg);
  346. }
  347. {/block:PermalinkPage}
  348.  
  349. .notes a{
  350. {block:PermalinkPage}
  351. color:{color:Link Hover};
  352. {/block:PermalinkPage}
  353. {block:IndexPage}
  354. color:{color:Text};
  355. {/block:IndexPage}
  356. }
  357.  
  358. .notes a:hover{
  359. color:{color:Link}
  360. }
  361.  
  362.  
  363. .postsource {
  364. float:right;
  365. margin-top:-25px;
  366. color:{Accent};
  367. }
  368.  
  369. .postsource img {
  370. width:14px;
  371. height:14px;
  372. opacity:0.7;
  373. -webkit-transition: all 0.6s ease-in-out;
  374. -moz-transition: all 0.6s ease-in-out;
  375. -o-transition: all 0.6s ease-in-out;
  376. transition:all 0.6s ease-in-out;
  377. margin-top:10px;
  378. }
  379.  
  380. .postsource img:hover {
  381. opacity:1;
  382. -webkit-transition: all 0.6s ease-in-out;
  383. -moz-transition: all 0.6s ease-in-out;
  384. -o-transition: all 0.6s ease-in-out;
  385. transition:all 0.6s ease-in-out;
  386. }
  387.  
  388. #pagination {
  389. top:150px;
  390. right:0!important;
  391. display:block;
  392. text-align:center;
  393. margin:10px auto 5px 150px;
  394. width:100px;
  395. color: {color:Title};
  396. font-family:KomikaDisplayKaps;
  397. text-shadow: 2px 2px 4px #cdcdcd;
  398. }
  399.  
  400. #pagination a,#pagination a:hover {
  401. color:{color:Title};
  402. }
  403.  
  404. #theme {
  405. display:block;
  406. width:50px;
  407. height:50px;
  408. position:fixed;
  409. bottom:0px!important;
  410. left:0px;
  411. opacity:0.5;
  412. }
  413.  
  414. #theme:hover {
  415. opacity:1;
  416. }
  417.  
  418.  
  419. </style>
  420. </head>
  421.  
  422.  
  423. <body>
  424.  
  425. <div id="wrapper"><img class="wrapper" src="{PortraitURL-96}">
  426. <div id="web"><img src="{image:Sidebar Image}"><div class="title"><un>{Title}&nbsp;</un></div><br />{block:Description}{Description}{/block:Description}
  427.  
  428. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">PREV</a> &nbsp;{/block:PreviousPage}: :{block:NextPage}&nbsp;<a href="{NextPage}">NEXT</a>{/block:NextPage}</div>
  429.  
  430. </div>
  431. <div id="spiderweb">
  432. <div class="spider10"></div>
  433. <div class="spider"><div class="ball">{text:Link 1 Short Title}</div><a class="fly" href="{text:Link 1 URL}">{text:Link 1 Title}</a></div>
  434. <div class="spider1"><div class="ball">{text:Link 2 Short Title}</div><a class="fly" href="{text:Link 2 URL}">{text:Link 2 Title}</a></div>
  435. <div class="spider2"><div class="ball">{text:Link 3 Short Title}</div><a class="fly" href="{text:Link 3 URL}">{text:Link 3 Title}</a></div>
  436. <div class="spider3"><div class="ball">{text:Link 4 Short Title}</div><a class="fly" href="{text:Link 4 URL}">{text:Link 4 Title}</a></div>
  437. </div>
  438. <div id="spiderweb2">
  439. <div class="spider10"></div>
  440. <div class="spider10"></div>
  441. <div class="spider4"><div class="ball2">home</div><a class="fly2" href="/">home</a></div>
  442. <div class="spider5"><div class="ball2">ask</div><a class="fly2" href="/ask">ask</a></div>
  443. <div class="spider6"><div class="ball2">archive</div><a class="fly2" href="/archive">archive</a></div>
  444. <div class="spider7"><div class="ball2">follow</div><a class="fly2" href="http://www.tumblr.com/follow/{Name}">follow</a></div>
  445. </div>
  446. </div>
  447.  
  448. <div id="theme"><a href="http://hatterthemes.tumblr.com"><img src="http://24.media.tumblr.com/tumblr_m4ia8wX2h71r8az2no1_100.png"></a></div>
  449.  
  450. <div id="swatter">
  451. {block:Posts}
  452. <div class="squish">
  453.  
  454. {block:IndexPage}
  455. {block:HasTags}
  456. <div id="infotab"><img src="http://24.media.tumblr.com/tumblr_m4tdz1zTsI1r8az2no1_r1_500.png">
  457. <div id="info">
  458. <br><br>tags<br><br><br><br>
  459. {block:Tags}<a href="{TagURL}" target="_blank"># {Tag}</a><br>{/block:Tags}
  460. <br/><br/>
  461. {block:RebloggedFrom}
  462. via:&nbsp;&nbsp;<a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  463. source:&nbsp;&nbsp;<a href="{ReblogRootURL}">{ReblogRootName}</a>
  464. {/block:RebloggedFrom}
  465. </div></div>
  466. {/block:HasTags}
  467. {/block:IndexPage}
  468.  
  469. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  470. {block:Text}{Body}{/block:Text}
  471.  
  472. {block:Quote}<div id="quote"><div class="quote"><h1><big><big>"</big></big>{Quote}"</h1></div><br /><p class="source">— {Source}</p></div>{/block:Quote}
  473.  
  474. {block:Link}<a href="{URL}" class="link" {Target}><center><h1>{Name}</h1></center></a>
  475. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  476.  
  477. {block:Photo}<br /><center>{LinkOpenTag}<img class="posts" src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  478.  
  479. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  480.  
  481. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label"><b>{Label}&nbsp;</b></span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  482.  
  483. {block:Video}<br /><center>{Video-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  484.  
  485. {block:Answer}<div id="questions"><p class="q">"{Question}"</p></div><div class="questions"><em>wondered by {Asker}</em></div>
  486. <big>{Answer}</big>{/block:answer}
  487.  
  488. {block:Audio}<div class="audio"><center>{AudioPlayerBlack}</center></div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  489.  
  490. <div class="notes"><center>{block:IndexPage}Posted <a href="{Permalink}">{TimeAgo}</a> with {/block:IndexPage}<a href="{Permalink}">{NoteCountWithLabel}</a>.{block:PermalinkPage}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</center>
  491. <div class="postsource">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>+<a href="{ReblogRootURL}">source</a>{/block:RebloggedFrom}</div>{/block:PermalinkPage}
  492. </div></div>
  493.  
  494. {/block:Posts}
  495. {block:PostNotes}{PostNotes}{/block:PostNotes}
  496.  
  497. </div>
  498. </div>
  499. </body>
  500. </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!