yeoli

Theme 20

Jan 22nd, 2014
33,045
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.33 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5.  
  6.  
  7. <!--- THEME 20 - MADE BY YEOLI-THM.TUMBLR.COM --->
  8.  
  9.  
  10.  
  11.  
  12. <head>
  13.  
  14. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  15. <link rel="shortcut icon" href="{Favicon}" />
  16. <meta name="image:Sidebar Image" content=""/>
  17. <meta name="image:Background" content=""/>
  18. <meta name="if:250px" content="0"/>
  19. <meta name="if:400px" content="1"/>
  20. <meta name="if:500px" content="0"/>
  21. <meta name="if:Infinite Scroll" content="0"/>
  22. <meta name="if:Show Captions" content="0"/>
  23. <meta name="if:Show Tags" content="1"/>
  24. <meta name="if:Billy Music Player" content="0"/>
  25. <meta name="if:Flash Music Player" content="0"/>
  26. <meta name="text:Icons Opacity" content="0.2"/>
  27. <meta name="text:Link1" content="Link 1"/>
  28. <meta name="text:Link1 URL"content=""/>
  29. <meta name="text:Link2" content="Link 2"/>
  30. <meta name="text:Link2 URL"content=""/>
  31. <meta name="text:Link3" content="Link 3"/>
  32. <meta name="text:Link3 URL"content=""/>
  33. <meta name="text:Link4" content="Link 4"/>
  34. <meta name="text:Link4 URL"content=""/>
  35. <meta name="text:Link5" content="Link 5"/>
  36. <meta name="text:Link5 URL"content=""/>
  37. <meta name="text:Link6" content="Link 6"/>
  38. <meta name="text:Link6 URL"content=""/>
  39. <meta name="color:Background" content="#fdfdfd"/>
  40. <meta name="color:Post Bg" content="#ffffff"/>
  41. <meta name="color:Borders" content="#f1f1f1"/>
  42. <meta name="color:Text" content="#999999"/>
  43. <meta name="color:Links" content="#000000"/>
  44. <meta name="color:Links Hover" content="#999999"/>
  45. <meta name="color:Headings Bg" content="#f4f4f4"/>
  46. <meta name="color:Captions Bg" content="#f9f9f9"/>
  47. <meta name="color:Icons Bg" content="#ffffff"/>
  48. <meta name="color:Icons Bg Hover" content="#f1f1f1"/>
  49. <meta name="color:Permalink Text" content="#999999"/>
  50. <meta name="color:Sidebar Text" content="#999999"/>
  51. <meta name="color:Scrollbar" content="#f1f1f1"/>
  52.  
  53. <style type="text/css">
  54.  
  55. #tumblr_controls, .tmblr-iframe{
  56. position:fixed!important;
  57. z-index:99999!important;
  58. top:0px!important;
  59. right:0px!important;
  60. }
  61.  
  62. ::-webkit-scrollbar{
  63. width:8px;
  64. height:8px;
  65. background-color:{color:Background};
  66. }
  67.  
  68. ::-webkit-scrollbar-thumb{
  69. background-color:{color:Scrollbar};
  70. }
  71.  
  72. body{
  73. cursor:url(https://i.imgur.com/ZOrzC.png), auto;
  74. margin:0px;
  75. padding:0px;
  76. font-family:calibri;
  77. font-size:10px;
  78. color:{color:Text};
  79. background-color:{color:Background};
  80. background-attachment:fixed;
  81. background-repeat:repeat;
  82. background-image:url('{image:Background}');
  83. }
  84.  
  85. a, a:link, a:visited{
  86. cursor:url(https://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  87. text-decoration:none;
  88. color:{color:Links};
  89. -webkit-transition: all 0.3s linear;
  90. -moz-transition: all 0.3s linear;
  91. transition: all 0.3s linear;
  92. }
  93.  
  94. a:hover, a:active{
  95. cursor:url(https://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  96. color:{color:Links Hover};
  97. -webkit-transition: all 0.3s linear;
  98. -moz-transition: all 0.3s linear;
  99. transition: all 0.3s linear;
  100. }
  101.  
  102. #content{
  103. padding:10px 0px;
  104. {block:IndexPage}
  105. {block:If250px}margin-left:535px;{/block:If250px}
  106. {block:If400px}margin-left:460px;{/block:If400px}
  107. {block:If500px}margin-left:410px;{/block:If500px}
  108. {/block:IndexPage}
  109. {block:PermalinkPage}
  110. {block:IfNot500px}margin-left:460px;{/block:IfNot500px}
  111. {block:If500px}margin-left:410px;{block:If500px}
  112. {/block:PermalinkPage}
  113. }
  114.  
  115. .posts{
  116. margin:40px 0px;
  117. padding:20px;
  118. background:{color:Post Bg};
  119. border-bottom:1px solid {color:Borders};
  120. {block:IndexPage}
  121. {block:If250px}width:250px;{/block:If250px}
  122. {block:If400px}width:400px;{/block:If400px}
  123. {block:If500px}width:500px;{/block:If500px}
  124. {/block:IndexPage}
  125. {block:PermalinkPage}
  126. {block:IfNot500px}width:400px;{/block:IfNot500px}
  127. {block:If500px}width:500px;{block:If500px}
  128. {/block:PermalinkPage}
  129. }
  130.  
  131. .headings{
  132. font-size:12px;
  133. text-transform:uppercase;
  134. padding:20px;
  135. text-align:left;
  136. background:{color:Headings Bg};
  137. }
  138.  
  139. .caption{
  140. margin-top:5px;
  141. padding:5px 10px;
  142. background:{color:Captions Bg};
  143. }
  144.  
  145. blockquote{
  146. padding-left:5px;
  147. border-left:1px solid {color:Text};
  148. }
  149.  
  150. ul.chat{
  151. margin:0px;
  152. padding:0px;
  153. }
  154.  
  155. .chat li{
  156. list-style-type: none;
  157. margin-left:0px;
  158. margin-top:1px;
  159. padding:5px 15px;
  160. background:{color:Captions Bg};
  161. }
  162.  
  163. .label{
  164. font-weight:bold;
  165. }
  166.  
  167. .art{
  168. width:180px;
  169. height:180px;
  170. overflow:hidden;
  171. {block:IndexPage}
  172. {block:If250px}margin-left:35px;{block:If250px}
  173. {/block:IndexPage}
  174. }
  175.  
  176. .art img{
  177. display:block;
  178. }
  179.  
  180. .art1{
  181. overflow:hidden;
  182. width:100px;
  183. height:100px;
  184. overflow:hidden;
  185. padding:40px;
  186. background:#fff;
  187. }
  188.  
  189. .art1 img{
  190. opacity:0.4;
  191. }
  192.  
  193. .art2 img{
  194. overflow:hidden;
  195. opacity:0.9;
  196. width:180px;
  197. height:180px;
  198. margin-top:-180px;
  199. }
  200.  
  201. .audio{
  202. background:#000;
  203. padding:12px 0px 8px 0px;
  204. {block:IndexPage}
  205. {block:If250px}margin-top:1px;{/block:If250px}
  206. {block:If400px}margin:-180px 0px 0px 185px;{/block:If400px}
  207. {block:If500px}margin:-180px 0px 0px 185px;{/block:If500px}
  208. {/block:IndexPage}
  209. {block:PermalinkPage}
  210. {block:IfNot500px}margin:-180px 0px 0px 185px;{/block:IfNot500px}
  211. {block:If500px}margin:-180px 0px 0px 185px;{/block:If500px}
  212. {/block:PermalinkPage}
  213. }
  214.  
  215. .audiobox{
  216. {block:IndexPage}
  217. {block:If250px}margin-top:2px;{/block:If250px}
  218. {block:IfNot250px}margin:2px 0px 0px 185px;{/block:IfNot250px}
  219. {/block:IndexPage}
  220. {block:PermalinkPage}margin:2px 0px 0px 185px;{/block:PermalinkPage}
  221. }
  222.  
  223. .audio_i{
  224. margin-top:1px;
  225. padding:3px;
  226. text-align:center;
  227. background:{color:Captions Bg};
  228. }
  229.  
  230. .ask{
  231. padding:10px;
  232. background:{color:Captions Bg};
  233. }
  234.  
  235. .asker{
  236. font-weight:bold;
  237. text-transform:uppercase;
  238. }
  239.  
  240. .asker a{
  241. color:{color:Text};
  242. }
  243.  
  244. .asker a:hover{
  245. color:{color:Links};
  246. }
  247.  
  248. .perma{
  249. position:absolute;
  250. margin-top:10px;
  251. width:22px;
  252. }
  253.  
  254. .plike{
  255. position:absolute;
  256. margin-top:10px;
  257. margin-left:27px;
  258. width:22px;
  259. }
  260.  
  261. .preblog{
  262. position:absolute;
  263. margin-top:10px;
  264. margin-left:54px;
  265. width:22px;
  266. }
  267.  
  268. .picon{
  269. overflow:hidden;
  270. width:20px;
  271. height:20px;
  272. border-radius:10px;
  273. background:{color:Icons Bg};
  274. border:1px solid {color:Borders};
  275. -webkit-transition: all 0.3s linear;
  276. -moz-transition: all 0.3s linear;
  277. transition: all 0.3s linear;
  278. }
  279.  
  280. .picon img, .picon2 img{
  281. display:block;
  282. opacity:{text:Icons Opacity};
  283. }
  284.  
  285. .picon:hover{
  286. background:{color:Icons Bg Hover};
  287. -webkit-transition: all 0.3s linear;
  288. -moz-transition: all 0.3s linear;
  289. transition: all 0.3s linear;
  290. }
  291.  
  292. .perma2{
  293. position:absolute;
  294. margin-top:0px;
  295. -webkit-transition: all 0.3s linear;
  296. -moz-transition: all 0.3s linear;
  297. transition: all 0.3s linear;
  298. {block:IndexPage}
  299. opacity:0;
  300. {block:If250px}margin-left:270px;{/block:If250px}
  301. {block:If400px}margin-left:420px;{/block:If400px}
  302. {block:If500px}margin-left:520px;{/block:If500px}
  303. {/block:IndexPage}
  304. {block:PermalinkPage}
  305. opacity:1;
  306. {block:IfNot500px}margin-left:420px;{/block:IfNot500px}
  307. {block:If500px}margin-left:520px;{/block:If500px}
  308. {/block:PermalinkPage}
  309. }
  310.  
  311. .posts:hover .perma2{
  312. opacity:1;
  313. -webkit-transition: all 0.3s linear;
  314. -moz-transition: all 0.3s linear;
  315. transition: all 0.3s linear;
  316. }
  317.  
  318. .pline{
  319. width:1px;
  320. height:62px;
  321. background:{color:Borders};
  322. }
  323.  
  324. .pinfo{
  325. margin-top:20px;
  326. margin-left:20px;
  327. font-family:calibri;
  328. font-size:8px;
  329. text-transform:uppercase;
  330. color:{color:Permalink Text};
  331. }
  332.  
  333. .picon2{
  334. overflow:hidden;
  335. width:20px;
  336. height:20px;
  337. border-radius:10px;
  338. background:{color:Icons Bg};
  339. border:1px solid {color:Borders};
  340. -webkit-transition: all 0.3s linear;
  341. -moz-transition: all 0.3s linear;
  342. transition: all 0.3s linear;
  343. }
  344.  
  345. .ptag{
  346. max-width:150px;
  347. margin-top:52px;
  348. font-size:8px;
  349. text-transform:uppercase;
  350. padding:0px 0px 20px 20px;
  351. }
  352.  
  353. .ptag a{
  354. display:block;
  355. color:{color:Permalink Text};
  356. }
  357.  
  358. .ptag a:hover{
  359. color:{color:Links};
  360. }
  361.  
  362. .info{
  363. margin:-30px 0px 40px 0px;
  364. padding-top:10px;
  365. font-size:8px;
  366. text-transform:uppercase;
  367. background:{color:Post Bg};
  368. border-bottom:1px solid {color:Borders};
  369. {block:IndexPage}
  370. {block:If250px}width:290px;{/block:If250px}
  371. {block:If400px}width:440px;{/block:If400px}
  372. {block:If500px}width:540px;{/block:If500px}
  373. {/block:IndexPage}
  374. {block:PermalinkPage}
  375. {block:IfNot500px}width:440px;{/block:IfNot500px}
  376. {block:If500px}width:540px;{block:If500px}
  377. {/block:PermalinkPage}
  378. }
  379.  
  380. .info a{
  381. display:inline;
  382. margin-right:3px;
  383. }
  384.  
  385. .iline{
  386. margin-top:-32px;
  387. margin-left:20px;
  388. padding:16px 0px 16px 15px;
  389. min-height:8px;
  390. border-left:1px solid {color:Borders};
  391. {block:IndexPage}
  392. {block:If250px}width:234px;{/block:If250px}
  393. {block:If400px}width:384px;{/block:If400px}
  394. {block:If500px}width:484px;{/block:If500px}
  395. {/block:IndexPage}
  396. {block:PermalinkPage}
  397. {block:IfNot500px}width:384px;{/block:IfNot500px}
  398. {block:If500px}width:484px;{block:If500px}
  399. {/block:PermalinkPage}
  400. }
  401.  
  402. ol.notes{
  403. margin-top:10px;
  404. padding:0px;
  405. list-style:none;
  406. }
  407.  
  408. .notes img{
  409. display:inline;
  410. width:10px;
  411. margin-right:3px;
  412. border-radius:10px;
  413. }
  414.  
  415. .notes li{
  416. margin-left:15px;
  417. padding:1px 0px;
  418. {block:IndexPage}
  419. {block:If250px}width:203px;{/block:If250px}
  420. {block:If400px}width:353px;{/block:If400px}
  421. {block:If500px}width:453px;{/block:If500px}
  422. {/block:IndexPage}
  423. {block:PermalinkPage}
  424. {block:IfNot500px}width:353px;{/block:IfNot500px}
  425. {block:If500px}width:453px;{block:If500px}
  426. {/block:PermalinkPage}
  427. }
  428.  
  429. .notes a{
  430. margin-right:0px;
  431. }
  432.  
  433. #sidebar{
  434. position:fixed;
  435. top:80px;
  436. color:{color:Sidebar Text};
  437. {block:IndexPage}
  438. {block:If250px}left:230px;{/block:If250px}
  439. {block:If400px}left:180px;{/block:If400px}
  440. {block:If500px}left:130px;{/block:If500px}
  441. {/block:IndexPage}
  442. {block:PermalinkPage}
  443. {block:IfNot500px}left:180px;{/block:IfNot500px}
  444. {block:If500px}left:130px;{block:If500px}
  445. {/block:PermalinkPage}
  446. }
  447.  
  448. .blogtitle{
  449. width:160px;
  450. padding:0px 20px;
  451. margin-bottom:15px;
  452. font-size:11px;
  453. text-transform:uppercase;
  454. text-align:right;
  455. }
  456.  
  457. .sideimage{
  458. margin-top:-15px;
  459. width:160px;
  460. padding:20px;
  461. background:{color:Post Bg};
  462. }
  463.  
  464. .sideimage img{
  465. width:160px;
  466. }
  467.  
  468. .line{
  469. position:relative;
  470. margin-top:0px;
  471. width:200px;
  472. border-top:1px solid {color:Borders};
  473. }
  474.  
  475. .desc{
  476. margin-top:10px;
  477. width:160px;
  478. padding:0px 20px 15px 20px;
  479. line-height:11px;
  480. text-align:justify;
  481. border-bottom:1px solid {color:Borders};
  482. }
  483.  
  484. .links{
  485. margin-top:-11px;
  486. height:22px;
  487. overflow:hidden;
  488. -webkit-transition: all 0.5s linear;
  489. -moz-transition: all 0.5s linear;
  490. transition: all 0.5s linear;
  491. }
  492.  
  493. .links:hover{
  494. height:100px;
  495. -webkit-transition: all 0.5s linear;
  496. -moz-transition: all 0.5s linear;
  497. transition: all 0.5s linear;
  498. }
  499.  
  500. .links:hover .picon2{
  501. background:{color:Icons Bg Hover};
  502. -webkit-transition: all 0.3s linear;
  503. -moz-transition: all 0.3s linear;
  504. transition: all 0.3s linear;
  505. }
  506.  
  507. .link{
  508. width:139px;
  509. text-align:right;
  510. text-transform:uppercase;
  511. font-size:8px;
  512. padding:5px 10px 10px 20px;
  513. border-right:1px solid {color:Borders};
  514. }
  515.  
  516. .link a{
  517. display:block;
  518. color:{color:Sidebar Text};
  519. }
  520.  
  521. .link a:hover{
  522. color:{color:Links};
  523. }
  524.  
  525. .pagination{
  526. margin-top:10px;
  527. font-size:8px;
  528. text-align:center;
  529. }
  530.  
  531. .pagination a{
  532. text-align:center;
  533. padding:0px 5px;
  534. color:{color:Sidebar Text};
  535. }
  536.  
  537. .pagination a:hover{
  538. color:{color:Links};
  539. }
  540.  
  541. .pagination .pagination_actual{
  542. padding:0px 5px;
  543. color:{color:Links};
  544. }
  545.  
  546. #btt{
  547. cursor: url(https://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  548. position:fixed;
  549. z-index:999;
  550. bottom:5px;
  551. right:5px;
  552. width:22px;
  553. height:22px;
  554. }
  555.  
  556. .music{
  557. {block:IfBillyMusicPlayer}
  558. margin-top:0px;
  559. margin-left:-20px;
  560. opacity:{text:Icons Opacity};
  561. {block:IfBillyMusicPlayer}
  562. {block:IfFlashMusicPlayer}
  563. margin-top:-3px;
  564. margin-left:-32px;
  565. {/block:IfFlashMusicPlayer}
  566. }
  567.  
  568. .musicbox{
  569. margin-left:74px;
  570. margin-top:-22px;
  571. overflow:hidden;
  572. padding:3px;
  573. width:14px;
  574. height:14px;
  575. border-radius:20px;
  576. background:{color:Icons Bg};
  577. border:1px solid {color:Borders};
  578. }
  579.  
  580. </style>
  581. <style type="text/css">{CustomCSS}</style>
  582. </head>
  583.  
  584. <body>
  585.  
  586. <a href="https://yeoli-thm.tumblr.com"><div style="position:fixed;z-index:999;bottom:5px;left:5px;width:10px;height:10px;opacity:{text:Icons Opacity};"><img src="https://static.tumblr.com/kmw8hta/aUAmzt5ka/power.png"/></div></a>
  587. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type='text/javascript'> $(function() { $.fn.scrollToTop = function() { $(this).hide().removeAttr("href"); if ($(window).scrollTop() != "0") { $(this).fadeIn("slow") } var scrollDiv = $(this); $(window).scroll(function() { if ($(window).scrollTop() == "0") { $(scrollDiv).fadeOut("slow") } else { $(scrollDiv).fadeIn("slow") } }); $(this).click(function() { $("html, body").animate({ scrollTop: 0 }, "slow") }) } }); $(function() { $("#btt").scrollToTop(); });</script><a id="btt" href='#' style="display:none;"><div class="picon"><img src="https://static.tumblr.com/kmw8hta/sk2mzt6ey/up.png" style="padding:5px"/></div></a>
  588.  
  589. <div id="sidebar">
  590. <div class="blogtitle">{title}</div>
  591. {block:IfSidebarImageImage}<div class="sideimage"><img src="{Image:Sidebar Image}"/></div>{/block:IfSidebarImageImage}
  592. <div class="line">
  593. <div style="width:22px"><a href="/"><div class="picon" style="margin-top:-11px;margin-left:20px"><img src="https://static.tumblr.com/kmw8hta/HJUmzrn7v/house.png" style="padding:5px"/></div></a></div>
  594. <div style="width:22px"><a href="/ask"><div class="picon" style="margin-top:-22px;margin-left:47px"><img src="https://static.tumblr.com/kmw8hta/AA1mzrnm5/email.png" style="padding:6px 5px 4px 5px"/></div></a></div>
  595. <div style="width:22px;{block:IfBillyMusicPlayer}display:none;{/block:IfBillyMusicPlayer}{block:IfFlashMusicPlayer}display:none;{/block:IfFlashMusicPlayer}"><a href="/archive"><div class="picon" style="margin-top:-22px;margin-left:74px"><img src="https://static.tumblr.com/kmw8hta/hGSmzrnmq/search.png" style="padding:5px"/></div></a></div>
  596.  
  597.  
  598. {block:IfBillyMusicPlayer}
  599. <div style="width:22px"><div class="picon" style="margin-top:-22px;margin-left:74px;"><div class="music">
  600.  
  601. <!----------- BILLY MUSIC PLAYER CODE GOES HERE: ----------->
  602.  
  603. <embed src="https://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=https://dl.dropboxusercontent.com/u/51110169/July%20-%20Beyond%20The%20Memory.mp3&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  604.  
  605.  
  606.  
  607.  
  608.  
  609.  
  610. <!------------------------------------------------------------------>
  611.  
  612. </div></div></div>
  613. {block:IfBillyMusicPlayer}
  614.  
  615.  
  616. {block:IfFlashMusicPlayer}
  617. <div style="width:22px"><div class="musicbox"><div style="width:14px;height:14px;overflow:hidden;border-radius:50px;-moz-border-radius:50px"><div class="music">
  618.  
  619. <!----------- FLASH MUSIC PLAYER CODE GOES HERE: ----------->
  620.  
  621.  
  622.  
  623.  
  624.  
  625.  
  626.  
  627.  
  628.  
  629. <!------------------------------------------------------------------>
  630.  
  631. </div></div></div></div>
  632. {/block:IfFlashMusicPlayer}
  633.  
  634.  
  635. </div>
  636. <div class="desc">
  637. {description}
  638. {block:IfNotInfiniteScroll}{block:IndexPage}{block:Pagination}
  639. <div class="pagination">
  640. {block:PreviousPage}<a href="{PreviousPage}">◀</a>{/block:PreviousPage}
  641. {block:JumpPagination length="5"}
  642. {block:CurrentPage}<span class="pagination_actual">{PageNumber}</span>{/block:CurrentPage}
  643. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  644. {/block:JumpPagination}
  645. {block:NextPage}<a href="{NextPage}">▶</a>{/block:NextPage}
  646. </div>
  647. {/block:Pagination}{/block:IndexPage}{/block:IfNotInfiniteScroll}
  648. </div>
  649. <div class="links">
  650. <div class="picon2" style="margin-left:158px"><img src="https://static.tumblr.com/kmw8hta/WIimzrqv1/add.png" style="padding:5px"/></div>
  651. <div class="link">
  652. {block:IfLink1}<a href="{text:Link1 URL}">{text:link1}</a>{/block:IfLink1}
  653. {block:IfLink2}<a href="{text:Link2 URL}">{text:link2}</a>{/block:IfLink2}
  654. {block:IfLink3}<a href="{text:Link3 URL}">{text:link3}</a>{/block:IfLink3}
  655. {block:IfLink4}<a href="{text:Link4 URL}">{text:link4}</a>{/block:IfLink4}
  656. {block:IfLink5}<a href="{text:Link5 URL}">{text:link5}</a>{/block:IfLink5}
  657. {block:IfLink6}<a href="{text:Link6 URL}">{text:link6}</a>{/block:IfLink6}
  658. </div></div>
  659. </div>
  660.  
  661. {block:IfInfiniteScroll}<script type="text/javascript" src="https://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
  662.  
  663. <div id="content">
  664. <div class = "autopagerize_page_element">
  665. {block:Posts}
  666. <div class="posts">
  667.  
  668. {block:ContentSource}
  669. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  670. {/block:ContentSource}
  671.  
  672. {block:Date}
  673. <div class="perma2"><div class="pline"></div></div>
  674. {block:IfShowTags}{block:IndexPage}{block:HasTags}<div class="perma2"><div style="width:1px;height:87px;background:#f1f1f1"></div></div>{/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  675. <div class="perma2"><div class="pinfo">{TimeAgo}<br/>{block:IndexPage}{NoteCountWithLabel}{/block:IndexPage}{block:PermalinkPage}{DayOfMonth}{DayOfMonthSuffix} {DayOfWeek} {Year}{/block:PermalinkPage}</div></div>
  676. {block:IfShowTags}{block:IndexPage}{block:HasTags}<div class="perma2"><div class="ptag">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div></div>{/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  677. <div class="perma2"><a href="{Permalink}"><div class="picon" style="margin-top:20px;margin-left:-11px"><img src="https://static.tumblr.com/kmw8hta/Mhtmzpvjt/paperclip.png" style="padding:5px 3px 5px 7px;"/></div></a>
  678. {block:IfShowTags}{block:IndexPage}{block:HasTags}<div class="picon2" style="margin-top:5px;margin-left:-11px"><img src="https://static.tumblr.com/kmw8hta/8XTmzpw8p/tag.png" style="padding:5px"/></div>{/block:HasTags}{/block:IndexPage}{/block:IfShowTags}</div>
  679. {/block:Date}
  680.  
  681. {block:Text}
  682. <div style="min-height:22px">
  683. {block:Title}<div class="headings"> {Title}</div>{/block:Title}
  684. {Body}
  685. </div>
  686. {block:IndexPage}
  687. <div class="perma"><a href="{Permalink}"><div class="picon"><img src="https://static.tumblr.com/kmw8hta/L3dmzpug4/clipboard.png" style="padding:5px;"/></div></a></div>
  688. {/block:IndexPage}
  689. {/block:Text}
  690.  
  691. {block:Photo}
  692. {block:IndexPage}
  693. {block:If250px}<img src="{PhotoURL-500}" style="display:block; width:250px"/>{/block:If250px}
  694. {block:If400px}<img src="{PhotoURL-500}" style="display:block; width:400px"/>{/block:If400px}
  695. {block:If500px}<img src="{PhotoURL-500}" style="display:block; width:500px"/>{/block:If500px}
  696. {block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  697. <div class="perma"><a href="{Permalink}"><div class="picon"><img src="https://static.tumblr.com/kmw8hta/lozmzpt6v/camera-_alt_.png" style="padding:5px;"/></div></a></div>
  698. {/block:IndexPage}
  699. {block:PermalinkPage}
  700. {block:IfNot500px}{LinkOpenTag}<img src="{PhotoURL-500}" style="display:block; width:400px"/>{LinkCloseTag}{/block:IfNot500px}
  701. {block:If500px}{LinkOpenTag}<img src="{PhotoURL-500}" style="display:block; width:500px"/>{LinkCloseTag}{/block:If500px}
  702. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  703. {/block:PermalinkPage}
  704. {/block:Photo}
  705.  
  706. {block:Photoset}
  707. {block:IndexPage}
  708. {block:If250px}{Photoset-250}{/block:If250px}
  709. {block:If400px}{Photoset-400}{/block:If400px}
  710. {block:If500px}{Photoset-500}{/block:If500px}
  711. {block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  712. <div class="perma"><a href="{Permalink}"><div class="picon"><img src="https://static.tumblr.com/kmw8hta/lozmzpt6v/camera-_alt_.png" style="padding:5px;"/></div></a></div>
  713. {/block:IndexPage}
  714. {block:PermalinkPage}
  715. {block:IfNot500px}{Photoset-400}{/block:IfNot500px}
  716. {block:If500px}{Photoset-500}{/block:If500px}
  717. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  718. {/block:PermalinkPage}
  719. {/block:Photoset}
  720.  
  721. {block:Video}
  722. {block:IndexPage}
  723. {block:If250px}{Video-250}{/block:If250px}
  724. {block:If400px}{Video-400}{/block:If400px}
  725. {block:If500px}{Video-500}{/block:If500px}
  726. {block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  727. <div class="perma"><a href="{Permalink}"><div class="picon"><img src="https://static.tumblr.com/kmw8hta/Hpimzpuhr/tv.png" style="padding:5px;"/></div></a></div>
  728. {/block:IndexPage}
  729. {block:PermalinkPage}
  730. {block:IfNot500px}{Video-400}{/block:IfNot500px}
  731. {block:If500px}{Video-500}{/block:If500px}
  732. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  733. {/block:PermalinkPage}
  734. {/block:Video}
  735.  
  736. {block:Quote}
  737. <div style="padding:15px 10px;background:{color:Captions Bg};font-style:italic;font-family:lucida sans;font-size:11px">
  738. {Quote}
  739. </div>
  740. {block:Source}<div style="text-align:right;margin:6px 0px 1px 0px">- {Source}</div>{/block:Source}
  741. {block:IndexPage}
  742. <div class="perma"><a href="{Permalink}"><div class="picon"><img src="https://static.tumblr.com/kmw8hta/pzMmzpuiz/quote.png" style="padding:5px;"/></div></a> </div>
  743. {/block:IndexPage}
  744. {/block:Quote}
  745.  
  746. {block:Link}
  747. <div class="headings"><a href="{URL}" target="{Target}">{Name}</a></div>
  748. {block:Description}{Description}{/block:Description}
  749. {block:IndexPage}
  750. <div class="perma"><a href="{Permalink}"><div class="picon"><img src="https://static.tumblr.com/kmw8hta/Aejmzpuka/globe.png" style="padding:5px;"/></div></a></div>
  751. {/block:IndexPage}
  752. {/block:Link}
  753.  
  754. {block:Chat}
  755. {block:Title}<div class="headings">{Title}</div>{/block:Title}
  756. <div class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</div>
  757. {block:IndexPage}
  758. <div class="perma"><a href="{Permalink}"><div class="picon"><img src="https://static.tumblr.com/kmw8hta/h7Fmzpum6/person.png" style="padding:5px;"/></div></a></div>
  759. {/block:IndexPage}
  760. {/block:Chat}
  761.  
  762. {block:Audio}
  763. <div style="min-height:180px">
  764. <div class="art">
  765. <div class="art1"><img src="https://media.tumblr.com/54069ebef561b50072881dd315e23c47/tumblr_inline_mnnxqaVaBo1qz4rgp.jpg"/></div>
  766. {block:AlbumArt}<div class="art2"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  767. </div>
  768. <div class="audio">{AudioPlayerBlack}</div>
  769. <div class="audiobox">
  770. {block:TrackName}<div class="audio_i" style="padding:12px 3px;text-transform:uppercase;background:{color:Headings Bg}">{TrackName}</div>{/block:TrackName}
  771. {block:Artist}<div class="audio_i">{Artist}</div>{/block:Artist}
  772. {block:Album}<div class="audio_i">{Album}</div>{/block:Album}
  773. {block:PlayCount}<div class="audio_i">Played {FormattedPlayCount} times</div>{/block:PlayCount}
  774. </div></div>
  775. {block:IndexPage}
  776. {block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  777. <div class="perma"><a href="{Permalink}"><div class="picon"><img src="https://static.tumblr.com/kmw8hta/JL1mzpun8/album.png" style="padding:5px;"/></div></a></div>
  778. {/block:IndexPage}
  779. {block:PermalinkPage}
  780. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  781. {/block:PermalinkPage}
  782. {/block:Audio}
  783.  
  784. {block:Answer}
  785. <div class="ask">
  786. <span class="asker">{Asker} asked:</span> {Question}</div>
  787. {Answer}
  788. {block:IndexPage}
  789. <div class="perma">
  790. <a href="{Permalink}"><div class="picon"><img src="https://static.tumblr.com/kmw8hta/byKmzpuoc/comment.png" style="padding:5px;"/></div></a>
  791. </div>
  792. {/block:IndexPage}
  793. {/block:Answer}
  794.  
  795. {block:IndexPage}
  796. <div class="plike">
  797. <div class="picon"><div style="opacity:{text:Icons Opacity};margin:6px 5px 4px 5px;width:10px;height:10px;background:url('https://static.tumblr.com/kmw8hta/VBwmzpt3x/heart.png') no-repeat;"></div><div style="margin-top:-43px;margin-left:-10px;opacity:0.2;">{LikeButton color="white" size="100"}</div></div>
  798. </div>
  799. <div class="preblog">
  800. <a href="{ReblogURL}" target="_blank"><div class="picon"><img src="https://static.tumblr.com/kmw8hta/iCCmzpt17/refresh.png" style="padding:4px 4px 6px 6px;"/></div></a>
  801. </div>
  802. {/block:IndexPage}
  803.  
  804. </div>
  805.  
  806. {block:PermalinkPage}
  807. {block:Date}
  808. <div class="info">
  809. <div class="picon2" style="margin-left:9px;position:relative;z-index:99"><img src="https://static.tumblr.com/kmw8hta/AdWmzr51w/maps.png" style="padding:5px 4px 5px 6px;"/></div>
  810. <div class="iline">
  811. {block:RebloggedFrom}reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  812. {block:ContentSource}// source: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  813. </div>
  814. </div>
  815. {block:HasTags}
  816. <div class="info">
  817. <div class="picon2" style="margin-left:9px;position:relative;z-index:99"><img src="https://static.tumblr.com/kmw8hta/8XTmzpw8p/tag.png" style="padding:5px;"/></div>
  818. <div class="iline">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>
  819. </div>
  820. {/block:HasTags}
  821. <div class="info">
  822. <div class="picon2" style="margin-left:9px;position:relative;z-index:99"><img src="https://static.tumblr.com/kmw8hta/drNmzr76k/text.png" style="padding:5px"/></div>
  823. <div class="iline">
  824. with {NoteCountWithLabel}
  825. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  826. </div>
  827. </div>
  828. {/block:Date}
  829. {/block:PermalinkPage}
  830.  
  831. {/block:Posts}
  832. </div>
  833. </div>
  834.  
  835. </body>
  836. </html>
Advertisement
Add Comment
Please, Sign In to add comment