Advertisement
tomkirk

#009

Jun 6th, 2013
1,073
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.22 KB | None | 0 0
  1. <!--
  2.  
  3. TOMKIRK.TUMBLR.COM
  4. ------------------
  5. THEME #OO9
  6.  
  7. -->
  8. <html>
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10. <html xmlns="http://www.w3.org/1999/xhtml">
  11. <head>
  12. <!--Default Variables-->
  13. <!--Colors-->
  14. <meta name="color:Background" content="#fcfcfc"/>
  15. <meta name="color:Text" content="#696969"/>
  16. <meta name="color:Link" content="#c7c7c7"/>
  17. <meta name="color:Link Hover" content="#d8fc7f"/>
  18. <meta name="color:Link Hover Shadow" content="#f7f7f7"/>
  19. <meta name="color:Border" content="#e8e8e8"/>
  20. <meta name="color:Ask Background" content="#f7f7f7"/>
  21. <meta name="color:Ask Text" content="#696969"/>
  22. <meta name="color:Post Title" content="#d8fc7f"/>
  23. <meta name="color:Header Title" content="#fdfdfd"/>
  24. <meta name="color:Tooltip Background" content="#ffffff"/>
  25. <meta name="color:Tooltip Text" content="#696969"/>
  26.  
  27. <!--Images-->
  28. <meta name="image:Header" content""/>
  29.  
  30. <!--Options-->
  31. <meta name="if:Stretch Header Img" content=""/>
  32. <meta name="if:Lazy Load" content=""/>
  33. <meta name="if:Infinite Scrolling" content=""/>
  34. <meta name="if:Captions" content=""/>
  35. <meta name="if:Tiny Cursor" content=""/>
  36. <meta name="if:Faded Images" content=""/>
  37. <meta name="if:Inverted Images" content=""/>
  38.  
  39. <!--Links-->
  40. <meta name="text:Header Title" content="/"/>
  41. <meta name="text:Link 1 URL" content="/"/>
  42. <meta name="text:Link 1 name" content=""/>
  43. <meta name="text:Link 2 URL" content="/"/>
  44. <meta name="text:Link 2 name" content=""/>
  45. <meta name="text:Link 3 URL" content="/"/>
  46. <meta name="text:Link 3 name" content=""/>
  47. <meta name="text:Link 4 URL" content="/"/>
  48. <meta name="text:Link 4 name" content=""/>
  49.  
  50. <script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?7"></script>
  51.  
  52. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  53.  
  54. {block:ifInfiniteScrolling}
  55. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  56. {/block:ifInfiniteScrolling}
  57.  
  58. {block:Description}
  59. <meta name="description" content="{MetaDescription}" />{/block:Description}
  60. <title>
  61. {block:PostSummary}
  62. {PostSummary} - {/block:PostSummary}{Title}</title>
  63. </style>
  64.  
  65. <style type="text/css">
  66.  
  67. {block:ifInvertedImages}img{
  68. opacity: 1;
  69. filter:alpha(opacity=10);
  70. -moz-opacity: 0.1;
  71. -moz-transition: all .9s ease;
  72. -o-transition: all .9s ease;
  73. transition: all .9s ease;
  74. -webkit-transition: all .9s ease;}
  75. {/block:ifInvertedImages}
  76.  
  77.  
  78. {block:ifInvertedImages} img:hover{
  79. opacity: .8;
  80. filter:alpha(opacity=100);
  81. -moz-opacity: 1;
  82. -moz-transition: all .9s ease;
  83. -o-transition: all .9s ease;
  84. transition: all .9s ease;
  85. -webkit-transition: all .9s ease;}
  86. {/block:ifInvertedImages}
  87.  
  88. {block:ifFadedImages}img{
  89. opacity: .8;
  90. filter:alpha(opacity=10);
  91. -moz-opacity: 0.1;
  92. -moz-transition: all .9s ease;
  93. -o-transition: all .9s ease;
  94. transition: all .9s ease;
  95. -webkit-transition: all .9s ease;}
  96. {/block:ifFadedImages}
  97.  
  98.  
  99. {block:ifFadedImages} img:hover{
  100. opacity: 1;
  101. filter:alpha(opacity=100);
  102. -moz-opacity: 1;
  103. -moz-transition: all .9s ease;
  104. -o-transition: all .9s ease;
  105. transition: all .9s ease;
  106. -webkit-transition: all .9s ease;}
  107. {/block:ifFadedImages}
  108.  
  109. {block:ifInvertedImages}.photo {
  110. opacity: 1;
  111. filter:alpha(opacity=10);
  112. -moz-opacity: 0.1;
  113. -moz-transition: all .9s ease;
  114. -o-transition: all .9s ease;
  115. transition: all .9s ease;
  116. -webkit-transition: all .9s ease;}
  117. {/block:ifInvertedImages}
  118.  
  119.  
  120. {block:ifInvertedImages}.photo:hover{
  121. opacity: .8;
  122. filter:alpha(opacity=100);
  123. -moz-opacity: 1;
  124. -moz-transition: all .9s ease;
  125. -o-transition: all .9s ease;
  126. transition: all .9s ease;
  127. -webkit-transition: all .9s ease;}
  128. {/block:ifInvertedImages}
  129.  
  130. {block:ifFadedImages}.photo {
  131. opacity: .8;
  132. filter:alpha(opacity=10);
  133. -moz-opacity: 0.1;
  134. -moz-transition: all .9s ease;
  135. -o-transition: all .9s ease;
  136. transition: all .9s ease;
  137. -webkit-transition: all .9s ease;}
  138. {/block:ifFadedImages}
  139.  
  140.  
  141. {block:ifFadedImages}.photo:hover{
  142. opacity: 1;
  143. filter:alpha(opacity=100);
  144. -moz-opacity: 1;
  145. -moz-transition: all .9s ease;
  146. -o-transition: all .9s ease;
  147. transition: all .9s ease;
  148. -webkit-transition: all .9s ease;}
  149. {/block:ifFadedImages}
  150.  
  151. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  152. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  153.  
  154. body{background-color: {color:Background};font-family:consolas;font-size:10px;line-height:12px;color:{color:Text};{block:ifTinyCursor}cursor:url(http://media.tumblr.com/ce840a860eb300b74a147c674f72e2a8/tumblr_inline_mkuqxnN3G71qz4rgp.png), progress;{/block:ifTinyCursor}}
  155.  
  156. a:link, a:active, a:visited{color: {color:Link};text-decoration:none;-webkit-transition: all 0.6s linear;-moz-transition: all 0.6s linear;transition: all 0.6s linear;}
  157.  
  158. a:hover{text-decoration:none;color:{color:Link Hover};{block:ifTinyCursor}cursor:url(http://media.tumblr.com/ce840a860eb300b74a147c674f72e2a8/tumblr_inline_mkuqxnN3G71qz4rgp.png), progress;{/block:ifTinyCursor}text-shadow: 1px 1px 1px {color:Link Hover Shadow};}
  159.  
  160. #container {margin:auto;padding:5px;padding-top:160px;padding-bottom:30px;{block:IndexPage}width:400px;{/block:IndexPage}{block:PermalinkPage}width:470px;{/block:PermalinkPage}}
  161.  
  162. #topper{position:fixed;margin-top:-180px;height:175px;background:white;background-image:url({image:Header});{block:ifStretchHeaderImg}background-size:100% 100%;{/block:ifStretchHeaderImg}border-bottom:20px solid {color:Border};{block:IndexPage}width:520px;margin-left:-60px;{/block:IndexPage}{block:PermalinkPage}width:750px;margin-left:-125px;{/block:PermalinkPage}z-index:4;}
  163.  
  164. #entry {margin-top:40px;margin-left:10px;padding:16px;background:white;border:1px solid {color:Border};{block:IndexPage}width:250px;margin-left:-60px;{/block:IndexPage}{block:PermalinkPage}width:500px;margin-left:-125px;{/block:PermalinkPage}overflow:hidden;}
  165.  
  166. #entry img{{block:IndexPage}max-width:250px;{/block:IndexPage}{block:PermalinkPage}max-width:500px;{/block:PermalinkPage}}
  167.  
  168. #entry .permalink{background:white;width:250px;text-align:center;position:absolute;opacity:0;margin-top:0px;margin-left:0px;color:{color:Link};-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;}
  169.  
  170. #entry:hover .permalink{opacity:1;margin-top:-14px;}
  171.  
  172. .permalink a{font-size:8px;padding-right:5px;text-transform:uppercase;}
  173.  
  174. #side {position:fixed;width:170px;padding-left:10px;margin-top:40px;{block:IndexPage}margin-left:280px;{/block:IndexPage}{block:PermalinkPage}margin-left:445px;{/block:PermalinkPage}border-left:1px solid {color:Border};}
  175.  
  176. .navigate {margin-top:2px;margin-left:-28px;width:10px;position:fixed;padding-right:8px;}
  177. .navigate a{padding-right:7px;line-height:17px;}
  178. .navigate a:hover{background:transparent;}
  179.  
  180. .navi{margin-top:3px;}
  181. .navi a{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-left:-10px;padding-top:4px;padding-bottom:3px;padding-left:10px;border-bottom:1px solid {color:Border};-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
  182. .navi a:hover{color:{color:Link};background:{color:Link Hover};}
  183.  
  184. #ask {padding:7px;line-height:14px;background:{color:Ask Background};color:{color:Ask Text};}
  185.  
  186. .askername{font-size:11px;line-height:11px;letter-spacing:1px;text-transform:uppercase;color:{color:Link};font-weight:bold;}
  187.  
  188. .pt{font-size:17px;line-height:20px;font-weight:bold;text-transform:uppercase;margin-bottom:-4px;padding:5px;background:{color:Post Title};}
  189. .pt a{color:{color:Text};}
  190. .pt a:hover{color:{color:Link Hover};text-shadow: 0px 0px 0px {color:Link Hover Shadow};}
  191.  
  192. .bt{font-size:18px;line-height:20px;font-weight:bold;text-transform:uppercase;text-shadow: 1px 1px 1px {color:Link Hover Shadow};}
  193.  
  194. .bt a:hover{background:transparent;color:{color:Text};}
  195.  
  196. .ht {position:absolute;bottom:0;padding:5px;padding-left:7px;padding-right:7px;font-size:40px;line-height:40px;font-weight:bold;text-transform:uppercase;}
  197.  
  198. .ht a{color:{color:Header Title};text-shadow: 1px 1px 1px {color:Link Hover};}
  199. .ht a:hover{color:{color:Link Hover};text-shadow: 1px 1px 1px {color:Link Hover Shadow};}
  200.  
  201. .source{margin-top:9px;margin-bottom:5px;}
  202.  
  203. blockquote{padding-left:5px;margin-left:14px;margin-top:-4px;border-left:2px solid {color:Border};}
  204.  
  205. .ol, ul {margin-left:30px;padding:5px;}
  206. .ul {list-style-type:circle;}
  207.  
  208. .chat .line{padding: 2px;}
  209.  
  210. .chat .line .odd{padding:2px;color:{color:Ask Text};background:{color:Ask Background};}
  211.  
  212. .label {font-weight:bold;}
  213.  
  214. .audiop{background:black;padding:10px;}
  215. .audioplayer {position:absolute;width:85px;margin-top:-53px;margin-left:100px;overflow:hidden;}
  216.  
  217. .notes img{width:10px; position:left;top:3px;-webkit-border-radius: 10px;
  218. -moz-border-radius: 10px; border-radius: 10px;}
  219.  
  220. .notes ul {list-style-type:none;margin-left:-30px;padding:5px;text-align:left;border-bottom:1px solid {color:Border};}
  221.  
  222. #pgs{position:absolute;bottom:0;right:0;padding-right:5px;text-align:center;font-size:19px;line-height:11px;text-transform:uppercase;color:red;}
  223. #pgs a{display:block;color:{color:Header Title};text-shadow: 1px 1px 1px {color:Link Hover};}
  224. #pgs a:hover{color:{color:Link Hover};text-shadow: 1px 1px 1px {color:Link Hover Shadow};}
  225.  
  226. #dhtmltooltip{position:Absolute;font-family:calibri;width:auto;padding-bottom:2px;padding-left:3px;padding-right:3px;visibility: hidden;font-family:calibri;font-size:8px;line-height:10px;letter-spacing:1px;text-transform:uppercase;background:{color:Tooltip Background};z-index: 100; -moz-box-shadow:1px 1px 2px 1px {color:Text Shadow};-webkit-box-shadow:1px 1px 2px 1px {color:Text Shadow};box-shadow:1px 1px 2px 1px {color:Text Shadow};{block:ifTinyCursor}margin-left:70px;margin-top:-7px;{/block:ifTinyCursor}{block:ifNotTinyCursor}margin-left:70px;margin-top:8px;{/block:ifNotTinyCursor}}
  227.  
  228. {CustomCSS}
  229. </style>
  230.  
  231. <div id="dhtmltooltip"></div>
  232.  
  233. <script type="text/javascript">
  234.  
  235. var offsetxpoint=-60 //Customize x offset of tooltip
  236. var offsetypoint=20 //Customize y offset of tooltip
  237. var ie=document.all
  238. var ns6=document.getElementById && !document.all
  239. var enabletip=false
  240. if (ie||ns6)
  241. var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
  242.  
  243. function ietruebody(){
  244. return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
  245. }
  246.  
  247. function ddrivetip(thetext, thecolor, thewidth){
  248. if (ns6||ie){
  249. if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
  250. if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
  251. tipobj.innerHTML=thetext
  252. enabletip=true
  253. return false
  254. }
  255. }
  256.  
  257. function positiontip(e){
  258. if (enabletip){
  259. var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
  260. var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
  261.  
  262. var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
  263. var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
  264.  
  265. var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
  266.  
  267.  
  268. if (rightedge<tipobj.offsetWidth)
  269.  
  270. tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
  271. else if (curX<leftedge)
  272. tipobj.style.left="1px"
  273. else
  274.  
  275. tipobj.style.left=curX+offsetxpoint+"px"
  276.  
  277. if (bottomedge<tipobj.offsetHeight)
  278. tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
  279. else
  280. tipobj.style.top=curY+offsetypoint+"px"
  281. tipobj.style.visibility="visible"
  282. }
  283. }
  284. function hideddrivetip(){
  285. if (ns6||ie){
  286. enabletip=false
  287. tipobj.style.visibility="hidden"
  288. tipobj.style.left="-1000px"
  289. tipobj.style.backgroundColor=''
  290. tipobj.style.width=''
  291. }
  292. }
  293.  
  294. document.onmousemove=positiontip
  295.  
  296. </script>
  297.  
  298. <link rel="shortcut icon" href="{Favicon}">
  299. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  300. {block:ifLazyLoad}
  301. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  302. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  303. <script type="text/javascript" charset="utf-8">
  304. var $j = jQuery.noConflict();
  305. $j(function() {
  306. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  307. $j("img").lazyload({
  308. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  309. effect: "fadeIn",
  310. });
  311. });
  312. </script>
  313. {/block:ifLazyLoad}
  314. </head>
  315. <body>
  316. <div id="container">
  317. <div id="topper"><div class="ht"><a href="/">{text:Header Title}</a></div>
  318. {block:ifNotInfiniteScrolling}
  319. <div id="pgs">
  320. {block:Pagination}
  321. {block:PreviousPage} <a href="{PreviousPage}">←</a>{/block:PreviousPage}
  322. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  323. {/block:Pagination}
  324. </div>
  325. {/block:ifNotInfiniteScrolling}
  326. </div>
  327. <div id="side">
  328. <div class="navigate">
  329. <a href ="/" onmouseover = "ddrivetip ('home')";
  330. onmouseout = "hideddrivetip ()"><img src="http://media.tumblr.com/89ec7d039837e7845a62f9b72b695cdc/tumblr_inline_mnnl83MayN1qz4rgp.png"></a>
  331.  
  332.  
  333. <a href ="/ask" onmouseover = "ddrivetip ('message')";
  334. onmouseout = "hideddrivetip ()"><img src="http://media.tumblr.com/f99c9db620f7e20c02351b48d7146e07/tumblr_inline_mnnl89a5N41qz4rgp.png"></a>
  335.  
  336.  
  337. <a href ="/submit" onmouseover = "ddrivetip ('submit')";
  338. onmouseout = "hideddrivetip ()"><img src="http://media.tumblr.com/6384f8cc13d3d93cda01ad95e3c366ee/tumblr_inline_mnnl8mK6uV1qz4rgp.png"></a>
  339.  
  340.  
  341. <a href ="/archive" onmouseover = "ddrivetip ('archive')";
  342. onmouseout = "hideddrivetip ()"><img src="http://media.tumblr.com/50dfc2fead41b972ecb29f4dc18caade/tumblr_inline_mnnl9i3uVy1qz4rgp.png"></a>
  343.  
  344.  
  345. <a href ="http://tomkirk.tumblr.com/" onmouseover = "ddrivetip ('theme')";
  346. onmouseout = "hideddrivetip ()"><img src="http://media.tumblr.com/801030d3b1908754818fc9c77a5485e7/tumblr_inline_mnnl9pb9qI1qz4rgp.png"></a>
  347. </div>
  348. <div class="bt"><a href="/">{Title}</a></div>
  349. {Description}
  350. <div class="navi">
  351. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  352. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  353. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  354. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  355. </div>
  356. </center>
  357. </div>
  358.  
  359. {block:Posts}
  360. <div id="entry">
  361.  
  362. {block:IndexPage}
  363. <div class="permalink">
  364. <a href ="{Permalink}">{TimeAgo}</a>
  365. <a href ="{Permalink}">{NoteCountWithLabel}</a>
  366. <a href ="{ReblogURL}" target="_blank">reblog?</a>
  367. </div>
  368. {/block:IndexPage}
  369.  
  370. {block:Answer}
  371. <div id="ask">
  372. <div class="askername">{Asker} asked:</div>
  373. {Question}
  374. </div>
  375. {Answer}
  376. {/block:Answer}
  377.  
  378. {block:Text}
  379. {block:Title}
  380. <div class="pt">{Title}</div>
  381. {/block:Title}
  382. {Body}
  383. {/block:Text}
  384.  
  385. {block:Link}
  386. <div class="pt"><a href="{URL}">{Name} »</a></div>
  387. {block:Description}{Description}{/block:Description}
  388. {/block:Link}
  389.  
  390. {block:Photo}
  391. {LinkOpenTag}
  392. <div id="pic">
  393. <a href="{permalink}">
  394. <img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>
  395. </div>
  396. {LinkCloseTag}
  397. {block:ifCaptions}
  398. {block:Caption}{Caption}{/block:Caption}
  399. {/block:ifCaptions}
  400. {block:ifNotCaptions}
  401. {block:PermalinkPage}
  402. {block:Caption}{Caption}{/block:Caption}
  403. {/block:PermalinkPage}
  404. {/block:ifNotCaptions}
  405. {block:ContentSource}
  406. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  407. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  408. {/block:SourceLogo}
  409. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  410. {/block:ContentSource}
  411. {block:ReblogParentURL}
  412. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  413. {/block:ReblogParentURL}
  414. {/block:Photo}
  415.  
  416. {block:Photoset}
  417. <div class="photo">
  418. <center>
  419. {block:IndexPage}
  420. {Photoset-250}
  421. {/block:IndexPage}
  422. {block:PermalinkPage}
  423. {Photoset-500}
  424. {/block:PermalinkPage}
  425. </center>
  426. </div>
  427. {block:ifCaptions}
  428. {block:Caption}{Caption}{/block:Caption}
  429. {/block:ifCaptions}
  430. {block:ifNotCaptions}
  431. {block:PermalinkPage}
  432. {block:Caption}{Caption}{/block:Caption}
  433. {/block:PermalinkPage}
  434. {/block:ifNotCaptions}
  435. {/block:Photoset}
  436.  
  437. {block:Quote}
  438. <div class="pt">"{Quote}"</div>
  439. {block:Source}
  440. <div class="source"><i> - {Source}</i></div>
  441. {/block:Source}
  442. {/block:Quote}
  443.  
  444. {block:Chat}
  445. {block:Title}
  446. <div class="pt">{Title}</div>
  447. {/block:Title}
  448. <div class="chat">
  449. {block:Lines}
  450. <div class="chat">
  451. <div class="line {Alt}">
  452. <div class="{Alt} user_{UserNumber}">
  453. {block:Label}
  454. <b>{Label} </b>
  455. {/block:Label}
  456. {Line}
  457. </div>
  458. </div>
  459. </div>
  460. {/block:Lines}
  461. </div>
  462. {/block:Chat}
  463.  
  464. {block:Audio}
  465. <div class="audiop">
  466. {block:AlbumArt}
  467. <img src="{AlbumArtURL}" width="70px;" style="position:absolute;margin:5px;z-index:1;">
  468. {/block:AlbumArt}
  469. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" width="70px;" style="position:relative;margin:5px;">
  470. {block:AudioPlayer}
  471. <div class="audioplayer">
  472. {AudioPlayerBlack}
  473. </div>
  474. </div>
  475. {/block:AudioPlayer}
  476. {block:Caption}{Caption}{/block:Caption}
  477. {/block:Audio}
  478.  
  479. {block:Video}
  480. <div class="photo">{Video-500}</div>
  481. {block:ifCaptions}
  482. {block:Caption}{Caption}{/block:Caption}
  483. {/block:ifCaptions}
  484. {block:ifNotCaptions}
  485. {block:PermalinkPage}
  486. {block:Caption}{Caption}{/block:Caption}
  487. {/block:PermalinkPage}
  488. {/block:ifNotCaptions}
  489. {/block:Video}
  490.  
  491. {block:PermalinkPage}
  492. <div style="margin-top:5px;">
  493. {block:Date}
  494. <b>Posted:</b> {TimeAgo} on
  495. {ShortMonth} {DayofMonth},{Year} at
  496. {12Hour}:{Minutes} {CapitalAmPm}
  497. {/block:Date}
  498. {block:NoteCount}<br>
  499. <b>Notes:</b>
  500. {NoteCount}
  501. {/block:NoteCount}
  502. {block:HasTags}
  503. <br>
  504. <b>Tags:</b>
  505. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  506. {/block:Tags}
  507. {/block:HasTags}
  508. <br>{block:RebloggedFrom}VIA: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a> · (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  509. </div>
  510. {/block:PermalinkPage}
  511.  
  512. {block:PostNotes}
  513. {PostNotes}
  514. {/block:PostNotes}
  515. </div>
  516. {/block:Posts}
  517. </div>
  518. </div>
  519. </body>
  520. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement