API tools faq
paste
Advertisement
hexpistols

Blox

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