API tools faq
paste
Advertisement
apotoxins

#01 Silver Soul

apotoxins
Jul 16th, 2014
1,033
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.81 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!----
  6.  
  7.  
  8.  
  9.  
  10. THEME #01 : SILVER SOUL
  11. MADE BY APOTOXINS
  12.  
  13.  
  14.  
  15.  
  16. ---->
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  21. <meta name="description" content="" />
  22. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  23.  
  24.  
  25. <meta name="image:Header" content="" />
  26. <meta name="image:Background" content="" />
  27. <meta name="image:Icon" content="" />
  28.  
  29. <meta name="color:Main Font" content="#000000" />
  30. <meta name="color:Link" content="#000000" />
  31. <meta name="color:Link Hover" content="#778e6e" />
  32. <meta name="color:Bold" content="#778e6e" />
  33. <meta name="color:Subtitle" content="#778e6e" />
  34. <meta name="color:Nav Links Text" content="#000000" />
  35. <meta name="color:Nav Links Background" content="#000000" />
  36. <meta name="color:Nav Links Hover Text" content="#000000" />
  37. <meta name="color:Nav Links Hover BG" content="#000000" />
  38. <meta name="color:Icon Border" content="#faf7f1" />
  39. <meta name="color:Header Background" content="#faf7f1" />
  40. <meta name="color:Permalink Date Hover" content="#778e6e" />
  41. <meta name="color:Bottom Bar" content="#000000" />
  42. <meta name="color:Current Page Nav" content="#f4fed8" />
  43.  
  44. <meta name="text:Main Title" content="eventually soulmates meet," />
  45. <meta name="text:Main Title Size" content="63px" />
  46. <meta name="text:Subtitle" content="for they have the same hiding place" />
  47.  
  48. <meta name="text:Link 1 Title" content="Link 1" />
  49. <meta name="text:Link 1 URL" content="Link 1 URL" />
  50. <meta name="text:Link 2 Title" content="Link 2" />
  51. <meta name="text:Link 2 URL" content="Link 2 URL" />
  52. <meta name="text:Link 3 Title" content="Link 3" />
  53. <meta name="text:Link 3 URL" content="Link 3 URL" />
  54. <meta name="text:Link 4 Title" content="Link 4" />
  55. <meta name="text:Link 4 URL" content="Link 4 URL" />
  56. <meta name="text:Link 5 Title" content="Link 5" />
  57. <meta name="text:Link 5 URL" content="Link 5 URL" />
  58. <meta name="text:Link 6 Title" content="Link 6" />
  59. <meta name="text:Link 6 URL" content="Link 6 URL" />
  60.  
  61.  
  62. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700' rel='stylesheet' type='text/css'>
  63.  
  64. <style type="text/css">
  65. @font-face {
  66. font-family: Lighthouse;
  67. src: url('http://static.tumblr.com/0dqrilr/n0Mn8nvhz/lighthouse_personaluse.ttf');
  68. }
  69.  
  70.  
  71. /*MAIN*/
  72.  
  73. body {
  74. font-family: 'Roboto Condensed', sans-serif;
  75. font-weight: 400;
  76. font-size: 10px;
  77. color:{color:Main Font};
  78. background-color: #f5f5f5;
  79. background:url({image:Background});
  80. }
  81.  
  82. a {
  83. text-decoration: none;
  84. color:{color:Link};
  85. font-weight: bold
  86. letter-spacing: 1px;
  87. }
  88.  
  89. a:hover {
  90. color: {color:Link Hover};
  91. -webkit-transition: all 0.9s ease;
  92. -moz-transition: all 0.9s;
  93. }
  94.  
  95. b {
  96. color: {color:Bold};
  97. }
  98.  
  99.  
  100. h1 {
  101. text-align: center;
  102. font-family: 'Lighthouse';
  103. color: #f4fed8;
  104. font-size: 30px;
  105. text-transform: lowercase;
  106. {block:Permalink}
  107. text-transform: lowercase;
  108. {/block:Permalink}
  109. }
  110.  
  111.  
  112. blockquote {
  113. border-left:2px solid #eeeeee;
  114. padding-left:5px;
  115. margin:5px;
  116. }
  117.  
  118. /*PAGINATION*/
  119. .bottombar {
  120. width: 100%;
  121. position: fixed;
  122. bottom: 0px;
  123. height: 36px;
  124. margin-left: -173px;
  125. margin-top: 0px;
  126. float:center;
  127. background-color: {color:Bottom Bar};
  128. }
  129.  
  130. .bnav {
  131. position: absolute;
  132. margin-top: 10px;
  133. margin-left: 620px;
  134. margin-right: auto;
  135. }
  136.  
  137. .jump_page{
  138. padding: 4px 6px 4px 6px;
  139. background-color: #000;
  140. color:#585858;
  141. font-family: 'Roboto Condensed', sans-serif;
  142. font-weight: 400;
  143. font-size:11px;
  144. text-decoration:none;
  145. margin-top: 10px;
  146. position: center;
  147. margin-bottom: 0px;
  148. }
  149.  
  150.  
  151. .current_page, .jump_page:hover {
  152. padding: 4px 6px 4px 6px;
  153. background-color: #000;
  154. color: #ffffff;
  155. font-family: 'Roboto Condensed', sans-serif;
  156. font-weight: 400;
  157. font-size:11px;
  158. margin-top: 10px;
  159. text-decoration:none;
  160. position: center;
  161. margin-bottom: 0px;
  162. }
  163.  
  164.  
  165. .current_page {
  166. padding: 4px 6px 4px 6px;
  167. background-color: {color:Current Page Nav};
  168. color: #000;
  169. margin-top: 10px;
  170. position: center;
  171. margin-bottom: 0px;
  172. }
  173.  
  174.  
  175. /*HEAD*/
  176. #headimg {
  177. margin-top: -50px;
  178. margin-left: -7px;
  179. height: 685px;
  180. background-color: {color:Header Background};
  181. background-repeat: no-repeat;
  182. background-position: center;
  183. position: absolute;
  184. width: 100%;
  185.  
  186. }
  187.  
  188. .headbar {
  189. background-color:#000000;
  190. width: 100%;
  191. height: 176px;
  192. opacity: 0.9;
  193. position: absolute;
  194. margin-top: 460px;
  195. margin-left: -8px;
  196. background-position: center;
  197. }
  198.  
  199. .headdesc {
  200. text-align:center;
  201. margin-top:500px;
  202. width:300px;
  203. height: 85px;
  204. overflow-y: auto;
  205. font-family: 'Roboto Condensed', sans-serif;
  206. font-weight: 400;
  207. letter-spacing: 1px;
  208. position: absolute;
  209. margin-left: 700px;
  210. font-size: 9px;
  211. margin-right: auto;
  212. padding:7px;
  213. color: #fff;
  214. text-align: justify;
  215. background-color:#000;
  216. }
  217.  
  218. #navlinks {
  219. margin-top:520px;
  220. width:430px;
  221. height: 100px;
  222. position: absolute;
  223. margin-left: 150px;
  224. margin-right: auto;
  225. }
  226.  
  227. #navlinks a {
  228. text-align:center;
  229. font-family: 'Roboto Condensed', sans-serif;
  230. font-weight: 400;
  231. letter-spacing: 1px;
  232. float: left;
  233. padding:10px 7px 10px 7px;
  234. width: 120px;
  235. height: 8px;
  236. margin-left: 2px;
  237. font-size: 9px;
  238. margin-top: 2px;
  239. text-decoration: none;
  240. text-transform: uppercase;
  241. color: {color:Nav Links Text};
  242. background-color:{color:Nav Links Background};
  243. }
  244.  
  245. #navlinks a:hover {
  246. text-decoration:none;
  247. background-color:{color:Nav Links Hover BG};
  248. color:{color:Nav Links Hover Text};
  249. -webkit-transition: opacity .3s linear;
  250. -webkit-transition: all .3s ease-in-out;
  251. -moz-transition: all .3s ease-in-out;
  252. -o-transition: all .3s ease-in-out;
  253. }
  254.  
  255. #maintitle {
  256. font-size: {text:Main Title Size};
  257. font-family: 'Lighthouse';
  258. position: absolute;
  259. margin-top: 415px;
  260. margin-left: 60px;
  261. }
  262.  
  263. #subtitle {
  264. width: 500px;
  265. font-size: 28px;
  266. font-family: 'Lighthouse';
  267. position: absolute;
  268. margin-top: 458px;
  269. margin-left: 120px;
  270. letter-spacing: 2px;
  271. text-align: center;
  272. color: {color:Subtitle};
  273. }
  274.  
  275. #avatar {
  276. width: 96px;
  277. height: 96px;
  278. background: url({image:Icon});
  279. border-radius: 100%;
  280. position: absolute;
  281. right: 122px;
  282. margin-top: 495px;
  283. border: 5px solid {color:Icon Border};
  284. }
  285.  
  286. /*POSTS*/
  287. #entry{
  288. margin-left:155px;
  289. padding:10px 10px 10px 10px;
  290. top: 620px;
  291. height: 100%;
  292. margin-bottom: 50px;
  293. {block:IndexPage}
  294. float:center;
  295. {/block:IndexPage}
  296.  
  297. {block:Permalink}
  298. width: 1000px;
  299. margin-top: 0px;
  300. {/block:Permalink}
  301. }
  302.  
  303. .posts{
  304. line-height:100%;
  305. background:#fff;
  306. padding:25px;
  307. margin-top:60px;
  308. margin-bottom:0px;
  309. {block:IndexPage}
  310. width:400px; margin-right: 50px;
  311. {/block:IndexPage}
  312.  
  313. {block:Permalink}
  314. top: 630px;
  315. margin-left: 210px;
  316. margin-bottom: 100px;
  317. width: 500px;
  318. padding: 25px;
  319. position: absolute;
  320. font-size:9px;
  321. color:#000;
  322. text-transform:uppercase;
  323. font-style:normal;
  324. letter-spacing:2px;
  325. text-align:justify;
  326. background:#fff;
  327. opacity: 0.8;
  328. -moz-transition-duration:0.5s;
  329. -webkit-transition-duration:0.5s;
  330. -o-transition-duration:0.5s;
  331. {/block:Permalink}
  332. }
  333.  
  334. .posts img {
  335. max-width:400px;
  336.  
  337. {block:Permalink}
  338. max-width: 500px;
  339. {/block:Permalink}
  340. }
  341.  
  342.  
  343. /*POST EXTRAS*/
  344. .askk {
  345. padding-bottom:15px;
  346. letter-spacing: 1px;
  347. font-size: 9px;
  348. margin-top: -3px;
  349. width: 360px;
  350. margin-left: 40px;
  351. text-align: justify;
  352. }
  353.  
  354. .askk a {
  355. color:{color:Bold};
  356. }
  357.  
  358. .answer {
  359. text-align:left;
  360. padding:10px 10px 0px 10px;
  361. color:{color:Text};
  362. letter-spacing: 1px;
  363. font-size: 9px;
  364. border-top: 1px solid #ccc;
  365. }
  366.  
  367. #player {
  368. height: 30px;
  369. margin-left: 155px;
  370. position:absolute;
  371. margin-top: 73px;
  372. margin-bottom:0px;
  373.  
  374. {block:Permalink}
  375. margin-top: -15px;
  376. margin-left: 150px;
  377. {/block:Permalink}
  378. }
  379.  
  380. #albumart {
  381. float:left;
  382. margin:0px 7px;
  383.  
  384. {block:Permalink}
  385. width: 500px;
  386. height: 500px;
  387. {/block:Permalink}
  388. }
  389.  
  390. .tracktitle {
  391. text-align: center;
  392. font-size: 12px;
  393. text-transform: uppercase;
  394. letter-spacing: 3px;
  395. font-style: italic;
  396. margin-top: 10px;
  397. margin-bottom: 10px;
  398. text-decoration: none;
  399. color: {color:Bold};
  400. }
  401.  
  402. .audioinfo {
  403. line-height: 121%;
  404. letter-spacing: 1px;
  405. font-size: 10px;
  406. padding-left: 50px;
  407. margin-top: 0px;
  408. text-align: center;
  409. text-transform: uppercase;
  410.  
  411. {block:Permalink}
  412. width: 400px;
  413. {/block:Permalink}
  414. }
  415.  
  416.  
  417. .notes {
  418. max-height: 100%;
  419. position: inline;
  420. overflow-y: auto;
  421. margin-top: 300px;
  422. text-transform: uppercase;
  423. font-style: none;
  424. font-size: 8px;
  425. font-family: 'Roboto Condensed', sans-serif;
  426. font-weight: 300;
  427. }
  428.  
  429. ol.notes {
  430. padding: 0px;
  431. margin: 25px 0px;
  432. list-style-type: none;
  433. border-bottom: solid 1px #ccc;
  434. }
  435.  
  436. ol.notes li.note {
  437. border-top: solid 1px #ccc;
  438. padding: 10px;
  439. }
  440.  
  441. ol.notes li.note img.avatar {
  442. vertical-align: -4px;
  443. margin-right: 10px;
  444. width: 16px;
  445. height: 16px;
  446. }
  447.  
  448. ol.notes li.note span.action {
  449. font-weight: bold;
  450. }
  451.  
  452. ol.notes li.note .answer_content {
  453. font-weight: normal;
  454. }
  455.  
  456. ol.notes li.note blockquote {
  457. border-color: #eee;
  458. padding: 4px 10px;
  459. margin: 10px 0px 0px 25px;
  460. }
  461.  
  462. ol.notes li.note blockquote a {
  463. text-decoration: none;
  464. }
  465.  
  466.  
  467. ul.chat, .chat ol, .chat li {
  468. list-style:none;
  469. margin:0px;
  470. padding:2px;
  471. }
  472.  
  473. .label {
  474. text-decoration:underline;
  475. font-weight:700;
  476. margin-right:5px;
  477. }
  478.  
  479.  
  480.  
  481. /*POSTINFO*/
  482.  
  483.  
  484. a.class2, a.class2:link, a.class2:active, a.class2:visited {
  485. color: #000;
  486. text-decoration: none;
  487. -webkit-transition: all 0.7s ease;
  488. transition: all 0.7s ease;
  489. -moz-transition: all 0.7s ease;
  490. -o-transition: all 0.7s ease;
  491. }
  492.  
  493.  
  494. a.class2:hover{color: #000;}
  495.  
  496.  
  497. .permalink {
  498. text-align: center;
  499. width: 100%;
  500. display: block;
  501. margin-top: -25px;
  502. margin-bottom: -5px;
  503. transition: all 0.6s ease-in-out 0s;
  504. -moz-transition: all 0.6s ease-in-out 0s;
  505. -webkit-transition: all 0.6s ease-in-out 0s;
  506. -o-transition: all 0.6s ease-in-out 0s;
  507. }
  508.  
  509. .permalink a {
  510. color: #000;
  511. text-decoration: none;
  512. text-align: center;
  513. font-family: 'Roboto Condensed', sans-serif;
  514. font-weight: 700;
  515. font-size: 35px;
  516. width: 450px;
  517. transition: all 0.6s ease-in-out 0s;
  518. -moz-transition: all 0.6s ease-in-out 0s;
  519. -webkit-transition: all 0.6s ease-in-out 0s;
  520. -o-transition: all 0.6s ease-in-out 0s;
  521. }
  522.  
  523. .permalink a:hover {
  524. border-left: none;
  525. display: inline-block;
  526. color: {color:Permalink Date Hover};
  527. transition: all 0.7s ease-in-out 0s;
  528. -moz-transition: all 0.7s ease-in-out 0s;
  529. -webkit-transition: all 0.7s ease-in-out 0s;
  530. -o-transition: all 0.7s ease-in-out 0s;
  531. }
  532.  
  533.  
  534.  
  535. .like_and_reblog_buttons {
  536. display:inline-block;
  537. margin-left: -40px;
  538. overflow:hidden;
  539. list-style: none;
  540. }
  541.  
  542.  
  543. .like_and_reblog_buttons li {
  544. float: left;
  545. margin: 0;
  546. padding: 7px 15px 7px 15px;
  547. height: 20px;
  548. }
  549.  
  550. .like_and_reblog_buttons li:first-child {
  551. border-right: 0px
  552. solid #e8e8e8;
  553. }
  554.  
  555. .posts:hover #perma {
  556. opacity:1;
  557. height: 100%;
  558. -webkit-transition: all 0.9s ease;
  559. -moz-transition: all 0.9s ease;
  560. }
  561.  
  562. #perma {
  563. top: 0;
  564. left:0;
  565. text-align: center;
  566. height: 100%;
  567. position: absolute;
  568. background: rgba(255,255,255,0.8);
  569. width: 450px;
  570. opacity:0;
  571. -webkit-transition: all 0.9s ease;
  572. -moz-transition: all 0.9s;
  573. }
  574.  
  575. .perma_center {
  576. top: 0%;
  577. z-index:1000;
  578. margin-left:auto;
  579. margin-right: auto;
  580. position: relative;
  581. height: 100%;
  582. background: none;
  583. opacity:1;
  584. transition: all 0.6s ease-in-out 0s;
  585. -moz-transition: all 0.6s ease-in-out 0s;
  586. -webkit-transition: all 0.6s ease-in-out 0s;
  587. -o-transition: all 0.6s ease-in-out 0s;
  588.  
  589. }
  590.  
  591. .posts:hover .perma_center {top: 40%;}
  592.  
  593.  
  594. .chat li{
  595. list-style-type:none;
  596. position: center;
  597. }
  598.  
  599. .caption {
  600. padding: 5px;
  601. font-size: 10px;
  602. letter-spacing: 1px;
  603. line-height: 100%;
  604. text-align: center;
  605. margin-top: -25px;
  606. margin-left: auto;
  607. margin-right: auto;
  608. padding-bottom: 40px;
  609. width: 330px;
  610. font-style: italic;
  611. }
  612.  
  613. .psetcaption {
  614. padding: 5px;
  615. font-size: 11px;
  616. letter-spacing: 1px;
  617. line-height: 100%;
  618. text-align: center;
  619. margin-top: -25px;
  620. margin-left: auto;
  621. margin-right: auto;
  622. padding-bottom: 40px;
  623. width: 330px;
  624. font-style:italic;
  625. }
  626.  
  627. .permacap {
  628. padding: 8px;
  629. margin-left: 10px;
  630. font-size: 9px;
  631.  
  632. }
  633.  
  634. .tagz {
  635. font-size: 9px;
  636. text-align: center;
  637. text-transform: uppercase;
  638. width: 370px;
  639. position: center;
  640. margin-left: auto;
  641. margin-right: auto;
  642. }
  643.  
  644.  
  645.  
  646. </style>
  647.  
  648. {block:IndexPage}
  649. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  650. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  651. <script>
  652. $(function(){
  653. var $container = $('#entry');
  654. $container.imagesLoaded(function(){
  655. $container.masonry({
  656. itemSelector: '.posts',
  657. });
  658. });
  659. $container.infinitescroll({
  660. itemSelector : ".posts",
  661. navSelector : "div#infinite",
  662. nextSelector : "#infinite a#scroll",
  663. loadingImg : "",
  664. loadingText : "",
  665. bufferPx : 1000,
  666. extraScrollPx: 1000,
  667. },
  668. function( newElements ) {
  669. var $newElems = $( newElements ).css({ opacity: 0 });
  670. $newElems.imagesLoaded(function(){
  671. $newElems.animate({ opacity: 1 });
  672. $container.masonry( 'appended', $newElems, true );
  673. });
  674. }
  675. );
  676. });
  677. </script>
  678. {/block:IndexPage}
  679.  
  680. </head>
  681.  
  682.  
  683. <!------------------------------------------------------------------------->
  684.  
  685.  
  686. <body>
  687.  
  688. <!----------------------------- H E A D E R ------------------------------->
  689.  
  690.  
  691. <div id="headimg"><center><img src="{image:Header}" width="1280px" height="685px"></center></div>
  692.  
  693. <div id="maintitle">{text:Main Title}</div>
  694.  
  695. <div class="headbar">
  696.  
  697. </div>
  698. <div id="subtitle">{text:Subtitle}</div>
  699. <div id="avatar"></div>
  700.  
  701. <div class="headdesc">{Description}</div>
  702.  
  703. <div id="navlinks">
  704. <a href="/">INDEX</a>
  705. <a href="{text:Link 1 URL}">{text:Link 1 Title}</a>
  706. <a href="{text:Link 2 URL}">{text:Link 2 Title}</a>
  707. <a href="{text:Link 3 URL}">{text:Link 3 Title}</a>
  708. <a href="{text:Link 4 URL}">{text:Link 4 Title}</a>
  709. <!--DON'T CHANGE OR DELETE THE CREDIT--><a href="http://apotoxins.tumblr.com">theme ©</a>
  710. </div>
  711.  
  712. <div id="entry">
  713. {block:Posts}
  714. <div class="posts">
  715.  
  716. <!------------------------------------------------------------------------->
  717.  
  718.  
  719.  
  720.  
  721. <!-------------------------- T E X T P O S T S --------------------------->
  722.  
  723. {block:Text}
  724. {block:IndexPage}
  725. <div id="perma">
  726. <div class="perma_center">
  727. <div class="permalink"><a href="{Permalink}">{DayOfMonthWithZero} / {MonthNumberWithZero} / {ShortYear}</a></div>
  728. <ul class="like_and_reblog_buttons">
  729. <li>{ReblogButton color="black"}</li>
  730. <li>{LikeButton color="black"}</li>
  731. {block:RebloggedFrom}
  732. <li><a href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-16}" border="5px solid #000000"></a></li>
  733. <li><a href="{ReblogRootURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-16}" border="5px solid #000000"></a></li>
  734. {/block:RebloggedFrom}
  735. </ul>
  736. {block:HasTags}<div class="tagz">{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  737. </div>
  738. </div>
  739. {/block:IndexPage}{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}{Body}{/block:Text}
  740.  
  741.  
  742.  
  743. <!-------------------------- Q U O T E P O S T --------------------------->
  744.  
  745. {block:Quote}
  746. {block:IndexPage}
  747. <div id="perma">
  748. <div class="perma_center">
  749. <div class="permalink"><a href="{Permalink}">{DayOfMonthWithZero} / {MonthNumberWithZero} / {ShortYear}</a></div>
  750. <ul class="like_and_reblog_buttons">
  751. <li>{ReblogButton color="black"}</li>
  752. <li>{LikeButton color="black"}</li>
  753. {block:RebloggedFrom}
  754. <li><a href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-16}" border="5px solid #000000"></a></li>
  755. <li><a href="{ReblogRootURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-16}" border="5px solid #000000"></a></li>
  756. {/block:RebloggedFrom}
  757. </ul>
  758. {block:HasTags}<div class="tagz">{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  759. </div>
  760. </div>
  761. {/block:IndexPage}
  762. "{Quote}" {block:Source}- {Source}{/block:Source}{/block:Quote}
  763.  
  764.  
  765.  
  766. <!-------------------------- L I N K P O S T S --------------------------->
  767.  
  768. {block:Link}
  769. {block:IndexPage}
  770. <div id="perma">
  771. <div class="perma_center">
  772. <div class="permalink"><a href="{Permalink}">{DayOfMonthWithZero} / {MonthNumberWithZero} / {ShortYear}</a></div>
  773. <ul class="like_and_reblog_buttons">
  774. <li>{ReblogButton color="black"}</li>
  775. <li>{LikeButton color="black"}</li>
  776. {block:RebloggedFrom}
  777. <li><a href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-16}" border="5px solid #000000"></a></li>
  778. <li><a href="{ReblogRootURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-16}" border="5px solid #000000"></a></li>
  779. {/block:RebloggedFrom}
  780. </ul>
  781. {block:HasTags}<div class="tagz">{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  782. </div>
  783. </div>
  784. {/block:IndexPage}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{block:Permalink}<br><div class="permacap">{block:Caption}{Caption}{/block:Caption}</div><br><center><b>TAGS:</b> {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</center>{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:Permalink}{/block:Link}
  785.  
  786.  
  787.  
  788. <!--------------------------- C H A T P O S T ---------------------------->
  789.  
  790. {block:Chat}
  791. {block:IndexPage}
  792. <div id="perma">
  793. <div class="perma_center">
  794. <div class="permalink"><a href="{Permalink}">{DayOfMonthWithZero} / {MonthNumberWithZero} / {ShortYear}</a></div>
  795. <ul class="like_and_reblog_buttons">
  796. <li>{ReblogButton color="black"}</li>
  797. <li>{LikeButton color="black"}</li>
  798. {block:RebloggedFrom}
  799. <li><a href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-16}" border="5px solid #000000"></a></li>
  800. <li><a href="{ReblogRootURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-16}" border="5px solid #000000"></a></li>
  801. {/block:RebloggedFrom}
  802. </ul>
  803. {block:HasTags}<div class="tagz">{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  804. </div>
  805. </div>
  806. {/block:IndexPage}{block:Title}{Title}{/block:Title}
  807. <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">
  808. {block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  809. {/block:Lines}</ul>
  810. {block:Permalink}
  811. <br><div class="permacap"><br><br><br><center><b>TAGS:</b> {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</center>{block:PostNotes}{PostNotes}{/block:PostNotes}
  812. {/block:Permalink}
  813. {/block:Chat}
  814.  
  815.  
  816.  
  817. <!-------------------------- P H O T O P O S T --------------------------->
  818.  
  819. {block:Photo}
  820. {block:IndexPage}
  821. <div id="perma">
  822. <div class="perma_center">
  823. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  824. <div class="permalink"><a href="{Permalink}">{DayOfMonthWithZero} / {MonthNumberWithZero} / {ShortYear}</a></div>
  825. <ul class="like_and_reblog_buttons">
  826. <li>{ReblogButton color="black"}</li>
  827. <li>{LikeButton color="black"}</li>
  828. {block:RebloggedFrom}
  829. <li><a href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-16}" border="5px solid #000000"></a></li>
  830. <li><a href="{ReblogRootURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-16}" border="5px solid #000000"></a></li>
  831. {/block:RebloggedFrom}
  832. </ul>
  833. {block:HasTags}<div class="tagz">{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  834. </div>
  835. </div>
  836. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width=400px/>{LinkCloseTag}
  837. {/block:IndexPage}
  838. {block:Permalink}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px/><br><div class="permacap">{block:Caption}{Caption}{/block:Caption}</div><br><center><b>TAGS:</b> {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</center>{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:Permalink}{/block:Photo}
  839.  
  840.  
  841.  
  842. <!-------------------------- P . S E T P O S T --------------------------->
  843.  
  844. {block:Photoset}
  845. {block:IndexPage}
  846. <div id="perma">
  847. <div class="perma_center">
  848. <div class="psetcaption">{block:Caption}{Caption}{/block:Caption}</div>
  849. <div class="permalink"><a href="{Permalink}">{DayOfMonthWithZero} / {MonthNumberWithZero} / {ShortYear}</a></div>
  850. <ul class="like_and_reblog_buttons">
  851. <li>{ReblogButton color="black"}</li>
  852. <li>{LikeButton color="black"}</li>
  853. {block:RebloggedFrom}
  854. <li><a href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-16}" border="5px solid"></a></li>
  855. <li><a href="{ReblogRootURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-16}" border="5px solid"></a></li>
  856. {/block:RebloggedFrom}
  857. </ul>
  858. {block:HasTags}<div class="tagz">{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  859. </div>
  860. </div>
  861. {Photoset-400}
  862. {/block:IndexPage}{block:Permalink}{Photoset-500}<br><div class="permacap">{block:Caption}{Caption}{/block:Caption}</div><br><center><b>TAGS:</b> {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</center>{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:Permalink}{/block:Photoset}
  863.  
  864.  
  865.  
  866. <!-------------------------- V I D E O P O S T --------------------------->
  867.  
  868.  
  869. {block:Video}
  870. {block:IndexPage}
  871. <div id="perma">
  872. <div class="perma_center">
  873. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  874. <div class="permalink"><a href="{Permalink}">{DayOfMonthWithZero} / {MonthNumberWithZero} / {ShortYear}</a></div>
  875. <ul class="like_and_reblog_buttons">
  876. <li>{ReblogButton color="black"}</li>
  877. <li>{LikeButton color="black"}</li>
  878. {block:RebloggedFrom}
  879. <li><a href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-16}" border="5px solid #000000"></a></li>
  880. <li><a href="{ReblogRootURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-16}" border="5px solid #000000"></a></li>
  881. {/block:RebloggedFrom}
  882. </ul>
  883. {block:HasTags}<div class="tagz">{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  884. </div>
  885. </div>
  886. {block:PostTitle}{PostTitle}{/block:PostTitle}{Video-400}
  887. {/block:IndexPage}{block:Permalink}{Video-500}<br><div class="permacap">{block:Caption}{Caption}{/block:Caption}</div><br><center><b>TAGS:</b> {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</center>{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:Permalink}{/block:Video}
  888.  
  889.  
  890.  
  891. <!-------------------------- A U D I O P O S T --------------------------->
  892.  
  893. {block:Audio}
  894. {block:IndexPage}
  895. <div id="perma">
  896. <div class="perma_center">
  897. <div class="permalink"><a href="{Permalink}">{DayOfMonthWithZero} / {MonthNumberWithZero} / {ShortYear}</a></div>
  898. <ul class="like_and_reblog_buttons">
  899. <li>{ReblogButton color="black"}</li>
  900. <li>{LikeButton color="black"}</li>
  901. {block:RebloggedFrom}
  902. <li><a href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-16}" border="5px solid #000000"></a></li>
  903. <li><a href="{ReblogRootURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-16}" border="5px solid #000000"></a></li>
  904. {/block:RebloggedFrom}
  905. </ul>
  906.  
  907. </div>
  908. </div>
  909. <div id="player">{AudioPlayerBlack}</div>
  910. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  911. <div class="tracktitle">{block:TrackName}{TrackName}{/block:TrackName} </div>
  912. <div class="audioinfo">
  913. <br><b>PLAYS:</b> {PlayCountWithLabel} <br><b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist} </div>
  914. {/block:IndexPage}
  915.  
  916. {block:Permalink}
  917. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="485px">{/block:AlbumArt}</div>
  918. <div class="audioinfo"><center>
  919. <b>TRACK:</b> {block:TrackName}{TrackName}{/block:TrackName} | <b>PLAYS:</b> {PlayCountWithLabel} | <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist} | <b>ALBUM:</b> {block:Album}{Album}{/block:Album}<p><p><b>TAGS:</b> {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</center></div>
  920. <br><br>
  921. <div id="player"><center>{AudioPlayerBlack}</center><br></div>
  922. {block:PostNotes}{PostNotes}{/block:PostNotes}
  923. {/block:Permalink}
  924. {/block:Audio}
  925.  
  926.  
  927.  
  928. <!---------------------------- Q & A P O S T ----------------------------->
  929.  
  930. {block:Answer}
  931. {block:IndexPage}
  932. <div id="perma">
  933. <div class="perma_center">
  934. <div class="permalink"><a href="{Permalink}">{DayOfMonthWithZero} / {MonthNumberWithZero} / {ShortYear}</a></div>
  935. <ul class="like_and_reblog_buttons">
  936. <li>{ReblogButton color="black"}</li>
  937. <li>{LikeButton color="black"}</li>
  938. </ul>
  939. {block:HasTags}<div class="tagz">{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  940. </div>
  941. </div>
  942. {/block:IndexPage}
  943. <img class="asker-avatar" src="{AskerPortraitURL-24}" style="border:5px solid #000; float:left; "><div class="askk">{Asker} whispered: {Question}</span><br></div><div class="answer">{Answer}</div>{block:Permalink}<br><br><br><center><b>TAGS:</b> {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</center>{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:Permalink}{/block:Answer}
  944. </div>
  945.  
  946.  
  947.  
  948.  
  949. <!------------------------- P A G I N A T I O N --------------------------->
  950.  
  951.  
  952.  
  953. <div class="bottombar"><div class="bnav">
  954. {block:Pagination}
  955. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  956. {block:JumpPagination length="5"}
  957. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  958. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  959. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  960. {/block:Pagination}
  961. </div></div>
  962.  
  963.  
  964.  
  965. {block:Permalink}
  966.  
  967. {block:Date}<div class="posts"><center>{MonthNumberWithZero}-{DayOfMonthWithZero} • <a href="{Permalink}">{24Hour}:{Minutes}</a>{block:NoteCount} • <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} • <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  968. {block:ContentSource} • <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</center>{/block:Date}</div>
  969.  
  970. {/block:Posts}
  971. {/block:Permalink}
  972.  
  973.  
  974.  
  975. <!-------------------------------- E N D ---------------------------------->
  976.  
  977. </body>
  978. </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!