API tools faq
paste
Advertisement
hexpistols

Alma

hexpistols
May 2nd, 2011
2,877
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.99 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=Special+Elite: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:Text 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:Shake Images" content="0" />
  21. <meta name="if:Fade Images" content="0" />
  22.  
  23. <title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. <script type="text/javascript">
  27. $(document).ready(function(){
  28. $(".nav").hide();
  29. $(".title").click(function(){
  30. $('.nav').slideToggle("fast");
  31. return true;
  32. });
  33. });
  34. </script>
  35. <script language="JavaScript1.2">
  36. var rector=3
  37.  
  38. var stopit=0
  39. var a=1
  40.  
  41. function init(which){
  42. stopit=0
  43. shake=which
  44. shake.style.left=0
  45. shake.style.top=0
  46. }
  47.  
  48. function rattleimage(){
  49. if ((!document.all&&!document.getElementById)||stopit==1)
  50. return
  51. if (a==1){
  52. shake.style.top=parseInt(shake.style.top)+rector+"px"
  53. }
  54. else if (a==2){
  55. shake.style.left=parseInt(shake.style.left)+rector+"px"
  56. }
  57. else if (a==3){
  58. shake.style.top=parseInt(shake.style.top)-rector+"px"
  59. }
  60. else{
  61. shake.style.left=parseInt(shake.style.left)-rector+"px"
  62. }
  63. if (a<4)
  64. a++
  65. else
  66. a=1
  67. setTimeout("rattleimage()",50)
  68. }
  69. function stoprattle(which){
  70. stopit=1
  71. which.style.left=0
  72. which.style.top=0
  73. }
  74. </script>
  75. <style type="text/css">
  76. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  77. body {
  78. background-color:{color:Background};
  79. }
  80. .content {
  81. line-height:10px;
  82. width:450px;
  83. margin-left:450px;
  84. font-family:{font:Text};
  85. text-transform:lowercase;
  86. font-size:xx-small;
  87. color:{color:Text};
  88. text-align:justify;
  89. }
  90. .content a {
  91. font-family:{font:Text};
  92. font-size:x-small;
  93. -webkit-transition-duration: 0.5s;
  94. color:{color:Links};
  95. text-decoration:none;
  96. }
  97. .content a:hover {
  98. -webkit-transition-duration: 0.5s;
  99. color:{color:Text};
  100. text-decoration:none;
  101. }
  102. #entry{
  103. margin-left:0px;
  104. margin-bottom:10px;
  105. width:450px;
  106. -webkit-transition-duration: 0.5s;
  107. padding-top:2px;
  108. padding-bottom:2px;
  109. }
  110. #entry img {
  111. width:450px;
  112. }
  113. #entry:hover {
  114. background-color:{color: Entry Hover};
  115. -webkit-transition-duration: 0.5s;
  116. padding-top:2px;
  117. padding-bottom:2px;
  118. }
  119. #entry:hover .permalink {
  120. opacity: 1;
  121. }
  122. img {
  123. {block:ifFadeImages}
  124. opacity:1;
  125. -webkit-transition-duration: 0.5s;
  126. {/block:ifFadeImages}
  127. padding-top:5px;
  128. padding-bottom:5px;
  129. }
  130. {block:ifFadeImages}
  131. img:hover {
  132. opacity:.8;
  133. -webkit-transition-duration: 0.5s;
  134. }
  135. {/block:ifFadeImages}
  136. .shakeimage{
  137. {block:ifShakeImages}
  138. position:relative;
  139. {/block:ifShakeImages}
  140. }
  141. .permalink {
  142. float: left;
  143. margin-left:455px;
  144. padding-left:10px;
  145. position : absolute;
  146. height:auto;
  147. border-left:1px solid;
  148. border-left-color:{color:text};
  149. opacity:0;
  150. margin-top:0px;
  151. font-style:italic;
  152. }
  153. .permalink a {
  154. font-family:{font:Text};
  155. text-transform:lowercase;
  156. font-size:xx-small;
  157. text-decoration:none;
  158. color:{color:Text};
  159. letter-spacing:1px;
  160. text-align : left;
  161. }
  162. .permalink a:hover{
  163. text-decoration:none;
  164. color: {color:links};
  165. }
  166. .audio {
  167. width:450px;
  168. background-color:#000000;
  169. }
  170. div.video embed,
  171. div.post div.video object {
  172. width:450px !important;
  173. }
  174. .caption {
  175. font-family:{font:Text};
  176. text-transform:uppercase;
  177. font-size:x-small;
  178. text-align:center;
  179. }
  180. h1 {
  181. background-color:{color:Text Header};
  182. font-family:{font:Text};
  183. font-size:x-small;
  184. text-transform:uppercase;
  185. line-height:normal;
  186. padding-top:2px;
  187. padding-bottom:2px;
  188. color:{color:Text};
  189. }
  190. .source {
  191. text-align:right;
  192. }
  193. .boxy {
  194. width:300px;
  195. top:20px;
  196. margin-left:130px;
  197. z-index:100000;
  198. background-color:{color:Title Background};
  199. position:fixed;
  200. opacity: .4;
  201. -webkit-transition-duration: 0.5s;
  202. }
  203. .boxy:hover {
  204. opacity: 1;
  205. -webkit-transition-duration: 0.5s;
  206. }
  207. .title {
  208. font-family:'Special Elite';
  209. font-size:35px;
  210. font-weight:bolder;
  211. text-transform:uppercase;
  212. color: {color:Nav Links};
  213. text-decoration:none;
  214. text-align:center;
  215. padding-top:6px;
  216. padding-bottom:6px;
  217. }
  218. .nav {
  219. text-align:center;
  220. background-color:{color:Nav Background};
  221. }
  222. .nav a{
  223. padding:2px;
  224. font-family:{font:Text};
  225. font-size:xx-small;
  226. text-decoration:none;
  227. text-transform:uppercase;
  228. color: {color:Nav Links};
  229. -webkit-transition-duration: 0.5s;
  230. }
  231. .nav a:hover {
  232. color: {color:Nav Links Hover};
  233. -webkit-transition-duration: 0.5s;
  234. }
  235. ol.notes {
  236. border-bottom: solid 1px;
  237. border-bottom-color:{color:links};
  238. padding: 0px;
  239. font-size:11px;
  240. list-style-type: none;
  241. }
  242. ol.notes li.note {
  243. border-top: solid 1px;
  244. border-top-color:{color:links};
  245. padding-top:8px;
  246. padding-bottom:8px;
  247. }
  248. ol.notes li.note img.avatar {
  249. display:none;
  250. height:0px;
  251. width:0px;
  252. }
  253. </style>
  254. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  255. </head>
  256.  
  257. <body>
  258. <div class="boxy">
  259. <div class="nav">
  260. <a href="/">index</a>
  261. <a href="/archive">archive</a>
  262. {block:AskEnabled}<a href="/ask">ask</a>{/block:AskEnabled}
  263. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> {/block:Pages} {/block:HasPages}
  264. <a href="http://hexpistols.tumblr.com">Credit</a></div>
  265. <div class="title">{Title}</div>
  266. </div>
  267.  
  268. <div class="content">
  269. <div class = "autopagerize_page_element" >
  270.  
  271. {block:Posts}
  272. {block:Text}
  273. <div id="entry">
  274. <div class="permalink"><a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}<br/>{NoteCountWithLabel}</a></div>
  275. {block:Title}<h1>{Title}</h1>{/block:Title}
  276. {Body}
  277. </div>
  278. {/block:Text}
  279.  
  280. {block:Photo}
  281. <div id="entry">
  282. <div class="permalink"><a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}<br/>{NoteCountWithLabel}</a></div>
  283. <div class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">
  284. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  285. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  286. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="450"/>
  287. {block:IndexPage}</a>{/block:IndexPage}
  288. {block:PermalinkPage}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</div></div>{/block:Photo}
  289.  
  290. {block:Photoset}
  291. <div id="entry">
  292. <div class="permalink"><a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}<br/>{NoteCountWithLabel}</a></div>
  293. <center>{Photoset-500}</center>
  294. {block:Caption}
  295. <div class="caption">{Caption}</div>
  296. {/block:Caption}
  297. </div>
  298. {/block:Photoset}
  299.  
  300. {block:Quote}
  301. <div id="entry">
  302. <div class="permalink"><a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}<br/>{NoteCountWithLabel}</a></div>
  303. <h1>"{Quote}"</h1>
  304. {block:Source}
  305. <div class="source">-{Source}</div>
  306. {/block:Source}
  307. </div>
  308. {/block:Quote}
  309.  
  310. {block:Link}
  311. <div id="entry">
  312. <div class="permalink"><a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}<br/>{NoteCountWithLabel}</a></div>
  313. <a href="{URL}" class="link" {Target}><font style="font-size:large"><font style="text-transform:uppercase">→ {Name}</font></font></a>
  314. {block:Description}
  315. <div class="description">{Description}</div>
  316. {/block:Description}
  317. </div>
  318. {/block:Link}
  319.  
  320. {block:Chat}
  321. <div id="entry">
  322. <div class="permalink"><a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}<br/>{NoteCountWithLabel}</a></div>
  323. {block:Title}<b>{Title}</b>{/block:Title}
  324. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  325. </div>
  326. {/block:Chat}
  327.  
  328. {block:Video}
  329. <div id="entry">
  330. <div class="permalink"><a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}<br/>{NoteCountWithLabel}</a></div>
  331. <div class="video">{Video-400}</div>
  332. {block:Caption}
  333. <div class="caption">{Caption}</div>
  334. {/block:Caption}
  335. </div>
  336. {/block:Video}
  337.  
  338. {block:Audio}
  339. <div id="entry">
  340. <div class="permalink"><a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}<br/>{NoteCountWithLabel}</a></div>
  341. <div class="audio">
  342. {AudioPlayerBlack}
  343. </div>
  344. {block:Caption}
  345. <div class="caption">{Caption}</div>
  346. {/block:Caption}
  347. </div>
  348. {/block:Audio}
  349.  
  350. {block:Answer}
  351. <div id="entry">
  352. <div class="permalink"><a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}<br/>{NoteCountWithLabel}</a></div>
  353. <p><div class="asker"><h1>{Asker} said:{Question}</h1></div></p>
  354. {Answer}
  355. </div>
  356. {/block:Answer}
  357.  
  358. {PostNotes}
  359. {/block:Posts}
  360. </div>
  361. </div>
  362. </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!