API tools faq
paste
Advertisement
ham56

theme2

ham56
Oct 24th, 2014
190
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.90 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <title>{Title}</title>
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9. <link rel="shortcut icon" href="{Favicon}" />
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  11.  
  12. <meta name="image:background" content="" />
  13. <meta name="color:background" content="" />
  14.  
  15. <meta name="image:sideimg" content="" />
  16.  
  17. <meta name="color:audio" content="" />
  18. <meta name="color:audio text" content="" />
  19.  
  20. <meta name="color:postinfo" content="" />
  21.  
  22. <meta name="color:link" content="" />
  23. <meta name="color:text" content="" />
  24. <meta name="color:hover" content="" />
  25.  
  26. <meta name="color:question" content="" />
  27. <meta name="color:question text" content="" />
  28.  
  29. <meta name="color:italic" content="" />
  30. <meta name="color:bold" content="" />
  31.  
  32. <meta name="image:sidebar" content="http://puu.sh/cpv0j/a9fa1c509c.jpg"/>
  33.  
  34. <meta name="text:link1" content="/" />
  35. <meta name="text:link1 title" content="link1" />
  36. <meta name="text:link2" content="/" />
  37. <meta name="text:link2 title" content="link2" />
  38. <meta name="text:link3" content="/" />
  39. <meta name="text:link3 title" content="link3" />
  40. <meta name="text:link4" content="/" />
  41. <meta name="text:link4 title" content="link4" />
  42. <meta name="text:link5" content="/" />
  43. <meta name="text:link5 title" content="link5" />
  44.  
  45. <!--TOOLTIPS-->
  46.  
  47. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  48.  
  49. <script type="text/javascript" src="http://static.tumblr.com/ko1mcho/PMbmlkh9e/jquery.style-my-tooltips.js"></script>
  50.  
  51. <script>
  52. (function($){
  53. $(document).ready(function(){
  54. $("[title],a[title],img[title]").style_my_tooltips({
  55. tip_follows_cursor: "true",
  56. tip_delay_time: 100,
  57. tip_fade_speed: 100,
  58. attribute: "title"
  59. });
  60. });
  61. })(jQuery);
  62. </script>
  63.  
  64. <style type="text/css">
  65.  
  66. /*SIDEBAR*/
  67.  
  68. #sidebar {
  69. top: 47px;
  70. left: 50px;
  71. width: 228px;
  72. height: 100%;
  73. padding: 10px;
  74. background-color: transparent;
  75. color: #000000;
  76. font-family: silkscreen;
  77. font-size: 8px;
  78. letter-spacing: 1px;
  79. text-align: justify;
  80. opacity: 1;
  81. overflow: hidden;
  82. position: fixed;
  83. }
  84.  
  85. #simg img {
  86. margin-left: 0px;
  87. width: 200px;
  88. background-color: transparent;
  89. border: 2px solid #ffffff;
  90. border-radius: 15px;
  91. }
  92.  
  93. #simg img:hover {
  94. opacity: 0.5;
  95. transition: all 0.5s ease-in-out;
  96. -webkit-transition: all 0.5s ease-in-out;
  97. -moz-transition: all 0.5s ease-in-out;
  98. -o-transition: all 0.5s ease-in-out;
  99. -ms-transition: all 0.5s ease-in-out;
  100. }
  101.  
  102. #description {
  103. margin-left: 0px;
  104. line-height: 140%;
  105. text-align: right;
  106. font-family: times;
  107. margin-top: 28px;
  108. font-size: 10px;
  109. font-weight: normal;
  110. color: {color:description text};
  111. position: fixed;
  112. padding: 0px 11px 0px 3px;
  113. padding: 5px 15px 5px 15px ;
  114. width: 200px;
  115. -webkit-transition: all 0.7s ease-out;
  116. -moz-transition: all 0.7s ease-out;
  117. transition: all 0.7s ease-out;
  118. }
  119.  
  120. #title {
  121. color: #000000;
  122. font-family: Monotype Corsiva;
  123. margin-bottom: 6px;
  124. font-style: none;
  125. margin-left: 0px;
  126. text-align: center;
  127. position: justify;
  128. width: 200px;
  129. line-height: 20px;
  130. margin-top: -11px;
  131. letter-spacing: 0px;
  132. z-index: 999;
  133. font-size: 20px;
  134. }
  135.  
  136. #title a {
  137. color: {color:title};
  138. background-color: {color:background};
  139. padding: 2px;
  140. z-index: 999;
  141. }
  142.  
  143.  
  144. #titleb {
  145. height: 1px;
  146. width: 190px;
  147. margin-left: 10px;
  148. position: justify;
  149. background-color: #ffffff;
  150. margin-top: 23px;
  151. }
  152.  
  153. /*LINKS*/
  154.  
  155. #link1 {
  156. color: #000000;
  157. border: 2px solid #ffc8e3;
  158. position: fixed !important;
  159. width: 96px;
  160. height: 13px;
  161. margin-top: -16px;
  162. margin-left: 50px;
  163. padding: 5px;
  164. background-color: #ffffff;
  165. font-size: 12px;
  166. font-family: Monotype Corsiva;
  167. line-height: 13px;
  168. text-align: center;
  169. transition: all 1s ease-in-out;
  170. -webkit-transition: all 1s ease-in-out;
  171. -moz-transition: all 1s ease-in-out;
  172. -o-transition: all 1s ease-in-out;
  173. -ms-transition: all 1s ease-in-out;
  174. }
  175.  
  176. #link1:hover {
  177. color: #ffc8e3;
  178. letter-spacing: 4px;
  179. transition: all 0.3s ease-in-out;
  180. -webkit-transition: all 0.3s ease-in-out;
  181. -moz-transition: all 0.3s ease-in-out;
  182. -o-transition: all 0.3s ease-in-out;
  183. -ms-transition: all 0.3s ease-in-out;
  184. }
  185.  
  186. #link2 {
  187. color: #000000;
  188. border: 2px solid #ffc8e3;
  189. position: fixed !important;
  190. width: 96px;
  191. height: 13px;
  192. margin-top: 8px;
  193. margin-left: 50px;
  194. padding: 5px;
  195. background-color: #ffffff;
  196. font-size: 12px;
  197. font-family: Monotype Corsiva;
  198. line-height: 13px;
  199. text-align: center;
  200. transition: all 1s ease-in-out;
  201. -webkit-transition: all 1s ease-in-out;
  202. -moz-transition: all 1s ease-in-out;
  203. -o-transition: all 1s ease-in-out;
  204. -ms-transition: all 1s ease-in-out;
  205. }
  206.  
  207. #link2:hover {
  208. color: #ffc8e3;
  209. letter-spacing: 4px;
  210. transition: all 0.3s ease-in-out;
  211. -webkit-transition: all 0.3s ease-in-out;
  212. -moz-transition: all 0.3s ease-in-out;
  213. -o-transition: all 0.3s ease-in-out;
  214. -ms-transition: all 0.3s ease-in-out;
  215. }
  216.  
  217. #link3 {
  218. color: #000000;
  219. border: 2px solid #ffc8e3;
  220. position: fixed !important;
  221. width: 96px;
  222. height: 13px;
  223. margin-top: 32px;
  224. margin-left: 50px;
  225. padding: 5px;
  226. background-color: #ffffff;
  227. font-size: 12px;
  228. font-family: Monotype Corsiva;
  229. line-height: 13px;
  230. text-align: center;
  231. transition: all 1s ease-in-out;
  232. -webkit-transition: all 1s ease-in-out;
  233. -moz-transition: all 1s ease-in-out;
  234. -o-transition: all 1s ease-in-out;
  235. -ms-transition: all 1s ease-in-out;
  236. }
  237.  
  238. #link3:hover {
  239. color: #ffc8e3;
  240. letter-spacing: 4px;
  241. transition: all 0.3s ease-in-out;
  242. -webkit-transition: all 0.3s ease-in-out;
  243. -moz-transition: all 0.3s ease-in-out;
  244. -o-transition: all 0.3s ease-in-out;
  245. -ms-transition: all 0.3s ease-in-out;
  246. }
  247.  
  248. #link4 {
  249. color: #000000;
  250. border: 2px solid #ffc8e3;
  251. position: fixed !important;
  252. width: 96px;
  253. height: 13px;
  254. margin-top: 56px;
  255. margin-left: 50px;
  256. padding: 5px;
  257. background-color: #ffffff;
  258. font-size: 12px;
  259. font-family: Monotype Corsiva;
  260. line-height: 13px;
  261. text-align: center;
  262. transition: all 1s ease-in-out;
  263. -webkit-transition: all 1s ease-in-out;
  264. -moz-transition: all 1s ease-in-out;
  265. -o-transition: all 1s ease-in-out;
  266. -ms-transition: all 1s ease-in-out;
  267. }
  268.  
  269. #link4:hover {
  270. color: #ffc8e3;
  271. letter-spacing: 4px;
  272. transition: all 0.3s ease-in-out;
  273. -webkit-transition: all 0.3s ease-in-out;
  274. -moz-transition: all 0.3s ease-in-out;
  275. -o-transition: all 0.3s ease-in-out;
  276. -ms-transition: all 0.3s ease-in-out;
  277. }
  278.  
  279. #link5 {
  280. color: #000000;
  281. border: 2px solid #ffc8e3;
  282. position: fixed !important;
  283. width: 96px;
  284. height: 13px;
  285. margin-top: 80px;
  286. margin-left: 50px;
  287. padding: 5px;
  288. background-color: #ffffff;
  289. font-size: 12px;
  290. font-family: Monotype Corsiva;
  291. line-height: 13px;
  292. text-align: center;
  293. transition: all 1s ease-in-out;
  294. -webkit-transition: all 1s ease-in-out;
  295. -moz-transition: all 1s ease-in-out;
  296. -o-transition: all 1s ease-in-out;
  297. -ms-transition: all 1s ease-in-out;
  298. }
  299.  
  300. #link5:hover {
  301. color: #ffc8e3;
  302. letter-spacing: 4px;
  303. transition: all 0.3s ease-in-out;
  304. -webkit-transition: all 0.3s ease-in-out;
  305. -moz-transition: all 0.3s ease-in-out;
  306. -o-transition: all 0.3s ease-in-out;
  307. -ms-transition: all 0.3s ease-in-out;
  308. }
  309.  
  310. #s-m-t-tooltip {
  311. color: #fff;
  312. background-color: {color:question};
  313. display: none;
  314. text-align: left;
  315. position: absolute;
  316. z-index: 9999;
  317. font-size: 8px;
  318. font-family: Minya Nouvelle;
  319. text-transform: uppercase;
  320. padding: 1px 3px 1px 3px;
  321. margin-top: 27px;
  322. -webkit-transition: all 0.2s ease-out
  323. -moz-transition: all 0.2s ease-out;
  324. transition: all 0.2s ease-out;
  325. }
  326.  
  327. iframe#tumblr_controls {
  328. white-space: nowrap;
  329. -webkit-filter: invert(100%);
  330. -moz-filter: invert(100%);
  331. -o-filter: invert(100%);
  332. -ms-filter: invert(100%); filter: invert(100%);
  333. opacity: 0.5;
  334. transition: 0.8s ease-in-out;
  335. -webkit-transition: 0.8s ease-in-out;
  336. -moz-transition: 0.8s ease-in-out;
  337. -o-transition: 0.8s ease-in-out;
  338. }
  339.  
  340. /*MUSIC PLAYER*/
  341.  
  342. #audio {
  343. position: fixed;
  344. left: 10px;
  345. top: 10px;
  346. border: 1px solid #ffffff;
  347. padding: 10px;
  348. width: 14px;
  349. height: 14px;
  350. background: #ffffff;
  351. }
  352.  
  353. #audio:hover {
  354. width: 200px;
  355. border: 0px;
  356. border-left: 15px solid #000000;
  357. background: none!important;
  358. -webkit-transition: all 0.5s ease-in;
  359. -moz-transition: all 0.5s ease-in;
  360. -o-transition: all 0.5s ease-in;
  361. }
  362.  
  363. #audio img {
  364. visibility: visible;
  365. }
  366.  
  367. #audio:hover img {
  368. visibility: hidden!important;
  369. position: absolute;
  370. }
  371.  
  372. #player {
  373. visibility: hidden;
  374. position: absolute;
  375. height: 0px;
  376. width: 0px;
  377. }
  378.  
  379. #audio:hover #player {
  380. visibility: visible!important;
  381. }
  382.  
  383. /*SCROLLBAR*/
  384.  
  385. ::-webkit-scrollbar-thumb:vertical {
  386. background-color: #f0f0f0;
  387. height: 10px;}
  388.  
  389. ::-webkit-scrollbar-thumb:horizontal {
  390. background-color: #f0f0f0;
  391. height: 10px!important;
  392. }
  393.  
  394. ::-webkit-scrollbar {
  395. background-color: {color:background};
  396. height: 10px;
  397. width: 12px;
  398. }
  399.  
  400. ::selection {
  401. background: #ffffff;
  402. }
  403.  
  404. ::-moz-selection {
  405. background: #ffffff;
  406. }
  407.  
  408. /*BASICS*/
  409.  
  410. h1 {
  411. color: {color:text};
  412. font-size: 9px;
  413. letter-spacing: 1px;
  414. font-family: calibri;
  415. margin-top: -11px;
  416. text-transform: uppercase;
  417. text-align: center;
  418. font-style: normal;
  419. }
  420.  
  421. h2 {
  422. font-size: 15px;
  423. font-family: georgia;
  424. text-transform: uppercase;
  425. text-align: center;
  426. margin-top: 0px;
  427. color: {color:link};
  428. font-weight: normal;
  429. }
  430.  
  431. h3 {
  432. font-size: 10px;
  433. line-height: 20px;
  434. font-family: arial;
  435. font-weight: normal;
  436. margin-top: 0px;
  437. text-align: center;
  438. }
  439.  
  440. b {
  441. color: {color:bold};
  442. }
  443.  
  444. i {
  445. color: {color:italic};
  446. font-weight: bold;
  447. }
  448.  
  449. body {
  450. color: {color:text};
  451. font-style: normal;
  452. background-attachment: fixed;
  453. background-color: {color:background};
  454. text-align: justify;
  455. font-family: arial;
  456. font-size: 10px;
  457. text-decoration: none;
  458. line-height: 110%;
  459. background-image: url('{image:background}');
  460. }
  461.  
  462. a {
  463. color: {color:link};
  464. cursor: pointer;
  465. text-decoration: none;
  466. -webkit-transition: opacity 0.8s linear;
  467. -webkit-transition: all 0.5s ease-out;
  468. -moz-transition: all 0.5s ease-out;
  469. transition: all 0.5s ease-out;
  470. }
  471.  
  472. a:hover {
  473. color: {color:hover};
  474. -webkit-transition: opacity 0.8s linear;
  475. -webkit-transition: all 0.5s ease-out;
  476. -moz-transition: all 0.5s ease-out;
  477. transition: all 0.5s ease-out;}
  478.  
  479. #container {
  480. width: 900px;
  481. margin: auto;
  482. margin-left: 90px;
  483. padding-bottom: 30px;
  484. }
  485.  
  486. #entries {
  487. position: absolute;
  488. overflow: hidden;
  489. width: 500px;
  490. margin-left: 300px;
  491. margin-top: 10px;
  492. }
  493.  
  494. #posts {
  495. width: 500px;
  496. background: transparent;
  497. color: {color:text};
  498. padding: 2px 0px 0px 0px;
  499. }
  500.  
  501. #posts:hover {
  502. opacity: 0.5;
  503. transition: all 0.5s ease-in-out;
  504. -webkit-transition: all 0.5s ease-in-out;
  505. -moz-transition: all 0.5s ease-in-out;
  506. -o-transition: all 0.5s ease-in-out;
  507. -ms-transition: all 0.5s ease-in-out;
  508. }
  509.  
  510. /*POSTINFO*/
  511.  
  512. #postinfo {
  513. width: 500px;
  514. text-align: center;
  515. margin-top: 0px;
  516. text-transform: uppercase;
  517. font-size: 8px;
  518. font-family: ariaL;
  519. letter-spacing: 1px;
  520. padding: 1px 0px 2px 0px;
  521. border-top: 1px solid #ffffff;
  522. }
  523.  
  524. #postinfo a {
  525. display: inline-block;
  526. margin-bottom: 2px;
  527. margin-top: 3px;
  528. font-size: 8px;
  529. font-family: ariaL;
  530. letter-spacing: 1px;
  531. }
  532.  
  533. #postinfo a:hover {
  534. color: #ffffff;
  535. }
  536.  
  537. #tags {
  538. padding: 5px 0px 5px 0px;
  539. background-color: {color:postinfo};
  540. text-align: center;
  541. margin-top: 10px;
  542. font-size: 8px;
  543. font-family: ariaL;
  544. letter-spacing: 1px;
  545. text-transform: uppercase;
  546. width: 500px;
  547. }
  548.  
  549. .date {
  550. z-index: 1000;
  551. padding: 2px;
  552. position: justify;
  553. width: 497px;
  554. }
  555.  
  556. .dateborder {
  557. height: 1px;
  558. z-index: 1;
  559. margin-top: -8px;
  560. background-color: #ffffff;
  561. margin-bottom: -3px;
  562. width: 497px;
  563. }
  564.  
  565. .date a {
  566. font-family: calibri;
  567. margin-top: 5px;
  568. letter-spacing: 1px;
  569. background-color: {color:background};
  570. font-size: 9px;
  571. text-transform: uppercase;
  572. margin-left: -3px;
  573. padding: 2px 4px 2px 0px;
  574. }
  575.  
  576. /*BLOCKQUOTE*/
  577.  
  578. blockquote {
  579. border-left: 1px solid #ffffff;
  580. padding-left: 20px;
  581. margin-top: 20px;
  582. max-width: 490px;
  583. }
  584.  
  585. blockquote img, blockquote a img {
  586. max-width: 490px;
  587. }
  588.  
  589. blockquote blockquote {
  590. border-left: 1px #ffffff solid;
  591. padding-left: 10px;
  592. margin-left: -10px;
  593. width: 190px;
  594. }
  595.  
  596. .blockquote small, blockquote small {
  597. font-size: 10px;
  598. }
  599.  
  600. /*CHAT*/
  601.  
  602. .chat {
  603. list-style: none;
  604. width: 495px;
  605. }
  606.  
  607. .chat ul {
  608. list-style: none;
  609. margin-left: -37px;
  610. line-height: 25px;
  611. }
  612.  
  613. .person1 {
  614. background-color: #ffffff;
  615. }
  616.  
  617. .person1 .label {
  618. margin-left: 5px;
  619. font-weight: bold;
  620. }
  621.  
  622. .person2 .label {
  623. margin-left: 5px;
  624. font-weight: bold;
  625. }
  626.  
  627. .person3 {
  628. background-color: #ffffff;
  629. }
  630.  
  631. .person3 .label {
  632. margin-left: 5px;
  633. font-weight: bold;
  634. }
  635.  
  636. .person4 .label {
  637. margin-left: 5px;
  638. font-weight: bold;
  639. padding: 0px;
  640. }
  641.  
  642. /*NOTES*/
  643.  
  644. #notes img {
  645. width: 10px;
  646. padding: 5px;
  647. position: relative;
  648. }
  649.  
  650. #notes {
  651. width: 500px;
  652. margin-left: -35px;
  653. line-height: 20px;
  654. }
  655.  
  656. ol.notes {
  657. list-style: none;
  658. margin-top: 5px;
  659. }
  660.  
  661. #notes li {
  662. padding-bottom: 5px;
  663. padding-top: 5px;
  664. border-bottom: 1px solid #ffffff;
  665. }
  666.  
  667. /*ASK*/
  668.  
  669. #questions {
  670. background-color: {color:question};
  671. color: {color:question text};
  672. padding: 15px;
  673. letter-spacing: 1px;
  674. margin-top: 2px;
  675. margin-bottom: 5px;
  676. font-size: 10px;
  677. font-family: calibri;
  678. text-align: left;
  679. }
  680.  
  681. #questions a {
  682. color: {color:question text};
  683. }
  684.  
  685. /*AUDIO*/
  686.  
  687. #cover img {
  688. width: 100px;
  689. height: 100px;
  690. float: left;
  691. }
  692.  
  693. .audioplayer {
  694. width: 24px;
  695. height: 24px;
  696. margin-top: 23px;
  697. margin-left: 23px;
  698. overflow: hidden;
  699. padding: 3px;
  700. }
  701.  
  702. #audioplayerbackground {
  703. position: absolute;
  704. z-index: 1;
  705. width: 79px;
  706. height: 79px;
  707. margin-top: 10px;
  708. margin-left: 10px;
  709. background: #fff;
  710. opacity: 0.8;
  711. -webkit-transition: opacity 0.8s linear;
  712. -webkit-transition: all 0.5s ease-out;
  713. -moz-transition: all 0.5s ease-out;
  714. transition: all 0.5s ease-out;
  715. }
  716.  
  717. #audioplayerbackground:hover {
  718. opacity: 0.4;
  719. -webkit-transition: opacity 0.8s linear;
  720. -webkit-transition: all 0.5s ease-out;
  721. -moz-transition: all 0.5s ease-out;
  722. transition: all 0.5s ease-out;
  723. }
  724.  
  725. .info {
  726. width: 360px;
  727. height: 75px;
  728. margin-left: 110px;
  729. display: block;
  730. margin-top: 0px;
  731. padding-top: 25px;
  732. font-family: calibri;
  733. font-size: 12px;
  734. letter-spacing: 0px;
  735. letter-spacing: 1px;
  736. font-style: italic;
  737. padding-left: 30px;
  738. text-align: left;
  739. margin-bottom: -10px;
  740. color: {color:audio text};
  741. background: {color:audio};
  742. }
  743.  
  744. /*CREDIT*/
  745.  
  746. #credit {
  747. font-size: 12px;
  748. font-family: onedirection;
  749. font-style: normal;
  750. position: fixed;
  751. bottom: 5px;
  752. right: 5px;
  753. }
  754.  
  755. #credit a {
  756. color: #000000;
  757. font-size: 12px;
  758. }
  759.  
  760. #credit a:hover {
  761. opacity: 0.6;
  762. color: #ffffff;
  763. font-size: 16px;
  764. -webkit-transition: all 0.3s ease;
  765. -moz-transition: all 0.3s ease;
  766. transition: all 0.3s ease;
  767. }
  768.  
  769. {CustomCSS}
  770.  
  771. </style>
  772.  
  773. <img style="position: fixed; TOP: 570px; LEFT: 1080px; z-index: 1;" src="{image:sideimg}">
  774.  
  775. <div id="container">
  776.  
  777. <div id="sidebar">
  778.  
  779. <div id="description">
  780.  
  781. <div id="simg">
  782.  
  783. <img src="{image:sidebar}">
  784.  
  785. </div>
  786.  
  787. <div id="titleb"></div>
  788.  
  789. <div id="title">
  790.  
  791. {title}</div>
  792.  
  793. {Description} &nbsp;
  794.  
  795. <br>
  796.  
  797. <a href="{text:link1}"><div id="link1">{text:link1 title}</div></a>
  798.  
  799. <a href="{text:link2}"><div id="link2">{text:link2 title}</div></a>
  800.  
  801. <a href="{text:link3}"><div id="link3">{text:link3 title}</div></a>
  802.  
  803. <a href="{text:link4}"><div id="link4">{text:link4 title}</div></a>
  804.  
  805. <a href="{text:link5}"><div id="link5">{text:link5 title}</div></a>
  806.  
  807. </div>
  808.  
  809. </div>
  810.  
  811. <div id="entries">
  812.  
  813. {block:Posts}
  814.  
  815. <div class="date">
  816.  
  817. <a href="{Permalink}">{Month} {DayOfMonthWithZero}, {Year}</a>
  818.  
  819. </div>
  820.  
  821. <div class="dateborder"></div>
  822.  
  823. <br>
  824.  
  825. <div id="posts">
  826.  
  827. {block:Text}
  828. {block:Title}<h2>{Title}</h2>{/block:Title}
  829. {Body}<br>
  830. {/block:Text}
  831.  
  832. {block:Photo}
  833. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}
  834. {/block:Photo}
  835.  
  836. {block:Photoset}
  837. {Photoset-500}{block:Caption} {Caption}{/block:Caption}
  838. {/block:Photoset}
  839.  
  840. {block:Quote}<br>
  841. <h3><font style="font-family:times;font-size:10px;">・</font> {Quote} <font style="font-family:times;font-size:10px;"> ・</font> </h3><h1>-
  842. <br>{Source}</h1>
  843. {/block:Quote}
  844.  
  845. {block:Link}
  846. <a href="{URL}"><h2>{Name}</h2></a>{block:Description}<div class="text">{Description}</div>{/block:Description}
  847. {/block:Link}
  848.  
  849. {block:Chat}
  850. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  851. <div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  852. {/block:Chat}
  853.  
  854. {block:Video}
  855. {Video-500}{block:PermalinkPage} {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  856. {/block:Video}
  857.  
  858. {block:Answer}<br>
  859. <div id="questions">{Question} - {Asker}</div>
  860. <font style="text-align:center;">{answer}</font>
  861. {/block:Answer}
  862.  
  863. {block:Audio}
  864. {block:AlbumArt}<div id="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  865. <div id="audioplayerbackground">
  866. <div class="audioplayer">{AudioPlayerwhite}</div></div>
  867. <div class="info">
  868.  
  869. {block:TrackName}
  870. <font style="text-transform:lowercase;font-weight:bold;font-family:georgia;font-style:italic;color:{color:question};">{TrackName}</font>
  871. {/block:TrackName}
  872. <br>
  873. <br>
  874. {block:Artist}<small>{Artist}</small>{/block:Artist}
  875. <small><br> {FormattedPlayCount} plays </small>
  876.  
  877. </div>
  878. {block:Caption}<br>{Caption}{/block:Caption}
  879. {/block:Audio}<br>
  880. </div>
  881.  
  882. <div id="tags">
  883.  
  884. {block:Tags}
  885. <span class="tag">
  886. <a href="/tagged/{Tag}">&nbsp; #{Tag}</a>
  887. </span>
  888. {/block:Tags}
  889.  
  890. </div>
  891.  
  892. <div id="postinfo">
  893.  
  894. {block:Date}
  895. <a href="{Permalink}">{timeaGO}</a>
  896.  
  897. {block:NoteCount}
  898. <a href="{Permalink}"> &nbsp; <font style="color:{color:heart}">? </font>{notecount}</a> &nbsp;
  899. {/block:notecount}
  900.  
  901. {/block:Date}
  902.  
  903. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  904. <a href="{ReblogRootURL}" title="{ReblogRootName}">/ Source</a> {/block:RebloggedFrom}
  905.  
  906. {block:ContentSource}
  907. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  908. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  909. {/block:SourceLogo}
  910. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  911. {/block:ContentSource}
  912.  
  913. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  914.  
  915. </div>
  916.  
  917. {block:PostNotes}
  918. <div id="notes"><left>{PostNotes}</div>
  919. {/block:PostNotes}
  920.  
  921. {/block:Posts}
  922.  
  923. <!--MUSIC PLAYER-->
  924.  
  925. <div id ="audio">
  926. <img src="http://media.tumblr.com/tumblr_m9c43cSqfD1rto88t.gif">
  927. <div id ="player">
  928. <center><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=https://www.dropbox.com/s/lq1f7kz4al4wsal/_______%20_fake%21fake%21_%20_%20A%20crow%20is%20white%20_fake%21fake%21_%20%28Official%20Music%20Video%29.mp3?dl=1&t0=fake!fake&f1=https://www.dropbox.com/s/3u35iub15aigo6j/TheFatRat%20-%20Unity.mp3?dl=1&t1=Unity&total=2" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></center>
  929. </div>
  930. </div>
  931.  
  932. <!--CREDIT-->
  933.  
  934. <div id="credit">
  935. <a href="http://www.sleeplessangels.tumblr.com" title="theme by sleeplessangels">❤❤</a></div>
  936.  
  937. </body>
  938.  
  939. </html>
  940.  
  941. <!--SPARKLES-->
  942.  
  943. <script type="text/javascript">
  944.  
  945. var colour="#FFA6FA"; /*CHANGE COLOR HERE*/
  946. var sparkles=120;
  947.  
  948. var x=ox=400;
  949. var y=oy=300;
  950. var swide=800;
  951. var shigh=600;
  952. var sleft=sdown=0;
  953. var tiny=new Array();
  954. var star=new Array();
  955. var starv=new Array();
  956. var starx=new Array();
  957. var stary=new Array();
  958. var tinyx=new Array();
  959. var tinyy=new Array();
  960. var tinyv=new Array();
  961.  
  962. window.onload=function() { if (document.getElementById) {
  963. var i, rats, rlef, rdow;
  964. for (var i=0; i<sparkles; i++) {
  965. var rats=createDiv(3, 3);
  966. rats.style.visibility="hidden";
  967. document.body.appendChild(tiny[i]=rats);
  968. starv[i]=0;
  969. tinyv[i]=0;
  970. var rats=createDiv(5, 5);
  971. rats.style.backgroundColor="transparent";
  972. rats.style.visibility="hidden";
  973. var rlef=createDiv(1, 5);
  974. var rdow=createDiv(5, 1);
  975. rats.appendChild(rlef);
  976. rats.appendChild(rdow);
  977. rlef.style.top="2px";
  978. rlef.style.left="0px";
  979. rdow.style.top="0px";
  980. rdow.style.left="2px";
  981. document.body.appendChild(star[i]=rats);
  982. }
  983. set_width();
  984. sparkle();
  985. }}
  986.  
  987. function sparkle() {
  988. var c;
  989. if (x!=ox || y!=oy) {
  990. ox=x;
  991. oy=y;
  992. for (c=0; c<sparkles; c++) if (!starv[c]) {
  993. star[c].style.left=(starx[c]=x)+"px";
  994. star[c].style.top=(stary[c]=y)+"px";
  995. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  996. star[c].style.visibility="visible";
  997. starv[c]=50;
  998. break;
  999. }
  1000. }
  1001. for (c=0; c<sparkles; c++) {
  1002. if (starv[c]) update_star(c);
  1003. if (tinyv[c]) update_tiny(c);
  1004. }
  1005. setTimeout("sparkle()", 40);
  1006. }
  1007.  
  1008. function update_star(i) {
  1009. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  1010. if (starv[i]) {
  1011. stary[i]+=1+Math.random()*3;
  1012. if (stary[i]<shigh+sdown) {
  1013. star[i].style.top=stary[i]+"px";
  1014. starx[i]+=(i%5-2)/5;
  1015. star[i].style.left=starx[i]+"px";
  1016. }
  1017. else {
  1018. star[i].style.visibility="hidden";
  1019. starv[i]=0;
  1020. return;
  1021. }
  1022. }
  1023. else {
  1024. tinyv[i]=50;
  1025. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  1026. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  1027. tiny[i].style.width="2px";
  1028. tiny[i].style.height="2px";
  1029. star[i].style.visibility="hidden";
  1030. tiny[i].style.visibility="visible"
  1031. }
  1032. }
  1033.  
  1034. function update_tiny(i) {
  1035. if (--tinyv[i]==25) {
  1036. tiny[i].style.width="1px";
  1037. tiny[i].style.height="1px";
  1038. }
  1039. if (tinyv[i]) {
  1040. tinyy[i]+=1+Math.random()*3;
  1041. if (tinyy[i]<shigh+sdown) {
  1042. tiny[i].style.top=tinyy[i]+"px";
  1043. tinyx[i]+=(i%5-2)/5;
  1044. tiny[i].style.left=tinyx[i]+"px";
  1045. }
  1046. else {
  1047. tiny[i].style.visibility="hidden";
  1048. tinyv[i]=0;
  1049. return;
  1050. }
  1051. }
  1052. else tiny[i].style.visibility="hidden";
  1053. }
  1054.  
  1055. document.onmousemove=mouse;
  1056. function mouse(e) {
  1057. set_scroll();
  1058. y=(e)?e.pageY:event.y+sdown;
  1059. x=(e)?e.pageX:event.x+sleft;
  1060. }
  1061.  
  1062. function set_scroll() {
  1063. if (typeof(self.pageYOffset)=="number") {
  1064. sdown=self.pageYOffset;
  1065. sleft=self.pageXOffset;
  1066. }
  1067. else if (document.body.scrollTop || document.body.scrollLeft) {
  1068. sdown=document.body.scrollTop;
  1069. sleft=document.body.scrollLeft;
  1070. }
  1071. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  1072. sleft=document.documentElement.scrollLeft;
  1073. sdown=document.documentElement.scrollTop;
  1074. }
  1075. else {
  1076. sdown=0;
  1077. sleft=0;
  1078. }
  1079. }
  1080.  
  1081. window.onresize=set_width;
  1082. function set_width() {
  1083. if (typeof(self.innerWidth)=="number") {
  1084. swide=self.innerWidth;
  1085. shigh=self.innerHeight;
  1086. }
  1087. else if (document.documentElement && document.documentElement.clientWidth) {
  1088. swide=document.documentElement.clientWidth;
  1089. shigh=document.documentElement.clientHeight;
  1090. }
  1091. else if (document.body.clientWidth) {
  1092. swide=document.body.clientWidth;
  1093. shigh=document.body.clientHeight;
  1094. }
  1095. }
  1096.  
  1097. function createDiv(height, width) {
  1098. var div=document.createElement("div");
  1099. div.style.position="absolute";
  1100. div.style.height=height+"px";
  1101. div.style.width=width+"px";
  1102. div.style.overflow="hidden";
  1103. div.style.backgroundColor=colour;
  1104. return (div);
  1105. }
  1106. // ]]>
  1107. </script>
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!