API tools faq
paste
pjo06

Theme #011 (2-2) - Sidebar Image or Icon Edits

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