API tools faq
paste
Advertisement
evolucional

Theme #1: Simplicity - by Evolucional

evolucional
Sep 27th, 2016
172
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--
  6.  
  7. {----------------------------------------}
  8. | |
  9. | Theme Made by Charlie |
  10. | Theme #1: Simplicity |
  11. | Date: September 27th, 2016 |
  12. | Theme Page: evolucional.tumblr.com |
  13. | ------------------------------- |
  14. | PLEASE DON'T REMOVE THE CREDITS |
  15. | |
  16. {----------------------------------------}
  17. -->
  18.  
  19.  
  20. <head>
  21.  
  22. <meta name="color:Background" content="#e7e7e7"/>
  23. <meta name="color:Text" content="#090909"/>
  24. <meta name="color:Link" content="#131313"/>
  25. <meta name="color:Link Hover" content="#505050"/>
  26. <meta name="color:Border" content="#dfdede"/>
  27. <meta name="color:blockquote" content="#f9f9f9"/>
  28. <meta name="color:Content Background" content="#ffffff"/>
  29. <meta name="color:Sidebar Background" content="#ffffff"/>
  30. <meta name="color:Background Menu On Hover" content="#f9f9f9"/>
  31.  
  32. <meta name="image:Background" content="http://i.imgur.com/GhZCqpY.png" />
  33. <meta name="image:sidebar" content="http://static.tumblr.com/f07156e87353ea7af819aba0ada859f5/gqfsbkd/oKwoe5s0l/tumblr_static_6194o0xh6wow0040ogsw4ss4g.gif"/>
  34.  
  35. <meta name="if:2 Columns" content="0"/>
  36. <meta name="if:Show Title" content="1"/>
  37. <meta name="if:Show Sidebar Image" content="1">
  38. <meta name="if:Show Description" content="1"/>
  39. <meta name="if:Capital Links" content="0"/>
  40. <meta name="if:Sidebar Transparent" content="0"/>
  41. <meta name="if:Shadow On Posts" content="0"/>
  42. <meta name="if:Rounded Borders" content="0"/>
  43. <meta name="if:Rounded Borders On Images" content="0"/>
  44. <meta name="if:Show Submit Link" content="1"/>
  45. <meta name="if:Show Archive Link" content="1"/>
  46.  
  47. <meta name="text:Link 1 Title" content="" />
  48. <meta name="text:Link 1 url" content="" />
  49. <meta name="text:Link 2 Title" content="" />
  50. <meta name="text:Link 2 url" content="" />
  51. <meta name="text:Link 3 Title" content="" />
  52. <meta name="text:Link 3 url" content="" />
  53. <meta name="text:Link 4 Title" content="" />
  54. <meta name="text:Link 4 url" content="" />
  55.  
  56. <meta name="text:Ask Title" content="Message" />
  57. <meta name="text:Submit Title" content="Submit" />
  58.  
  59.  
  60. <title>{Title} {block:PostTitle} : {PostTitle}{/block:PostTitle}</title>
  61. <link rel="shortcut icon" href="{Favicon}">
  62. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  63. <link href='http://fonts.googleapis.com/css?family=Unica+One|Abel|Open+Sans+Condensed:700,300|BenchNine' rel='stylesheet' type='text/css'>
  64. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  65.  
  66. <script> window.onload = function () { document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' ); document.addEventListener( 'click', function ( event ) { var myLike = event.target; if( myLike.className.indexOf( 'my-like' ) > -1 ) { var frame = document.getElementById( 'my-like-frame' ), liked = ( myLike.className == 'my-liked' ), command = liked ? 'unlike' : 'like', reblog = myLike.getAttribute( 'data-reblog' ), id = myLike.getAttribute( 'data-id' ), oauth = reblog.slice( -8 ); frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id; liked ? myLike.className = 'my-like' : myLike.className = 'my-liked'; }; }, false ); }; </script>
  67.  
  68. <style type="text/css">
  69.  
  70. body {
  71. background-color:{color:background};
  72. background-image: url('{image:Background}');
  73. background-repeat: repeat;
  74. background-attachment: fixed;
  75. color:{color:Text};
  76. font-family: Calibri;
  77. font-size:11px;
  78. line-height:12px;
  79. }
  80.  
  81. iframe#tumblr_controls {
  82. position:fixed;
  83. -moz-transition: all 0.8s ease-out;
  84. -webkit-transition: opacity 0.7s linear;
  85. -webkit-transition: all 0.8s ease-out;
  86. transition: all 0.8s ease-out;
  87. opacity: 0.5;}
  88.  
  89.  
  90. a:link, a:active, a:visited{
  91. color:{color:Link};
  92. text-decoration: none;
  93. -webkit-transition: all .2s ease-in-out;
  94. -moz-transition: all .2s ease-in-out;
  95. transition: all .2s ease-in-out;
  96. }
  97.  
  98. a:hover {
  99. color:{color:Link Hover};
  100. text-decoration: none;
  101. -webkit-transition: all .2s ease-in-out;
  102. -moz-transition: all .2s ease-in-out;
  103. transition: all .2s ease-in-out;
  104. }
  105.  
  106. #content {
  107. width:755px;
  108. {block:if2columns}width:555px;margin-left:470px;{/block:if2columns}
  109. padding:10px;
  110. margin-left:410px;
  111. {block:PermalinkPage}
  112. width: 530px;
  113. margin-left:410px;
  114. margin-bottom:60px;
  115. {/block:PermalinkPage}
  116. }
  117.  
  118.  
  119. img {
  120. border:0px;
  121. {block:ifRoundedBordersOnImages}
  122. border-radius: 10px;
  123. -moz-border-radius: 10px;
  124. -webkit-border-radius: 10px;
  125. {/block:ifRoundedBordersOnImages}
  126. opacity:1;
  127. }
  128.  
  129. #sidebar {
  130. {block:ifNotSidebarTransparent}background:{color:Sidebar background};border:1px solid {color:Border};{/block:ifNotSidebarTransparent}
  131. {block:ifSidebarTransparent}background-color:transparent;{/block:ifSidebarTransparent}
  132. width:203px;
  133. position:fixed;
  134. display: block;
  135. height:auto;
  136. margin-left:172px;
  137. padding:5px;
  138. margin-top:60px;
  139. text-align:center;
  140. {block:ifRoundedBorders}
  141. border-radius: 7px;
  142. -moz-border-radius: 7px;
  143. -webkit-border-radius: 7px;
  144. {block:ifRoundedBorders}
  145. {block:if2columns}margin-left:270px;{/block:if2columns}
  146. }
  147.  
  148. #sidebar img {
  149. width:183px;
  150. height:auto;
  151. }
  152.  
  153. #information {
  154. padding: 5px;
  155. }
  156.  
  157. .entry {
  158. background:{color:Content background};
  159. font-family: Calibri;
  160. font-size:11px;
  161. line-height:12px;
  162. padding:5px;
  163. float: left;
  164. color:{color:Text};
  165. {block:ifShadowOnPosts}
  166. box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  167. {/block:ifShadowOnPosts}
  168. {block:IndexPage}
  169. width: 180px;
  170. margin: 17px;
  171. padding:10px;
  172. {/block:IndexPage}
  173. {block:PermalinkPage}
  174. width: 500px;
  175. padding:14px;
  176. margin-top:20px;
  177. border:1px solid {color:Border};
  178. margin-bottom:30px;
  179. {/block:PermalinkPage}
  180. {block:ifRoundedBorders}
  181. border-radius: 7px;
  182. -moz-border-radius: 7px;
  183. -webkit-border-radius: 7px;
  184. {block:ifRoundedBorders}
  185. overflow:hidden;
  186. }
  187.  
  188. .entry img {
  189. display: block;
  190. padding:1px;
  191. width:180px;
  192. opacity:1;
  193. {block:PermalinkPage}
  194. width: 500px;
  195. {/block:PermalinkPage}
  196. }
  197.  
  198. .permalink-hover {
  199. font-family: Calibri;
  200. font-size:10px;
  201. line-height:14px;
  202. color:#222222;
  203. opacity: 0;
  204. -webkit-transition: all ease-in 250ms;
  205. -moz-transition: all ease-in 250ms;
  206. -o-transition: all ease-in 250ms;
  207. -ms-transition: all ease-in 250ms;
  208. transition: all ease-in 250ms;top:0px;
  209. width:180px;
  210. height:30px;
  211. padding-bottom:4px;
  212. background-image: url(http://i.imgur.com/GrCOLo1.png);
  213. background-repeat:repeat-x;
  214. position: absolute;
  215. margin-top:11px;
  216. margin-left:1px;
  217. text-align:center;
  218. letter-spacing:1px;
  219. display:block;
  220. }
  221.  
  222. .entry:hover .permalink-hover {
  223. opacity:0.9;
  224. padding-top:4px;}
  225.  
  226.  
  227. .askbox {
  228. {block:IndexPage}width:215px;{/block:IndexPage}
  229. {block:PermalinkPage}width:480px;{/block:PermalinkPage}
  230. }
  231.  
  232. .separator {
  233. width:180px;
  234. margin:3px;
  235. border-top:1px dotted {color:Border};
  236. }
  237.  
  238. .separator2 {
  239. width:190px;
  240. margin-bottom:14px;
  241. border-top:1px dotted {color:Border};
  242. }
  243.  
  244. .separator3 {
  245. width:190px;
  246. {block:PermalinkPage}width:480px;{/block:PermalinkPage}
  247. margin-bottom:5px;
  248. border-top:1px dotted {color:Border};
  249. }
  250. .menu {
  251. margin:5px;
  252. line-height:13px;
  253. opacity: 1;
  254. transition: all 0.5s ease-out;
  255. -o-transition-transition: all 0.5s ease-out;
  256. -webkit-transition: all 0.5s ease-out;
  257. -moz-transition: all 0.5s ease-out;
  258. {block:ifCapitalLinks}text-transform:uppercase;{/block:ifCapitalLinks}
  259. }
  260.  
  261. .menu:hover {
  262. margin:5px;
  263. line-height:13px;
  264. padding:2px;
  265. box-shadow: 0px 0px 1px rgba(0,0,0,0.35);
  266. border-radius: 2px;
  267. -moz-border-radius: 2px;
  268. -webkit-border-radius: 2px;
  269. opacity: 1;
  270. transition: all 0.5s ease-out;
  271. -o-transition-transition: all 0.5s ease-out;
  272. -webkit-transition: all 0.5s ease-out;
  273. -moz-transition: all 0.5s ease-out;
  274. background:{color:background Menu On Hover};
  275. {block:ifCapitalLinks}text-transform:uppercase;{/block:ifCapitalLinks}
  276.  
  277. }
  278.  
  279. .title{
  280. font-size:12px;
  281. text-transform:uppercase;
  282. font-weight:bold;
  283. }
  284.  
  285. .title-quote{
  286. font-size:12px;
  287. font-style:italic;
  288. }
  289.  
  290. .titleup {
  291. font-size:16px;
  292. font-family:Georgia;
  293. letter-spacing:-1px;
  294. font-style:italic;
  295. line-height:26px;
  296. margin-bottom:5px;
  297. border-bottom:1px dotted {color:Border};
  298. opacity:0.7;
  299. }
  300.  
  301. ol.notes img {
  302. width: 16px;
  303. display: inline;
  304. position: relative;
  305. top: 3px;
  306. }
  307.  
  308.  
  309. blockquote {
  310. background-color:{color:blockquote};
  311. padding-left:1px;
  312. padding:5px;
  313. margin-left:3px;
  314. {block:IndexPage}width:185px;{/block:IndexPage}
  315. border-left: 1px solid #ccc;
  316. border-right: 1px solid #ccc;
  317. }
  318.  
  319.  
  320. .label {
  321. color:{color:Link}
  322. }
  323.  
  324. .note1{
  325. font-size:10px;
  326. opacity:0.5;
  327. }
  328.  
  329. #pp {
  330. text-align: center;
  331. width: 100%;
  332. padding-top: 2px;
  333. }
  334.  
  335. .video embed, .video object, .video iframe {
  336. {block:IndexPage}
  337. width:180px;padding-right:6px;/**/ !important;
  338. {/block:IndexPage}
  339. height:auto !important;
  340. }
  341.  
  342. .imgask{
  343. width:24px;
  344. height:24px;
  345. max-width:24px;
  346. max-height:24px;
  347. float:left;
  348. padding:5px;
  349. border:1px solid {color:Border};
  350. margin-right:5px;
  351. margin-bottom:5px;
  352. }
  353.  
  354. #album {
  355. {block:IndexPage}
  356. width:80px;
  357. height:80px;
  358. margin:10px;
  359. {/block:IndexPage}
  360. float:left;
  361.  
  362. {block:PermalinkPage}
  363. width:500px;
  364. height:500px;
  365. {/block:PermalinkPage}
  366. }
  367.  
  368. #infscr-loading {
  369. position: absolute;
  370. bottom: 0;
  371. left: 25%;
  372. }
  373.  
  374. #pagination{
  375.  
  376. display:none;
  377. }
  378.  
  379. #credits {
  380. position:fixed;
  381. right:0px;
  382. top:50px;
  383. width:62px;
  384. height:62px;
  385. z-index:1298;
  386. opacity: 0.3;
  387. -webkit-transition: all ease-in 250ms;
  388. -moz-transition: all ease-in 250ms;
  389. -o-transition: all ease-in 250ms;
  390. -ms-transition: all ease-in 250ms;
  391. transition: all ease-in 250ms;top:0px;
  392. }
  393.  
  394. #credits:hover {
  395. position:fixed;
  396. right:0px;
  397. top:50px;
  398. width:62px;
  399. height:62px;
  400. z-index:1298;
  401. opacity: 1;
  402. -webkit-transition: all ease-in 250ms;
  403. -moz-transition: all ease-in 250ms;
  404. -o-transition: all ease-in 250ms;
  405. -ms-transition: all ease-in 250ms;
  406. transition: all ease-in 250ms;top:0px;
  407. }
  408.  
  409.  
  410. .photoset-img { width: 200px; /* can be any value you want */ }
  411.  
  412. .containerr{
  413. margin-bottom:600px;
  414. width:300px;
  415. {block:if2columns}margin-left:100px;{/block:if2columns}
  416. }
  417.  
  418. .my-like { cursor:pointer; display:inline-block; vertical-align:top; } .my-liked, .my-like:hover { color: #ccc; cursor:pointer; display:inline-block; vertical-align:top; }
  419.  
  420. </style>
  421. </div>
  422.  
  423. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  424. <script src="http://static.tumblr.com/fxpo5zq/HCHm5q8gs/infinitescroll.js"></script>
  425.  
  426. <script type="text/javascript">
  427. $(window).load(function () {
  428. $('#content').masonry(),
  429. $('.masonryWrap').infinitescroll({
  430. navSelector : '#pagination',
  431. nextSelector : '#pagination a#nextPage',
  432. itemSelector : ".entry",
  433. bufferPx : 100,
  434. loadingText : "<em></em>",
  435. },
  436. function() { $('#content').masonry({ appendedContent: $(this) }); }
  437. );
  438. });
  439. </script>
  440.  
  441.  
  442. </head>
  443. <body>
  444. <div id="credits"></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br><a href="http://supcharlie.com" target="_blank"><img src="http://i.imgur.com/nPJU1vj.png" width="50" height="50"></a></div>
  445. <div id="sidebar">
  446. <div id="information">
  447. {block:ifShowTitle}<div class="titleup"><a title="/" href="/">{Title}</a></div>{/block:ifShowTitle}
  448. {block:ifshowsidebarimage}<center><a href="/"><img src="{image:sidebar}" width="198px" style="padding-bottom:10px;"></a>
  449. </center>{/block:ifshowsidebarimage}
  450. {block:ifshowdescription}<div class="des">{description}</div>{/block:ifshowdescription}</br>
  451. <div class="separator2"></div>
  452. <span class="menu"><a href="/">Home</a></span>·
  453. {block:AskEnabled}<span class="menu"><a href="/ask">{text:Ask Title}</a></span>·{/block:AskEnabled}
  454. {block:IfLink1title}<a href="{text:Link 1 url}" class="menu">{text:Link 1 title}</a>·{/block:IfLink1title}
  455. {block:IfLink2title}<a href="{text:Link 2 url}" class="menu">{text:Link 2 title}</a>·{/block:IfLink2title}
  456. {block:IfLink3title}<a href="{text:Link 3 url}" class="menu">{text:Link 3 title}</a>·{/block:IfLink3title}
  457. {block:IfLink4title}<a href="{text:Link 4 url}" class="menu">{text:Link 4 title}</a>·{/block:IfLink4title}
  458. {block:ifShowSubmitLink}<a href="/submit" class="menu">Submit</a>·{/block:ifShowubmitLink}
  459. {block:ifShowArchiveLink}<a href="/archive" class="menu">Archive</a>·{/block:ifShowArchiveLink}
  460. <a href="http://evolucional.tumblr.com" target="_blank" class="menu">Theme</a>·
  461. </br></br>
  462. </div>
  463. </div>
  464. </div>
  465. <div class="containerr">
  466. <div id="content">
  467. {block:Posts}
  468. <div class="entry">
  469. {block:ContentSource}
  470.  
  471. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  472. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  473. {/block:SourceLogo}
  474. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  475.  
  476. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  477. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  478. {/block:ReblogParentLogo}
  479. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  480.  
  481. {/block:ContentSource}
  482. {block:Text}
  483. <div class="text">
  484. <span class="title">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</span>
  485. {Body}
  486. {block:indexpage}
  487. <div class="separator"></div><table width="200" border="0" align="right" cellpadding="0" cellspacing="0">
  488. <tr>
  489. <td><div align="right"><span class="note1"><a href="{Permalink}">&nbsp;{TimeAgo}</a>&nbsp;</span>&nbsp;&nbsp;<span class="note1">•&nbsp;<a href="{ReblogURL}">&nbsp;Reblog</a></span>&nbsp;&nbsp;&nbsp;<span class="note1">•&nbsp;<a href="{Permalink}">&nbsp;&nbsp;&nbsp;{NoteCountWithLabel}</a></span></div></td>
  490. </tr>
  491. </table>
  492. {/block:indexpage}
  493.  
  494. </div>
  495. {/block:Text}
  496.  
  497. {block:Photo}
  498.  
  499. {block:IndexPage}<div class="permalink-hover">
  500. <a href="{Permalink}">{NoteCountwithLabel}</a>&nbsp;•&nbsp;<a href="{ReblogURL}" target="_blank">Reblog</a>&nbsp;• <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">Like</br></br></div>
  501. </div>{/block:IndexPage}
  502.  
  503. {block:indexpage}
  504. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a>{LinkCloseTag}
  505. {/block:indexpage}
  506. {block:permalinkpage}
  507. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PermalinkPage} width=500px"/>{LinkCloseTag}</br>{block:Caption}{Caption}{/block:Caption}</br>
  508. {/block:permalinkpage}
  509.  
  510. {/block:Photo}
  511.  
  512. {block:Photoset}
  513. {block:IndexPage}{block:Photos}
  514. <img src="{PhotoURL-500}" class="photoset-img" />
  515. {/block:Photos}{/block:IndexPage}
  516. {block:indexpage}
  517. <div class="separator"></div><table width="200" border="0" align="right" cellpadding="0" cellspacing="0">
  518. <tr>
  519. <td><div align="right"><span class="note1"><a href="{Permalink}">&nbsp;{TimeAgo}</a>&nbsp;</span>&nbsp;&nbsp;<span class="note1">•&nbsp;<a href="{ReblogURL}">&nbsp;Reblog</a></span>&nbsp;&nbsp;&nbsp;<span class="note1">•&nbsp;<a href="{Permalink}">&nbsp;&nbsp;&nbsp;{NoteCountWithLabel}</a></span></div></td>
  520. </tr>
  521. </table>
  522. {/block:indexpage}
  523.  
  524. {block:permalinkpage}
  525. {Photoset-500}
  526. </br>{block:Caption}{Caption}{/block:Caption}</br>
  527. {/block:permalinkpage}
  528. {/block:Photoset}
  529.  
  530.  
  531.  
  532. {block:Quote}
  533. <div class="text">
  534. <span class="title-quote">"{Quote}" </span>
  535. <div style="text-align:right; color:{color:link}">{block:Source}
  536. -{Source}{/block:Source}</br></br></div>
  537. {block:indexpage}
  538. <div class="separator"></div><table width="202" align="right" border="0" cellpadding="0" cellspacing="0">
  539. <tr>
  540. <td><div align="right"><span class="note1"><a href="{Permalink}">&nbsp;{TimeAgo}</a>&nbsp;</span>&nbsp;&nbsp;<span class="note1">&nbsp;•&nbsp;<a href="{ReblogURL}">&nbsp;Reblog</a></span>&nbsp;&nbsp;&nbsp;<span class="note1">&nbsp;•&nbsp;<a href="{Permalink}">&nbsp;&nbsp;&nbsp;{NoteCountWithLabel}</a></span></div></td>
  541. </tr>
  542. </table>
  543. {/block:indexpage}
  544. </div>{/block:Quote}
  545.  
  546. {block:Link}
  547. <div class="text">
  548. <span class="title"><a href="{URL}" class="link" {Target}>→&nbsp;<strong>{Name}</strong></a></span>
  549. {block:Description}
  550. <div class="description">{Description}</div>
  551. {/block:Description} {block:indexpage}
  552. <div class="separator"></div><table width="202" align="right" border="0" cellpadding="0" cellspacing="0">
  553. <tr>
  554. <td><div align="right"><span class="note1"><a href="{Permalink}">&nbsp;{TimeAgo}</a>&nbsp;</span>&nbsp;&nbsp;<span class="note1">&nbsp;•&nbsp;<a href="{ReblogURL}">&nbsp;Reblog</a></span>&nbsp;&nbsp;&nbsp;<span class="note1">&nbsp;•&nbsp;<a href="{Permalink}">&nbsp;&nbsp;&nbsp;{NoteCountWithLabel}</a></span></div></td>
  555. </tr>
  556. </table>
  557. {/block:indexpage}
  558. </div>{/block:Link}
  559.  
  560. {block:Chat}
  561. <div class="text">
  562. {block:Title}
  563. <span class="title"><a href="{Permalink}">{Title}</a>{/block:Title}</span>
  564. <ul class="chat">
  565. {block:Lines}
  566. <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  567.  
  568. {Line} </li>
  569. {/block:Lines}
  570. </ul> {block:indexpage}
  571. <div class="separator"></div><table width="202" align="right" border="0" cellpadding="0" cellspacing="0">
  572. <tr>
  573. <td><div align="right"><span class="note1"><a href="{Permalink}">&nbsp;{TimeAgo}</a>&nbsp;</span>&nbsp;&nbsp;<span class="note1">&nbsp;•&nbsp;<a href="{ReblogURL}">&nbsp;Reblog</a></span>&nbsp;&nbsp;&nbsp;<span class="note1">&nbsp;•&nbsp;<a href="{Permalink}">&nbsp;&nbsp;&nbsp;{NoteCountWithLabel}</a></span></div></td>
  574. </tr>
  575. </table>
  576. {/block:indexpage}
  577. </div>{/block:Chat}
  578.  
  579. {block:Video}
  580. {block:IndexPage}{Video-250}{/block:IndexPage} {block:indexpage}
  581. <div class="separator"></div><table width="202" align="right" border="0" cellpadding="0" cellspacing="0">
  582. <tr>
  583. <td><div align="right"><span class="note1"><a href="{Permalink}">&nbsp;{TimeAgo}</a>&nbsp;</span>&nbsp;&nbsp;<span class="note1">&nbsp;•&nbsp;<a href="{ReblogURL}">&nbsp;Reblog</a></span>&nbsp;&nbsp;&nbsp;<span class="note1">&nbsp;•&nbsp;<a href="{Permalink}">&nbsp;&nbsp;&nbsp;{NoteCountWithLabel}</a></span></div></td>
  584. </tr>
  585. </table>
  586. {/block:indexpage}
  587.  
  588. {block:permalinkpage}
  589. {Video-500}
  590. </br>{block:Caption}{Caption}{/block:Caption}</br>
  591. {/block:permalinkpage}
  592.  
  593. {/block:Video}
  594.  
  595. {block:Audio}
  596. {block:IndexPage}
  597. {block:AlbumArt}<a href="/"><img width="220px" src="{AlbumArtURL}"/></a>{/block:AlbumArt}
  598. <div id="player"><div style="margin-top:0px;">{AudioPlayerWhite}</div></div>
  599. <div style="margin-left:20px;margin-bottom:2px;">
  600. <li><b>Track Title:</b>&nbsp; {block:TrackName}{TrackName}{/block:TrackName}</li>
  601. <li><b>Artist:</b>&nbsp; {block:Artist}{Artist}{/block:Artist}</li>
  602. <li><b>Album:</b>&nbsp; {block:Album}{Album}{/block:Album}</li>
  603. <li><b>Plays:</b>&nbsp; {PlayCountWithLabel}</li>
  604. </div>
  605. {block:Caption}{Caption}{/block:Caption}
  606. <div class="separator"></div><table width="202" align="right" border="0" cellpadding="0" cellspacing="0">
  607. <tr>
  608. <td><div align="right"><span class="note1"><a href="{Permalink}">&nbsp;{TimeAgo}</a>&nbsp;</span>&nbsp;&nbsp;<span class="note1">&nbsp;•&nbsp;<a href="{ReblogURL}">&nbsp;Reblog</a></span>&nbsp;&nbsp;&nbsp;<span class="note1">&nbsp;•&nbsp;<a href="{Permalink}">&nbsp;&nbsp;&nbsp;{NoteCountWithLabel}</a></span></div></td>
  609. </tr>
  610. </table>
  611. {/block:indexpage}
  612. {block:PermalinkPage}
  613. <div id="album">{block:AlbumArt}<img width="252" src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
  614. <div style="margin-top:-3px;margin-bottom:20px;margin-left:20px;">
  615. <div align="center">{AudioPlayerWhite}</div>
  616. <li><b>Track Title:</b>&nbsp; {block:TrackName}{TrackName}{/block:TrackName}</li>
  617. <li><b>Artist:</b>&nbsp; {block:Artist}{Artist}{/block:Artist}</li>
  618. <li><b>Album:</b>&nbsp; {block:Album}{Album}{/block:Album}</li>
  619. <li><b>Plays:</b>&nbsp; {PlayCountWithLabel}</li>
  620. {block:Caption}{Caption}{/block:Caption}
  621. </div>
  622.  
  623. {/block:PermalinkPage}
  624. {/block:Audio}
  625.  
  626. {block:Answer}<div class="text">
  627. <table class="askboxxx" border="0" cellpadding="1" cellspacing="1">
  628.  
  629. <tr>
  630. <td width="832"><img src="{AskerPortraitURL-24}" class="imgask"/><strong>{Asker}&nbsp;said:</strong></span>&nbsp;&nbsp;{Question}</td>
  631. </tr>
  632.  
  633. <tr>
  634. <td colspan="2"><div class="separator3"></div>{Answer}</td>
  635. </tr>
  636. </table>
  637. <table width="202" align="right" border="0" cellpadding="0" cellspacing="0">
  638. <tr>
  639. <td><div align="right"><span class="note1"><a href="{Permalink}">&nbsp;{TimeAgo}</a>&nbsp;</span>&nbsp;&nbsp;<span class="note1">&nbsp;•&nbsp;<a href="{ReblogURL}">&nbsp;Reblog</a></span>&nbsp;&nbsp;&nbsp;<span class="note1">&nbsp;•&nbsp;<a href="{Permalink}">&nbsp;&nbsp;&nbsp;{NoteCountWithLabel}</a></span></div></td>
  640. </tr>
  641. </table>
  642. {/block:indexpage}
  643. </div>{/block:Answer}
  644.  
  645.  
  646.  
  647. {block:PermalinkPage}
  648. <div id="note3"><div style="text-align:center;">
  649. {block:NoteCount}<br>{block:Date}Posted {TimeAgo}{/block:Date} with {NoteCountwithLabel}
  650. {block:HasTags}/ tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}{/block:NoteCount}</div>
  651.  
  652. {block:PostNotes}
  653. {PostNotes}
  654. {/block:PostNotes}
  655. </div></br>
  656. {/block:PermalinkPage}
  657. </div>
  658. {/block:Posts}
  659. </div>
  660. </div>
  661. </div>
  662. {block:Pagination}
  663. <ul id="pagination">
  664. {block:PreviousPage}
  665. <li><a href="{PreviousPage}"></a></li>
  666. {/block:PreviousPage}
  667. {block:JumpPagination length="5"}
  668. {block:CurrentPage}
  669. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  670. {/block:CurrentPage}
  671. {block:JumpPage}
  672. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  673. {/block:JumpPage}
  674. {/block:JumpPagination}
  675. {block:NextPage}
  676. <li><a id="nextPage" href="{NextPage}"></a></li>
  677. {/block:NextPage}
  678. </ul></br></br></br></br></br></br>
  679. {/block:Pagination}
  680. </body>
  681. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!