Advertisement
hexpistols

Lost

Apr 30th, 2011
2,173
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.53 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <!-- This theme was made by http://hexpistols.tumblr.com.
  5. Please do not remove any credit from this theme, even if you modify it.
  6. Thanks. -->
  7.  
  8. <!-- Default Variables -->
  9. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  10. <meta name="color:Background" content="#ffffff" />
  11. <meta name="font:Text" content="Georgia" />
  12. <meta name="color:Text" content="#000000" />
  13. <meta name="color:Links" content="#cccccc" />
  14. <meta name="color:Entry Hover" content="#f7f7f7" />
  15. <meta name="color:Nav Bar" content="#000000" />
  16. <meta name="color:Nav Bar Links" content="#ffffff" />
  17. <meta name="color:Nav Bar Hover" content="#ffffff" />
  18. <meta name="color:Nav Bar Links Hover" content="#000000" />
  19.  
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  24.  
  25. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  26. <script type="text/javascript">
  27. jQuery(document).ready(function() {
  28. jQuery(".nav").hide();
  29. //toggle the componenet with class msg_body
  30. jQuery(".title").click(function()
  31. {
  32. jQuery(this).next(".nav").slideToggle(500);
  33. });});
  34. </script>
  35. <style type="text/css">
  36. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  37. body {
  38. background-color:{color:Background};
  39. }
  40. a, a:active, a:visited {
  41. font-family:{font:Text};
  42. font-size:xx-small;
  43. -webkit-transition-duration: 0.5s;
  44. color:{color:Links};
  45. }
  46. a:hover {
  47. -webkit-transition-duration: 0.5s;
  48. color:{color:Text};
  49. }
  50. .content {
  51. line-height:10px;
  52. width:500px;
  53. margin-left:500px;
  54. font-family:{font:Text};
  55. text-transform:lowercase;
  56. font-size:xx-small;
  57. color:{color:Text};
  58. text-align:justify;
  59. }
  60. .content a {
  61. font-family:{font:Text};
  62. font-size:x-small;
  63. -webkit-transition-duration: 0.5s;
  64. color:{color:Links};
  65. text-decoration:none;
  66. }
  67. .content a:hover {
  68. -webkit-transition-duration: 0.5s;
  69. color:{color:Text};
  70. text-decoration:none;
  71. }
  72. #entry{
  73. margin-left:0px;
  74. margin-bottom:10px;
  75. width:500px;
  76. -webkit-transition-duration: 0.5s;
  77. padding-top:2px;
  78. padding-bottom:2px;
  79. }
  80. #entry:hover {
  81. background-color:{color:Entry Hover};
  82. -webkit-transition-duration: 0.5s;
  83. padding-top:2px;
  84. padding-bottom:2px;
  85. }
  86. #entry:hover .permalink {
  87. opacity: 1;
  88. }
  89. #pic{
  90. margin-left:0px;
  91. margin-bottom:10px;
  92. width:500px;
  93. }
  94. #pic:hover .permalink {
  95. opacity: 1;
  96. }
  97. img {
  98. opacity:1;
  99. -webkit-transition-duration: 0.5s;
  100. padding-top:5px;
  101. padding-bottom:5px;
  102. }
  103. img:hover {
  104. opacity:.8;
  105. -webkit-transition-duration: 0.5s;
  106. }
  107. .permalink {
  108. float: left;
  109. margin-left: 505px;
  110. padding-left:10px;
  111. position : absolute;
  112. height:auto;
  113. -webkit-transition: 0.5s ease-in;
  114. opacity:0;
  115. margin-top:0px;
  116. }
  117. .permalink a {
  118. font-family:{font:Text};
  119. text-transform:lowercase;
  120. font-size:xx-small;
  121. text-decoration:none;
  122. color:#000;
  123. -webkit-transition-duration: 0.5s;
  124. letter-spacing:1px;
  125. text-align : left;
  126. }
  127. .permalink a:hover{
  128. text-decoration:none;
  129. color: {color:Background};
  130. }
  131. .audio {
  132. width:500px;
  133. background-color:#000000;
  134. }
  135. .caption {
  136. font-family:{font:Text};
  137. text-transform:uppercase;
  138. font-size:x-small;
  139. text-align:center;
  140. }
  141. .answer {
  142. border-radius:5px;
  143. background-color:{color:Permalink Background};
  144. color: {color:Permalink};
  145. padding: 5px;
  146. color: {color:Permalink};
  147. text-transform:uppercase;
  148. }
  149. .answer a {
  150. text-decoration:none;
  151. }
  152. h1 {
  153. font-family:{font:Text};
  154. font-size:x-small;
  155. text-transform:uppercase;
  156. background-color:{color:Entry Hover};
  157. line-height:normal;
  158. padding-top:2px;
  159. padding-bottom:2px;
  160. }
  161. h2 {
  162. text-align:justify;
  163. font-family:{font:Text};
  164. text-transform:lowercase;
  165. font-size:xx-small;
  166. color:#000;
  167. border-bottom:1px solid #f7f7f7;
  168. }
  169. .title {
  170. margin-left:390px;
  171. top:0px;
  172. padding-top:10px;
  173. padding-left:10px;
  174. max-width:100px;
  175. height:inherit;
  176. word-wrap:break-word;
  177. line-height:45px;
  178. position:fixed;
  179. font-family:{font:Text};
  180. font-size:50px;
  181. font-weight:bolder;
  182. text-transform:lowercase;
  183. color: #000000;
  184. text-decoration:none;
  185. cursor:help;
  186. text-align:right;
  187. }
  188. .nav {
  189. width:495px;
  190. text-align:right;
  191. margin-left:500px;
  192. background-color:{color:Nav Bar};
  193. padding-bottom:2px;
  194. padding-right:5px;
  195. padding-top:2px;
  196. }
  197. .nav a{
  198. font-family:{font:Text};
  199. font-size:xx-small;
  200. text-transform:uppercase;
  201. text-decoration:none;
  202. color:{color:Nav Bar Links};
  203. padding-left:5px;
  204. padding-right:5px;
  205. -webkit-transition-duration: 0.5s;
  206. padding-top:2px;
  207. padding-bottom:2px;
  208. }
  209. .nav a:hover{
  210. text-decoration:none;
  211. color:{color:Nav Bar Links Hover};
  212. background-color:{color:Nav Bar Hover};
  213. padding-left:5px;
  214. padding-right:5px;
  215. padding-top:2px;
  216. padding-bottom:2px;
  217. -webkit-transition-duration: 0.5s;
  218. }
  219. .source {
  220. text-align:right;
  221. }
  222. ol.notes {
  223. border-bottom: solid 1px;
  224. border-bottom-color:{color:links};
  225. padding: 0px;
  226. font-size:11px;
  227. list-style-type: none;
  228. }
  229. ol.notes li.note {
  230. border-top: solid 1px #ccc;
  231. border-top-color:{color:links};
  232. padding-top:8px;
  233. padding-bottom:8px;
  234. }
  235. ol.notes li.note img.avatar {
  236. display:none;
  237. height:0px;
  238. width:0px;
  239. }
  240. </style>
  241.  
  242. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  243.  
  244. </head>
  245.  
  246. <body>
  247. <div class="title">{Title}</div>
  248. <div class="nav">
  249. <a href="/">index</a>
  250. <a href="/archive">archive</a>
  251. {block:AskEnabled}<a href="/ask">ask</a>{/block:AskEnabled}
  252. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> {/block:Pages} {/block:HasPages}
  253. <a href="http://hexpistols.tumblr.com">Credit</a>
  254. </div>
  255. <div class="content">
  256.  
  257. <div class = "autopagerize_page_element" >
  258.  
  259. {block:Posts}
  260. {block:Text}
  261. <div id="entry">
  262. <div class="permalink"><a href="{Permalink}">({12Hour}:{Minutes})</a></div>
  263. {block:Title}<h1>{Title}</h1>{/block:Title}
  264. {Body}
  265. </div>
  266. {/block:Text}
  267.  
  268. {block:Photo}
  269. <div id="pic">
  270. <div class="permalink"><a href="{Permalink}">({12Hour}:{Minutes})</a></div>
  271. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  272. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  273. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="500"/>
  274. {block:IndexPage}</a>{/block:IndexPage}
  275. {block:PermalinkPage}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</div>{/block:Photo}
  276.  
  277. {block:Photoset}
  278. <div id="entry">
  279. <div class="permalink"><a href="{Permalink}">({12Hour}:{Minutes})</a></div>
  280. <center>{Photoset-500}</center>
  281. {block:Caption}
  282. <div class="caption">{Caption}</div>
  283. {/block:Caption}
  284. </div>
  285. {/block:Photoset}
  286.  
  287. {block:Quote}
  288. <div id="entry">
  289. <div class="permalink"><a href="{Permalink}">({12Hour}:{Minutes})</a></div>
  290. <h1>"{Quote}"</h1>
  291. {block:Source}
  292. <div class="source">-{Source}</div>
  293. {/block:Source}
  294. </div>
  295. {/block:Quote}
  296.  
  297. {block:Link}
  298. <div id="entry">
  299. <div class="permalink"><a href="{Permalink}">({12Hour}:{Minutes})</a></div>
  300. <a href="{URL}" class="link" {Target}><div style="padding-top:5px;"> <div style="padding-bottom:5px;"><font style="font-family:georgia"><font style="font-size:large"><font style="text-decoration:none!important"><font style="text-transform:lowercase">→ {Name}</font></font></font></font></div></div></a>
  301. {block:Description}
  302. <div class="description">{Description}</div>
  303. {/block:Description}
  304. </div>
  305. {/block:Link}
  306.  
  307. {block:Chat}
  308. <div id="entry">
  309. <div class="permalink"><a href="{Permalink}">({12Hour}:{Minutes})</a></div>
  310. {block:Title}<b>{Title}</b>{/block:Title}
  311. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  312. </div>
  313. {/block:Chat}
  314.  
  315. {block:Video}
  316. <div id="entry">
  317. <div class="permalink"><a href="{Permalink}">({12Hour}:{Minutes})</a></div>
  318. <center>{Video-500}</center>
  319. {block:Caption}
  320. <div class="caption">{Caption}</div>
  321. {/block:Caption}
  322. </div>
  323. {/block:Video}
  324.  
  325. {block:Audio}
  326. <div id="entry">
  327. <div class="permalink"><a href="{Permalink}">({12Hour}:{Minutes})</a></div>
  328. <div class="audio">
  329. {AudioPlayerBlack}
  330. </div>
  331. {block:Caption}
  332. <div class="caption">{Caption}</div>
  333. {/block:Caption}
  334. </div>
  335. {/block:Audio}
  336.  
  337. {block:Answer}
  338. <div id="entry">
  339. <div class="permalink"><a href="{Permalink}">({12Hour}:{Minutes})</a></div>
  340. <p><div class="asker"><h2>{Asker} said:{Question}</h2></div></p>
  341. {Answer}
  342. </div>
  343. {/block:Answer}
  344.  
  345. {PostNotes}
  346. {/block:Posts}
  347. </div>
  348. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement