API tools faq
paste
foomthemes

THEME 12: ~Spoopy~

foomthemes
Oct 4th, 2013
99
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.14 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11.  
  12.  
  13. <!--
  14.  
  15. ▒█▀▀▀ ▒█▀▀▀█ ▒█▀▀▀█ ▒█▀▄▀█ ▀▀█▀▀ ▒█░▒█ ▒█▀▀▀ ▒█▀▄▀█ ▒█▀▀▀ ▒█▀▀▀█
  16. ▒█▀▀▀ ▒█░░▒█ ▒█░░▒█ ▒█▒█▒█ ░▒█░░ ▒█▀▀█ ▒█▀▀▀ ▒█▒█▒█ ▒█▀▀▀ ░▀▀▀▄▄
  17. ▒█░░░ ▒█▄▄▄█ ▒█▄▄▄█ ▒█░░▒█ ░▒█░░ ▒█░▒█ ▒█▄▄▄ ▒█░░▒█ ▒█▄▄▄ ▒█▄▄▄█
  18.  
  19. © THEME 12: ~SPOOPY~ BY FOOMTHEMES.TUMBLR.COM
  20. PLEASE DO NOT TAKE CREDIT FOR THIS THEME AS IT GAVE ME A LOT OF TROUBLE
  21. YOU MAY EDIT THIS THEME AS MUCH AS YOU PLEASE BUT DO NOT CALL IT YOUR OWN
  22. FEEL FREE TO RECOMMEND IT TO YOUR FRIENDS UNLESS YOU DON'T HAVE FRIENDS THEN I'M SORRY
  23. WE COULD BE FRIENDS HIT ME UP BRO http://lucifa.co.vu
  24.  
  25. -->
  26.  
  27.  
  28.  
  29. <meta name="image:Background" content="">
  30. <meta name="image:Sidebar" content="">
  31. <meta name="image:Cursor" content="">
  32. <meta name="image:Favicon" content="">
  33. <meta name="color:Text" content="#333333">
  34. <meta name="color:Links" content="#444444">
  35. <meta name="color:Links Hover" content="#aaaaaa">
  36. <meta name="color:Background" content="#000000">
  37. <meta name="color:Posts Bg" content="#ffffff">
  38. <meta name="color:Blockquotes" content="#cccccc">
  39. <meta name="color:Border" content="#000000">
  40. <meta name="color:Border 2" content="#ffffff">
  41. <meta name="color:Tags and Info BG" content="#ffffff">
  42. <meta name="color:Tags and Info" content="#000000">
  43. <meta name="color:Tags and Info Hover" content="#ffaa00">
  44. <meta name="text:Blog Title" content="">
  45. <meta name="text:Subtitle" content="">
  46. <meta name="text:Font Size" content="15">
  47. <meta name="text:Blog title Size" content="30">
  48. <meta name="text:Subtitle Size" content="17">
  49.  
  50. <meta name="color:Scrollbar" content="#ffaa00">
  51. <meta name="text:Scrollbar Width" content="8">
  52.  
  53. <meta name="if:Use Mini Cursor" content="0">
  54. <meta name="if:Transparent Posts" content="0">
  55. <meta name="if:Use Normal Scrollbar" content="0">
  56. <meta name="if:Border" content="1">
  57. <meta name="if:Border 2" content="1">
  58. <meta name="if:Pixel Font" content="1">
  59. <meta name="if:2 column" content="0">
  60. <meta name="if:Infinite Scrolling" content="0">
  61. <meta name="if:Pixel Font" content="1">
  62. <meta name="if:Floating Ghosts" content="1">
  63. <meta name="if:Switch Ghost and Pumpkin Links" content="0">
  64.  
  65. <meta name="font:Body" content="Arial"/>
  66.  
  67.  
  68. <meta name="select:Background Style" content="" title="Normal"/>
  69. <meta name="select:Background Style" content="background-attachment: fixed; background-repeat:no-repeat;" title="Fixed, Non-repeating"/>
  70. <meta name="select:Background Style" content="background-attachment: fixed; background-size:100% 100%;" title="Fixed and 100%"/>
  71. <meta name="select:Background Style" content="background-attachment: fixed; background-size:cover;" title="Fixed and Covered"/>
  72. <meta name="select:Background Style" content="background-attachment: fixed;" title="Fixed"/>
  73. <meta name="select:Background Style" content="background-repeat: no-repeat;" title="Non-repeating"/>
  74. <meta name="select:Background Style" content="background-size: 100% 100%;" title="100%"/>
  75. <meta name="select:Background Style" content="background-size: cover;" title="Covered"/>
  76.  
  77.  
  78. <meta name="select:Blog Title Font" content="Creepster" title="Creepster"/>
  79. <meta name="select:Blog Title Font" content="Nova Slim" title="Nova Slim"/>
  80. <meta name="select:Blog Title Font" content="Passero One" title="Passero One"/>
  81. <meta name="select:Blog Title Font" content="Iceberg" title="Iceberg"/>
  82. <meta name="select:Blog Title Font" content="Eater" title="Eater"/>
  83. <meta name="select:Blog Title Font" content="Nosifer" title="Nosifer"/>
  84. <meta name="select:Blog Title Font" content="Henny Penny" title="Henny Penny"/>
  85. <meta name="select:Blog Title Font" content="Freckle Face" title="Freckle Face"/>
  86. <meta name="select:Blog Title Font" content="Butcherman" title="Butcherman"/>
  87.  
  88.  
  89. <meta name="select:Subtitle Font" content="Freckle Face" title="Freckle Face"/>
  90. <meta name="select:Subtitle Font" content="Eater" title="Eater"/>
  91. <meta name="select:Subtitle Font" content="Butcherman" title="Butcherman"/>
  92. <meta name="select:Subtitle Font" content="Nova Slim" title="Nova Slim"/>
  93. <meta name="select:Subtitle Font" content="Passero One" title="Passero One"/>
  94. <meta name="select:Subtitle Font" content="Iceberg" title="Iceberg"/>
  95. <meta name="select:Subtitle Font" content="Nosifer" title="Nosifer"/>
  96. <meta name="select:Subtitle Font" content="Henny Penny" title="Henny Penny"/>
  97. <meta name="select:Subtitle Font" content="Creepster" title="Creepster"/>
  98.  
  99.  
  100. <meta name="color:Sidebar Bg" content="#aaaaaa"/>
  101. <meta name="color:Sidebar Text" content="#ffffff"/>
  102. <meta name="color:Desc links Hover" content="#ffffff"/>
  103. <meta name="color:Desc links" content="#000000"/>
  104. <meta name="color:Ghost links" content="#ffffff"/>
  105. <meta name="color:Ghost links Bg" content="#000000"/>
  106. <meta name="color:Pumpkin links" content="#ffffff"/>
  107. <meta name="text:Link1" content=""/>
  108. <meta name="text:Link1Text" content=""/>
  109. <meta name="text:Link2" content=""/>
  110. <meta name="text:Link2Text" content=""/>
  111. <meta name="text:Link3" content=""/>
  112. <meta name="text:Link3Text" content=""/>
  113. <meta name="text:Link4" content=""/>
  114. <meta name="text:Link4Text" content=""/>
  115. <meta name="image:Floater" content="http://static.tumblr.com/6e5b4dd278f2b8c3b376304ae48a0b95/uluqsd1/9CHmtyt16/tumblr_static_ghost.png">
  116. <meta name="image:Floater 2" content="http://static.tumblr.com/27658793dd27691a3717d3387b2fce4e/uluqsd1/cW5mtyxka/tumblr_static_yeehw.gif">
  117. <meta name="image:Floater 3" content="http://static.tumblr.com/26223a2913cfe031b79b468d9b98f268/uluqsd1/OSrmtyxcs/tumblr_static_tumblr_inline_mtpojyegsr1rt8n3m.gif">
  118. <meta name="image:Floater 4" content="http://static.tumblr.com/583266c7e584257e51d93811a14fc946/uluqsd1/CFYmu0pu1/tumblr_static_boo_-ghost.gif">
  119.  
  120. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  121.  
  122. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  123.  
  124. <script>
  125.  
  126. (function($){
  127. $(document).ready(function(){
  128. $("a[title]").style_my_tooltips({
  129. tip_follows_cursor:true,
  130. tip_delay_time:90,
  131. tip_fade_speed:600,
  132. attribute:"title"
  133. });
  134. });
  135. })(jQuery);
  136. </script>
  137. <script>
  138. $(document).mouseover(function(){
  139. $(document).mousemove(function(e){
  140. $("#cursor").css({left:e.pageX, top:e.pageY});
  141. });
  142. });
  143. </script>
  144. <link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'>
  145. <style>
  146.  
  147. #cursor{
  148. position:absolute;
  149. margin:3px;
  150. -webkit-transition: all 10ms ease;
  151. -moz-transition: all 10ms ease;
  152. -ms-transition: all 10ms ease;
  153. -o-transition: all 10ms ease;
  154. transition: all 10ms ease;
  155. max-width:25px;
  156. z-index:9000000000000;
  157. }
  158.  
  159. @font-face {
  160. font-family: 'General Store';
  161. src: local('General Store'),
  162. url('http://static.tumblr.com/iwxqvyr/6IGmryz2p/general_store.ttf') format('truetype');
  163. font-weight: normal;
  164. font-style: normal;
  165. }
  166.  
  167. #s-m-t-tooltip {
  168. display:none;
  169. text-align:center;
  170. position:absolute;
  171. -webkit-transition: all 0ms ease;
  172. -moz-transition: all 0ms ease;
  173. -ms-transition: all 0ms ease;
  174. -o-transition: all 0ms ease;
  175. transition: all 0ms ease;
  176. z-index:500000000000000 !important;
  177. padding: 4px;
  178. background: #fff;
  179. margin-left: 13px;
  180. margin-top:5px;
  181. color: #000;
  182. border: 1px solid #333;
  183. font-size: 11px;
  184. font-family: "Pathway Gothic One";
  185. letter-spacing: 1px;
  186. text-transform: uppercase;
  187. }
  188.  
  189.  
  190. {block:ifNotUseNormalScrollbar}
  191. ::-webkit-scrollbar {width: {text:Scrollbar width}px; height:{text:Scrollbar width}px; background:#ffffff}
  192.  
  193. ::-webkit-scrollbar-corner {background:#ffffff}
  194.  
  195. ::-webkit-scrollbar-button:vertical {height:4px; width: 7px; display: block; background:{color:Scrollbar}}
  196.  
  197. ::-webkit-scrollbar-button:horizontal {width: 7px; height: 4px; display: block; background:{color:Scrollbar}}
  198.  
  199. ::-webkit-scrollbar-thumb:vertical {background:{color:Scrollbar}; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff}
  200.  
  201. ::-webkit-scrollbar-thumb:horizontal {background: #ffffff; border: 0px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid }
  202.  
  203. ::-webkit-scrollbar-thumb {background: {color:Scrollbar}; border-top: 0pt solid #ffffff; border-bottom: 0pt solid #ffffff}
  204.  
  205. ::-webkit-scrollbar-thumb:hover {background: {color:Scrollbar}; {block:ifUseMiniCursor}cursor:url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'), auto{/block:ifUseMiniCursor}}
  206.  
  207. ::-webkit-scrollbar-track-piece {background: #ffffff; border-top: 1pt solid #ffffff; border-bottom: 1pt solid #ffffff; width:4pt}{/block:ifNotUseNormalScrollbar}
  208.  
  209. {block:ifUseMiniCursor}
  210. html{ cursor:url('http://static.tumblr.com/7svvack/kl0mp1gfn/my_mouse.png'), auto }
  211.  
  212. a, a:hover { cursor:url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),auto}{/block:ifUseMiniCursor}
  213.  
  214. body {
  215. background: {color:background} url({image:Background});
  216. font-family: {block:ifPixelFont}"VT323",{/block:ifPixelFont} {font:Body};
  217. font-size: {text:font size}px;
  218. color: {color:Text};
  219. {select:Background Style}
  220. }
  221.  
  222. a {
  223. color: {color:Links};
  224. text-decoration: none;
  225. }
  226. a:hover {
  227. color: {color:Links Hover};
  228. text-decoration: none;
  229. }
  230.  
  231. * {
  232. -webkit-transition: all 500ms ease;
  233. -moz-transition: all 500ms ease;
  234. -ms-transition: all 500ms ease;
  235. -o-transition: all 500ms ease;
  236. transition: all 500ms ease;
  237. margin: 0px;
  238. }
  239.  
  240. #posts {
  241. width: 520px;
  242. padding-left:225px;
  243. margin-top: 5px;
  244. }
  245.  
  246. .post {
  247. width: 400px;
  248. border: 2px solid {color:Border};
  249. text-align: left;
  250. {block:ifNotTransparentPosts}background: {color:Posts Bg};{/block:ifNotTransparentPosts}
  251. padding: 5px;
  252. margin: 7px;
  253. }
  254.  
  255. .post img {
  256. max-width: 100%;
  257. }
  258.  
  259. .audio_player iframe {
  260. width: 100%;
  261. height: 60px;
  262. }
  263.  
  264. .chat .line {
  265. padding: 5px;
  266. border: 1px solid rgba(0,0,0,.1);
  267. border-top: 0px;
  268. }
  269. .chat .line:first-child {
  270. border-top: 1px solid rgba(0,0,0,.1);
  271. }
  272.  
  273. .chat .line.even {
  274. background: rgba(0,0,0,.01);
  275. }
  276.  
  277. .label {
  278. font-weight: bold;
  279. }
  280.  
  281.  
  282. .reblogg {
  283. font-size: 9px;
  284. font-family: "Strait";
  285. margin: -5px;
  286. margin-top: 5px;
  287. letter-spacing: 1px;
  288. text-align: center;
  289. padding: 5px;
  290. color: {color:Tags and info};
  291. background: {color:Tags and info Bg};
  292. opacity: 1;
  293. }
  294.  
  295. .reblogg a {
  296. color: {color:Tags and info};
  297. }
  298.  
  299. .reblogg a:hover {
  300. color: {color:Tags and info hover};
  301. }
  302.  
  303. .reblogg:hover {
  304. opacity: .9;
  305. }
  306.  
  307. .ralsir{
  308. float: right;
  309. }
  310.  
  311. .title {
  312. font-size: 30px;
  313. font-family: 'Bigelow Rules', cursive;
  314. text-shadow: 1px 1px 1px {color:Text};
  315. letter-spacing: 2px;
  316. text-align: center;
  317. }
  318.  
  319. blockquote {
  320. margin-left:5px;
  321. border-left: 3px solid {color:Blockquotes};
  322. padding-left:5px;
  323. }
  324.  
  325. .tags {
  326. text-align: left;
  327. clear: both;
  328. }
  329. .va {
  330. width: 1px;
  331. height: 100%;
  332. display: inline-block;
  333. vertical-align: middle;
  334. }
  335.  
  336.  
  337. .sym {
  338. font-family: "General Store";
  339. margin-right: 5px;
  340. display: inline-block;
  341. }
  342.  
  343. .unos {
  344. float: left;
  345. text-transform: uppercase;
  346. }
  347.  
  348. .like_button {position:relative; display:inline-block;
  349. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer!important; }
  350. #oh {}
  351. .like_button iframe {position:absolute; top:0; left:0; width:100%;
  352. height: 15px;
  353. opacity: 0;
  354. margin-top: -3px;
  355. z-index: 5;
  356.  
  357. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer!important;}
  358. .like_button::before {content:'♥'; text-transform:lowercase!important; position:relative; font-size:12px; z-index:3;
  359. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer !important;}
  360. .like_button:hover:before, .like_button.liked:before {color:#ff0000;
  361. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer!important;
  362. }
  363.  
  364. .reblogbutton:hover {
  365. fill: green;
  366. }
  367.  
  368. .reblogbutton {
  369. fill: {color:Tags and info};
  370. }
  371.  
  372. .minjs {
  373. height: 0px;
  374. clear: both;
  375. width: 100%;
  376. }
  377.  
  378.  
  379. .asker img{
  380. height: 55px;
  381. float:left;
  382. margin: 5px;
  383. border: 1px {color:Posts Bg} solid;
  384. }
  385.  
  386. .arrow_box {
  387. background: {color:Tags and info bg};
  388. padding: 5px;
  389. color: {color:Tags and info};
  390. }
  391.  
  392. .askername {
  393. font-size: 12px;
  394. font-family: pathway gothic one;
  395. letter-spacing: 1px;
  396. text-transform: uppercase;
  397. padding-top: 9px;
  398. }
  399.  
  400. .answer {
  401. clear:both;
  402. }
  403.  
  404. #gravebar {
  405. width: 210px;
  406. position: fixed;
  407. left: 50%;
  408. margin-left: -380px;
  409. color: {color:Sidebar Text};
  410. height: 100%;
  411. }
  412.  
  413. #box {
  414. vertical-align: middle;
  415. display: inline-block;
  416. width: 195px;
  417. }
  418.  
  419. #simgo {
  420. position: absolute;
  421. z-index: 1;
  422. }
  423. #simg {
  424. width: 240px;
  425. margin-left: -20px;
  426. position: relative;
  427. z-index: 1;
  428. }
  429.  
  430. #simg img {
  431. width: 240px;
  432. position: absolute;
  433. bottom: -80px;
  434. }
  435.  
  436. #gravetop {
  437. height: 60px;
  438. padding-top: 30px;
  439. -webkit-border-radius: 100px 100px 0px 0px;
  440. border-radius:100px 100px 0px 0px;
  441. background: {color:Sidebar Bg} url("http://static.tumblr.com/iwxqvyr/0s8mu4fq2/rewsfdk.png");
  442. border-left: 2px solid {color:Border 2};
  443. border-right: 2px solid {color:Border 2};
  444. border-top: 2px solid {color:Border 2};
  445. background-size: 100%;
  446. position: relative;
  447. z-index: 3;
  448. text-align: center;
  449. }
  450.  
  451. #title {
  452. font-family: {select:Blog Title Font};
  453. font-size: 30px;
  454. text-align: center;
  455. text-shadow:
  456. -1px 0px 1px rgba(0,0,0,.5),
  457. 0px -1px 1px rgba(0,0,0,.5);
  458. opacity: .9;
  459. padding: 5px;
  460. font-weight: bold;
  461. }
  462.  
  463. #sub {
  464. font-size: 17px;
  465. margin-top: -10px;
  466. text-align: center;
  467. font-weight: normal;
  468. font-family: {select:Subtitle Font};
  469. }
  470.  
  471. #desc {
  472. min-height: 120px;
  473. padding: 10px;
  474. text-align: center;
  475. position: relative;
  476. padding-bottom: 40px;
  477. border-left: 2px solid {color:Border 2};
  478. border-right: 2px solid {color:Border 2};
  479. border-bottom: 2px solid {color:Border 2};
  480. background: {color:Sidebar Bg} url("http://static.tumblr.com/iwxqvyr/0s8mu4fq2/rewsfdk.png");
  481. background-size: 100%;
  482. z-index: 3;
  483. background-position: 0 -90px;
  484. }
  485.  
  486. #indesc {
  487. margin-top: -50px;
  488. text-shadow:
  489. -1px 0px 1px rgba(0,0,0,.5),
  490. 0px -1px 1px rgba(0,0,0,.5);
  491. opacity: .9;
  492. position: relative;
  493. z-index: 3;
  494. }
  495.  
  496. #indesc a {
  497. color: {color:Desc Links};
  498. }
  499.  
  500. #indesc a:hover {
  501. color: {color:Desc Links Hover};
  502. }
  503.  
  504. #links a {
  505. background: url("http://static.tumblr.com/iwxqvyr/vyZmu3ts7/pumcpkin.png");
  506. display: inline-block;
  507. height: 35px;
  508. padding-top: 20px;
  509. width: 60px;
  510. text-transform: lowercase;
  511. font-size: 12px;
  512. font-family: "henny penny";
  513. background-size: 100% 100%;
  514. color: #fff;
  515. text-shadow:
  516. -1px 0px 1px rgba(0,0,0,.5),
  517. 0px -1px 1px rgba(0,0,0,.5);
  518. text-align: center;
  519. margin: -8px;
  520. }
  521.  
  522. #links:after {
  523. display: inline-block;
  524. width: 100%;
  525. content: "";
  526. }
  527.  
  528. #links {
  529. position: absolute;
  530. bottom: -25px;
  531. text-align: justify;
  532. left: -5px;
  533. right: -5px;
  534. letter-spacing: 1px;
  535. z-index: 3;
  536. }
  537.  
  538. #whoaho {
  539. position: absolute;
  540. bottom: 0;
  541. left: -30px;
  542. text-align: center;
  543. right: -30px;
  544. }
  545.  
  546. #whoaho div {
  547. background: {color:Border 2};
  548. height: 13px;
  549. width: 90%;
  550. margin-left: 5%;
  551. opacity: .7;
  552. position: relative;
  553. top:13px;
  554. }
  555.  
  556. #links a:nth-child(even) {
  557. -moz-transform: scale(1) rotate(10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  558. -webkit-transform: scale(1) rotate(10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  559. -o-transform: scale(1) rotate(10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  560. -ms-transform: scale(1) rotate(10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  561. transform: scale(1) rotate(10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  562. letter-spacing: 0px;
  563. }
  564.  
  565.  
  566. #links a:nth-child(odd) {
  567. -moz-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  568. -webkit-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  569. -o-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  570. -ms-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  571. transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  572. letter-spacing: 1px;
  573. }
  574.  
  575. #next img {
  576. position: fixed;
  577. width: 100px;
  578. bottom: 0;
  579. left: 50%;
  580. margin-left: 320px;
  581. z-index: 1000;
  582. }
  583.  
  584. #prev img {
  585. position: fixed;
  586. width: 100px;
  587. bottom: 0;
  588. left: 50%;
  589. margin-left: -200px;
  590. z-index: 1000;
  591. }
  592.  
  593. .thing img {
  594. width: 20px;
  595. display: block;
  596. }
  597.  
  598. .thing {
  599. display: inline-block;
  600. }
  601.  
  602. #things {
  603. text-align: center;
  604. }
  605.  
  606. select {
  607. position: absolute;
  608. width: 140px;
  609. margin-left: -70px;
  610. margin-top: 13px;
  611. font-family: {block:ifPixelFont}"VT323",{/block:ifPixelFont} {font:Body};
  612. color: #000;
  613. font-size: {text:font size}px;
  614. }
  615.  
  616. #credit {
  617. padding: 2px;
  618. font-family: "Nova Mono";
  619. font-size: 11px;
  620. display: inline-block;
  621. color: #fff;
  622. text-shadow:
  623. -1px -1px 0 rgba(0,0,0,1),
  624. 1px -1px 0 rgba(0,0,0,1),
  625. -1px 1px 0 rgba(0,0,0,1),
  626. 1px 1px 0 rgba(0,0,0,1),
  627. -1px 0px 0 rgba(0,0,0,1),
  628. -0px -1px 0 rgba(0,0,0,1),
  629. 1px -0px 0 rgba(0,0,0,1),
  630. 0px 1px 0 rgba(0,0,0,1);
  631. height: 14px;
  632. width: 60px;
  633. overflow: hidden;
  634. z-index: 10000000000000000000000000;
  635. position: fixed;
  636. bottom: 0;
  637. margin: 30px;
  638. right: 0;
  639. }
  640. #credit #inner {
  641. animation:credit 3s infinite;
  642. -webkit-animation:credit 5s infinite;
  643. position: relative;
  644. -webkit-transition: all 0ms ease;
  645. -moz-transition: all 0ms ease;
  646. -ms-transition: all 0ms ease;
  647. -o-transition: all 0ms ease;
  648. transition: all 0ms ease;
  649. }
  650.  
  651. @keyframes credit {
  652. 0% {top: 0; left: 0;}
  653. 19% {top: 0; left: 0; font-size: 11px;}
  654. 20% {top: -10px; left: -15px; font-size: 40px;}
  655. 21% {top: 0; left: 0; font-size: 11px;}
  656. 49% {top: 0; left: 0; font-size: 11px;opacity: 1;}
  657. 50% {top: -50px; left: 5px; font-size: 20px; opacity: .6;}
  658. 51% {top: 0; left: 0; font-size: 11px;opacity: 1;}
  659. 79% {top: 0; left: 0; font-size: 11px;}
  660. 80% {top: -30px; left: -35px; font-size: 30px;}
  661. 81% {top: 0; left: 0; font-size: 11px;}
  662. 100% {top: 0; left: 0;}
  663. }
  664.  
  665. @-webkit-keyframes credit /* Webkit Browsers */ {
  666. 0% {top: 0; left: 0;}
  667. 19% {top: 0; left: 0; font-size: 11px;}
  668. 20% {top: -10px; left: -15px; font-size: 40px;}
  669. 21% {top: 0; left: 0; font-size: 11px;}
  670. 49% {top: 0; left: 0; font-size: 11px;opacity: 1;}
  671. 50% {top: -50px; left: 5px; font-size: 20px; opacity: .6;}
  672. 51% {top: 0; left: 0; font-size: 11px;opacity: 1;}
  673. 79% {top: 0; left: 0; font-size: 11px;}
  674. 80% {top: -30px; left: -35px; font-size: 30px;}
  675. 81% {top: 0; left: 0; font-size: 11px;}
  676. 100% {top: 0; left: 0;}
  677. }
  678. </style>
  679.  
  680. <link href='http://fonts.googleapis.com/css?family=Passero+One|Squada+One|Pathway+Gothic+One|Strait|Iceberg|Special+Elite|Nosifer|Bigelow+Rules|Creepster|Butcherman|Nova+Mono|Nova+Slim|Eater|Henny+Penny|VT323|Freckle+Face' rel='stylesheet' type='text/css'>
  681.  
  682. {block:If2column}{block:IndexPage}
  683.  
  684. <style>
  685. .post {
  686. width: 250px;
  687. margin-left: 5px;
  688. }
  689.  
  690. #posts {
  691. width: 600px;
  692. padding-left: 300px;
  693. }
  694. </style>
  695.  
  696. <script src="http://static.tumblr.com/twte3d7/C5Bllzh32/masonry.js"></script>
  697.  
  698. {block:IfInfiniteScrolling}<script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  699. <style> #pagination {display: none}</style>
  700. {/block:IfInfiniteScrolling}
  701.  
  702.  
  703. <script type="text/javascript">
  704. $(window).load(function () {
  705. $('#posts').masonry(),
  706. $('.masonryWrap').infinitescroll({
  707. navSelector : "#pagination",
  708. nextSelector : "#pagination a#next",
  709. itemSelector : ".post",
  710. bufferPx : 10000,
  711. extraScrollPx: 11000,
  712. loadingImg : "",
  713. loadingText : "",
  714. },
  715. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  716. );
  717. });
  718. </script>
  719. {/block:IndexPage}{/block:If2column}
  720. </head>
  721. <body>
  722. {block:IfFloatingGhosts}
  723. <style>
  724. .float { position:absolute; left: -500px; z-index: 10; opacity: .7; pointer-events: none; } .float img { max-width: 50px; }
  725. </style>
  726. <script type="text/javascript" src="http://samisite.com/extras/HTMLobj-1640/moveobj.js"> </script>
  727. <script>
  728. //Step 1: Define unique variable names depending on number of flying images (ie:3):
  729. var flyimage1, flyimage2, flyimage3, flyimage4, flyimage5, flyimage6, flyimage7, flyimage8, flyimage9, flyimage10, flyimage11, flyimage12
  730. function pagestart(){
  731. //Step 2: Using the same variable names as 1), add or delete more of the below lines (47=width, height=68 of image):
  732. flyimage1=new Chip("flyimage1",32,32);
  733. flyimage2=new Chip("flyimage2",40,40);
  734. flyimage3=new Chip("flyimage3",32,32);
  735. flyimage4=new Chip("flyimage4",32,32);
  736. flyimage5=new Chip("flyimage5",40,40);
  737. flyimage6=new Chip("flyimage6",32,32);
  738. flyimage7=new Chip("flyimage7",32,32);
  739. flyimage8=new Chip("flyimage8",40,40);
  740. flyimage9=new Chip("flyimage9",32,32);
  741. flyimage10=new Chip("flyimage10",32,32);
  742. flyimage11=new Chip("flyimage11",40,40);
  743. flyimage12=new Chip("flyimage12",32,32);
  744. //Step 3: Using the same variable names as 1), add or delete more of the below lines:
  745. movechip("flyimage1");
  746. movechip("flyimage2");
  747. movechip("flyimage3");
  748. movechip("flyimage4");
  749. movechip("flyimage5");
  750. movechip("flyimage6");
  751. movechip("flyimage7");
  752. movechip("flyimage8");
  753. movechip("flyimage9");
  754. movechip("flyimage10");
  755. movechip("flyimage11");
  756. movechip("flyimage12");
  757. }
  758. if (window.addEventListener)
  759. window.addEventListener("load", pagestart, false)
  760. else if (window.attachEvent)
  761. window.attachEvent("onload", pagestart)
  762. else if (document.getElementById)
  763. window.onload=pagestart
  764. </script>
  765.  
  766. <div>
  767. <div id="flyimage1" class="float">
  768. <img src="{image:Floater}">
  769. </div>
  770. <div id="flyimage2" class="float">
  771. <img src="{image:Floater}">
  772. </div>
  773. <div id="flyimage3" class="float">
  774. <img src="{image:Floater}">
  775. </div>
  776. <div id="flyimage4" class="float">
  777. <img src="{image:Floater 2}">
  778. </div>
  779. <div id="flyimage5" class="float">
  780. <img src="{image:Floater 2}">
  781. </div>
  782. <div id="flyimage6" class="float">
  783. <img src="{image:Floater 2}">
  784. </div>
  785. <div id="flyimage7" class="float">
  786. <img src="{image:Floater 3}">
  787. </div>
  788. <div id="flyimage8" class="float">
  789. <img src="{image:Floater 3}">
  790. </div>
  791. <div id="flyimage9" class="float">
  792. <img src="{image:Floater 3}">
  793. </div>
  794. <div id="flyimage10" class="float">
  795. <img src="{image:Floater 4}">
  796. </div>
  797. <div id="flyimage11" class="float">
  798. <img src="{image:Floater 4}">
  799. </div>
  800. <div id="flyimage12" class="float">
  801. <img src="{image:Floater 4}">
  802. </div>
  803. </div>{/block:IfFloatingGhosts}
  804. <a href="http://foomthemes.tumblr.com"><div id="credit"> <nobr><div id="inner">FOOMTHEMES</nobr></div></div></a>
  805.  
  806. {block:ifCursorImage}<img id="cursor" src="{image:Cursor}" />{/block:ifCursorImage}
  807.  
  808.  
  809. <div id="pagination">{block:PreviousPage}
  810. <a href="{PreviousPage}" title="Previous Page" id="prev"><img src="http://static.tumblr.com/iwxqvyr/HArmu4orv/next_page.png"></a>
  811. {/block:PreviousPage}
  812.  
  813. {block:NextPage}
  814. <a href="{NextPage}" title="Next Page" id="next"><img src="http://static.tumblr.com/iwxqvyr/ymzmu4or6/back_no_wait.png"></a>
  815. {/block:NextPage}</div>
  816.  
  817. <div id="gravebar">
  818. <div class="va"></div>
  819. <div id="box">
  820. <div id="simgo"><div id="simg"><img src="{image:Sidebar}"></div>
  821.  
  822.  
  823.  
  824. </div>
  825. <div id="gravetop">{block:ifNotSwitchGhostAndPumpkinLinks}
  826. <div id="home" class="thing"><a href="/" title="HOME"><img src="http://static.tumblr.com/iwxqvyr/XVkmu5fr2/ghost_1.png"></a></div>
  827. <div id="ask" class="thing"><a href="/ask" title="ASK"><img src="http://static.tumblr.com/iwxqvyr/QkRmu5fst/ghost_2.png"></a></div>
  828. <div id="submit" class="thing"><a href="/submit" title="SUBMIT"><img src="http://static.tumblr.com/iwxqvyr/XVkmu5fr2/ghost_1.png"></a></div>
  829. <div id="archive" class="thing"><a href="/archive" title="ARCHIVE"><img src="http://static.tumblr.com/iwxqvyr/QkRmu5fst/ghost_2.png"></a></div>
  830. {/block:ifNotSwitchGhostAndPumpkinLinks}
  831.  
  832. {block:ifSwitchGhostAndPumpkinLinks}
  833. {block:IfLink1}<div id="home" class="thing"><a href="{text:Link1}" title"{text:link1text}"><img src="http://static.tumblr.com/iwxqvyr/XVkmu5fr2/ghost_1.png"></a></div>{/block:IfLink1}
  834. {block:IfLink2}<div id="ask" class="thing"><a href="{text:Link2}" title="{text:Link2Text}"><img src="http://static.tumblr.com/iwxqvyr/QkRmu5fst/ghost_2.png"></a></div>{/block:IfLink2}
  835. {block:IfLink3}<div id="home" class="thing"><a href="{text:Link3}" title"{text:link3text}"><img src="http://static.tumblr.com/iwxqvyr/XVkmu5fr2/ghost_1.png"></a></div>{/block:IfLink3}
  836. {block:IfLink4}<div id="ask" class="thing"><a href="{text:Link4}" title="{text:Link4Text}"><img src="http://static.tumblr.com/iwxqvyr/QkRmu5fst/ghost_2.png"></a></div>{/block:IfLink4}
  837. {/block:ifSwitchGhostAndPumpkinLinks}
  838. </div>
  839. <div id="desc">
  840. <div id="indesc">
  841. <div id="title">
  842. <span>{block:ifBlogTitle}{text:Blog Title}{/block:ifBlogTitle}{block:ifNotBlogTitle}{Title}{/block:ifNotBlogTitle}<div id="sub">{text:Subtitle}</div></span>
  843. </div>
  844. {Description}</div>
  845. <div id="links">
  846. {block:ifNotSwitchGhostAndPumpkinLinks}
  847. {block:IfLink1}<a href="{text:Link1}">{text:Link1Text}&nbsp;</a>{/block:IfLink1}
  848. {block:IfLink2}<a href="{text:Link2}">{text:Link2Text}&nbsp;</a>{/block:IfLink2}
  849. {block:IfLink3}<a href="{text:Link3}">{text:Link3Text}&nbsp;</a>{/block:IfLink3}
  850. {block:IfLink4}<a href="{text:Link4}">{text:Link4Text}&nbsp;</a>{/block:IfLink4}
  851. {/block:ifNotSwitchGhostAndPumpkinLinks}
  852.  
  853. {block:ifSwitchGhostAndPumpkinLinks}
  854. <a href="/">home</a>
  855. <a href="/ask">ask</a>
  856. <a href="/submit">submit</a>
  857. <a href="/archive">archive</a>
  858. {/block:ifSwitchGhostAndPumpkinLinks}
  859. {block:HasPages}<center>
  860. <select onchange="location.href=this.options[this.selectedIndex].value;">
  861. <option>NAVIGATION</option>
  862. {block:Pages}
  863. <option value="{URL}">{label}</option>
  864. {/block:Pages}
  865. </select>
  866. </center>{/block:HasPages}
  867. </div>
  868. <div id="whoaho">
  869. <div><div><div></div></div></div>
  870. </div>
  871. </div>
  872. </div>
  873. <div class="va"></div>
  874. </div>
  875.  
  876. <center>
  877. <div id="posts">
  878. {block:Posts}
  879. <div class="post">
  880. {block:Answer}
  881. <div class="asker"><img src="{AskerPortraitURL-128}"/></div>
  882. <div class="askername"><nobr>{Asker}</nobr></div>
  883. <div class="arrow_box"><strong>{Question}</strong></div>
  884. <div class="answer">
  885. {Answer}
  886. </div>
  887. {/block:Answer}
  888.  
  889. {block:Text}
  890. {block:Title}
  891. <div class="title">{Title}</div>
  892.  
  893. {/block:Title}
  894.  
  895. <div class="caption">{Body}</div>
  896. {/block:Text}
  897. {block:Photo}
  898. {LinkOpenTag}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></center>{LinkCloseTag}
  899.  
  900. {block:Caption}
  901. <div class="caption">{Caption}</div>
  902. {/block:Caption}
  903. {/block:Photo}
  904.  
  905. {block:Panorama}
  906. {LinkOpenTag}
  907. <center><img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/></center>
  908. {LinkCloseTag}
  909.  
  910. {block:Caption}
  911. <div class="caption">{Caption}</div>
  912. {/block:Caption}
  913. {/block:Panorama}
  914.  
  915. {block:Photoset}
  916. <center>
  917. <center>{block:IndexPage}{block:ifNot2column}{Photoset-400}{/block:ifNot2column}{block:if2column}{Photoset-250}{/block:if2column}
  918.  
  919. {/block:IndexPage}
  920. {block:PermalinkPage}
  921. {Photoset-400}
  922. {/block:PermalinkPage}</center></center>
  923.  
  924. {block:Caption}
  925. <div class="caption">{Caption}</div>
  926. {/block:Caption}
  927. {/block:Photoset}
  928. {block:Quote}
  929. <center><div class="title">"{Quote}"</div>
  930.  
  931. {block:Source}
  932.  
  933. <div class="source">{Source}</div>
  934. {/block:Source}</center>
  935. {/block:Quote}
  936.  
  937. {block:Link}
  938. <a href="{URL}" {Target}><div class="title">{Name}</div></a>
  939.  
  940. {block:Description}
  941.  
  942. <div class="caption">{Description}</div>
  943. {/block:Description}
  944. {/block:Link}
  945.  
  946. {block:Chat}
  947. {block:Title}
  948. <div class="title">{Title}</div>
  949.  
  950. {/block:Title}
  951. <div class="chat">
  952. {block:Lines}
  953. <div class="{Alt} user_{UserNumber} line">
  954. {block:Label}
  955. <span class="label">{Label}</span>
  956. {/block:Label}
  957. {Line}
  958. </div>
  959. {/block:Lines}
  960. </div>
  961. {/block:Chat}
  962.  
  963. {block:Video}
  964.  
  965. {block:IndexPage}{block:ifNot2column}{Video-400}{/block:ifNot2column}
  966. {block:if2column}{Video-250}{/block:if2column}
  967.  
  968. {/block:IndexPage}
  969. {block:PermalinkPage}
  970. {Photoset-400}
  971. {/block:PermalinkPage}
  972. {block:Caption}
  973. <div class="caption">{Caption}</div>
  974. {/block:Caption}
  975. {/block:Video}
  976.  
  977. {block:Audio}
  978. {AudioPlayerWhite}
  979.  
  980. {block:Caption}
  981. <div class="caption">{Caption}</div>
  982. {/block:Caption}
  983. {/block:Audio}
  984.  
  985. {block:Date}<div class="reblogg">
  986.  
  987. <div class="ralsir"><a href="{ReblogURL}" class="sym rebloggit" title="Reblog"><svg width="9px" height="9px" viewBox="0 0 537 512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="reblogbutton"><path d="M 98.893,177.139c0.00-7.462, 4.826-12.275, 12.288-12.275L 405.12,164.864 l0.00,83.469 l 118.72-120.947L 405.12,8.678l0.00,81.51 L 49.382,90.189 c-15.206,0.00-27.648,12.429-27.648,27.648l0.00,171.814 l 77.146-71.603L 98.88,177.139 z M 438.874,332.646c0.00,7.45-4.826,12.275-12.275,12.275L 123.75,344.922 l0.00-83.469 l-116.506,120.922l 116.506,120.947l0.00-81.498 l 356.864,0.00 c 15.206,0.00, 27.648-12.454, 27.648-27.648L 508.262,220.134 l-69.402,71.59L 438.861,332.646 z"></path></svg></a>
  988. <div style="margin-top:-13px; margin-left:30px;" id="oh"><a title="like this post">{LikeButton color="grey" size="10"}</a></div></div>
  989. <div class="unos">
  990. <a href="{permalink}">{12Hour}:{minutes}{AMPM} | {monthNumber}/{DayOfMonth}/{shortyear}</a>
  991. |
  992. <a href="{Permalink}" >{NoteCountWithLabel}</a>
  993. {block:RebloggedFrom}|
  994. <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a>
  995. {/block:RebloggedFrom}
  996. {block:ContentSource}|
  997. <a href="{SourceURL}" title="{SourceTitle}">SOURCE</a>
  998. {/block:ContentSource}
  999. </div>
  1000. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}" style="text-transform:none;">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  1001. <div class="minjs"></div>
  1002. </div></div>
  1003. {block:PostNotes}<div class="post">{PostNotes}</div>{/block:PostNotes}{/block:Date}
  1004.  
  1005. {/block:Posts}
  1006. </div></center>
  1007. </body>
  1008. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!