API tools faq
paste
pjo06

Theme #015 - Instantaneous

pjo06
Jun 19th, 2016
6,078
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.64 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4. <!--
  5.  
  6.  
  7. THEME BY CLARKEQGRIFFIN
  8. #015 INSTANTANEOUS
  9.  
  10. PLEASE DONT REMOVE
  11. THE CREDIT :)
  12.  
  13.  
  14. -->
  15.  
  16.  
  17.  
  18. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  19.  
  20. <html>
  21. <head>
  22. <title>{Title}</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26.  
  27. <!--TEST BLOG 4-->
  28. <meta name="image:icon" content=""/>
  29. <meta name="image:sidebar" content=""/>
  30. <meta name="color:bg" content="#ffffff" />
  31. <meta name="color:accent" content="#f8f8f8" />
  32. <meta name="color:outline" content="#f7f7f7" />
  33. <meta name="color:text" content="#5a5a5a" />
  34. <meta name="color:sidelinks" content="#5a5a5a" />
  35. <meta name="color:link" content="#c3c3c3" />
  36. <meta name="color:Scrollbar" content="#000000">
  37.  
  38.  
  39. <meta name="if:right sidebar" content="0" />
  40. <meta name="if:large block posts" content="0" />
  41.  
  42. <meta name="select:Post Size" content="400" title="400px"/>
  43. <meta name="select:Post Size" content="450" title="450px"/>
  44. <meta name="select:Post Size" content="500" title="500px"/>
  45.  
  46. <meta name="select:Gutter Size" content="1" title="1px"/>
  47. <meta name="select:Gutter Size" content="2" title="2px"/>
  48. <meta name="select:Gutter Size" content="3" title="3px"/>
  49. <meta name="select:Gutter Size" content="4" title="4px"/>
  50. <meta name="select:Gutter Size" content="5" title="5px"/>
  51. <meta name="select:Gutter Size" content="10" title="10px"/>
  52.  
  53. <meta name="text:link 1 URL" content="/" />
  54. <meta name="text:link 1" content="" />
  55. <meta name="text:link 2 URL" content="/" />
  56. <meta name="text:link 2" content="" />
  57. <meta name="text:link 3 URL" content="/" />
  58. <meta name="text:link 3" content="" />
  59.  
  60.  
  61.  
  62.  
  63. <!--START-->
  64.  
  65. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  66. <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  67. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  68. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  69.  
  70.  
  71.  
  72. <!--VIDEO RESIZE BY SHYTHEMES-->
  73. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  74. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  75.  
  76.  
  77.  
  78. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  79.  
  80.  
  81. <!--TOOLTIPS-->
  82. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  83. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  84. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  85. <script>
  86. (function($){
  87. $(document).ready(function(){
  88. $("[title]").style_my_tooltips({
  89. tip_follows_cursor:true,
  90. tip_delay_time:100,
  91. tip_fade_speed:200
  92. });
  93. });
  94. })(jQuery);
  95. </script>
  96.  
  97.  
  98. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  99. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  100. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  101.  
  102.  
  103.  
  104.  
  105. <script>
  106. $(document).ready(function(){
  107. $('.photo-slideshow').pxuPhotoset({
  108. lightbox: true,
  109. rounded: false,
  110. gutter: '{select:Gutter Size}px',
  111. borderRadius: '0px',
  112. photoset: '.photo-slideshow',
  113. photoWrap: '.photo-data',
  114. photo: '.pxu-photo'
  115. });
  116. });
  117. </script>
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124.  
  125. <style type="text/css">
  126.  
  127.  
  128.  
  129. #s-m-t-tooltip {
  130. max-width:300px;
  131. margin:15px;
  132. padding:4px 8px 4px 8px;
  133. /*border:1px solid #eaeaea;*/
  134. border-radius:3px;
  135. background:{color:link};
  136. color:white;
  137. z-index:999999;
  138. font-size:7px;
  139. font-style:none;
  140. font-weight:lighter;
  141. letter-spacing:1px;
  142. font-family:'montserrat';
  143. text-transform:uppercase;
  144. box-shadow:0px 0px 0px #f2f2f2;
  145. }
  146.  
  147. ::-webkit-scrollbar-thumb:vertical {
  148. background-color:{color:Scrollbar};
  149. height:5px;
  150. }
  151.  
  152. ::-webkit-scrollbar-thumb:horizontal {
  153. background-color:{color:Scrollbar};
  154. height:5px!important;
  155. }
  156.  
  157. ::-webkit-scrollbar {
  158. background-color:transparent;
  159. height:3px;
  160. width:3px;
  161. }
  162.  
  163.  
  164.  
  165. body {
  166. font-family: 'montserrat', sans-serif;
  167. font-size:10px;
  168. font-weight:500;
  169. color:{color:text};
  170. background-color:{color:bg};
  171. {block:IfRightSidebar}
  172. margin-left:40px;
  173. {/block:IfRightSidebar}
  174. }
  175.  
  176.  
  177. ::-moz-selection {
  178. background-color: {color:link};
  179. color: #fff;
  180. }
  181.  
  182. ::selection {
  183. background-color: {color:link};
  184. color: #fff;
  185. }
  186.  
  187. ul {
  188. list-style-type: circle;
  189. }
  190.  
  191. #entry {
  192. margin-bottom:120px;
  193. margin-left:0px;
  194. margin-top:-40px;
  195. }
  196.  
  197.  
  198.  
  199. /*SIDEBAR*/
  200.  
  201. #sidebar {
  202. width:245px;
  203. position:fixed;
  204. margin-left:120px;
  205. {block:IfRightSidebar}
  206. margin-left:calc({select:Post Size}px + 340px);;
  207. {/block:IfRightSidebar}
  208. margin-top:60px;
  209. }
  210.  
  211.  
  212. #sidebar img {
  213. width:245px;
  214. margin-left:21px;
  215. border:1px solid {color:outline};
  216. {block:IfSidebarImage}
  217. border-bottom:0px;
  218. {/block:IfSidebarImage}
  219. }
  220.  
  221. #iconx img{
  222. width:55px;
  223. border-radius:3px;
  224. position:absolute;
  225. margin-top:-35px;
  226. margin-left:112px;
  227. background-color:{color:accent};
  228. padding:4px;
  229. border:0px;
  230. }
  231.  
  232. #description {
  233. text-align:justify;
  234. width:209px;
  235. line-height:15px;
  236. font-size:9.5px;
  237. background-color:{color:accent};
  238. {block:IfSidebarImage}
  239. border-top:0px;
  240. {/block:IfSidebarImage}
  241. border:1px solid {color:outline};
  242. margin-top:-4px;
  243. padding:38px 18px 13px 18px;
  244. margin-left:21px;
  245. {block:IfNotIconImage}
  246. padding:18px 18px 13px 18px;
  247. {/block:IfNotIconImage}
  248.  
  249.  
  250.  
  251. box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
  252. }
  253.  
  254.  
  255. #pagination {
  256. color:{color:link};
  257. float:right;
  258. font-size:9px;
  259. }
  260.  
  261. #pagination a {
  262. color:{color:link};
  263. }
  264.  
  265.  
  266.  
  267. /*SIDELINKS*/
  268.  
  269. .sidelinks {
  270. font-family:'montserrat';
  271. z-index:99999999;
  272. font-size:10px;
  273. text-transform:uppercase;
  274. word-spacing:4px;
  275. padding-top:10px;
  276. }
  277.  
  278. .sidelinks a{
  279. color:{color:link};
  280. }
  281.  
  282.  
  283.  
  284. a {
  285. text-decoration:none;
  286. color:{color:text};
  287. }
  288.  
  289. a:hover {
  290. color:{color:link};
  291. -moz-transition-duration: 0.3s;
  292. -o-transition-duration: 0.3s;
  293. -webkit-transition-duration: 0.3s;
  294. transition-duration: 0.3s;
  295. }
  296.  
  297.  
  298.  
  299. #title {
  300. text-align:left;
  301. color:{color:link};
  302. text-transform:uppercase;
  303. font-size:12px;
  304. margin-bottom:3px;
  305.  
  306. }
  307.  
  308.  
  309.  
  310. /*POSTS*/
  311.  
  312. #posts {
  313. width:{select:Post Size}px;
  314. margin-left:530px;
  315. {block:IfRightSidebar}
  316. margin-left:270px;
  317. {/block:IfRightSidebar}
  318. margin-bottom:90px;
  319. background-color:{color:accent};
  320. border:1px solid {color:outline};
  321. border-radius:0px;
  322. {block:IfLargeBlockPosts}
  323. padding:13px;
  324. {/block:IfLargeBlockPosts}
  325. {block:PostNotes}
  326. padding-bottom:20px;
  327. {/block:PostNotes}
  328. box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
  329. }
  330.  
  331.  
  332. #posts img {
  333. max-width:100%;
  334. height:auto;
  335. }
  336.  
  337.  
  338. .indent {
  339. display: inline;
  340. position: absolute;
  341. width: 15px;
  342. height: 15px;
  343. border-left:1px solid {color:outline};
  344. border-bottom:1px solid {color:outline};
  345. background-color: {color:accent};
  346. -ms-transform: rotate(45deg);
  347. -webkit-transform: rotate(45deg);
  348. transform: rotate(45deg);
  349. margin-left:-22px;
  350. }
  351.  
  352. #parentp img {
  353. width:48px;
  354. position:absolute;
  355. {block:IfNotLargeBlockPosts}
  356. margin-left:-57px;
  357. {/block:IfNotLargeBlockPosts}
  358. {block:IfLargeBlockPosts}
  359. margin-left:-82px;
  360. margin-top:-13px;
  361. {/block:IfLargeBlockPosts}
  362. border-radius:3px;
  363. box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
  364. }
  365.  
  366. #rootp img {
  367. width:20px;
  368. height:20px;
  369. position:absolute;
  370. margin-left:-61px;
  371. margin-top:35px;
  372. }
  373.  
  374. #quote {
  375. font-style:italic;
  376. font-size: 15px;
  377. text-transform:uppercase;
  378. }
  379.  
  380. .source {
  381. font-style:italic;
  382. margin-bottom:-10px;
  383. }
  384.  
  385. .title {
  386. font-size:15px;
  387. font-weight:none;
  388. font-style:italic;
  389. padding-top:10px;
  390. padding-bottom:2px;
  391. text-transform:uppercase;
  392. }
  393.  
  394. .linkname {
  395. font-size:15px;
  396. font-style:italic;
  397. text-transform:uppercase;
  398. margin-bottom:-10px;
  399. }
  400.  
  401. /*AUDIO*/
  402.  
  403. #albumart {
  404. position:absolute;
  405. display:inline-block;
  406. z-index:999;
  407. margin-top:0px;
  408. margin-left:25px;
  409. padding:7px;
  410. }
  411.  
  412. .playbox {
  413. background-color:#fafafa;
  414. position:absolute;
  415. margin-left:58.5px;
  416. margin-top:34.5px;
  417. width:27px;
  418. height:27px;
  419. z-index:1000;
  420. opacity:.4;
  421. }
  422.  
  423. .playbutton {
  424. width: 27px;
  425. height: 27px;
  426. overflow: hidden;
  427. position: absolute;
  428. opacity:.7;
  429. -moz-transition-duration: 0.4s;
  430. -o-transition-duration: 0.4s;
  431. -webkit-transition-duration: 0.4s;
  432. transition-duration: 0.4s;
  433. }
  434.  
  435. .playbox:hover .playbutton {
  436. opacity:1;
  437. -moz-transition-duration: 0.4s;
  438. -o-transition-duration: 0.4s;
  439. -webkit-transition-duration: 0.4s;
  440. transition-duration: 0.4s;
  441. }
  442.  
  443. /*
  444. ORIGINAL
  445. .audiosrc {
  446. position:absolute;
  447. max-width:330px;
  448. margin-left:247px;
  449. margin-top:63px;
  450. font-size:9px;
  451. letter-spacing:1.5px;
  452. text-transform:uppercase;
  453. text-align:left;
  454. color:black;
  455.  
  456. }*/
  457.  
  458.  
  459. .audiosrc {
  460. position:absolute;
  461. display:inline-block;
  462. width:250px;
  463. margin-left:150px;
  464. top:17px;
  465. font-size:8px;
  466. letter-spacing:1.5px;
  467. line-height:11px;
  468. text-transform:uppercase;
  469. text-align:left;
  470. border-left:1px solid {color:outline};
  471. padding:20px 0px 20px 35px;
  472.  
  473. }
  474.  
  475. #srccontainer {
  476. position:relative;
  477. background-color:none;
  478. width:500px;
  479. height:100px;
  480. z-index:999;
  481. margin-bottom:15px;
  482. border-radius:6px;
  483. margin-top:15px;
  484. }
  485.  
  486.  
  487. /*QUESTION*/
  488.  
  489.  
  490. .question {
  491. background-color:#fafafa;
  492. width:500px;
  493. text-align:center;
  494. padding:10px;
  495. }
  496.  
  497. .asker {
  498. font-style:italic;
  499. text-transform:uppercase;
  500. font-size:12;
  501. text-align:center;
  502. }
  503.  
  504.  
  505.  
  506.  
  507. #postinfo {
  508. font-family:'Karla', sans-serif;
  509. text-transform:uppercase;
  510. font-size:9px;
  511. text-align:left;
  512. line-height:12px;
  513. padding:7px 10px 0px 10px;
  514. {block:IfLargeBlockPosts}
  515. margin-top:13px;
  516. {/block:IfLargeBlockPosts}
  517. border-top:1px solid {color:outline};
  518. {block:PostNotes}
  519. margin-bottom:30px;
  520. {/block:PostNotes}
  521. }
  522.  
  523. #postinfo a{
  524. border-bottom:0px;
  525. }
  526.  
  527.  
  528. #maininfo2 {
  529. font-family:'montserrat';
  530. font-size:11px;
  531. text-transform:uppercase;
  532. padding-bottom:18px;
  533. {block:IfLargeBlockPosts}
  534. padding-bottom:10px;
  535. {/block:IfLargeBlockPosts}
  536. text-align:right;
  537. padding-top:4px;
  538. margin-bottom:-3px;
  539.  
  540. }
  541.  
  542.  
  543.  
  544. .tags {
  545. text-align:left;
  546. font-family:'montserrat';
  547. font-size:8px;
  548. text-transform:none;
  549. border-top:0px solid {color:outline};
  550. padding:2px 10px 0px 10px;
  551. width:calc({select:Post Size}px - 20px);
  552. margin-left:-10px;
  553. }
  554.  
  555.  
  556.  
  557. .notes ol, .notes li{
  558. list-style:none;
  559. }
  560.  
  561.  
  562. ol.notes li.note img.avatar {
  563. vertical-align:-8px;
  564. border-radius:100%;
  565. margin-right:10px;
  566. width:16px;
  567. height:16px;
  568. margin-top:4px;
  569. margin-bottom:4px;
  570. }
  571.  
  572.  
  573. blockquote {
  574. padding-left:5px;
  575. border-left:1px solid {color:text};
  576. margin-left:14px;
  577. }
  578.  
  579.  
  580. blockquote blockquote {
  581. padding-left:5px;
  582. border-left:1px solid {color:text};
  583. margin-left:14px;
  584. }
  585.  
  586. .captions {
  587. padding:2px 10px 0px 10px;
  588. }
  589.  
  590. .captions a {
  591. color:{color:link};
  592. }
  593.  
  594. .captions a:hover {
  595. border-bottom:0px solid {color:link};
  596. }
  597.  
  598. .txts {
  599. padding:10px 10px 10px 10px;
  600. }
  601.  
  602. .txts a {
  603. border-bottom:0px solid {color:text};
  604. }
  605.  
  606. .txts a:hover {
  607. border-bottom:0px solid {color:link};
  608. }
  609.  
  610.  
  611.  
  612.  
  613. #mastersrc {
  614. font-family:'Karla';
  615. color:{color:text};
  616. position:fixed;
  617. bottom:10px;
  618. right:10px;
  619. padding:6px 8px 6px 8px;
  620. font-size:12px;
  621. border:1px solid {color:outline};
  622. background-color:{color:accent};
  623. opacity:1;
  624. width:10px;
  625. overflow:hidden;
  626. border-radius:100px;
  627. -moz-transition-duration: 0.4s;
  628. -o-transition-duration: 0.4s;
  629. -webkit-transition-duration: 0.4s;
  630. transition-duration: 0.4s;
  631. }
  632.  
  633. #srcname {
  634. font-family:'Karla';
  635. color:{color:text};
  636. font-size:8px;
  637. text-transform:uppercase;
  638. margin-top:-11px;
  639. margin-left:22px;
  640. position:absolute;
  641. }
  642.  
  643. #mastersrc:hover {
  644. color:{color:text};
  645. width:85px;
  646. -moz-transition-duration: 0.4s;
  647. -o-transition-duration: 0.4s;
  648. -webkit-transition-duration: 0.4s;
  649. transition-duration: 0.4s;
  650. }
  651.  
  652. #mastersrc a:hover{
  653. color:{color:text};
  654. }
  655.  
  656.  
  657.  
  658. {CustomCSS}</style>
  659.  
  660.  
  661. </head>
  662. <body>
  663.  
  664. <div id="entry">
  665.  
  666.  
  667. <!--sidebar-->
  668.  
  669.  
  670. <!--<div id="dropdown1">link 1<br>link 2</div>-->
  671.  
  672.  
  673. <div id="sidebar">
  674.  
  675. <!--<div id="title"><a href="/">{Title}</a></div>-->
  676.  
  677.  
  678.  
  679.  
  680.  
  681. {block:IfSidebarImage}
  682. <img src="{image:sidebar}">
  683. {block:IfSidebarImage}
  684.  
  685.  
  686. <div id="iconx">
  687. {block:IfIconImage}
  688. <img src="{image:icon}">
  689. {/block:IfIconImage}
  690. </div>
  691.  
  692. <div id="description">
  693.  
  694.  
  695. {description}
  696.  
  697.  
  698. <div class="sidelinks">
  699. <span title="index">
  700. <a href="/">01.</a>
  701. </span>
  702. <span title="ask">
  703. <a href="/ask">02.</a>
  704. </span>
  705. <span title="{text:link 1}">
  706. {block:IfLink1}<a href="{text:link 1 URL}">03.</a>{/block:IfLink1}
  707. </span>
  708. <span title="{text:link 2}">
  709. {block:IfLink2}<a href="{text:link 2 URL}">04.</a>{/block:IfLink2}
  710. </span>
  711. <span title="{text:link 3}">
  712. {block:IfLink3}<a href="{text:link 3 URL}">05.</a>{/block:IfLink3}
  713. </span>
  714.  
  715.  
  716.  
  717. <span id="pagination">
  718. {block:Pagination}
  719. {block:PreviousPage}<a href="{PreviousPage}">prev</a>&nbsp;/&nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  720. {/block:Pagination}
  721. </span>
  722.  
  723.  
  724.  
  725. </div>
  726.  
  727.  
  728.  
  729.  
  730.  
  731. </div>
  732.  
  733.  
  734.  
  735.  
  736.  
  737.  
  738.  
  739. </div>
  740.  
  741.  
  742.  
  743.  
  744. </div>
  745.  
  746.  
  747. <!--posts-->
  748.  
  749. {block:posts} <div id="posts">
  750.  
  751.  
  752. {block:NotReblog}
  753. {block:IfLargeBlockPosts}
  754. <div class="indent"></div>
  755. {/block:IfLargeBlockPosts}
  756. <div id="parentp"><a href="/"><span title="That's Me!"><img src="{PortraitURL-48}"></span></a></div>
  757. {/block:NotReblog}
  758.  
  759.  
  760.  
  761. {block:RebloggedFrom}
  762.  
  763. {block:IfLargeBlockPosts}
  764. <div class="indent"></div>
  765. {/block:IfLargeBlockPosts}
  766.  
  767. <div id="parentp">
  768. <span title="{ReblogParentName}">
  769. <a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-48}"></a>
  770. </span>
  771. </div>
  772. {/block:RebloggedFrom}
  773.  
  774.  
  775.  
  776.  
  777. <!--{block:RebloggedFrom}
  778. <div id="rootp"><a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-48}"></a></div>
  779. {/block:RebloggedFrom}-->
  780.  
  781.  
  782. {block:Text}
  783. <div class="captions">
  784. {block:Title}<div class="title">{Title}</div>{/block:Title}{Body}
  785. </div>
  786. {/block:Text}
  787.  
  788. {block:Photo}
  789. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  790. {/block:Photo}
  791.  
  792.  
  793. {block:Photoset}
  794.  
  795. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  796.  
  797. {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  798. {/block:Photoset}
  799.  
  800.  
  801.  
  802.  
  803.  
  804. {block:Quote}
  805. <div class="txts">
  806. <div id="quote">{Quote}</div><div class="source">{block:Source}<div class="txts">— {Source}</div>{/block:Source}</div>
  807. </div>
  808. {/block:Quote}
  809.  
  810. {block:Link}
  811. <div class="txts"><a href="{URL}"><div class="linkname">{Name}</div></a></div>{block:Description}<div class="captions">{description}</div>{/block:Description}
  812. {/block:Link}
  813.  
  814. {block:Chat}
  815.  
  816. <div class="txts">
  817. {block:title}<h2>{Title}</h2>{/block:title}{block:lines}{block:label}<b>{label}</b>{/block:label} {line} <br>{/block:lines}
  818. </div>
  819. {/block:Chat}
  820.  
  821.  
  822.  
  823. {block:Audio}
  824.  
  825. {block:AudioPlayer}
  826. <div class="audiocontainer">
  827. <div class="playbox"><div class="playbutton">{AudioPlayerWhite}</div></div>
  828. <div id="srccontainer">
  829. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" style="border-radius:0px;">{/block:AlbumArt}</div>
  830. <div class="audiosrc">
  831. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br>
  832. {block:Artist}{Artist}{/block:Artist} <i class="fa fa-repeat" aria-hidden="true" style="opacity:.6; font-size:6px;"></i> {block:PlayCount}{PlayCount}{/block:PlayCount}<br>
  833. </div></div></div>
  834. {/block:AudioPlayer}
  835.  
  836. {block:AudioEmbed}
  837. {AudioEmbed}
  838. {/block:AudioEmbed}
  839.  
  840. {block:Caption}<div class="captions">{Caption}</div>
  841. {/block:Caption}
  842. {/block:Audio}
  843.  
  844. <!--{block:video}
  845. {VideoEmbed-500}{block:Caption}<div class="captions">{caption}</div>{/block:Caption}
  846. {/block:video}-->
  847.  
  848. {block:video}
  849. <div class="video">{Video-500}</div>
  850. {block:Caption}<div class="captions">{caption}</div>{/block:Caption}
  851. {/block:video}
  852.  
  853.  
  854. <!--{block:answer}
  855. <div class="question">
  856. <div class="asker">
  857. <b>{asker} said:</b></div>
  858. <br>{question}
  859. </div>
  860. {Answer}
  861. {/block:answer}-->
  862.  
  863.  
  864. <!--<div class="question">
  865.  
  866. <div class="asker">
  867. {Asker}
  868. </div>
  869. <div class="qa">
  870. {Question}
  871. <div class="tri"></div>
  872. </div>
  873. </div>
  874. {Answer}
  875. <div class="replies">
  876. {Replies}
  877. </div>-->
  878.  
  879.  
  880.  
  881.  
  882.  
  883.  
  884. <!--postinfo-->
  885.  
  886. <div id="postinfo">
  887.  
  888.  
  889. <div id="maininfo2">
  890.  
  891.  
  892. <a href="{Permalink}">
  893. <span style="font-size:9px;float:left;color:{color:link}">
  894. {NoteCountWithLabel}
  895. </span>
  896. </a>
  897.  
  898.  
  899. {block:Date}
  900. <span title="{timeago}">
  901. <a href="{permalink}">
  902. <i class="fa fa-clock-o" aria-hidden="true"></i>
  903. </span>
  904. {/block:Date}
  905.  
  906.  
  907. &nbsp;
  908.  
  909.  
  910.  
  911. <a href="{ReblogURL}">
  912. <span title="reblog">
  913. <i class="fa fa-repeat" aria-hidden="true" style="opacity:.8"></i>
  914. </span>
  915. </a>
  916.  
  917.  
  918.  
  919.  
  920. {block:RebloggedFrom}
  921. &nbsp;
  922. <a href="{ReblogRootURL}">
  923. <span title="source: {ReblogRootName}">
  924. <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
  925. </span>
  926. </a>
  927. {/block:RebloggedFrom}
  928.  
  929.  
  930. {block:HasTags}
  931. <div class="tags">
  932. {block:tags}
  933. <a href="{TagURL}">#&nbsp;{Tag}</a>&nbsp;&nbsp;&nbsp;
  934. {/block:tags}
  935. </div>
  936. {/block:HasTags}
  937.  
  938.  
  939. </div>
  940.  
  941.  
  942.  
  943.  
  944.  
  945. {block:ContentSource}
  946. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  947. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  948. {/block:SourceLogo}
  949. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  950. {/block:ContentSource}
  951.  
  952.  
  953.  
  954.  
  955.  
  956. </div>
  957.  
  958.  
  959.  
  960. <div class="notes">
  961. {block:PostNotes}{PostNotes}{/block:PostNotes}
  962. </div>
  963.  
  964.  
  965. </div>{/block:posts}
  966.  
  967. </div>
  968.  
  969. <div id="mastersrc"><i class="fa fa-cube" aria-hidden="true"></i>
  970. <a href="http://clarkeqgriffin.tumblr.com">
  971. <div id="srcname">clarkeqgriffin</div>
  972. </a>
  973. </div>
  974.  
  975. </body>
  976. </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!