API tools faq
paste
Advertisement
thematchgirl

Theme 21 v1

thematchgirl
May 30th, 2014
191
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.53 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. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}"/>
  9. {/block:Description}
  10. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  11. <script src="http://static.tumblr.com/avd6qy6/74Rn266a4/modernizr.custom.js"></script>
  12. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  13. <script type="text/javascript">
  14. $(window).load(function () {
  15. $('#entries').masonry({
  16. itemSelector : ".post",
  17. },
  18. function() { $('#entries').masonry({ appendedContent: $(this) }); }
  19. );
  20. });
  21.  
  22. </script>
  23. <script>
  24. $(window).scroll(function() {
  25. if ($(this).scrollTop() > 80) {
  26. $("#description").animate({opacity:".5"},'fast');
  27. $( "#description" )
  28. .mouseover(function() {
  29. $("#description").animate({opacity:"1"},'fast');
  30. })
  31. }
  32. else {
  33. $("#description").animate({opacity:"1"},'fast');
  34. }
  35. }
  36. );
  37. </script>
  38.  
  39. <script src="http://static.tumblr.com/pdgxkke/bRomet3vm/jquery.style-my-tooltips.js"></script>
  40. <script>
  41. (function($){
  42. $(document).ready(function(){
  43. $("[title]").style_my_tooltips();
  44. });
  45. })(jQuery);
  46. </script>
  47.  
  48. <meta name="color:Main Color" content="#afe7ef"/>
  49. <meta name="color:Second Color" content="#f8f8f8"/>
  50. <meta name="color:Third Color" content="#ffffff"/>
  51. <meta name="color:Fourth Color" content="#4e4e4e"/>
  52. <meta name="color:bar1" content="#eda2ac"/>
  53. <meta name="color:bar2" content="#afe7ef"/>
  54. <meta name="color:bar3" content="#7dbfff"/>
  55. <meta name="color:bar4" content="#b1d7fd"/>
  56. <meta name="color:bar5" content="#0087FE"/>
  57.  
  58. <meta name="text:Link1URL" content=""/>
  59. <meta name="text:Link2URL" content=""/>
  60. <meta name="text:Link3URL" content=""/>
  61. <meta name="text:Link4URL" content=""/>
  62. <meta name="text:Link5URL" content=""/>
  63. <meta name="text:Link6URL" content=""/>
  64. <meta name="text:Link7URL" content=""/>
  65. <meta name="text:Link8URL" content=""/>
  66. <meta name="text:Link9URL" content=""/>
  67. <meta name="text:Link1" content=""/>
  68. <meta name="text:Link2" content=""/>
  69. <meta name="text:Link3" content=""/>
  70. <meta name="text:Link4" content=""/>
  71. <meta name="text:Link5" content=""/>
  72. <meta name="text:Link6" content=""/>
  73. <meta name="text:Link7" content=""/>
  74. <meta name="text:Link8" content=""/>
  75. <meta name="text:Link9" content=""/>
  76.  
  77. <meta name="image:Background" content="http://media.tumblr.com/tumblr_m20frmbrCC1r7qwna.png"/>
  78. <meta name="image:Bars" content="http://25.media.tumblr.com/tumblr_lvuln9WYkZ1r1ne7to9_r1_1280.png"/>
  79. <meta name="image:icon" content="http://i1336.photobucket.com/albums/o653/chawooing/130623/dongwoo001c.png"/>
  80.  
  81. <meta name="if:ShowCaptions" content="1"/>
  82. <meta name="if:FadingImages" content="1"/>
  83. <meta name="if:250px" content="0" />
  84. <meta name="if:500px" content="1" />
  85.  
  86. <style type="text/css">
  87.  
  88. ::-webkit-scrollbar {width:5px; height:5px;}
  89. ::-webkit-scrollbar-track {background-color:{color:second color};}
  90. ::-webkit-scrollbar-thumb {background-color:{color:main color};}
  91. ::-webkit-scrollbar:double-button {background-color:{color:main color};}
  92. ::-webkit-scrollbar-track-piece{background-color:{color:second color};}
  93. ::-webkit-scrollbar-thumb:vertical{background-color:{color:main color};}
  94.  
  95. body {
  96. background:url({image:background}) {color:Second Color} fixed;
  97. font-family:century gothic;
  98. font-size:12px;
  99. color:{color:Fourth Color};
  100. text-align:justify;
  101. overflow-x:hidden;
  102. }
  103.  
  104. a {
  105. text-decoration:none;
  106. color:{color:Main Color};
  107. -webkit-transition: all 0.8s ease-in-out;
  108. -moz-transition: all 0.8s ease-in-out;
  109. -o-transition: all 0.8s ease-in-out;
  110. -ms-transition: all 0.8s ease-in-out;
  111. transition: all 0.8s ease-in-out;
  112. }
  113.  
  114. a:hover {
  115. text-decoration:none;
  116. color:{color:Fourth Color};
  117. }
  118.  
  119. #s-m-t-tooltip{
  120. max-width: 200px;
  121. z-index:5000;
  122. margin:24px 14px 7px 12px;
  123. padding:5px;
  124. font-size:12px;
  125. line-height:16px;
  126. background:{color:main color};
  127. color:{color:third color};
  128. border:1px solid {color:second color};
  129. }
  130.  
  131. blockquote, pre {
  132. background:{color:Second Color};
  133. border-left:5px solid {color:Main Color};
  134. display:block;
  135. padding:5px;
  136. }
  137.  
  138. pre {
  139. word-break:break-word;
  140. border:none;
  141. }
  142.  
  143. .bar {
  144. height:5px;
  145. width:100%;
  146. position:fixed;
  147. left:0;
  148. background:url({image:bars});
  149. z-index:99;
  150. }
  151.  
  152. #pagination {
  153. position:fixed;
  154. left:0;
  155. bottom:5px;
  156. padding:5px;
  157. opacity:.5;
  158. z-index:99;
  159. width:100%;
  160. background:{color:Main Color};
  161. text-align:center;
  162. -webkit-transition: all 0.8s ease-in-out;
  163. -moz-transition: all 0.8s ease-in-out;
  164. -o-transition: all 0.8s ease-in-out;
  165. -ms-transition: all 0.8s ease-in-out;
  166. transition: all 0.8s ease-in-out;
  167. }
  168.  
  169. #pagination a {
  170. background:{color:Third Color};
  171. padding:5px;
  172. width:5px;
  173. height:5px;
  174. color:{color:Main Color};
  175. margin:0 2px 0;
  176. }
  177.  
  178. #pagination span {
  179. background:transparent;
  180. padding:5px;
  181. width:5px;
  182. height:5px;
  183. color:#e4e4e4;
  184. margin:0 2px 0;
  185. }
  186.  
  187. #pagination:hover {
  188. opacity:1;
  189. }
  190.  
  191. #title {
  192. width:100%;
  193. padding:5px;
  194. position:fixed;
  195. top:5px;
  196. left:0;
  197. background:{color:Main Color};
  198. color:{color:Third Color};
  199. font-size:20px;
  200. text-transform:uppercase;
  201. text-align:center;
  202. z-index:90;
  203. font-family:cambria;
  204. font-style:italic;
  205. letter-spacing:1px;
  206. }
  207.  
  208. #description {
  209. background:{color:Second Color};
  210. position:fixed;
  211. top:38px;
  212. left:0px;
  213. width:100%;
  214. padding:10px;
  215. text-align:center;
  216. z-index:80;
  217. }
  218.  
  219. .desc {
  220. background:{color:Third Color};
  221. padding:5px;
  222. width:290px;
  223. height:100px;
  224. text-align:justify;
  225. color:#7d7d7d;
  226. font-size:9px;
  227. text-transform:uppercase;
  228. overflow:auto;
  229. }
  230.  
  231. .icon {
  232. width:100px;
  233. height:100px;
  234. border:5px solid {color:Main Color};
  235. }
  236.  
  237. nav a {
  238. position: relative;
  239. display: inline-block;
  240. margin: 15px 25px;
  241. outline: none;
  242. color: {color:Third Color};
  243. text-decoration: none;
  244. text-transform: uppercase;
  245. letter-spacing: 1px;
  246. font-weight: 400;
  247. text-shadow: 0 0 1px rgba(255,255,255,0.3);
  248. font-size: 1.35em;
  249. }
  250.  
  251. nav a:hover,
  252. nav a:focus {
  253. outline: none;
  254. }
  255.  
  256. #link {
  257. width:300px;
  258. height:110px;
  259. position: relative;
  260. z-index: 1;
  261. }
  262.  
  263. #link a {
  264. display:inline-block;
  265. margin:0px 5px 0px 0px;
  266. width:90px;
  267. overflow: hidden;
  268. }
  269.  
  270. #link a span {
  271. display: block;
  272. text-align:center;
  273. color:#7d7d7d;
  274. font-size:9px;
  275. height:14px;
  276. text-transform:uppercase;
  277. background: {color:Third Color};
  278. padding:5px;
  279. background:{color:Third Color};
  280. -webkit-transition: -webkit-transform 0.8s;
  281. -moz-transition: -moz-transform 0.8s;
  282. transition: transform 0.8s;
  283. }
  284.  
  285. #link a::before {
  286. position: absolute;
  287. top: 0;
  288. left: 0;
  289. z-index: -1;
  290. font-size:9px;
  291. height:14px;
  292. padding:5px;
  293. width: 80px;
  294. background: {color:Main Color};
  295. color: {color:Third Color};
  296. content: attr(data-hover);
  297. -webkit-transition: -webkit-transform 0.8s;
  298. -moz-transition: -moz-transform 0.8s;
  299. transition: transform 0.8s;
  300. -webkit-transform: translateX(-25%);
  301. }
  302.  
  303. #link a:hover span,
  304. #link a:focus span {
  305. -webkit-transform: translateX(100%);
  306. -moz-transform: translateX(100%);
  307. transform: translateX(100%);
  308. }
  309.  
  310. #link a:hover::before,
  311. #link a:focus::before {
  312. -webkit-transform: translateX(0%);
  313. -moz-transform: translateX(0%);
  314. transform: translateX(0%);
  315. }
  316.  
  317. #bars {
  318. position:absolute;
  319. margin-left:-20px;
  320. margin-top:-2px;
  321. width:102%;
  322. }
  323.  
  324. .col {
  325. width:20%;
  326. height:2px;
  327. display:inline-block;
  328. margin-left:-10px;
  329. padding:0px 2px 0px 2px;
  330. }
  331.  
  332. #entries {
  333. margin:180px auto;
  334. text-align:center;
  335. {block:PermalinkPage}width:550px;{/block:PermalinkPage}
  336. {block:indexpage}{block:if500px}width:1140px;{/block:if500px}
  337. {block:if250px}width:1280px;{/block:if250px}{/block:indexpage}
  338. }
  339. .post {
  340. float:left;
  341. {block:PermalinkPage}width:550px;{/block:PermalinkPage}
  342. {block:indexpage}{block:if500px}width:550px;{/block:if500px}
  343. {block:if250px}width:300px;{/block:if250px}{/block:indexpage}
  344. margin:10px;
  345. text-align:justify;
  346. }
  347.  
  348. .body {
  349. display:block;
  350. padding:25px;
  351. background:{color:Third Color};
  352. margin-bottom:5px;
  353. }
  354. img {
  355. max-width:100%;
  356. }
  357.  
  358. h1 {
  359. font-family:georgia;
  360. font-size:25px;
  361. color:{color:Main Color};
  362. text-transform:lowercase;
  363. font-style:italic;
  364. margin-top:0;
  365. }
  366.  
  367. .dated {
  368. font-family:cambria;
  369. {block:if500px}font-size:30px;{/block:if500px}
  370. {block:if250px}font-size:22px;{/block:if250px}
  371. color:{color:Main Color};
  372. font-style:italic;
  373. height:5;
  374. display:block;
  375. text-align:right;
  376. font-weight:700;
  377. {block:if500px}height:40px;{/block:if500px}
  378. }
  379.  
  380. {block:if500px}.dated::before {
  381. height:1px;
  382. position:absolute;
  383. margin-top:20px;
  384. content:'';
  385. background:{color:Main Color};
  386. width:200px;
  387. left:0;
  388. }{/block:if500px}
  389.  
  390. a.circa {
  391. width:10px;
  392. height:10px;
  393. overflow:hidden;
  394. display:inline-block;
  395. margin:0px 5px 4px 0px;
  396. }
  397.  
  398. a.circa span {
  399. width:10px;
  400. height:10px;
  401. border-radius:100%;
  402. display:block;
  403. background:{color:Main Color};
  404. -webkit-transition: -webkit-transform 0.8s;
  405. -moz-transition: -moz-transform 0.8s;
  406. transition: transform 0.8s;
  407. }
  408.  
  409. a.circa:before {
  410. position: absolute;
  411. margin-top: 0;
  412. margin-left: -7.6px;
  413. opacity:0;
  414. z-index: -1;
  415. width:10px;
  416. height:10px;
  417. border-radius:100%;
  418. background:{color:Fourth Color};
  419. content: attr(data-hover);
  420. -webkit-transition: -webkit-transform 0.8s;
  421. -moz-transition: -moz-transform 0.8s;
  422. transition: transform 0.8s;
  423. -webkit-transform: translateX(-25%);
  424. }
  425.  
  426. a.circa:hover span,
  427. a.circa:focus span {
  428. -webkit-transform: translateX(100%);
  429. -moz-transform: translateX(100%);
  430. transform: translateX(100%);
  431. }
  432.  
  433. a.circa:hover::before,
  434. a.circa:focus::before {
  435. -webkit-transform: translateX(0%);
  436. -moz-transform: translateX(0%);
  437. transform: translateX(0%);
  438. opacity:1;
  439. }
  440.  
  441. #tags {
  442. padding:10px;
  443. {block:if500px}width:530px;{/block:if500px}
  444. {block:if250px}width:280px;{/block:if250px}
  445. background:rgba(250,250,250,.8);
  446. opacity:0;
  447. position:absolute;
  448. display:block;
  449. color:{color:Main Color};
  450. -webkit-transition: all 0.8s ease-in-out;
  451. -moz-transition: all 0.8s ease-in-out;
  452. -o-transition: all 0.8s ease-in-out;
  453. -ms-transition: all 0.8s ease-in-out;
  454. transition: all 0.8s ease-in-out;
  455.  
  456. }
  457.  
  458. .post:hover #tags {
  459. opacity:1;
  460. margin-top:40px;
  461. }
  462.  
  463. .musica {
  464. position:absolute;
  465. left:0px;
  466. margin:35% auto;
  467. display:block;
  468. text-align:center;
  469. {block:permalinkpage}width:550px;{/block:permalinkpage}
  470. {block:indexpage}{block:if500px}width:550px;{/block:if500px}
  471. {block:if250px}width:300px;{/block:if250px}{/block:indexpage}
  472. }
  473.  
  474. #albumart {
  475. font-size:30px;
  476. font-family:cambria;
  477. color:{color:Third Color};
  478. text-shadow:1px 1px {color:Main Color};
  479. font-weight:700;
  480. font-style:italic;
  481. margin-bottom:5px;
  482. }
  483.  
  484. #audioplayer {
  485. margin-left:45%;
  486. overflow:hidden;
  487. width:10px;
  488. height:10px;
  489. padding:20px 35px 35px 20px;
  490. border-radius:100%;
  491. opacity:.8;
  492. background:{color:Third Color};
  493. }
  494.  
  495. #question {
  496. color:{color:Third Color};
  497. padding:25px;
  498. background:{color:Main Color};
  499. font-family:georgia;
  500. }
  501.  
  502. #asker {
  503. background:{color:Second Color};
  504. color:{color:Main Color};
  505. padding:10px;
  506. font-family:georgia;
  507. text-align:right;
  508. font-style:italic;
  509. }
  510.  
  511. .chat ul {
  512. list-style:none;
  513. margin:0;
  514. padding:0;
  515. }
  516.  
  517. .chat .odd {
  518. background:{color:Second Color};
  519. color:{color:Fourth Color};
  520. padding:10px;
  521. }
  522.  
  523. .chat .even {
  524. background:{color:Main Color};
  525. color:{color:Third Color};
  526. padding:10px;
  527. }
  528.  
  529. #credit {
  530. position:fixed;
  531. bottom:30px;
  532. right:10px;
  533. padding:5px;
  534. background:{color:Main Color};
  535. color:{color:Third Color};
  536. font-weight:700;
  537. }
  538.  
  539. #infod {
  540. background:{color:Main Color};
  541. color:{color:Third Color};
  542. padding:5px;
  543. text-align:center;
  544. display:block;
  545. }
  546.  
  547. #infod a {
  548. color:{color:Third Color};
  549. }
  550.  
  551. {block:ifFadingImages} .photo {
  552. opacity:.7;
  553. -webkit-transition: all 0.8s ease-in-out;
  554. -moz-transition: all 0.8s ease-in-out;
  555. -o-transition: all 0.8s ease-in-out;
  556. -ms-transition: all 0.8s ease-in-out;
  557. transition: all 0.8s ease-in-out;
  558. }
  559.  
  560. .post:hover .photo {
  561. opacity:1;
  562. } {/block:ifFadingImages}
  563.  
  564. {CustomCSS}
  565.  
  566. </style>
  567.  
  568. </head>
  569.  
  570. <body>
  571.  
  572. <a href="http://hellolittlered.org" id="credit">hlr.</a>
  573.  
  574. <section class="bar" style="top:0">
  575. </section>
  576.  
  577. <section class="bar" style="bottom:0">
  578. </section>
  579.  
  580. <section id="title">
  581. {title}
  582. </section>
  583.  
  584. {block:Pagination}
  585. <div id="pagination">
  586. {block:PreviousPage}
  587. <a href="{PreviousPage}">
  588. «
  589. </a>
  590. &nbsp;&nbsp;{/block:PreviousPage}{block:JumpPagination length="5"} {block:CurrentPage}
  591. <span class="current_page">
  592. ✘
  593. </span>
  594. {/block:CurrentPage} {block:JumpPage}
  595. <a class="jump_page" href="{URL}">
  596. {PageNumber}
  597. </a>
  598. {/block:JumpPage} {/block:JumpPagination} {block:NextPage}
  599. <a href="{NextPage}">
  600. »
  601. </a>
  602. {/block:NextPage}
  603. </div>
  604. {/block:Pagination}
  605.  
  606. <section id="description">
  607. <table align="center">
  608. <tr>
  609. <td>
  610. <div class="desc">
  611. {description}
  612. </div>
  613. </td>
  614. <td><img src="{image:icon}" class="icon" />
  615. </td>
  616. <td>
  617. <nav id="link">
  618. <a href="/" data-hover="Home"><span>Home</span></a>
  619. <a href="/ask" data-hover="Message"><span>Message</span></a>
  620. <a href="/archive" data-hover="Archive"><span>Archive</span></a>
  621. {block:iflink1}<a href="{text:Link1URL}" data-hover="{text:Link1}"><span>{text:Link1}</span></a>{/block:iflink1}
  622. {block:iflink2}<a href="{text:Link2URL}" data-hover="{text:Link2}"><span>{text:Link2}</span></a>{/block:iflink2}
  623. {block:iflink3}<a href="{text:Link3URL}" data-hover="{text:Link3}"><span>{text:Link3}</span></a>{/block:iflink3}
  624. {block:iflink4}<a href="{text:Link4URL}" data-hover="{text:Link4}"><span>{text:Link4}</span></a>{/block:iflink4}
  625. {block:iflink5}<a href="{text:Link5URL}" data-hover="{text:Link5}"><span>{text:Link5}</span></a>{/block:iflink5}
  626. {block:iflink6}<a href="{text:Link6URL}" data-hover="{text:Link6}"><span>{text:Link6}</span></a>{/block:iflink6}
  627. {block:iflink7}<a href="{text:Link7URL}" data-hover="{text:Link7}"><span>{text:Link7}</span></a>{/block:iflink7}
  628. {block:iflink8}<a href="{text:Link8URL}" data-hover="{text:Link8}"><span>{text:Link8}</span></a>{/block:iflink8}
  629. {block:iflink9}<a href="{text:Link9URL}" data-hover="{text:Link9}"><span>{text:Link9}</span></a>{/block:iflink9}
  630. </nav>
  631. </td>
  632. </tr>
  633. </table>
  634. <div id="bars">
  635. <div class="col" style="background-color:{color:bar1};">
  636. </div>
  637. <div class="col" style="background-color:{color:bar2};">
  638. </div>
  639. <div class="col" style="background-color:{color:bar3};">
  640. </div>
  641. <div class="col" style="background-color:{color:bar4};">
  642. </div>
  643. <div class="col" style="background-color:{color:bar4};">
  644. </div>
  645. </div>
  646. </section>
  647. <center>
  648. <div id="entries">
  649. {block:Posts}
  650. <div class="post">
  651.  
  652. {block:indexpage}
  653. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  654. {block:Date}<div class="dated">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix} {Year}
  655. <a href="{permalink}" class="circa" title="permalink"><span></span></a><a href="{ReblogURL}" class="circa" title="reblog"><span></span></a></span></a><a href="{Permalink}#note" class="circa" title="{NoteCountWithLabel}"><span></span></a></div>{/block:Date}
  656. {/block:indexpage}
  657.  
  658. {block:Text}
  659. <div class="body">
  660. <a href="{permalink}"><h1>{block:Title}{Title}{/block:Title}</h1></a>
  661. {Body}
  662. </div>
  663. {/block:Text}
  664.  
  665. {block:Photo}{LinkOpenTag}
  666. <div class="body">
  667. {block:IndexPage}{block:if500px}
  668. <center>
  669. <div class="photo"><a href="{PhotoURL-HighRes}"><img src="{PhotoURL-500}" alt=""></a></div>
  670. </center>
  671. {/block:if500px}{/block:IndexPage}
  672. {block:IndexPage}{block:if250px}
  673. <center>
  674. <div class="photo"><a href="{PhotoURL-HighRes}"><img src="{PhotoURL-250}" alt=""></a></div>
  675. </center>
  676. {/block:if250px}{/block:IndexPage}
  677. {block:PermalinkPage}
  678. <center>
  679. <div class="photo"><a href="{PhotoURL-HighRes}"><img src="{PhotoURL-500}" alt=""></a></div>
  680. </center>
  681. {/block:PermalinkPage}
  682. </div>
  683. {LinkCloseTag}
  684. {block:IndexPage}
  685. {block:IfShowCaptions}
  686. {block:Caption}
  687. <div class="body">{Caption}</div>
  688. {/block:Caption}
  689. {/block:IfShowCaptions}
  690. {/block:IndexPage}
  691. {block:PermalinkPage}
  692. {block:Caption}
  693. <div class="body">{Caption}</div>
  694. {/block:Caption}
  695. {/block:PermalinkPage}
  696. {/block:Photo}
  697.  
  698. {block:Photoset}
  699. <div class="body">
  700. {block:IndexPage}{block:if500px}
  701. <div class="photo">
  702. <center>{Photoset-500}</center>
  703. </div>
  704. {/block:if500px}{/block:IndexPage}
  705. {block:IndexPage}{block:if250px}
  706. <div class="photo">
  707. <center>{Photoset-250}</center>
  708. </div>
  709. {/block:if250px}{/block:IndexPage}
  710. {block:PermalinkPage}
  711. <center>
  712. <div class="photo">{Photoset-500}</div>
  713. </center>
  714. {/block:PermalinkPage}
  715. </div>
  716. {block:IndexPage}
  717. {block:IfShowCaptions}
  718. {block:Caption}
  719. <div class="body">{Caption}</div>
  720. {/block:Caption}
  721. {/block:IfShowCaptions}
  722. {/block:IndexPage}
  723. {block:PermalinkPage}
  724. {block:Caption}
  725. <div class="body">{Caption}</div>
  726. {/block:Caption}
  727. {/block:PermalinkPage}
  728. {/block:Photoset}
  729.  
  730. {block:Quote}
  731. <div class="body">
  732. <span style="font-size:16px;"><i>{Quote}</i></span>
  733. <br>
  734. <center>{block:Source} —{Source}{/block:Source}</center>
  735. </div>
  736. {block:IfShowCaptions}
  737. {block:Caption}
  738. <div class="body">{Caption}</div>
  739. {/block:Caption}
  740. {/block:IfShowCaptions}
  741. {/block:IndexPage}
  742. {block:PermalinkPage}
  743. {block:Caption}
  744. <div class="body">{Caption}</div>
  745. {/block:Caption}
  746. {/block:PermalinkPage}
  747. {/block:Quote}
  748.  
  749. {block:Link}
  750. <div class="body">
  751. <h1><a href="{URL}" {target}>{Name} »</a></h1>
  752. {block:Description}{Description}{/block:Description}
  753. </div>
  754. {/block:Link}
  755.  
  756. {block:Chat}
  757. <div class="body">
  758. <a href="{permalink}"><h1>{block:Title}{Title}{/block:Title}</h1></a>
  759. <div class="chat">
  760. <ul>
  761. {block:Lines}
  762. <li class="{Alt}">
  763. {block:Label}
  764. <b>
  765. {Label}
  766. </b>
  767. {/block:Label}{Line}
  768. </li>
  769. {/block:Lines}
  770. </ul>
  771. </div>
  772. </div>
  773. {/block:Chat}
  774.  
  775. {block:Audio}
  776. <div id="albumart">
  777. <div class="musica">
  778. <div id="audioplayer">
  779. {AudioPlayerWhite}
  780. </div>
  781. <center>( {block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName} {/block:TrackName} )</center>
  782. </div>
  783. {block:AlbumArt}
  784. <img src="{AlbumArtURL}" width="550">
  785. {/block:AlbumArt}
  786. </div>
  787. {block:IndexPage}
  788. {block:IfShowCaptions}
  789. {block:Caption}
  790. <div class="body">{Caption}</div>
  791. {/block:Caption}
  792. {/block:IfShowCaptions}
  793. {/block:IndexPage}
  794. {block:PermalinkPage}
  795. {block:Caption}
  796. <div class="body">{Caption}</div>
  797. {/block:Caption}
  798. {/block:PermalinkPage}
  799. {/block:Audio}
  800.  
  801. {block:Video}
  802. <div class="body">
  803. {block:IndexPage}{block:if500px}
  804. <center>{Video-500}</center>
  805. {/block:if500px}{/block:IndexPage}
  806. {block:IndexPage}{block:if250px}
  807. <center>{Video-250}</center>
  808. {/block:if250px}{/block:IndexPage}
  809. {block:PermalinkPage}
  810. <center>{Video-500}</center>
  811. {/block:PermalinkPage}
  812. </div>
  813. {block:IndexPage}
  814. {block:IfShowCaptions}
  815. {block:Caption}
  816. <div class="body">{Caption}</div>
  817. {/block:Caption}
  818. {/block:IfShowCaptions}
  819. {/block:IndexPage}
  820. {block:PermalinkPage}
  821. {block:Caption}
  822. <div class="body">{Caption}</div>
  823. {/block:Caption}
  824. {/block:PermalinkPage}
  825. {/block:Video}
  826.  
  827. {block:Answer}
  828. <div id="question">{Question}</div>
  829. <div id="asker">asked by {Asker}</div>
  830. <div class="body">{Answer}</div>
  831. {/block:Answer}
  832.  
  833. {block:PermalinkPage}
  834. <div id="infod">
  835. posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCount}</a> notes{/block:NoteCount}
  836. {block:RebloggedFrom} (<a href="{ReblogParentURL}">{ReblogParentName}</a>
  837. {block:ContentSource} source <a href="{SourceURL}">{SourceLink}</a>){block:ContentSource}{/block:RebloggedFrom} <a href="{ReblogURL}">reblog</a><br>
  838. {block:IfShowTags}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:IfShowTags}
  839.  
  840. </div>
  841. {/block:PermalinkPage}
  842. {block:PostNotes}<div class="body">{PostNotes}</div>{/block:PostNotes}
  843.  
  844. </div>
  845.  
  846. {/block:Posts}
  847. </div>
  848. </div>
  849. </center>
  850. </body>
  851. </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!