API tools faq
paste
Advertisement
hexpistols

Scroll

hexpistols
Apr 30th, 2011
1,616
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.34 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. <!-- 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="arial" />
  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. <meta name="if:Fade Pictures" content="0" />
  20.  
  21. <title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. <script type="text/javascript">
  25. $(document).ready(function(){
  26. $(".descript").hide();
  27. $(".title").click(function(){
  28. $('.descript').slideToggle("fast");
  29. return true;
  30. });
  31. });
  32. </script>
  33. <style type="text/css">
  34. body {
  35. background-color:{color:Background};
  36. overflow:hidden;
  37. }
  38. ::-webkit-scrollbar-thumb:vertical {
  39. background-color:#ddd;
  40. height:10px;
  41. }
  42. ::-webkit-scrollbar {
  43. height:10px;
  44. width:10px;
  45. background-color:#fff;
  46. overflow:hidden;
  47. }
  48. a, a:active, a:visited {
  49. font-family:{font:Text};
  50. font-size:x-small;
  51. -webkit-transition-duration: 0.5s;
  52. color:{color:Links};
  53. }
  54. a:hover {
  55. -webkit-transition-duration: 0.5s;
  56. color:{color:Text};
  57. }
  58. .content {
  59. line-height:10px;
  60. width:520px;
  61. height:900px;
  62. margin-left:420px;
  63. margin-top:0px;
  64. overflow-y:scroll;
  65. padding-left:10px;
  66. padding-right:10px;
  67. margin-left:500px;
  68. font-family:{font:Text};
  69. text-transform:lowercase;
  70. font-size:x-small;
  71. color:{color:Text};
  72. text-align:justify;
  73. }
  74. .content a {
  75. font-family:{font:Text};
  76. font-size:x-small;
  77. -webkit-transition-duration: 0.5s;
  78. color:{color:Links};
  79. text-decoration:none;
  80. }
  81. .content a:hover {
  82. -webkit-transition-duration: 0.5s;
  83. color:{color:Text};
  84. text-decoration:none;
  85. }
  86. #entry{
  87. margin-left:0px;
  88. margin-bottom:10px;
  89. width:500px;
  90. -webkit-transition-duration: 0.5s;
  91. padding-top:2px;
  92. padding-bottom:2px;
  93. }
  94. #pic{
  95. margin-left:0px;
  96. margin-bottom:10px;
  97. width:500px;
  98. }
  99. #pic:hover .permalink {
  100. opacity: 1;
  101. }
  102. img {
  103. {block:ifFadePictures}
  104. opacity:1;
  105. -webkit-transition-duration: 0.5s;
  106. {/block:ifFadePictures}
  107. padding-top:5px;
  108. padding-bottom:5px;
  109. }
  110. {block:ifFadePictures}
  111. img:hover {
  112. opacity:.8;
  113. -webkit-transition-duration: 0.5s;
  114. }
  115. {/block:ifFadePictures}
  116. .permalink {
  117. text-align:right;
  118. padding-top:2px;
  119. padding-bottom:2px;
  120. }
  121. .permalink a {
  122. font-family:{font:Text};
  123. text-transform:uppercase;
  124. font-size:x-small;
  125. text-decoration:none;
  126. color:{color:links};
  127. -webkit-transition-duration: 0.5s;
  128. letter-spacing:1px;
  129. text-align : left;
  130. }
  131. .permalink a:hover{
  132. text-decoration:none;
  133. color:{color:Text};
  134. }
  135. .audio {
  136. width:500px;
  137. background-color:#000000;
  138. }
  139. .caption {
  140. font-family:{font:Text};
  141. text-transform:uppercase;
  142. font-size:x-small;
  143. text-align:center;
  144. }
  145. .answer {
  146. border-radius:5px;
  147. background-color:{color:Permalink Background};
  148. color: {color:Permalink};
  149. padding: 5px;
  150. color: {color:Permalink};
  151. text-transform:uppercase;
  152. }
  153. .answer a {
  154. text-decoration:none;
  155. }
  156. h1 {
  157. font-family:{font:Text};
  158. font-size:x-small;
  159. text-transform:uppercase;
  160. background-color:{color:Entry Hover};
  161. line-height:normal;
  162. padding-top:2px;
  163. padding-bottom:2px;
  164. }
  165. h2 {
  166. text-align:justify;
  167. font-family:{font:Text};
  168. text-transform:lowercase;
  169. font-size:x-small;
  170. color:#000;
  171. border-bottom:1px solid #f7f7f7;
  172. }
  173. .boxy {
  174. width:300px;
  175. margin-left:180px;
  176. position:fixed;
  177. border-right: 2px solid;
  178. border-right-color:{color:Text};
  179. text-align:right;
  180. padding-top:10px;
  181. padding-right:10px;
  182. }
  183. .title {
  184. font-family:{font:Text};
  185. font-size:30px;
  186. font-weight:bolder;
  187. text-transform:lowercase;
  188. color: {color:text};
  189. text-decoration:none;
  190. }
  191. .nav a{
  192. font-family:{font:Text};
  193. font-size:x-small;
  194. text-decoration:underline;
  195. text-transform:lowercase;
  196. color:{color:Links};
  197. }
  198. .nav a:hover {
  199. color:{color:Text}
  200. }
  201. .source {
  202. text-align:right;
  203. }
  204. .descript {
  205. font-size:x-small;
  206. font-family:{font:Text};
  207. color:{color:Text};
  208. }
  209. .pagination {
  210. font-family:{font:Text};
  211. text-transform:uppercase;
  212. font-size:small;
  213. text-decoration:none;
  214. color:{color:links};
  215. -webkit-transition-duration: 0.5s;
  216. letter-spacing:1px;
  217. text-align : center;
  218. }
  219. .pagination a:hover{
  220. text-decoration:none;
  221. color:{color:Text};
  222. }
  223. ol.notes {
  224. border-bottom: solid 1px;
  225. border-bottom-color:{color:links};
  226. padding: 0px;
  227. font-size:11px;
  228. list-style-type: none;
  229. }
  230. ol.notes li.note {
  231. border-top: solid 1px #ccc;
  232. border-top-color:{color:links};
  233. padding-top:8px;
  234. padding-bottom:8px;
  235. }
  236. ol.notes li.note img.avatar {
  237. display:none;
  238. height:0px;
  239. width:0px;
  240. }
  241. </style>
  242. </head>
  243.  
  244. <body>
  245. <div class="boxy">
  246. <div class="title">{Title}↓</div>
  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="descript">{block:description}{description}{/block:description}</div>
  254. </div>
  255. <div class="content">
  256. {block:Posts}
  257. {block:Text}
  258. <div id="entry">
  259. {block:Title}<h1>{Title}</h1>{/block:Title}
  260. {Body}
  261. <div class="permalink"><a href="{Permalink}">{month} {dayofmonth}</a></div>
  262. </div>
  263. {/block:Text}
  264.  
  265. {block:Photo}
  266. <div id="pic">
  267. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  268. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  269. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="500"/>
  270. {block:IndexPage}</a>{/block:IndexPage}
  271. {block:PermalinkPage}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  272. </div>
  273. {/block:Photo}
  274.  
  275. {block:Photoset}
  276. <div id="entry">
  277. <center>{Photoset-500}</center>
  278. {block:Caption}
  279. <div class="caption">{Caption}</div>
  280. {/block:Caption}
  281. <div class="permalink"><a href="{Permalink}">{month} {dayofmonth}</a></div>
  282. </div>
  283. {/block:Photoset}
  284.  
  285. {block:Quote}
  286. <div id="entry">
  287. <h1>"{Quote}"</h1>
  288. {block:Source}
  289. <div class="source">-{Source}</div>
  290. {/block:Source}
  291. <div class="permalink"><a href="{Permalink}">{month} {dayofmonth}</a></div>
  292. </div>
  293. {/block:Quote}
  294.  
  295. {block:Link}
  296. <div id="entry">
  297. <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>
  298. {block:Description}
  299. <div class="description">{Description}</div>
  300. {/block:Description}
  301. <div class="permalink"><a href="{Permalink}">{month} {dayofmonth}</a></div>
  302. </div>
  303. {/block:Link}
  304.  
  305. {block:Chat}
  306. <div id="entry">
  307. {block:Title}<b>{Title}</b>{/block:Title}
  308. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  309. <div class="permalink"><a href="{Permalink}">{month} {dayofmonth}</a></div>
  310. </div>
  311. {/block:Chat}
  312.  
  313. {block:Video}
  314. <div id="entry">
  315. <center>{Video-500}</center>
  316. {block:Caption}
  317. <div class="caption">{Caption}</div>
  318. {/block:Caption}
  319. <div class="permalink"><a href="{Permalink}">{month} {dayofmonth}</a></div>
  320. </div>
  321. {/block:Video}
  322.  
  323. {block:Audio}
  324. <div id="entry">
  325. <div class="audio">
  326. {AudioPlayerBlack}
  327. </div>
  328. {block:Caption}
  329. <div class="caption">{Caption}</div>
  330. {/block:Caption}
  331. <div class="permalink"><a href="{Permalink}">{month} {dayofmonth}</a></div>
  332. </div>
  333. {/block:Audio}
  334.  
  335. {block:Answer}
  336. <div id="entry">
  337. <p><div class="asker"><h2>{Asker} said:{Question}</h2></div></p>
  338. {Answer}
  339. </div>
  340. <div class="permalink"><a href="{Permalink}">{month} {dayofmonth}</a></div>
  341. {/block:Answer}
  342.  
  343. {PostNotes}
  344. {/block:Posts}
  345.  
  346. <div class="pagination">{block:Pagination}
  347. {block:PreviousPage}
  348. <a href="{PreviousPage}">Previous</a>
  349. {/block:PreviousPage}
  350. {block:NextPage}
  351. <a href="{NextPage}">Next</a>
  352. {/block:NextPage}
  353. {/block:Pagination}</div>
  354. </div>
  355. </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!