API tools faq
paste
Advertisement
sasorisbutt

Halloween - BakaThemes

sasorisbutt
Oct 21st, 2014
2,052
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.40 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME MADE BY BAKATHEMES OR AKATSUKII @ TUMBLR
  4. A HUGE thanks to this resources blog:
  5. http://adventuresofjimmyneutron.tumblr.com/post/63230060014/
  6. Edit/tweak as much as you like but pleeeeaaaase
  7. DO NOT remove the credits, copy and
  8. redistribute the theme as your own.
  9. I will fucking turn you to a skeleton if you do.
  10.  
  11. -->
  12.  
  13. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15.  
  16. <title>{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <meta name="image:Background" content="http://static.tumblr.com/fsavqrf/94rndt72m/bats.png" />
  23. <meta name="image:Top Links" content="http://static.tumblr.com/fsavqrf/IcOndt70t/ghosts.gif" />
  24. <meta name="image:Top Banner" content="http://static.tumblr.com/fsavqrf/Z7Wndt70f/banner.gif" />
  25. <meta name="image:Halloween" content="http://static.tumblr.com/fsavqrf/lOtndt718/halloween.gif" />
  26. <meta name="image:Blood" content="http://static.tumblr.com/fsavqrf/L9Gndt703/blood.gif" />
  27.  
  28. <meta name="color:Background" content="#181818" />
  29. <meta name="color:Posts Background" content="#fff" />
  30. <meta name="color:Posts Title" content="#fff" />
  31. <meta name="color:Posts Title Background" content="#181818" />
  32. <meta name="color:Top" content="#ffb14c" />
  33. <meta name="color:Top Background" content="#212121" />
  34. <meta name="color:Description" content="#a5a5a5" />
  35. <meta name="color:Text" content="#444" />
  36. <meta name="color:Bold" content="#c1720e" />
  37. <meta name="color:Italic" content="#ffc983" />
  38. <meta name="color:Link" content="#575757" />
  39. <meta name="color:Link Hover" content="#ffb14c" />
  40.  
  41. <meta name="text:Notes Text" content="skeletons" />
  42. <meta name="text:Subtitle" content="Trick or Treat" />
  43. <meta name="text:Link1" content="Home" />
  44. <meta name="text:Link1 URL" content="/" />
  45. <meta name="text:Link2" content="Message" />
  46. <meta name="text:Link2 URL" content="/ask" />
  47. <meta name="text:Link3" content="Archive" />
  48. <meta name="text:Link3 URL" content="/archive" />
  49. <meta name="text:Link4" content="Random" />
  50. <meta name="text:Link4 URL" content="/random" />
  51. <meta name="text:Link5" content="" />
  52. <meta name="text:Link5 URL" content="" />
  53. <meta name="text:Link6" content="" />
  54. <meta name="text:Link6 URL" content="" />
  55. <meta name="text:Link7" content="" />
  56. <meta name="text:Link7 URL" content="" />
  57. <meta name="text:Link8" content="" />
  58. <meta name="text:Link8 URL" content="" />
  59. <meta name="if:Blood" content="1" />
  60.  
  61. <head>
  62.  
  63. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  64. <link href='http://fonts.googleapis.com/css?family=Eater' rel='stylesheet' type='text/css'>
  65. <link href='http://fonts.googleapis.com/css?family=Comfortaa' rel='stylesheet' type='text/css'>
  66.  
  67. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  68. <script src="http://static.tumblr.com/fsavqrf/UdJndt6dn/jquery.style-my-tooltips-halloween.js"></script>
  69.  
  70. <script>
  71. $().ready(function() {
  72. $("[title]").style_my_tooltips({
  73. tip_follows_cursor:"on",
  74. tip_delay_time: 80
  75. });
  76. });
  77. </script>
  78.  
  79. <style type="text/css">
  80.  
  81. ::-webkit-scrollbar {
  82. background:{color:Background};
  83. width:5px;
  84. height:3px;
  85. }
  86.  
  87. ::-webkit-scrollbar-thumb {
  88. background:{color:Top};
  89. }
  90.  
  91. body {
  92. background:{color:Background} url('{image:Background}') fixed;
  93. margin:0;
  94. padding:0;
  95. font-family:Inconsolata;
  96. color:{color:Text};
  97. font-size:11px;
  98. }
  99.  
  100. a {
  101. color:{color:Link};
  102. text-decoration:none;
  103. transition:all 0.5s ease;
  104. -webkit-transition:all 0.5s ease;
  105. -moz-transition:all 0.5s ease;
  106. -o-transition:all 0.5s ease;
  107. -ms-transition:all 0.5s ease;
  108. }
  109.  
  110. a:hover {
  111. color:{color:Link Hover};
  112. }
  113.  
  114. b {
  115. color:{color:Bold};
  116. font-weight:700;
  117. }
  118.  
  119. i {
  120. color:{color:Italic};
  121. font-style:italic;
  122. }
  123.  
  124. blockquote {
  125. border-left:3px solid {color:Text};
  126. padding-left:10px;
  127. margin:0;
  128. }
  129.  
  130. ol.notes {
  131. margin-left:-52px;
  132. text-align:center;
  133. list-style-type:none;
  134. }
  135.  
  136. ol.notes li.note img.avatar {
  137. display:none;
  138. }
  139.  
  140. ol.notes blockquote {
  141. padding:10px;
  142. }
  143.  
  144. #toop {
  145. width:420px;
  146. margin:0 auto;
  147. }
  148.  
  149. #top {
  150. position:fixed;
  151. top:0;
  152. background:{color:Top Background};
  153. width:420px;
  154. padding:5px 0;
  155. color:{color:Top};
  156. text-align:center;
  157. overflow:hidden;
  158. }
  159.  
  160. #top h1 {
  161. font-family:Eater;
  162. transition:all 0.5s ease;
  163. -webkit-transition:all 0.5s ease;
  164. -moz-transition:all 0.5s ease;
  165. -o-transition:all 0.5s ease;
  166. -ms-transition:all 0.5s ease;
  167. }
  168.  
  169. #top h1, #top a {
  170. color:{color:Top};
  171. }
  172.  
  173. #desc {
  174. position:absolute;
  175. top:0;
  176. left:25px;
  177. width:350px;
  178. max-height:50px;
  179. padding:5px 10px;
  180. color:{color:Description};
  181. transition:all 1s ease;
  182. -webkit-transition:all 1s ease;
  183. -moz-transition:all 1s ease;
  184. -o-transition:all 1s ease;
  185. -ms-transition:all 1s ease;
  186. opacity:0;
  187. overflow-y:auto;
  188. }
  189.  
  190. #banner {
  191. margin-top:-15px;
  192. text-align:center;
  193. transition:all 0.5s ease;
  194. -webkit-transition:all 0.5s ease;
  195. -moz-transition:all 0.5s ease;
  196. -o-transition:all 0.5s ease;
  197. -ms-transition:all 0.5s ease;
  198. }
  199.  
  200. #halloween {
  201. position:fixed;
  202. }
  203.  
  204. #halloween1 {
  205. position:fixed;
  206. margin-left:-410px;
  207. }
  208.  
  209. #halloween2 {
  210. margin-left:420px;
  211. }
  212.  
  213. #theme {
  214. width:500px;
  215. margin:0 auto;
  216. }
  217.  
  218. #theme:hover #top h1 {
  219. opacity:0;
  220. }
  221.  
  222. #theme:hover #desc {
  223. opacity:1;
  224. }
  225.  
  226. #theme:hover #banner {
  227. margin-top:0;
  228. }
  229.  
  230. #subtitle {
  231. position:absolute;
  232. right:30px;
  233. font-family:Comfortaa;
  234. transition:all 0.8s ease;
  235. -webkit-transition:all 0.8s ease;
  236. -moz-transition:all 0.8s ease;
  237. -o-transition:all 0.8s ease;
  238. -ms-transition:all 0.8s ease;
  239. }
  240.  
  241. #liinks:hover #subtitle {
  242. right:1000px;
  243. opacity:0;
  244. }
  245.  
  246. #links {
  247. margin-top:5px;
  248. }
  249.  
  250. #links img {
  251. float:left;
  252. width:20px;
  253. padding-left:8px;
  254. cursor:pointer;
  255. }
  256.  
  257. #link:before, #subtitle:before {
  258. content:url('{image:Top Links}');
  259. margin-right:15px;
  260. }
  261.  
  262. #link {
  263. position:absolute;
  264. right:-150px;
  265. font-family:Comfortaa;
  266. transition:all 0.5s ease;
  267. -webkit-transition:all 0.5s ease;
  268. -moz-transition:all 0.5s ease;
  269. -o-transition:all 0.5s ease;
  270. -ms-transition:all 0.5s ease;
  271. }
  272.  
  273. #link:after, #subtitle:after {
  274. content:url('{image:Top Links}');
  275. margin-left:15px;
  276. }
  277.  
  278. #links:hover #link {
  279. right:50px;
  280. }
  281.  
  282. #all {
  283. background:{color:Posts Background};
  284. width:420px;
  285. margin:100px auto 0 auto;
  286. padding:30px 0 5px 0;
  287. {block:IfNotBlood}
  288. padding:20px 0;
  289. {/block:IfNotBlood}
  290. transition:all 0.5s ease;
  291. -webkit-transition:all 0.5s ease;
  292. -moz-transition:all 0.5s ease;
  293. -o-transition:all 0.5s ease;
  294. -ms-transition:all 0.5s ease;
  295. }
  296.  
  297. #blood {
  298. position:fixed;
  299. width:420px;
  300. margin-top:-24px;
  301. transition:all 0.5s ease;
  302. -webkit-transition:all 0.5s ease;
  303. -moz-transition:all 0.5s ease;
  304. -o-transition:all 0.5s ease;
  305. -ms-transition:all 0.5s ease;
  306. pointer-events:none;
  307. }
  308.  
  309. #theme:hover #all {
  310. {block:IfBlood}
  311. padding:45px 0 5px 0;
  312. {/block:IfBlood}
  313. {block:IfNotBlood}
  314. padding:30px 0;
  315. {/block:IfNotBlood}
  316. }
  317.  
  318. #post {
  319. width:400px;
  320. padding:10px;
  321. }
  322.  
  323. #post h4, #post h4 a {
  324. background:{color:Posts Title Background};
  325. width:420px;
  326. margin-left:-10px;
  327. font-family:Eater;
  328. color:{color:Posts Title};
  329. text-align:center;
  330. }
  331.  
  332. #post p {
  333. overflow:hidden;
  334. }
  335.  
  336. #player {
  337. background:#000;
  338. width:400px;
  339. text-align:center;
  340. }
  341.  
  342. #perma:before {
  343. content:url('http://static.tumblr.com/fsavqrf/rjhndt4x6/pumpkin.gif');
  344. position:absolute;
  345. margin:-5px 0 0 -20px;
  346. }
  347.  
  348. #perma {
  349. margin:10px;
  350. text-align:center;
  351. }
  352.  
  353. #perma a {
  354. padding:0 8px;
  355. }
  356.  
  357. #perma a:hover {
  358. background:{color:Posts Title Background};
  359. }
  360.  
  361. #s-m-t-tooltip {
  362. background:{color:Top Background};
  363. max-width:200px;
  364. margin:10px 0 0 25px;
  365. padding:3px 5px;
  366. color:{color:Description};
  367. font-family:Calibri;
  368. font-size:8px;
  369. text-transform:uppercase;
  370. letter-spacing:1px;
  371. z-index:999999;
  372. }
  373.  
  374. </style>
  375.  
  376. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  377.  
  378. </head>
  379.  
  380.  
  381.  
  382. <body>
  383.  
  384.  
  385.  
  386. <div id="theme">
  387.  
  388. <div id="toop">
  389. <div id="top">
  390.  
  391. <div id="halloween">
  392. <img src="{image:Halloween}" id="halloween1">
  393. <img src="{image:Halloween}" id="halloween2">
  394. </div>
  395.  
  396. <h1><a href="/">{Title}</a></h1>
  397. <p id="desc">{Description}</p>
  398. <div id="banner"><a href="/"><img src="{image:Top Banner}"></a></div>
  399.  
  400. <div id="liinks">
  401. {block:IfLink1}<div id="links"><a href="{text:Link1 URL}"><img src="http://static.tumblr.com/fsavqrf/skandt2n0/1.gif"><div id="subtitle">{text:Subtitle}</div><a id="link">{text:Link1}</a></a></div>{/block:IfLink1}
  402. {block:IfLink2}<div id="links"><a href="{text:Link2 URL}"><img src="http://static.tumblr.com/fsavqrf/rS1ndt2n2/2.gif"><a id="link">{text:Link2}</a></a></div>{/block:IfLink2}
  403. {block:IfLink3}<div id="links"><a href="{text:Link3 URL}"><img src="http://static.tumblr.com/fsavqrf/vECndt2n4/3.gif"><a id="link">{text:Link3}</a></a></div>{/block:IfLink3}
  404. {block:IfLink4}<div id="links"><a href="{text:Link4 URL}"><img src="http://static.tumblr.com/fsavqrf/hvDndt2n8/4.gif"><a id="link">{text:Link4}</a></a></div>{/block:IfLink4}
  405. {block:IfLink5}<div id="links"><a href="{text:Link5 URL}"><img src="http://static.tumblr.com/fsavqrf/wQOndt2ne/5.gif"><a id="link">{text:Link5}</a></a></div>{/block:IfLink5}
  406. {block:IfLink6}<div id="links"><a href="{text:Link6 URL}"><img src="http://static.tumblr.com/fsavqrf/n4Bndt2nh/6.gif"><a id="link">{text:Link6}</a></a></div>{/block:IfLink6}
  407. {block:IfLink7}<div id="links"><a href="{text:Link7 URL}"><img src="http://static.tumblr.com/fsavqrf/epkndt2nk/7.gif"><a id="link">{text:Link7}</a></a></div>{/block:IfLink7}
  408. {block:IfLink8}<div id="links"><a href="{text:Link8 URL}"><img src="http://static.tumblr.com/fsavqrf/quUndt2nb/8.gif"><a id="link">{text:Link8}</a></a></div>{/block:IfLink8}
  409. </div>
  410.  
  411. </div></div>
  412.  
  413. <div id="all">
  414.  
  415. {block:IfBlood}
  416. <img src="{image:Blood}" id="blood">
  417. {/block:IfBlood}
  418.  
  419. <div class="autopagerize_page_element">
  420.  
  421. {block:Posts}
  422. <div id="post">
  423.  
  424. {block:Answer}
  425. <h4 style="background:{color:Top};margin:0 0 -15px -10px;">{Asker}</h4>
  426. <h4>{Question}</h4>
  427.  
  428. {Answer}
  429. {/block:Answer}
  430.  
  431. {block:Text}
  432. {block:Title}<h4>{Title}</h4>{/block:Title}
  433. <p>{Body}</p>
  434. {/block:Text}
  435.  
  436. {block:Photo}
  437. {LinkOpenTag}
  438. <img src="{PhotoURL-400}" alt="{PhotoAlt}">
  439. {LinkCloseTag}
  440. {block:Caption}<p>{Caption}</p>{/block:Caption}
  441. {/block:Photo}
  442.  
  443. {block:Photoset}
  444. {Photoset-400}
  445. {block:Caption}<p>{Caption}</p>{/block:Caption}
  446. {/block:Photoset}
  447.  
  448. {block:Quote}
  449. <h4>"{Quote}"</h4>
  450. {block:Source}<p>{Source}</p>{/block:Source}
  451. {/block:Quote}
  452.  
  453. {block:Link}
  454. <h4><a href="{URL}" target="_blank">{Name}</a></h4>
  455. {block:Description}<p>{Description}</p>{/block:Description}
  456. {/block:Link}
  457.  
  458. {block:Chat}
  459. {block:Title}<h4>{Title}</h4>{/block:Title}
  460. {block:Lines}
  461. {block:Label}{Label}{/block:Label} {Line}</br>
  462. {/block:Lines}
  463. {/block:Chat}
  464.  
  465. {block:Audio}
  466. <div id="player">{AudioPlayerBlack}</div>
  467. {block:Caption}{Caption}{/block:Caption}
  468. {/block:Audio}
  469.  
  470. {block:Video}
  471. {Video-400}
  472. {block:Caption}{Caption}{/block:Caption}
  473. {/block:Video}
  474.  
  475. <div id="perma">
  476.  
  477. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  478.  
  479. {block:NoteCount}<a href="{Permalink}">{NoteCount} {text:Notes Text}</a>{/block:NoteCount}
  480.  
  481. {block:PermalinkPage}
  482. {block:HasTags}
  483. <br>{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  484. {/block:HasTags}
  485.  
  486. {block:RebloggedFrom}
  487. <br>reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  488. {/block:RebloggedFrom}
  489. {/block:PermalinkPage}
  490. </div>
  491.  
  492. {block:PermalinkPage}
  493. {block:PostNotes}
  494. {PostNotes}
  495. {/block:PostNotes}
  496. {/block:PermalinkPage}
  497.  
  498. {block:ContentSource}
  499. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  500. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  501. {/block:SourceLogo}
  502. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  503. {/block:ContentSource}
  504.  
  505. </div>
  506.  
  507. {/block:Posts}
  508.  
  509. </div></div>
  510. </div>
  511.  
  512.  
  513.  
  514. </body>
  515. </html>
  516.  
  517. <!--
  518.  
  519. THEME MADE BY BAKATHEMES OR AKATSUKII @ TUMBLR
  520. A HUGE thanks to this resources blog:
  521. http://adventuresofjimmyneutron.tumblr.com/post/63230060014/
  522. Edit/tweak as much as you like but pleeeeaaaase
  523. DO NOT remove the credits, copy and
  524. redistribute the theme as your own.
  525. I will fucking turn you to a skeleton if you do.
  526.  
  527. -->
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!