API tools faq
paste
ahu419

forgetfulthemes004

ahu419
May 26th, 2013
634
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.71 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html>
  5.  
  6. <head>
  7.  
  8. <!--
  9.  
  10. **BEST VIEWED IN GOOGLE CHROME**
  11.  
  12. Terms + Conditions:
  13.  
  14. -Don't remove the credit
  15. -Taking inspiration is not the same as blatantly copying ideas and/or code
  16. -Don't use as base code
  17.  
  18. Default Settings-->
  19.  
  20. <meta name="color:background" content="#ffffff" />
  21. <meta name="color:desc" content="#d1e8fd" />
  22. <meta name="color:content" content="#081825" />
  23. <meta name="color:linkage" content="#d8d4d4" />
  24. <meta name="color:linkage hover underline" content="#07b6fd" />
  25. <meta name="color:tagging font hover" content="#60dbfc" />
  26. <meta name="color:tagging font" content="#110f0f" />
  27. <meta name="color:accent" content="#4b4b50" />
  28. <meta name="color:blockquote" content="#121313" />
  29. <meta name="color:header" content="#d9e7f7" />
  30. <meta name="color:navi" content="#000000" />
  31. <meta name="color:date" content="#000000" />
  32. <meta name="color:audio" content="#000000" />
  33. <meta name="color:block border" content="#dee6ee" />
  34. <meta name="color:desc border" content="#dee6ee" />
  35. <meta name="color:post border" content="#dee6ee" />
  36. <meta name="color:title" content="#000000" />
  37. <meta name="color:big" content="#eef4f8" />
  38. <meta name="color:text" cont88ient="#bbd1e7" />
  39. <meta name="color:link" content="#9ed5ec" />
  40. <meta name="color:font shadow" content="#039ebe" />
  41. <meta name="color:link hover" content="#d5dce2" />
  42. <meta name="color:scrollbar" content="#000000" />
  43. <meta name="color:question" content="#72c0ff" />
  44. <meta name="color:question font" content="#aaa9a9" />
  45.  
  46. <meta name="font:title" content="georgia" />
  47. <meta name="font:body" content="Port Lligat Slab" />
  48.  
  49.  
  50. <meta name="image:sidebar" content="" />
  51. <meta name="image:background" content="" />
  52.  
  53. <meta name="text:subtitle" content="" />
  54. <meta name="text:Link1" content="/" />
  55. <meta name="text:Link1 Title" content="custom link 1" />
  56. <meta name="text:Link2" content="/" />
  57. <meta name="text:Link2 Title" content="custom link 2" />
  58. <meta name="text:Link3" content="/" />
  59. <meta name="text:Link3 Title" content="custom link 3" />
  60. <title>{Title}</title>
  61.  
  62. <link href='http://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'>
  63. <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville' rel='stylesheet' type='text/css'>
  64. <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400italic' rel='stylesheet' type='text/css'>
  65.  
  66. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed|Roboto' rel='stylesheet' type='text/css'>
  67.  
  68. <link rel="shortcut icon" href="{Favicon}"/>
  69. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  70. {block:Description} <meta name="description" content="{MetaDescription}"/> {/block:Description}
  71.  
  72. <script type="text/javascript"
  73. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  74.  
  75. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  76. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  77. <script type="text/javascript" charset="utf-8">
  78. var $j = jQuery.noConflict();
  79. $j(function() {
  80. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  81. $j("img").lazyload({
  82. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  83. effect: "fadeIn",
  84. });
  85. });
  86. </script>
  87.  
  88. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  89.  
  90. <script src="jquery.js"></script>
  91. <script>
  92. $(document).ready(function(){
  93. $("#flip").click(function(){
  94. $("#panel").slideToggle("fast");
  95. });
  96. });
  97. </script>
  98.  
  99. <style type="text/css">
  100.  
  101.  
  102. body {
  103. background-color:{color:background};
  104. background-attachment:fixed;
  105. background-image:url('{image:background}');
  106. font-family:Roboto;
  107. font-size:10px;
  108. line-height:11px;
  109. letter-spacing:1px;
  110. color:{color:text};
  111. text-wrap:normal
  112. word-wrap:break-word;
  113. height:100%;
  114. right:2px;
  115. overflow-y:scroll;
  116. overflow-x:hidden;
  117. }
  118.  
  119. html {
  120. overflow-y:auto;
  121. background-color:transparent;
  122. }
  123.  
  124. html {
  125. overflow-y:auto;
  126. background-color:transparent;
  127. }
  128.  
  129. ::-webkit-scrollbar {
  130. width:12px;
  131. height:auto;
  132. background:{color:background};
  133. }
  134.  
  135.  
  136. ::-webkit-scrollbar-thumb:vertical {
  137. background-color:{color:scrollbar};
  138. height:0px;
  139. }
  140.  
  141. ::-webkit-scrollbar-thumb:horizontal {
  142. background-color:{color:scrollbar};
  143. height:0px;
  144. }
  145.  
  146.  
  147.  
  148. ::selection, ::-webkit-selection, ::-moz-selection {
  149. color:{color:selection};
  150. }
  151.  
  152.  
  153. a, a:active, a:visited{
  154. text-decoration:none;
  155. color:{color:link};
  156. }
  157.  
  158. a:hover {
  159. color:{color:link hover};
  160. -webkit-transition-duration:0.5s;
  161. -moz-transition-duration:0.5s;
  162. -o-transition: all 0.5s ease-in-out;
  163. transition: all 0.5s ease-in-out;
  164. }
  165.  
  166. .jump_page {
  167. padding: 2px 3px;
  168. color:white;
  169. font-family:Roboto;
  170. font-size:8px;
  171. text-decoration:none;
  172. }
  173.  
  174. .jump_page a {
  175. padding: 2px 3px;
  176. color:white;
  177. font-family:Roboto;
  178. font-size:8px;
  179. text-decoration:none;
  180. }
  181.  
  182. .current_page, .current_page a {
  183. padding: 2px 3px;
  184.  
  185. color:white;
  186. font-family:Roboto;
  187. font-size:8px;
  188. text-decoration:none;
  189. }
  190.  
  191. .jump_page:hover {
  192. color:white;
  193. font-family:Roboto;
  194. font-size:8px;
  195. text-decoration:none;
  196. -webkit-transition-duration:0.75s;
  197. -moz-transition-duration:0.75s;
  198. -o-transition: all 0.75s ease-in-out;
  199. transition: all 0.75s ease-in-out;
  200. }
  201.  
  202.  
  203. #main {
  204. background-color:transparent;
  205. background-attachment:fixed;
  206. background-image: url('{image:Background}');
  207. position:absolute;
  208. width:1250px;
  209. height:100%;
  210. }
  211.  
  212. .sidebar {
  213. width:100px;
  214. height:100%;
  215. margin-top:-8px;
  216. margin-left:-10px;
  217. background-color:{color:navi};
  218. position:fixed;
  219. background-color:black;
  220. }
  221.  
  222. .simg {
  223. margin-top:185px;
  224. position:fixed;
  225. margin-left:190px;
  226. z-index:1001;
  227. }
  228.  
  229. .simg img {
  230. opacity:1;
  231. height:150px;
  232. width:150px;
  233. border-radius:150px;
  234. }
  235.  
  236. #linkage {
  237. position:fixed;
  238. width:60px;
  239. margin-left:-10px;
  240. margin-top:195px;
  241. height:auto;
  242. background-color:{color:navi};
  243. opacity:1;
  244. padding:20px;
  245. padding-bottom:6px;
  246. padding-top:6px;
  247. text-align:left;
  248. z-index:1200;
  249. }
  250.  
  251. #linkage a {
  252. width:auto;
  253. font-size:9px;
  254. color:{color:linkage};
  255. letter-spacing:0px;
  256. padding:1px;
  257. margin-bottom:10px;
  258. margin-right:2px;
  259. height:9px;
  260. line-height:9px;
  261. font-family:Roboto Condensed;
  262. text-transform:uppercase;
  263. display:inline-block;
  264. border-bottom:1px solid transparent;
  265. }
  266.  
  267.  
  268.  
  269. #linkage a:hover {
  270. text-shadow:none;
  271. border-bottom:1px solid {color:linkage hover underline};
  272. -webkit-transition-duration:0.5s;
  273. -moz-transition-duration:0.5s;
  274. -o-transition: all 0.5s ease-in-out;
  275. transition: all 0.5s ease-in-out;
  276. }
  277.  
  278. #title {
  279. width:235px;
  280. z-index:1300;
  281. text-align:center;
  282. color:{color:title};
  283. font-family:'libre baskerville';
  284. font-size:16px;
  285. font-style:italic;
  286. position:fixed;
  287. letter-spacing:1px;
  288. margin-top:155px;
  289. margin-left:147px;
  290. text-shadow:1px 1px {color:font shadow};
  291. }
  292.  
  293. #desc {
  294. width:195px;
  295. margin-left:145px;
  296. margin-top:135px;
  297. padding:20px;
  298. padding-top:10px;
  299. padding-bottom:10px;
  300. height:270px;
  301. border-radius:10px;
  302. z-index:1000;
  303. background-color:{color:background};
  304. opacity:1;
  305. border-left:1px solid {color:desc border};
  306. border-right:1px solid {color:desc border};
  307. position:fixed;
  308.  
  309. }
  310.  
  311. #desc:hover {
  312. -webkit-transition-duration:.5s;
  313. -moz-transition-duration:.5s;
  314. -o-transition: all 0.5s ease-in-out;
  315. transition: all 0.5s ease-in-out;
  316. }
  317.  
  318. .desctext {
  319. width:195px;
  320. margin-top:210px;
  321. color:{color:text};
  322. text-align:justify;
  323. background-color:{color:background};
  324. font-size:8px;
  325. text-transform:uppercase;
  326. font-family:Roboto Condensed;
  327. line-height:13px;
  328. letter-spacing:2px;
  329. }
  330.  
  331.  
  332. .pagelink {
  333. position:fixed;
  334. text-align:center;
  335. margin-top:355px;
  336. margin-left:5px;
  337. z-index:1000;
  338. padding:4px;
  339. font-family:roboto;
  340. background-color:black;
  341. }
  342.  
  343. .pagelink a {
  344. color:{color:linkage};
  345. border-bottom:1px solid transparent;
  346. }
  347.  
  348. .pagelink a:hover {
  349. border-bottom:1px solid {color:linkage hover underline};
  350. -webkit-transition-duration:.5s;
  351. -moz-transition-duration:.5s;
  352. -o-transition: all 0.5s ease-in-out;
  353. transition: all 0.5s ease-in-out;
  354. }
  355.  
  356.  
  357. #question {
  358. font-size:13px;
  359. line-height:13px;
  360. padding-bottom:-4px;
  361. font-family:libre baskerville;
  362. text-align:left;
  363. font-style:italic;
  364. background-color:black;
  365. padding:15px;
  366. padding-bottom:20px;
  367. color:{color:background};
  368. }
  369.  
  370. #asker {
  371. font-size:9px;
  372. margin-top:-20px;
  373. font-family:oranienbaum;
  374. margin-left:30px;
  375. color:{color:background};
  376. }
  377.  
  378. #asker a {
  379. color:{color:background};
  380. }
  381.  
  382. #answer {
  383. margin-top:5px;
  384. }
  385.  
  386. #content {
  387. position:absolute;
  388. height:auto;
  389. left:425px;
  390. width:550px;
  391. background-color:{color:background};
  392. margin-left:-8px;
  393. font-family:{font:body};
  394. margin-bottom:10px;
  395. padding-left:15px;
  396. margin-top:-10px;
  397. padding-top:60px;
  398. }
  399.  
  400. #post {
  401. width:500px;
  402. margin-left:0px;
  403. margin-right:0px;
  404. margin-top:-15px;
  405. margin-bottom:0px;
  406. padding:15px 0px 0px 0px;
  407. border-bottom:1px solid {color:post border};
  408. }
  409.  
  410. #info {
  411. position:relative;
  412. margin-top:5px;
  413. margin-left:0px;
  414. width:500px;
  415. height:5px;
  416. opacity:1;
  417. font-family:Roboto Condensed;
  418. font-size:9px;
  419. letter-spacing:1px;
  420. text-transform:uppercase;
  421. text-align:left;
  422. }
  423.  
  424. #info a {
  425. width:35px;
  426. padding-bottom:1px;
  427. color:{color:text};
  428. }
  429.  
  430. #info a:hover {
  431. -webkit-transition-duration:0.75s;
  432. -moz-transition-duration:0.75s;
  433. -o-transition: all 0.75s ease-in-out;
  434. transition: all 0.75s ease-in-out;
  435. }
  436.  
  437.  
  438. .tagging {
  439. position:relative;
  440. padding:4px 25px 4px 5px;
  441. margin-left:5px;
  442. width:510px;
  443. margin-top:5px;
  444. margin-bottom:75px;
  445. font-size:9px;
  446. font-style:italic;
  447. font-family:Libre Baskerville;
  448. }
  449.  
  450.  
  451. .tagging a {
  452. margin-right:7px;
  453. height:0px;
  454. color:{color:tagging font};
  455. margin-left:2px;
  456. }
  457.  
  458. .tagging a:hover {
  459. text-shadow: 0.5px 0 .2px {color:tagging font hover}, -0.5px 0 .2px {color:tagging font hover};
  460. -webkit-transition-duration:.25s;
  461. -moz-transition-duration:.25s;
  462. -o-transition: all 0.25s ease-in-out;
  463. transition: all 0.25s ease-in-out;
  464. }
  465.  
  466. big {
  467. font-size:13px;
  468. line-height:14px;
  469. color:{color:big};
  470. }
  471.  
  472.  
  473. h1{
  474. font-size:16px;
  475. line-height:18px;
  476. text-transform:uppercase;
  477. font-family:Roboto Condensed;
  478. -webkit-transition-duration:.5s;
  479. -moz-transition-duration:.5s;
  480. -o-transition: all 0.5s ease-in-out;
  481. transition: all 0.5s ease-in-out;
  482. }
  483.  
  484. h1 a {
  485. color:{color:title};
  486. }
  487.  
  488. h1 a:hover {
  489. color:{color:title};
  490. text-shadow:1px 1px {color:font shadow};
  491. -webkit-transition-duration:.5s;
  492. -moz-transition-duration:.5s;
  493. -o-transition: all 0.5s ease-in-out;
  494. transition: all 0.5s ease-in-out;
  495. }
  496.  
  497. h2{
  498. font-size:11px;
  499. line-height:12px;
  500. padding:6px;
  501. color:{color:background};
  502. }
  503.  
  504. h3{
  505. font-size:12px;
  506. line-height:10px;
  507. position:justify;
  508. padding-left:12px;
  509. font-family:arial;
  510. }
  511.  
  512. h4{
  513. font-size:15px;
  514. line-height:15px;
  515. font-weight:700;
  516. font-family:arial;
  517. color:{color:background};
  518. }
  519.  
  520. h5{
  521. font-size:20px;
  522. line-height:21px;
  523. color:{color:text};
  524. }
  525.  
  526. blockquote {
  527. margin-left:8px;
  528. padding:5px;
  529. border:1px solid {color:block border};
  530. background-color:{color:background};
  531. font-family:Roboto;
  532. font-size:8px;
  533. }
  534.  
  535. .quote {
  536. font-size:15px;
  537. line-height:16px;
  538. font-family:Libre Baskerville;
  539. font-style:italic;
  540. padding-top:-5px;
  541. padding-left:25px;
  542. }
  543.  
  544. #mark {
  545. font-size:80px;
  546. font-family:arial;
  547. color:{color:accent};
  548. margin-left:5px;
  549. margin-top:20px;
  550. opacity:.3;
  551. position:absolute;
  552. }
  553.  
  554. .quotesource {
  555. width:500px;
  556. font-size:10px;
  557. font-family:arial;
  558. font-style:italic;
  559. padding:2px;
  560. text-align:right;
  561. margin-top:0px;
  562. letter-spacing:1px;
  563.  
  564. }
  565.  
  566. .user_1 .label {
  567. color:{color:link};
  568. font-weight:bold;
  569. }
  570.  
  571. .user_2 .label {
  572. color:{color:text};
  573. font-weight:bold
  574. }
  575. .user_3 .label {
  576. color:{color:link};
  577. font-weight:bold;
  578. }
  579.  
  580. .user_4 .label {
  581. color:{color:text};
  582. font-weight:bold
  583. }
  584. .user_5 .label {
  585. color:{color:link};
  586. font-weight:bold;
  587. }
  588.  
  589. .user_6 .label {
  590. color:{color:text};
  591. font-weight:bold
  592. }
  593.  
  594. .user_7 .label {
  595. color:{color:link};
  596. font-weight:bold
  597. }
  598.  
  599. .user_8 .label {
  600. color:{color:text};
  601. font-weight:bold
  602. }
  603.  
  604. .user_9 .label {
  605. color:{color:link};
  606. font-weight:bold
  607. }
  608.  
  609. .user_10 .label {
  610. color:{color:text};
  611. font-weight:bold
  612. }
  613.  
  614. ul.chat, .chat ol, .chat li {
  615. list-style:none;
  616. margin:0px;
  617. padding:0px;
  618. line-height:15px;
  619. }
  620.  
  621. #notes {font-weight:normal}
  622. #notes li {padding-bottom:0.5em}
  623.  
  624. #audentryprob {
  625. display:block;
  626. height:auto;
  627. min-height:135px;
  628. position:relative;
  629. }
  630.  
  631. .audentry {
  632. position:relative;
  633. width:490px;
  634. background-color:transparent;
  635. padding:5px;
  636. min-height:135px;
  637. {block:IndexPage}overflow:hidden;{/block:IndexPage};
  638. }
  639.  
  640. .audioplayersquare {
  641. position:absolute;
  642. z-index:3;
  643. top:5px;
  644. left:5px;
  645. background:white;
  646. opacity:0.7;
  647. filter:alpha(opacity=70);
  648. }
  649.  
  650. .audioplayer {
  651. width:20px;
  652. height:30px;
  653. overflow:hidden;
  654. margin:15px 24px 15px 16px;
  655. }
  656.  
  657. .audiodata {
  658. text-transform:uppercase;
  659. height:10px;
  660. margin-left:10px;
  661. margin-bottom:5px;
  662. padding: 5px;
  663. border-left:20px solid {color:audio};
  664. }
  665.  
  666. .audiodata:hover {
  667. border-left:40px solid {color:audio};
  668. -webkit-transition-duration:.75s;
  669. -moz-transition-duration:.75s;
  670. -o-transition: all 0.75s ease-in-out;
  671. transition: all 0.75s ease-in-out;
  672. }
  673.  
  674.  
  675. .audiocaption {
  676. color:{color:link};
  677. }
  678.  
  679. h5 {
  680. background-color:{color:linkage};
  681. font-size:12x;
  682. line-height:12px;
  683. font-family:arial;
  684. color:{color:link};
  685. width:120px;
  686. height:14px;
  687. padding:1px 3px 1px;
  688. -webkit-transition-duration:.25s;
  689. -moz-transition-duration:.25s;
  690. -o-transition: all 0.25s ease-in-out;
  691. transition: all 0.25s ease-in-out;
  692. }
  693.  
  694. h5:hover {
  695. background-color:{color:link};
  696. color:{color:linkage};
  697. font-style:italic;
  698. }
  699.  
  700. h5 a:hover {
  701. color:{color:linkage};
  702. font-style:italic;
  703. }
  704.  
  705.  
  706. iframe#tumblr_controls {
  707. top:2px !important;
  708. right:4px !important;
  709. position:fixed !important;
  710. }
  711.  
  712.  
  713.  
  714. </style>
  715.  
  716.  
  717. </head>
  718.  
  719.  
  720. <body>
  721.  
  722. <div id="main">
  723. <div class="simg"><img src="{image:sidebar}"></img></div>
  724.  
  725. <div class="sidebar"></div>
  726.  
  727. <div id="title">{text:subtitle}</div>
  728.  
  729. <div id="desc">
  730. <div class="desctext">{Description}</div></div>
  731.  
  732. <div id="linkage">
  733. <a href="/">home</a>
  734. <a href="/ask">mailbox</a>
  735. <a href="/archive">history</a>
  736. <a href="http://forgetfuldonna.tumblr.com/tagged/themes">credit</a>
  737. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  738. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  739. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  740. </div>
  741.  
  742.  
  743. <div class="pagelink">{block:Pagination}
  744. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  745. {block:JumpPagination length="3"}
  746. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  747. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  748. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  749. {/block:Pagination}</div>
  750.  
  751.  
  752.  
  753.  
  754.  
  755.  
  756.  
  757. <div id="content">
  758.  
  759. {block:Posts}
  760.  
  761. <div id="post">
  762.  
  763. {block:Text}
  764. {block:Title}
  765. <h1><a href="{Permalink}">{Title}</a></h1>
  766. {/block:Title}
  767. {Body}
  768. {/block:Text}
  769.  
  770. {block:Photo}
  771. {block:Title}
  772. <h1><a href="{Permalink}">{Title}</a></h1>
  773. {/block:Title}
  774. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  775. {block:Caption}
  776. <div class="caption">{Caption}</div>
  777. {/block:Caption}
  778. {/block:Photo}
  779.  
  780. {block:Photoset}
  781. <center>{Photoset-500}</center>
  782. {block:Caption}
  783. <div class="caption">{Caption}</div>
  784. {/block:Caption}
  785. {/block:Photoset}
  786.  
  787. {block:Quote}
  788. <div id="mark">&ldquo;</div>
  789. {block:Title}
  790. <h1><a href="{Permalink}">{Title}</a></h1>
  791. {/block:Title}
  792. <div class="quote">{Quote}</div>
  793. {block:Source}<br>
  794. <div class="quotesource">- {Source}</div>
  795. {/block:Source}
  796. {/block:Quote}
  797.  
  798. {block:Link}
  799. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  800. {block:Description}
  801. <div class="description">{Description}</div>
  802. {/block:description}
  803.  
  804.  
  805.  
  806. {/block:Link}
  807. {block:Chat}
  808. {block:Title}
  809. <h1><a href="{Permalink}">{Title}</a></h1>
  810. {/block:Title}
  811. <ul class="chat">
  812. {block:Lines}
  813. <li class="user_{UserNumber}">
  814. {block:Label}
  815. <span class="label">
  816. {Label}
  817. </span>
  818. {/block:Label}
  819. &nbsp;{Line}</li>
  820. {/block:Lines}
  821. </ul>
  822. {/block:Chat}
  823.  
  824. {block:Answer}
  825. <div id="question">{Question}</div>
  826. <div id="asker">- {Asker}</div><br>
  827. <div id="answer">{Answer}</div>
  828. {/block:Answer}
  829.  
  830. {block:Video}
  831. {block:Title}
  832. <h1><a href="{Permalink}">{Title}</a></h1>
  833. {/block:Title}
  834. <center>{Video-500}</center>
  835. {block:Caption}
  836. <div class="caption">{Caption}</div>
  837. {/block:Caption}
  838. {/block:Video}
  839.  
  840. {block:Audio}
  841.  
  842. <div id="audentryprob">
  843. <div class="audentry">
  844. <img src="http://static.tumblr.com/2lqtwbf/hLRlz1vgy/2.png" alt="default album art" width="90" height="90" style="position:absolute; vertical-align:middle; margin-left:25px;" />
  845. {block:AlbumArt}
  846. <img width="90" height="90" src="{AlbumArtURL}" style="position:absolute; " />
  847. {/block:AlbumArt}
  848.  
  849. <div class="audioplayersquare">
  850. <div class="audioplayer">{AudioPlayerWhite}</div>
  851. </div>
  852. <table style="float:right;" width="360px" cellspacing="4px" cellpadding="5">
  853. {block:TrackName}
  854. <tr>
  855. <td class="audiodata"><b>Song: </b>{TrackName}</td>
  856. </tr>
  857. {/block:TrackName}
  858. {block:Artist}
  859. <tr>
  860. <td class="audiodata"><b>Artist: </b> {Artist}</td>
  861. </tr>
  862. {/block:Artist}
  863. {block:Album}
  864. <tr>
  865. <td class="audiodata"><b>Album: </b>{Album}</td>
  866. </tr>
  867. {/block:Album}
  868. <tr>
  869. <td class="audiodata">Played {FormattedPlayCount} times</td>
  870. </tr>
  871. {block:ExternalAudio}
  872. <tr>
  873. <td class="audiodata"><a href="{ExternalAudioURL}" target="_blank">Source</a></td>
  874. </tr>
  875. {/block:ExternalAudio}
  876. {block:Caption}<tr>
  877. <td class="audiocaption">{Caption}</td></tr>
  878. {/block:Caption}
  879. </table>
  880. </div>
  881. </div>{/block:Audio}
  882. </div>
  883.  
  884. <div id="info">{block:Date}
  885.  
  886. <a href="{Permalink}">{DayOfMonth} {ShortMonth} {Year}</a>{/block:Date}
  887.  
  888.  
  889.  
  890. {block:NoteCount}with <a href="{Permalink}">{NoteCount}</a> notes{/block:NoteCount} {block:RebloggedFrom} — <a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom} {block:ContentSource}and <a href="{SourceURL}">orig</a>{/block:ContentSource} — <a href="{ReblogURL}"target="_blank">reblog this post</a>
  891. <br>
  892. </div>
  893.  
  894. <div class="tagging">
  895. {block:HasTags}{block:Tags}<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}
  896. {/block:HasTags}</div>
  897. {/block:Posts}
  898. {block:PostNotes}{PostNotes}{/block:PostNotes}
  899. </div>
  900. </div>
  901.  
  902.  
  903. </body>
  904.  
  905. </html>
  906.  
  907. <!--Nothing more to see here!-->
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!