API tools faq
paste
Advertisement
yeoli

Theme 12

yeoli
Feb 21st, 2013
12,571
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.33 KB | None | 0 0
raw download clone embed print report
  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" xml:lang="en" lang="en">
  3.  
  4. <!-- THEME 12
  5. MADE BY YEOLI-THM.TUMBLR.COM -->
  6.  
  7. <head>
  8.  
  9. {block:IndexPage}
  10. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  11. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  12. <script>
  13. $(function(){
  14. var $container = $('#content');
  15. $container.imagesLoaded(function(){
  16. $container.masonry({
  17. itemSelector: '#posts',
  18. });
  19. });
  20. $container.infinitescroll({
  21. itemSelector : "#posts",
  22. navSelector : "div.pagination",
  23. nextSelector : ".pagination a#next",
  24. loadingImg : "",
  25. loadingText : "<em></em>",
  26. bufferPx : 500,
  27. extraScrollPx: 500,
  28. },
  29. function( newElements ) {
  30. var $newElems = $( newElements ).css({ opacity: 0 });
  31. $newElems.imagesLoaded(function(){
  32. $newElems.animate({ opacity: 1 });
  33. $container.masonry( 'appended', $newElems, true );
  34. });
  35. }
  36. );
  37. });
  38. </script>
  39. {/block:IndexPage}
  40.  
  41. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  42. <link rel="shortcut icon" href="{Favicon}" />
  43.  
  44. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  45. <meta name="description" content="{MetaDescription}" />
  46. <meta name="color:Background" content="#fcfcfc"/>
  47. <meta name="color:Borders" content="#efefef"/>
  48. <meta name="color:Text" content="#a7a7a7"/>
  49. <meta name="color:Links" content="#46b4e0"/>
  50. <meta name="color:Links Hover" content="#a7a7a7"/>
  51. <meta name="color:Post Background" content="#ffffff"/>
  52. <meta name="color:Icon Background" content="#ffffff">
  53. <meta name="color:Blog Title" content="#a3a3a3"/>
  54. <meta name="color:Blog Title Background" content="#f0f0f0"/>
  55. <meta name="color:Description" content="#b4b4b4"/>
  56. <meta name="color:Audio Text" content="#aaaaaa"/>
  57. <meta name="color:Audio Background" content="#fafafa"/>
  58. <meta name="color:Chat Text" content="#aaaaaa"/>
  59. <meta name="color:Chat Background" content="#fafafa"/>
  60. <meta name="color:Question Text" content="#aaaaaa"/>
  61. <meta name="color:Question Background" content="#fafafa"/>
  62. <meta name="color:Permalink Text" content="#949494"/>
  63. <meta name="color:Permalink Text Hover" content="#46b4e0"/>
  64. <meta name="color:Permalink Background" content="#f9f9f9"/>
  65. <meta name="color:Permalink Borders" content="#efefef"/>
  66. <meta name="color:Scrollbar" content="#ececec"/>
  67. <meta name="image:Background" content=""/>
  68. <meta name="image:Sidebar Image" content=""/>
  69. <meta name="image:Icon Home" content="http://media.tumblr.com/9ccf60df8e6af302203a7095601738f2/tumblr_inline_mj9aioCCG01qz4rgp.png"/>
  70. <meta name="image:Icon Ask" content="http://media.tumblr.com/06281c0209c26f2a837325c1c0eb7f92/tumblr_inline_mj9ajceZCT1qz4rgp.png"/>
  71. <meta name="image:Icon Archive" content="http://media.tumblr.com/c4fa2d59fc69e2418ad340ec794f97c9/tumblr_inline_mj9ajvz9NQ1qz4rgp.png"/>
  72. <meta name="text:Icon Opacity" content="0.4"/>
  73. <meta name="text:Link1 URL"content=""/>
  74. <meta name="text:Link1" content="Link 1"/>
  75. <meta name="text:Link2 URL"content=""/>
  76. <meta name="text:Link2" content="Link 2"/>
  77. <meta name="text:Link3 URL"content=""/>
  78. <meta name="text:Link3" content="Link 3"/>
  79. <meta name="text:Link4 URL"content=""/>
  80. <meta name="text:Link4" content="Link 4"/>
  81. <meta name="if:Billy Music Player" content="0"/>
  82. <meta name="if:Flash Music Player" content="0"/>
  83. <meta name="if:One Column" content="0"/>
  84. <meta name="if:Two Columns" content="1"/>
  85. <meta name="if:InfiniteScroll" content="1"/>
  86. <meta name="if:Show Captions" content="0"/>
  87. <meta name="if:250px" content="1"/>
  88. <meta name="if:300px" content="0"/>
  89. <meta name="if:400px" content="0"/>
  90. <meta name="if:Show Sidebar Image" content="0"/>
  91.  
  92. <style type="text/css">
  93.  
  94. #tumblr_controls, .tmblr-iframe{
  95. position:fixed!important;
  96. z-index:99999!important;
  97. top:0px!important;
  98. right:0px!important;
  99. }
  100.  
  101. ::-webkit-scrollbar{
  102. width:3px;
  103. height:10px;
  104. background-color:{color:Background};
  105. }
  106.  
  107. ::-webkit-scrollbar-thumb:vertical{
  108. height:8px;
  109. background-color:{color:Scrollbar};
  110. }
  111.  
  112. ::-webkit-scrollbar-button:start:decrement{
  113. height:60px;
  114. display:block;
  115. background-color:{color:Background};
  116. border-bottom:20px solid {color:Blog Title Background};
  117. }
  118.  
  119. body{
  120. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  121. background-attachment:fixed;
  122. background-repeat:repeat;
  123. margin:0px;
  124. padding:0px;
  125. font-family:Calibri;
  126. font-size:10px;
  127. color:{color:Text};
  128. background-image:url('{image:Background}');
  129. background-color:{color:Background};
  130. }
  131.  
  132. a, a:link, a:active, a:visited{
  133. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  134. text-decoration:none;
  135. color: {color:Links};
  136. -webkit-transition: all 0.3s linear;
  137. -moz-transition: all 0.3s linear;
  138. transition: all 0.3s linear;
  139. }
  140.  
  141. a:hover{
  142. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  143. text-decoration: none;
  144. color: {color:Links Hover};
  145. -webkit-transition: all 0.3s linear;
  146. -moz-transition: all 0.3s linear;
  147. transition: all 0.3s linear;
  148. }
  149.  
  150. img{
  151. display:block;
  152. }
  153.  
  154. #content{
  155. margin-left:90px;
  156. padding-top:10px;
  157. padding-bottom:10px;
  158. border-left:0px solid {color:Borders};
  159. border-right:0px solid {color:Borders};
  160. {block:IndexPage}
  161. {block:IfOneColumn}
  162. {block:If250px}width:250px;{/block:If250px}
  163. {block:If300px}width:300px;{/block:If300px}
  164. {block:If400px}width:400px;{/block:If400px}
  165. {/block:IfOneColumn}
  166. {block:IfTwoColumns}
  167. {block:If250px}width:605px;{/block:If250px}
  168. {block:If300px}width:705px;{/block:If300px}
  169. {block:If400px}width:905px;{/block:If400px}
  170. {/block:IfTwoColumns}
  171. {/block:IndexPage}
  172. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  173. }
  174.  
  175. #posts{
  176. overflow:hidden;
  177. margin:auto;
  178. margin:10px;
  179. padding:15px;
  180. font-size:10px;
  181. color:{color:Text};
  182. background:{color:Post Background};
  183. border:1px solid {color:Borders};
  184. {block:IndexPage}
  185. {block:IfTwoColumns}float:left;{/block:IfTwoColumns}
  186. {block:If250px}width:250px;{/block:If250px}
  187. {block:If300px}width:300px;{/block:If300px}
  188. {block:If400px}width:400px;{/block:If400px}
  189. {/block:IndexPage}
  190. {block:PermalinkPage}
  191. width:400px;
  192. {/block:PermalinkPage}
  193. }
  194.  
  195. #posts a{
  196. color:{color:Text};
  197. }
  198.  
  199. #posts:hover a{
  200. color:{color:Links};
  201. }
  202.  
  203. #posts a:hover{
  204. color:{color:Links Hover};
  205. }
  206.  
  207. blockquote{
  208. margin-left:10px;
  209. padding-left:5px;
  210. border-left:5px solid {color:Borders};
  211. }
  212.  
  213. #headings{
  214. font-style:italic;
  215. font-size:12px;
  216. text-align:right;
  217. border-bottom:1px solid {color:Borders};
  218. }
  219.  
  220. ul.chat{
  221. margin:0px;
  222. padding:0px;
  223. }
  224.  
  225. .chat li{
  226. list-style-type: none;
  227. margin-left:0px;
  228. margin-top:2px;
  229. padding-left:5px;
  230. color:{color:Chat Text};
  231. background-color:{color:Chat Background};
  232. }
  233.  
  234. .label{
  235. font-weight:bold;
  236. font-style:italic;
  237. }
  238.  
  239. #audiobox{
  240. height:53px;
  241.  
  242. }
  243.  
  244. #albumart{
  245. width:30px;
  246. height:30px;
  247. padding:8px;
  248. background:{color:Icon Background};
  249. border:1px solid {color:Borders};
  250. }
  251.  
  252. #art1{
  253. overflow:hidden;
  254. padding:8px;
  255. width:14px;
  256. height:14px;
  257. background:#ffffff;
  258. }
  259.  
  260. #art2 img{
  261. margin-top:-30px;
  262. width:30px;
  263. height:30px;
  264. }
  265.  
  266. #audio{
  267. opacity:0.7;
  268. margin-left:48px;
  269. margin-top:-38px;
  270. overflow:hidden;
  271. background:#ffffff;
  272. }
  273.  
  274. #audioinfo{
  275. margin-bottom:2px;
  276. padding-left:5px;
  277. background:{color:Audio Background};
  278. color:{color:Audio Text};
  279. }
  280.  
  281. #askbackground{
  282. float:left;
  283. width:48px;
  284. height:42px;
  285. border-radius:0 0 10px 0;
  286. background:{color:Post Background};
  287. }
  288.  
  289. #askpic{
  290. float:left;
  291. margin-left:-48px;
  292. margin-right:10px;
  293. width:24px;
  294. height:24px;
  295. padding:8px;
  296. background:{color:Icon Background};
  297. border:1px solid {color:Borders};
  298. }
  299.  
  300. #askic img{
  301. width:24px;
  302. height:24px;
  303. }
  304.  
  305. #question{
  306. font-size:10px;
  307. text-align:left;
  308. min-height:36px;
  309. margin-bottom:-5px;
  310. padding:3px;
  311. color:{color:Question Text};
  312. background:{color:Question Background};
  313. border:0px solid {color:Borders};
  314. }
  315.  
  316. #question a{
  317. font-size:11px;
  318. font-style:italic;
  319. }
  320.  
  321. #question a:hover{
  322. color:{color:Question Text};
  323. }
  324.  
  325. #posts #perma{
  326. margin-top:0px;
  327. margin-bottom:-5px;
  328. margin-left:-15px;
  329. opacity:1;
  330. line-height:16px;
  331. font-size:8px;
  332. text-transform:uppercase;
  333. text-align:center;
  334. word-spacing:1px;
  335. color:{color:Permalink Text};
  336. background:{color:Permalink Background};
  337. border-top:1px solid {color:Permalink Borders};
  338. border-bottom:1px solid {color:Permalink Borders};
  339. {block:If250px}width:280px;{/block:If250px}
  340. {block:If300px}width:330px;{/block:If300px}
  341. {block:If400px}width:430px;{/block:If400px}
  342. }
  343.  
  344. #posts #perma a, #posts:hover #perma a, #posts #perm a, #posts:hover #perm a{
  345. color:{color:Permalink Text};
  346. }
  347.  
  348. #posts:hover #perma a:hover, #posts:hover #perm a:hover{
  349. color:{color:Permalink Text Hover};
  350. }
  351.  
  352. #posts #perm{
  353. position:absolute;
  354. margin-top:0px;
  355. margin-left:-15px;
  356. opacity:0;
  357. line-height:16px;
  358. font-size:8px;
  359. text-transform:uppercase;
  360. text-align:center;
  361. word-spacing:1px;
  362. color:{color:Permalink Text};
  363. background:{color:Permalink Background};
  364. border-top:1px solid {color:Permalink Borders};
  365. border-bottom:1px solid {color:Permalink Borders};
  366. {block:If250px}width:280px;{/block:If250px}
  367. {block:If300px}width:330px;{/block:If300px}
  368. {block:If400px}width:430px;{/block:If400px}
  369. -webkit-transition: all 0.3s linear;
  370. -moz-transition: all 0.3s linear;
  371. transition: all 0.3s linear;
  372. }
  373.  
  374. #posts:hover #perm{
  375. margin-top:-13px;
  376. opacity:1;
  377. -webkit-transition: all 0.3s linear;
  378. -moz-transition: all 0.3s linear;
  379. transition: all 0.3s linear;
  380. }
  381.  
  382. #info{
  383. margin-top:5px;
  384. padding-top:5px;
  385. border-top:1px solid {color:Borders};
  386. width:400px;
  387. }
  388.  
  389. #note{
  390. width:400px;
  391. padding:0px 5px;
  392. }
  393.  
  394. ol.notes{
  395. padding-left:5px;
  396. list-style-type:none;
  397. }
  398.  
  399. #note img{
  400. display:inline;
  401. }
  402.  
  403. #tag a{
  404. margin-right:4px;
  405. }
  406.  
  407. .pagination{
  408. display:none!important;
  409. }
  410.  
  411. #sidebar1{
  412. position:fixed;
  413. left:0px;
  414. top:0px;
  415. width:49px;
  416. height:100%;
  417. border-right:1px solid {color:Borders};
  418. }
  419.  
  420. #navi1{
  421. position:fixed;
  422. top:90px;
  423. margin-left:38px;
  424. padding:2px;
  425. height:16px;
  426. width:16px;
  427. background:{color:Icon Background};
  428. border:1px solid {color:Borders};
  429. }
  430.  
  431. #navi2{
  432. position:fixed;
  433. top:118px;
  434. margin-left:38px;
  435. padding:2px;
  436. height:16px;
  437. width:16px;
  438. background:{color:Icon Background};
  439. border:1px solid {color:Borders};
  440. }
  441.  
  442. #navi3{
  443. position:fixed;
  444. top:146px;
  445. margin-left:38px;
  446. padding:2px;
  447. height:16px;
  448. width:16px;
  449. background:{color:Icon Background};
  450. border:1px solid {color:Borders};
  451. }
  452.  
  453. #navi{
  454. opacity:{text:Icon Opacity};
  455. position:fixed;
  456. }
  457.  
  458. #musicbox{
  459. overflow:hidden;
  460. position:fixed;
  461. margin-left:38px;
  462. top:174px;
  463. width:20px;
  464. height:20px;
  465. border:1px solid {color:Borders};
  466. background:{color:Icon Background};
  467. }
  468.  
  469. #music{
  470. margin-top:0px;
  471. background:{color:Icon Background};
  472. {block:IfBillyMusicPlayer}margin-left:-20px;opacity:0.5;{/block:IfBillyMusicPlayer}
  473. {block:IfFlashMusicPlayer}margin-left:-29px;{/block:IfFlashMusicPlayer}
  474. }
  475.  
  476. #line1{
  477. position:fixed;
  478. top:40px;
  479. width:49px;
  480. height:20px;
  481. left:0px;
  482. background:{color:Blog Title Background};
  483. }
  484.  
  485. #sidebar2{
  486. position:fixed;
  487. height:100%;
  488. border-left:1px solid {color:Borders};
  489. {block:IndexPage}
  490. {block:IfOneColumn}
  491. {block:If250px}left:431px;{/block:If250px}
  492. {block:If300px}left:481px;{/block:If300px}
  493. {block:If400px}left:581px;{/block:If400px}
  494. {/block:IfOneColumn}
  495. {block:IfTwoColumns}
  496. {block:If250px}left:731px;{/block:If250px}
  497. {block:If300px}left:831px;{/block:If300px}
  498. {block:If400px}left:1031px;{/block:If400px}
  499. {/block:IfTwoColumns}
  500. {/block:IndexPage}
  501. {block:PermalinkPage}left:581px;{/block:PermalinkPage}
  502. }
  503.  
  504. #line2{
  505. position:fixed;
  506. z-index:-99;
  507. top:40px;
  508. width:100%;
  509. height:20px;
  510. background:{color:Blog Title Background};
  511. }
  512.  
  513. {block:IfNotShowSidebarImage}
  514. #icon{
  515. margin-top:24px;
  516. margin-left:20px;
  517. padding:10px;
  518. width:30px;
  519. height:30px;
  520. background:{color:Icon Background};
  521. border:1px solid {color:Borders};
  522. }
  523. {/block:IfNotShowSidebarImage}
  524.  
  525. #title{
  526. line-height:20px;
  527. letter-spacing:1px;
  528. font-style:italic;
  529. font-size:11px;
  530. color:{color:Blog Title};
  531. {block:IfNotShowSidebarImage}
  532. margin-top:-36px;
  533. margin-left:90px;
  534. text-align:left;
  535. {/block:IfNotShowSidebarImage}
  536. {block:IfShowSidebarImage}
  537. position:fixed;
  538. top:40px;
  539. margin-left:0px;
  540. width:242px;
  541. text-align:center;
  542. {/block:IfShowSidebarImage}
  543. }
  544.  
  545. {block:IfShowSidebarImage}
  546. #image{
  547. margin-top:60px;
  548. margin-left:40px;
  549. width:140px;
  550. padding:10px;
  551. background:{color:Icon Background};
  552. border-left:1px solid {color:Borders};
  553. border-right:1px solid {color:Borders};
  554. border-bottom:1px solid {color:Borders};
  555. }
  556. {/block:IfShowSidebarImage}
  557.  
  558. #description{
  559. font-size:10px;
  560. color:{color:Description};
  561. {block:IfNotShowSidebarImage}
  562. width:180px;
  563. margin-top:30px;
  564. margin-left:20px;
  565. text-align:left;
  566. {block:IfNotShowSidebarImage}
  567. {block:IfShowSidebarImage}
  568. width:182px;
  569. margin-top:15px;
  570. margin-left:30px;
  571. text-align:justify;
  572. {block:IfShowSidebarImage}
  573. }
  574.  
  575. #pagi{
  576. margin-top:2px;
  577. text-align:right;
  578. }
  579.  
  580. #pagi a{
  581. color:{color:Description};
  582. }
  583.  
  584. #pagi a:hover{
  585. font-style:italic;
  586. color:{color:Links};
  587. }
  588.  
  589. #links{
  590. margin-left:-10px;
  591. margin-top:20px;
  592. }
  593.  
  594. #square{
  595. margin-bottom:6px;
  596. width:16px;
  597. height:8px;
  598. background:{color:Icon Background};
  599. border:1px solid {color:Borders};
  600. }
  601.  
  602. #link{
  603. width:100px;
  604. margin-left:26px;
  605. margin-top:-1px;
  606. font-size:10px;
  607. line-height:9px;
  608. color:{color:Description};
  609. }
  610.  
  611. #link a {
  612. color:{color:Description};
  613. }
  614.  
  615. #link a:hover{
  616. font-style:italic;
  617. color:{color:Links};
  618. }
  619.  
  620. #top a{
  621. position:fixed;
  622. bottom:0px;
  623. right:5px;
  624. color:{color:Description};
  625. }
  626.  
  627. #credit a{
  628. position:fixed;
  629. bottom:0px;
  630. left:3px;
  631. color:{color:Description};
  632. }
  633.  
  634. </style>
  635. <style type="text/css">{CustomCSS}
  636. </style>
  637.  
  638. </head>
  639. <body>
  640.  
  641. <div id="sidebar2">
  642. <div id="line2"></div>
  643. {block:IfNotShowSidebarImage}<div id="icon"><a href="/"><img src="{PortraitURL-30}"></a></div>{/block:IfNotShowSidebarImage}
  644. <div id="title">{Title}</div>
  645. {block:IfShowSidebarImage}<div id="image"><a href="/"><img src="{Image:Sidebar Image}" width="140px"/></a></div>{/block:IfShowSidebarImage}
  646. <div id="description">
  647. {Description}
  648. {block:IfNotInfiniteScroll}
  649. <div id="pagi">
  650. {block:Pagination}
  651. {block:PreviousPage}<a href="{PreviousPage}">Back </a>//{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  652. {/block:Pagination}
  653. </div>
  654. {/block:IfNotInfiniteScroll}
  655. </div>
  656. <div id="links">
  657. {block:IfLink1}<div id="square"><div id="link"><a href="{text:Link1 URL}">{text:link1}</a></div></div>{/block:IfLink1}
  658. {block:IfLink2}<div id="square"><div id="link"><a href="{text:Link2 URL}">{text:link2}</a></div></div>{/block:IfLink2}
  659. {block:IfLink3}<div id="square"><div id="link"><a href="{text:Link3 URL}">{text:link3}</a></div></div>{/block:IfLink3}
  660. {block:IfLink4}<div id="square"><div id="link"><a href="{text:Link4 URL}">{text:link4}</a></div></div>{/block:IfLink4}
  661. </div>
  662. </div>
  663.  
  664. <div id="sidebar1">
  665. <div id="line1"></div>
  666. <div id="navi1"><a href="/"><div id="navi"><img src="{Image:Icon Home}"/></div></a></div>
  667. <div id="navi2"><a href="/ask"><div id="navi"><img src="{Image:Icon Ask}"/></div></a></div>
  668. <div id="navi3"><a href="/archive"><div id="navi"><img src="{Image:Icon Archive}"/></div></a></div>
  669.  
  670. {block:IfBillyMusicPlayer}
  671. <div id="musicbox"><div id="music">
  672. <!------- BILLY MUSIC PLAYER CODE GOES HERE: ------->
  673.  
  674.  
  675.  
  676.  
  677. <!------------------------------------------------------>
  678. </div></div>
  679. {block:IfBillyMusicPlayer}
  680.  
  681. {block:IfFlashMusicPlayer}
  682. <div id="musicbox"><div id="music">
  683. <!------- FLASH MUSIC PLAYER CODE GOES HERE: ------->
  684.  
  685.  
  686.  
  687.  
  688. <!------------------------------------------------------>
  689. </div></div>
  690. {block:IfFlashMusicPlayer}
  691. </div>
  692.  
  693. <div id="credit"><a href="http://yeoli-thm.tumblr.com">ⓨ</a></div>
  694. {block:IndexPage}{block:IfInfiniteScroll}<div id="top"><a href="#top">▲ Back To Top</a></div>{/block:IfInfiniteScroll}{/block:IndexPage}
  695.  
  696. {block:IfInfiniteScroll}
  697. <div class="pagination">
  698. {block:Pagination}
  699. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
  700. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
  701. {/block:Pagination}
  702. </div>
  703. {/block:IfInfiniteScroll}
  704.  
  705. <div id="content">
  706. {block:Posts}
  707. <div id="posts">
  708.  
  709. {block:Text}
  710. {block:Title}<div id="headings"> {Title}</div>{/block:Title}
  711. {Body}
  712. {block:IndexPage}
  713. <p/>
  714. <div id="perma">posted {TimeAgo} - <a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>
  715. {/block:IndexPage}
  716. {/block:Text}
  717.  
  718. {block:Photo}
  719. {block:IndexPage}
  720. {block:If250px}<img src="{PhotoURL-500}" width="250px"/>{/block:If250px}
  721. {block:If300px}<img src="{PhotoURL-500}" width="300px"/>{/block:If300px}
  722. {block:If400px}<img src="{PhotoURL-500}" width="400px"/>{/block:If400px}
  723. {block:IfNotShowCaptions}<div id="perm">posted {TimeAgo} - <a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:IfNotShowCaptions}
  724. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}<p/><div id="perma">posted {TimeAgo} - <a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:IfShowCaptions}
  725. {/block:IndexPage}
  726. {block:PermalinkPage}
  727. <img src="{PhotoURL-500}" width="400px"/>
  728. {block:Caption}{Caption}{/block:Caption}
  729. {/block:PermalinkPage}
  730. {/block:Photo}
  731.  
  732. {block:Photoset}
  733. {block:IndexPage}
  734. {block:If250px}{Photoset-250}{/block:If250px}
  735. {block:If300px}<div style="padding-left:25px">{Photoset-250}</div>{/block:If300px}
  736. {block:If400px}{Photoset-400}{/block:If400px}
  737. {block:IfNotShowCaptions}<div id="perm">posted {TimeAgo} - <a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:IfNotShowCaptions}
  738. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}<p/><div id="perma">posted {TimeAgo} - <a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:IfShowCaptions}
  739. {/block:IndexPage}
  740. {block:PermalinkPage}
  741. {Photoset-400}
  742. {block:Caption}{Caption}{/block:Caption}
  743. {/block:PermalinkPage}
  744. {/block:Photoset}
  745.  
  746. {block:Video}
  747. {block:IndexPage}
  748. {block:If250px}{Video-250}{/block:If250px}
  749. {block:If300px}<div style="padding-left:25px">{Video-250}</div>{/block:If300px}
  750. {block:If400px}{Video-400}{/block:If400px}
  751. {block:IfNotShowCaptions}<div id="perm">posted {TimeAgo} - <a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:IfNotShowCaptions}
  752. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}<p/><div id="perma">posted {TimeAgo} - <a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:IfShowCaptions}
  753. {/block:IndexPage}
  754. {block:PermalinkPage}
  755. {Video-400}
  756. {block:Caption}{Caption}{/block:Caption}
  757. {/block:PermalinkPage}
  758. {/block:Video}
  759.  
  760. {block:Quote}
  761. <div style="border-left:5px solid {color:Borders};padding-left:5px;"> {Quote} </div>
  762. {block:Source}<div align="right">- {Source}</div>{/block:Source}
  763. {block:IndexPage}
  764. <p/>
  765. <div id="perma">posted {TimeAgo} - <a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>
  766. {/block:IndexPage}
  767. {/block:Quote}
  768.  
  769. {block:Link}
  770. <div id="headings"><a href="{URL}" target="{Target}">{Name}</a></div>
  771. {block:Description}{Description}{/block:Description}
  772. {block:IndexPage}
  773. <p/>
  774. <div id="perma">posted {TimeAgo} - <a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>
  775. {/block:IndexPage}
  776. {/block:Link}
  777.  
  778. {block:Chat}
  779. {block:Title}<div id="headings">{Title}</div>{/block:Title}
  780. <ul class="chat">
  781. {block:Lines}
  782. <li class="{Alt} user_{UserNumber}">
  783. {block:Label}
  784. <span class="label">{Label}</span>
  785. {/block:Label}
  786. {Line}
  787. </li>
  788. {/block:Lines}
  789. </ul>
  790. {block:IndexPage}
  791. <p/>
  792. <div id="perma">posted {TimeAgo} - <a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>
  793. {/block:IndexPage}
  794. {/block:Chat}
  795.  
  796. {block:Audio}
  797. <div id="audiobox">
  798. <div id="albumart">
  799. <div id="art1"><img src="http://media.tumblr.com/7d01d65209744d171776f5ce42fda802/tumblr_inline_mikpdpyDT81qz4rgp.png"/></div>
  800. {block:AlbumArt}<div id="art2"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  801. </div>
  802. <div id="audio">{AudioPlayer}</div>
  803. </div>
  804. <div id="audioinfo">{block:TrackName}<b><i>Title:</i></b> {TrackName}<br/>{/block:TrackName}</div>
  805. <div id="audioinfo">{block:Artist}<b><i>Artist:</i></b> {Artist}<br/>{/block:Artist}</div>
  806. <div id="audioinfo">{block:Album}<b><i>Album:</i></b> {Album}<br/>{/block:Album}</div>
  807. <div id="audioinfo">{block:PlayCount}<b><i>Played:</i></b> {FormattedPlayCount} times<br/>{/block:PlayCount}</div>
  808. {block:IndexPage}
  809. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  810. <p/>
  811. <div id="perma">posted {TimeAgo} - <a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>
  812. {/block:IndexPage}
  813. {block:PermalinkPage}
  814. {block:Caption}{Caption}{/block:Caption}
  815. {/block:PermalinkPage}
  816. {/block:Audio}
  817.  
  818. {block:Answer}
  819. <div id="askbackground"></div>
  820. <div id="askpic"><img src="{AskerPortraitURL-24}"/></div>
  821. <div id="question">{Asker}: {Question}</div>
  822. {Answer}
  823. {block:IndexPage}
  824. <p/>
  825. <div id="perma">posted {TimeAgo} - <a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>
  826. {/block:IndexPage}
  827. {/block:Answer}
  828.  
  829. {block:PermalinkPage}
  830. <div id="info">
  831. {block:Date}<div style="text-align: left; padding-right:5px">Posted on {ShortMonth} {DayOfMonthWithZero}, {Year}</div>{/block:Date}
  832. {block:RebloggedFrom}
  833. Via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> Source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  834. {/block:RebloggedFrom}
  835. {block:HasTags}<div id="tag">Tagged: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  836. </div>
  837. {block:PostNotes}
  838. <p>{NoteCountWithLabel}:
  839. <div id="note">{PostNotes}</div>
  840. {/block:PostNotes}
  841. {/block:PermalinkPage}
  842.  
  843. </div>
  844. {/block:Posts}
  845. </div>
  846.  
  847. </body>
  848. </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!