Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Protego Theme

By: heykevinn on Aug 27th, 2012  |  syntax: None  |  size: 20.19 KB  |  hits: 4,141  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  
  5.     <!-- ----------------------------------------------
  6.    
  7. #3 PROTEGO THEME BY EXCOLO
  8. acrisolar.tumblr.com [main blog]
  9. excolo.tumblr.com [tumblr themes]
  10.  
  11.     ----------------------------------------------  -->
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  16. <meta name="viewport" content="width=820" />
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  20.  
  21. <meta name="color:background" content="#f0f0f0"/>
  22. <meta name="color:text" content="#727272"/>
  23. <meta name="color:links" content="#374585"/>
  24. <meta name="color:hover" content="#374585"/>
  25. <meta name="color:title background" content="#000000"/>
  26. <meta name="color:title" content="#ffffff"/>
  27. <meta name="color:navigations link" content="#ffffff"/>
  28. <meta name="color:navigations" content="#8e030d"/>
  29. <meta name="color:accent" content="#8e030d"/>
  30. <meta name="color:drop down box" content="#191d2f"/>
  31. <meta name="color:drop down box links" content="#ffffff"/>
  32. <meta name="color:posts background" content="#ffffff"/>
  33. <meta name="color:back to top button" content="#818d5c"/>
  34. <meta name="color:blockquote" content="#e8e9d6"/>
  35. <meta name="color:permalink side" content="#191d2f"/>
  36. <meta name="color:permalink side text" content="#ffffff"/>
  37. <meta name="color:meta background" content="#eeeeee"/>
  38. <meta name="color:meta text" content="#ffffff"/>
  39.  
  40. <meta name="image:sidebar" content="http://static.tumblr.com/sjl0ztp/Cuxm9b7be/tumblr_m98357vply1r1rnvdo1_250.png"/>
  41. <meta name="image:background" content="http://static.tumblr.com/sjl0ztp/RkKm9b74y/greynoise.png"/>
  42.  
  43. <meta name="if:alternate title font" content="0"/>
  44. <meta name="if:infinite scroll" content="0"/>
  45. <meta name="if:full sized background" content="0"/>
  46. <meta name="if:show captions" content="1"/>
  47. <meta name="if:show archive link" content="1"/>
  48. <meta name="if:show rss link" content="0"/>
  49. <meta name="if:search" content="1"/>
  50. <meta name="if:back to top button" content="1"/>
  51. <meta name="if:fixed sidebar" content="1"/>
  52. <meta name="if:show tags on index page" content="1"/>
  53.  
  54. <meta name="text:custom title" content="Protego"/>
  55. <meta name="text:ask label" content="message"/>
  56. <meta name="text:submit label" content="submit"/>
  57. <meta name="text:rss label" content="subscribe"/>
  58. <meta name="text:Google Analytics ID" content="" />
  59. <meta name="text:link 1 url" content="" />
  60. <meta name="text:link 1 title" content="" />
  61. <meta name="text:link 2 url" content="" />
  62. <meta name="text:link 2 title" content="" />
  63. <meta name="text:link 3 url" content="" />
  64. <meta name="text:link 3 title" content="" />
  65. <meta name="text:music player code" content="" />
  66.  
  67. <style type="text/css">
  68. body {
  69. margin: 0 0 20px 0;
  70. background-color: {color:Background};
  71. background-image:url({image:background});
  72. background-attachment: fixed;
  73. background-repeat: repeat;
  74. {block:iffullsizedbackground}background-size:100%;{/block:iffullsizedbackground}
  75. font-family: consolas, Monaco, sans-serif;
  76. font-size: 11px;
  77. line-height:110%;
  78. color:{color:text};
  79. letter-spacing:0.5px;
  80. }
  81.  
  82. iframe#tumblr_controls {
  83. top: 5px !important;
  84. right: 5px !important;
  85. position: fixed !important;
  86. }
  87.  
  88.  #container {
  89.  margin-left: auto;
  90.  margin-right: auto;
  91.  width: 520px;
  92.  text-align: center;
  93.  }
  94.  
  95. a {
  96. color:{color:links};
  97. text-decoration:none;
  98. -webkit-transition: all 0.4s linear;
  99. -moz-transition: all 0.4s linear;
  100. transition: all 0.4s linear;
  101. }
  102.  
  103. a:hover {
  104. color:{color:hover};
  105. text-decoration:none;
  106. }
  107.  
  108. ::selection {
  109. color:#fff;
  110. background-color:{color:accent};
  111. }
  112. ::-moz-selection {
  113. color:#fff;
  114. background-color:{color:accent};
  115. }
  116.  
  117. #sidebar .sideimg {
  118. width:250px;
  119. height:135px;
  120. overflow:hidden;
  121. position:fixed;
  122. top:100px;
  123. left:150px;
  124. z-index:999;
  125. background-color:{color:accent};
  126. -webkit-border-radius: 50px 0px;
  127. -moz-border-radius: 50px 0px;
  128. border-radius: 50px 0px;
  129. }
  130.  
  131. #sidebar .letitle {
  132. position:fixed;
  133. opacity:0.7;
  134. width:200px;
  135. padding-left:5px;
  136. top:75px;
  137. left:145px;
  138. height:20px;
  139. font-size:20px;
  140. color:{color:title};
  141. opacity:1;
  142. -webkit-transition: all 0.4s linear;
  143. -moz-transition: all 0.4s linear;
  144. transition: all 0.4s linear;
  145. width:250px;
  146. text-align:right;
  147. opacity:1;
  148. }
  149.  
  150. #sidebar span {
  151. background:{color:title background};
  152. padding:0px 3px;
  153. font-size:20px;
  154. color:{color:title};
  155. }
  156.  
  157. #sidebar .letitle:hover {
  158. opacity:0.5;
  159. }
  160.  
  161. #sidebar .sideimg img {
  162. width:250px;
  163. height:135px;
  164. -webkit-border-radius: 50px 0px;
  165. -moz-border-radius: 50px 0px;
  166. border-radius: 50px 0px;
  167. }
  168.  
  169. #sidebar .navigations {
  170. position:fixed;
  171. width:250px;
  172. top:130px;
  173. left:20px;
  174. text-align:right;
  175. z-index:99;
  176. }
  177.  
  178. #sidebar .navigations p {
  179. margin:0px 0px 5px 0px;
  180. }
  181.  
  182. #sidebar .navigations a {
  183. background:{color:navigations};
  184. border-left:5px solid {color:accent};
  185. color:{color:navigations link};
  186. font-family:consolas, Monaco;
  187. text-transform:uppercase;
  188. font-size:10px;
  189. letter-spacing:1px;
  190. padding:0px 150px 3px 5px;
  191. }
  192.  
  193. #sidebar .navigations a:hover {
  194. padding:0px 160px 3px 5px;
  195. font-style:italic;
  196. }
  197.  
  198. #sidebar .dropdown {
  199. position:fixed;
  200. width:250px;
  201. left:150px;
  202. top:243px;
  203. }
  204.  
  205. #music {
  206. background:{color:posts background};
  207. position:fixed;
  208. bottom:0px;
  209. left:0px;
  210. padding:10px;
  211. width:20px;
  212. height:15px;
  213. overflow:hidden;
  214. -webkit-transition: all 0.3s ease;
  215. -moz-transition: all 0.3s ease;
  216. transition: all 0.3s ease;
  217. -webkit-border-radius: 0px 30px 0px 0px;
  218. -moz-border-radius: 0px 30px 0px 0px;
  219. border-radius: 0px 30px 0px 0px;
  220. }
  221.  
  222. #music:hover {
  223. width:250px;
  224. }
  225.  
  226. #music .inner {
  227. width:250px;
  228. }
  229.  
  230. #cage {
  231. margin-bottom:40px;
  232. }
  233.  
  234. #content{
  235. width:550px;
  236. height:100%;
  237. padding:20px;
  238. left:400px;
  239. position:absolute;
  240. }
  241.  
  242. #pagnition {
  243. position:fixed;
  244. left:150px;
  245. bottom:20px;
  246. width:250px;
  247. text-align:right;
  248. }
  249.  
  250. #pagnition .next, #pagnition .previous {
  251. font-size:15px;
  252. padding:5px 10px;
  253. background:{color:title background};
  254. color:{color:title};
  255. margin-bottom:10px;
  256. display:inline;
  257. opacity:1;
  258. }
  259.  
  260. #pagnition .next:hover, #pagnition .previous:hover {
  261. opacity:0.5;
  262. }
  263.  
  264. #entry {
  265. width: 500px;
  266. position:relative;
  267. background:{color:posts background};
  268. margin-bottom:20px;
  269. padding:10px;
  270. position:relative;
  271. }
  272.  
  273. .perma {
  274. position:absolute;
  275. background-color:{color:permalink side};
  276. margin:-10px 0px 0px 510px;
  277. color:{color:permalink side text};
  278. -webkit-transition: all 0.3s ease;
  279. -moz-transition: all 0.3s ease;
  280. transition: all 0.3s ease;
  281. width:0px;
  282. opacity:0.2;
  283. overflow:hidden;
  284. }
  285.  
  286. #entry:hover .perma {
  287. width:64px;
  288. opacity:1;
  289. }
  290.  
  291. .perma a {
  292. color:{color:permalink side text};
  293. }
  294.  
  295. .perma .date {
  296. padding: 45px 5px 15px 5px;
  297. opacity:0.7;
  298. }
  299.  
  300. #entry:hover .perma .date {
  301. }
  302.  
  303. .perma .day {
  304. font-size: 40px;
  305. line-height: 40px;
  306. position: absolute;
  307. left: 5px;
  308. top: 0px;
  309. }
  310.  
  311. .perma .month {
  312. text-transform: uppercase;
  313. font-size: 32px;
  314. }
  315.  
  316. .perma .year {
  317. display: block;
  318. position: absolute;
  319. margin-left: 39px;
  320. top: 15px;
  321. -webkit-transform: rotate(-90deg);
  322. -moz-transform: rotate(-90deg);
  323. }
  324.  
  325. #entry .posttitle {
  326. font-size:20px;
  327. font-family:book antiqua;
  328. letter-spacing:3px;
  329. font-style:italic;
  330. margin-top:5px;
  331. padding-left:10px;
  332. border-left:10px solid {color:accent};
  333. background:{color:blockquote};
  334. }
  335.  
  336. #entry .linktitle {
  337. font-size:20px;
  338. font-family:book antiqua;
  339. letter-spacing:3px;
  340. font-style:italic;
  341. margin-top:5px;
  342. border-bottom-style: double;
  343. border-bottom-color:{color:links};
  344. }
  345.  
  346. #entry .linktitle:hover {
  347. border-bottom-color:{color:hover};
  348. }
  349.  
  350. #entry .title{
  351. font-family:book antiqua;
  352. letter-spacing:3px;
  353. font-style:italic;
  354. font-size: 20px;
  355. line-height: 20px;
  356. letter-spacing: 0px;
  357. font-weight: normal;
  358. padding:0px 0px 0px 0px;
  359. }
  360.  
  361. #entry .posttitle a, #entry .linktitle a, #entry .title a {
  362. color:{color:text};
  363. }
  364.  
  365. #entry .meta {
  366. background:{color:meta background};
  367. color:{color:meta text};
  368. padding:2px 0px;
  369. text-align:center;
  370. font-size:9px;
  371. margin-top:10px;
  372. }
  373.  
  374. #entry .meta a {
  375. color:{color:meta text};
  376. }
  377.  
  378. #entry .meta span {
  379. color:{color:accent};
  380. }
  381.  
  382. #entry .audioplayer {
  383. position:absolute;
  384. width:28px;
  385. height:28px;
  386. background:url(http://static.tumblr.com/sjl0ztp/1DNm957sg/border.png);
  387. padding:10px;
  388. overflow:hidden;
  389. top:63px;
  390. left:63px;
  391. }
  392.  
  393. #entry .audioplayer .inner {
  394. width:28px;
  395. overflow:hidden;
  396. }
  397.  
  398. blockquote{
  399. margin:0px 5px;
  400. padding:7px 10px;
  401. border-left: 2px solid {color:accent};
  402. border-right: 2px solid {color:accent};
  403. background:{color:blockquote};
  404. }
  405.  
  406. .postnotes ul, .postnotes ol, .postnotes li { list-style:none; margin:0px; padding:0px; }
  407. .postnotes li { padding:5px 0px; }
  408. .postnotes .avatar { margin-right:10px; }
  409. .chat ul, .chat ol, .chat li{list-style:none; margin-left:-40px; padding:0px;}
  410. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  411. .user_7 .label, .user_8 .label, .user_9 .label {font-weight:600;}
  412.  
  413. .notes img{
  414. width:10px;
  415. position:relative;
  416. top:3px;
  417. }
  418.  
  419. .photoset, .photoset_row, div.photoset_photo, .photoset img, .html_photoset {
  420. {block:IndexPage}
  421. width: 500px !important;
  422. {/block:IndexPage}
  423. }
  424.  
  425. .photo, div.photo, .photo img {
  426. {block:IndexPage}
  427. width:500px;
  428. display:block;
  429. {/block:IndexPage}
  430. }
  431.  
  432. .arrow-down {
  433. width: 0;
  434. height: 0;
  435. border-left: 10px inset transparent;
  436. border-right: 10px inset transparent;
  437. border-top: 10px solid {color:accent};
  438. margin:0px auto;
  439. }
  440.  
  441. #infscr-loading {
  442. text-align: center;
  443. z-index: 100;
  444. position: fixed;
  445. left:50%;
  446. bottom: 20px;
  447. font-size:0px;
  448. background:#fff;
  449. padding:2px;
  450. -webkit-border-radius: 50px;
  451. -moz-border-radius: 50px;
  452. border-radius: 50px;
  453. width:16px;
  454. height:16px;
  455. }
  456.  
  457. .q {
  458. font-family:georgia;
  459. font-size:80px;
  460. padding-top:25px;
  461. }
  462.  
  463. #top-link{
  464. position:fixed;
  465. bottom:15px;
  466. right:15px;
  467. margin:0px auto;
  468. font-size:20px;
  469. padding-top:5px;
  470. text-align:center;
  471. width:25px;
  472. height:20px;
  473. background:{color:back to top button};
  474. -webkit-border-radius: 100px;
  475. -moz-border-radius: 100px;
  476. border-radius: 100px;
  477. color:{color:background};
  478. }
  479.  
  480. .credit {
  481. position:fixed;
  482. font-family:times new roman;
  483. bottom:7px;
  484. left:7px;
  485. font-size:20px;
  486. background:#fff;
  487. padding:3px;
  488. -webkit-border-radius: 10px;
  489. -moz-border-radius: 10px;
  490. border-radius: 10px;
  491. opacity:0.5;
  492. }
  493.  
  494. .credit:hover {
  495. opacity:0.9;
  496. }
  497.  
  498. .credit a {
  499. color:#333 !important;
  500. }
  501.  
  502. {CustomCSS}
  503.  
  504. </style>
  505.  
  506. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  507.  
  508.         <script type="text/javascript" src="http://static.tumblr.com/sjl0ztp/07tm8j6sa/jquery.scrollto-1.4.0-min.js"></script>
  509.         <script type="text/javascript">
  510.         jQuery.fn.topLink = function(settings) {
  511.                 settings = jQuery.extend({
  512.                         min: 1,
  513.                         fadeSpeed: 200,
  514.                         ieOffset: 50
  515.                 }, settings);
  516.                 return this.each(function() {
  517.                         //listen for scroll
  518.                         var el = $(this);
  519.                         el.css('display','none'); //in case the user forgot
  520.                         $(window).scroll(function() {
  521.                                 if(!jQuery.support.hrefNormalized) {
  522.                                         el.css({
  523.                                                 'position': 'absolute',
  524.                                                 'top': $(window).scrollTop() + $(window).height() - settings.ieOffset
  525.                                         });
  526.                                 }
  527.                                 if($(window).scrollTop() >= settings.min)
  528.                                 {
  529.                                         el.fadeIn(settings.fadeSpeed);
  530.                                 }
  531.                                 else
  532.                                 {
  533.                                         el.fadeOut(settings.fadeSpeed);
  534.                                 }
  535.                         });
  536.                 });
  537.         };
  538.        
  539.         $(document).ready(function() {
  540.                 $('#top-link').topLink({
  541.                         min: 400,
  542.                         fadeSpeed: 500
  543.                 });
  544.                 //smoothscroll
  545.                 $('#top-link').click(function(e) {
  546.                         e.preventDefault();
  547.                         $.scrollTo(0,300);
  548.                 });
  549.         });
  550.        
  551.        
  552.         </script>
  553.  
  554. </head>
  555. <body>
  556.  
  557. {block:ifbacktotopbutton}<a href="#top" title="back to top"><div id="top-link">&uarr;</div></a>{/block:ifbacktotopbutton}
  558.  
  559. {block:ifinfinitescroll}
  560. {block:indexpage}
  561. <script src="http://static.tumblr.com/ihdmiub/Noam2kdyo/jquery.infinitescroll.min.js"></script>
  562. <script>
  563.   $(function(){
  564.    
  565.     var $container = $('#content');    
  566.     $container.infinitescroll({
  567.       navSelector  : '#page-nav',    // selector for the paged navigation
  568.       nextSelector : '#page-nav a',  // selector for the NEXT link (to page 2)
  569.       itemSelector : '#entry',     // selector for all items you'll retrieve
  570.       loading: {
  571.           finishedMsg: '<em>no more!</em>',
  572.           img: 'http://static.tumblr.com/sjl0ztp/LkXm7hysx/snake_transparent.gif'
  573.         }
  574.       },
  575.       // trigger Masonry as a callback
  576.       function( newElements ) {
  577.          var $newElems = $( newElements ).css({ opacity: 1 });
  578.         $newElems.imagesLoaded(function(){
  579.           $newElems.animate({ opacity: 1 });
  580.           $container.masonry( 'appended', $newElems, true );
  581.         });
  582.       }
  583.     );
  584.    
  585.   });
  586. </script>
  587. <nav id="page-nav">
  588. {block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</nav>
  589. {/block:indexpage}
  590. {/block:ifinfinitescroll}
  591.  
  592. <div id="sidebar">
  593. <div class="letitle"><a href="/">{block:ifcustomtitle}<span>{text:custom title}</span>{/block:ifcustomtitle}</a></div>
  594. <div class="sideimg">
  595. <a href="/"><img src="{image:sidebar}"></a></div>
  596. <div class="navigations">
  597. <p><a href="/">home</a></p>
  598. {block:askenabled}<p><a href="/ask">{text:ask label}</a></p>{/block:askenabled}
  599. {block:submissionsenabled}<p><a href="/submit">{text:submit label}</a></p>{/block:submissionsenabled}
  600. {block:ifshowarchivelink}<p><a href="/archive">archive</a></p>{/block:ifshowarchivelink}
  601. <p><a href="http://excolo.tumblr.com">theme</a></p>
  602. </div>
  603. <div class="dropdown">
  604. {description}<select style="font-family:consolas, Monaco;color:{color:drop down box links};background:{color:drop down box};width:180px;font-size:10px;letter-spacing:1px;padding:2px;border:0px solid {color:drop down box};text-transform:uppercase;margin-top:10px;" onChange="location.href=this.options[this.selectedIndex].value;">
  605. <option value=''>navigate</option>
  606. {block:HasPages}{block:Pages}<option value="{URL}">{Label}</option>{/block:Pages}{/block:HasPages}
  607. {block:iflink1title}<option value="{text:link 1 url}">{text:link 1 title}</option>{/block:iflink1title}
  608. {block:iflink2title}<option value="{text:link 2 url}">{text:link 2 title}</option>{/block:iflink2title}
  609. {block:iflink3title}<option value="{text:link 3 url}">{text:link 3 title}</option>{/block:iflink3title}
  610. {block:ifshowrsslink}<option value="{rss}">{text:rss label}</option>{/block:ifshowrsslink}
  611. </select>
  612. </div>
  613. </div>
  614.  
  615. {block:ifmusicplayercode}
  616. <div id="music">
  617. <div class="inner">
  618. <div style="float:left;"><img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif">&nbsp;&nbsp;&nbsp;</div>
  619. <div style="float:left;">{text:music player code}</div>
  620. </div>
  621. </div>
  622. {/block:ifmusicplayercode}
  623.  
  624. {block:ifnotinfinitescroll}
  625. {block:Pagination}
  626. <div id="pagnition">
  627. {block:PreviousPage}<a href="{PreviousPage}" class="previous"><</a>{/block:PreviousPage}
  628. {block:NextPage}<a href="{NextPage}" class="next">></a>{/block:NextPage}
  629. </div>
  630. {/block:Pagination}
  631. {/block:ifnotinfinitescroll}
  632.  
  633. <div id="cage">
  634. <div id="content">
  635. {block:Posts}
  636. <div id="entry">
  637. {block:IndexPage}
  638. {block:Date}
  639. <div class="perma">
  640. <div class="date"><a href="{Permalink}"><div class="day">{DayOfMonthWithZero}</div> <div class="month">{ShortMonth}</div> <div class="year">{Year}</div></a></div>
  641. </div>
  642. {/block:Date}
  643. {/block:IndexPage}
  644.  
  645. {/block:IndexPage}
  646.  
  647. {block:Text}
  648. {block:Title}<div class="posttitle"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  649. {Body}
  650. {/block:Text}
  651.  
  652. {block:Link}
  653. <span class="linktitle"><a href="{URL}">{Name} &rarr;</a></span>
  654. {block:Description}{Description}{/block:Description}
  655. {block:Link}
  656.  
  657. {block:Photo}{block:IndexPage}{LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}" alt="{alt}" title="{alt}" width="500px"/></div>{LinkCloseTag}{block:ifshowcaptions}{block:caption}{caption}{/block:caption}{/block:ifshowcaptions}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width="500px"/>{LinkCloseTag}{/block:PermalinkPage}
  658. {/block:Photo}
  659.  
  660. {block:Quote}
  661. <table border="0"><tr><td style="vertical-align:top;"><div class="q">&ldquo;</div></td><td><span class="title"><a href="{permalink}">{Quote}</a></span> {block:Source}<p style="margin:5px 0px 0px 0px;text-align:right;">-- <b>{Source}</b></p>{/block:Source}</td></tr></table>
  662. {/block:Quote}
  663.  
  664. {block:Chat}
  665. {block:Title}<span class="title"><center>{Title}</center></span>{/block:Title}
  666. <ul class="chat">
  667. {block:Lines}
  668. <li class="user_{UserNumber}">
  669. {block:Label}
  670. <span class="label">{Label}</span>
  671. {/block:Label}
  672. {Line}
  673. </li>
  674. {/block:Lines}
  675. </ul>
  676. {/block:Chat}
  677.  
  678. {block:Answer}
  679. <div style="padding:5px;background:{color:accent};color:{color:posts background};">{Question}</div>
  680. <div class="arrow-down"></div>
  681. <div style="font-family:consolas, Monaco;text-align:center;font-weight:600;margin-top:5px;"><img src="{AskerPortraitURL-16}"><br />{lang:Asked by Asker 2}</div>
  682. {Answer}
  683. {/block:Answer}
  684.  
  685. {block:Audio}
  686. {block:AudioPlayer}
  687. <table border="0"><tr>
  688. {block:AlbumArt}<td style="width:150px;vertical-align:top;"><div class="audioplayer"><div class="inner">{AudioPlayerBlack}</div></div><a href="{Permalink}"><img src="{AlbumArtURL}" width="150px" height="150px"></a>
  689. </td>{/block:AlbumArt}
  690. <td style="width:220px;vertical-align:top;padding-left:10px;">{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  691. {block:Album}<b>Album:</b> {Album}<br />{/block:Album}
  692. {block:TrackName}<b>Track:</b> {TrackName}<br />{/block:TrackName}
  693. {block:PlayCount}<div style="width:100%;border-bottom:1px dotted {color:text};padding-bottom:10px;margin-bottom:10px;"><b>Played:</b> {Playcount} times</div>{/block:PlayCount}
  694. {block:caption}{caption}{/block:caption}
  695. </td>
  696. </tr></table>
  697. {/block:AudioPlayer}
  698. {/block:Audio}
  699.  
  700. {block:Video}
  701. {Video-500}
  702. {block:indexpage}{block:ifshowcaptions}{block:caption}<div style="padding:10px 20px;">{caption}</div>{/block:caption}{/block:ifshowcaptions}{/block:indexpage}
  703. {block:Video}
  704.  
  705. {block:indexpage}
  706. <div class="meta">
  707. <span>{</span> <a href="{Permalink}">{NoteCountWithLabel}</a> <span>}</span>
  708. <span>{</span> <a href="{ReblogURL}">Reblog</a> <span>}</span>
  709. {block:ifshowtagsonindexpage}{block:HasTags}<span>{</span> {lang:Tagged with} {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} <span>}</span>{/block:HasTags}{/block:ifshowtagsonindexpage}
  710. </div>
  711. {/block:indexpage}
  712. </div>
  713. {/block:Posts}
  714.  
  715. {block:posts}
  716. {block:permalinkpage}
  717. {block:caption}<div id="entry">{caption}</div>{/block:caption}
  718. {block:date}<div id="entry">
  719. {lang:Posted TimeAgo with NoteCount notes}<br />{block:RebloggedFrom}{lang:Reblogged from ReblogParentName 2}<br />
  720. {lang:Originally from ReblogRootName 2}<br />{/block:RebloggedFrom}
  721. {block:ContentSource}&copy; <a href="{SourceURL}">{SourceTitle}</a><br />{/block:ContentSource}
  722. {block:HasTags}{lang:Tagged with} {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  723. </div>{/block:date}
  724. {block:PostNotes}<div id="entry"><span class="postnotes">{PostNotes}</span></div>{/block:PostNotes}
  725. {/block:permalinkpage}
  726. {/block:posts}
  727. </div>
  728. </div>
  729.  
  730. {block:IfGoogleAnalyticsID}
  731. <script>
  732. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  733. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  734. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  735. s.parentNode.insertBefore(g,s)}(document,'script'));
  736. </script>
  737. {/block:IfGoogleAnalyticsID}
  738.  
  739. </body>
  740. </html>
create a new version of this paste RAW Paste Data