API tools faq
paste
Advertisement
shotforthesky

Hiding Place

shotforthesky
Oct 14th, 2018
109
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.37 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">
  3.  
  4. <!-- theme by Mimì @ siderumvis.tumblr.com / fireworkprodz.deviantart.com -->
  5.  
  6. <head>
  7.  
  8. <link href='https://fonts.googleapis.com/css?family=Cinzel+Decorative:700' rel='stylesheet' type='text/css'>
  9. <link href='https://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>
  10.  
  11. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://media.tumblr.com/tumblr_m9h22vCHh91qepsk2.png" width="35px" height="30px" border="0"></a>
  12.  
  13. <script type="text/javascript"
  14. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  15. <script>
  16. $(document).ready(function() {
  17. //
  18. $('a.poplight[href^=#]').click(function() {
  19. var popID = $(this).attr('rel'); //Get Popup Name
  20. var popURL = $(this).attr('href'); //Get Popup href to define size
  21. var query= popURL.split('?');
  22. var dim= query[1].split('&');
  23. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  24. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /></a>');
  25. var popMargTop = ($('#' + popID).height() + 80) / 2;
  26. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  27. //Apply Margin to Popup
  28. $('#' + popID).css({
  29. 'margin-top' : -popMargTop,
  30. 'margin-left' : -popMargLeft
  31. });
  32. $('body').append('<div id="fade"></div>');
  33. $('#fade').css({'filter' : 'alpha(opacity=60)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=60)'})
  34. return false;
  35. });
  36. $('a.close, #fade').live('click', function() {
  37. $('#fade , .popup_block').fadeOut(function() {
  38. $('#fade, a.close').remove(); //fade them both out
  39. });
  40. return false;
  41. });
  42. });
  43. </script>
  44.  
  45. <!-- Customize colors -->
  46. <meta name="color:Background" content="#f8f8f8"/>
  47. <meta name="color:Blog Title" content="#000000" />
  48. <meta name="color:Text" content="#000000" />
  49. <meta name="color:Top Bar" content="#ffffff"/>
  50. <meta name="color:Link" content="#b9b9b9"/>
  51. <meta name="color:Link Hover" content="#ffffff"/>
  52. <meta name="color:Link Hover Background" content="#000000"/>
  53. <meta name="color:Profile Picture Border" content="#f8f8f8"/>
  54. <meta name="color:Scrollbar Background" content="#ffffff"/>
  55. <meta name="color:Scrollbar" content="#eeeeee" />
  56. <meta name="color:Scrollbar Button" content="#f6f6f6"/>
  57. <meta name="color:Post" content="#ffffff"/>
  58. <meta name="color:Post Link Background" content="#f8f8f8"/>
  59. <meta name="color:Chat A" content="#f8f8f8"/>
  60. <meta name="color:Chat B" content="#ffffff"/>
  61.  
  62. <meta name="font:Post Text" content="'Quicksand', sans-serif;" />
  63.  
  64. <!-- Customize pictures -->
  65. <meta name="image:Background" content=""/>
  66. <meta name="image:Profile Picture" content=""/>
  67. <meta name="image:Scrollbar" content=""/>
  68. <meta name="image:Album Cover Unavailable" content="http://dl.dropboxusercontent.com/u/38384326/Stars/MusicPlayer.png"/>
  69.  
  70. <!-- Customize Options -->
  71. <meta name="if:Profile Picture" content="0"/>
  72. <meta name="if:Infinite Scrolling" content="0"/>
  73.  
  74. <!-- Customize Text Options -->
  75. <meta name="text:Title Font Size" content="16px"/>
  76.  
  77. <!-- Navigation Two -->
  78. <meta name="text:URL Link 1" content="/"/>
  79. <meta name="text:Title Link 1" content="Link 1"/>
  80. <meta name="text:URL Link 2" content="/"/>
  81. <meta name="text:Title Link 2" content="Link 2"/>
  82. <meta name="text:URL Link 3" content="/"/>
  83. <meta name="text:Title Link 3" content="Link 3"/>
  84.  
  85. <title>{Title} {block:PostTitle} - {PostTitle} {/block:PostTitle}</title>
  86. <link rel="shortcut icon" href="{Favicon}">
  87. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  88. {block:Description}
  89. <meta name="description" content="{MetaDescription}" />
  90. {/block:Description}
  91.  
  92.  
  93.  
  94. <style type="text/css">
  95.  
  96. /* Main Styling */
  97. #scrollToTop:link,#scrollToTop:visited {
  98. color: transparent;
  99. background-color: transparent;
  100. display: none;
  101. position: fixed;
  102. bottom: 10px;
  103. left: 15px;
  104. }
  105.  
  106. body {
  107. background-color:{color:Background};
  108. background-image:{image:Background};
  109. color: {color:Text};
  110. scrollbar-base-color:{color:Scrollbar Background};
  111. scrollbar-track-color:{color:Scrollbar Background};
  112. scrollbar-face-color:{color:Scrollbar};
  113. scrollbar-darkshadow-color:black;
  114. scrollbar-3dlight-color:white;
  115. scrollbar-hightlight-color:white;
  116. }
  117.  
  118. a:link, a:active, a:visited {
  119. text-decoration:none;
  120. color:{color:Link};
  121. font-style:bold;
  122. transition: all 0.6s ease-out;
  123. -o-transition-transition: all 0.6s ease-out;
  124. -webkit-transition: all 0.6s ease-out;
  125. -moz-transition: all 0.6s ease-out;
  126. }
  127.  
  128. a:hover {
  129. color:{color:Link Hover};
  130. text-decoration:none;
  131. transition: all 0.6s ease-out;
  132. -o-transition-transition: all 0.6s ease-out;
  133. -webkit-transition: all 0.6s ease-out;
  134. -moz-transition: all 0.6s ease-out;
  135. }
  136.  
  137. ::-webkit-scrollbar {
  138. width:8px;
  139. background-color:{color:Scrollbar Background};
  140. }
  141. ::-webkit-scrollbar-thumb {
  142. background-color:{color:Scrollbar};
  143. }
  144. ::-webkit-scrollbar-button {
  145. background-color:{color:Scrollbar Button};
  146. height:10px;
  147. }
  148.  
  149. .notes img {
  150. width:10px;
  151. position:relative;
  152. top:1px;
  153. }
  154. ol.notes, .notes li {
  155. list-style:none;
  156. margin:0px;
  157. margin-left:100px;
  158. padding:0px;
  159. width:500px;
  160. height:auto;
  161. font-size:15px;
  162. font-family:georgia, serif;
  163. margin-bottom:50px;
  164. }
  165. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;
  166. }
  167. iframe {
  168. margin-top:50px;
  169. }
  170. iframe.photoset {
  171. margin-top:0px;
  172. }
  173. iframe.tumblr_audio_player {
  174. margin-top:-50px;
  175. }
  176. iframe#ask_form {
  177. margin-top:0px;
  178. }
  179.  
  180. blockquote {border-left:8px {color:Background} solid; padding-left:5px; margin:0px 1px 0px 10px; }
  181. blockquote img {
  182. max-width:90%;
  183. height:auto;
  184. margin:0px 0px 0px 10px;
  185. }
  186.  
  187. /* End Main Styling */
  188.  
  189. /* POPUP Box */
  190.  
  191. #fade { /*--Transparent background layer--*/
  192. display: none; /*--hidden by default--*/
  193. background: #000;
  194. position: fixed; left: 0; top: 0;
  195. width: 100%; height: 100%;
  196. opacity: .60;
  197. z-index: 9999;
  198. }
  199. .popup_block{
  200. display: none; /*--hidden by default--*/
  201. background: {color:Background};
  202. width:75%;
  203. height:35%;
  204. padding: 20px;
  205. border: 20px solid {color:Post};
  206. float: left;
  207. font-size: 1.2em;
  208. position: fixed;
  209. top: 50%; left: 50%;
  210. z-index: 99999;
  211. /*--CSS3 Box Shadows--*/
  212. -webkit-box-shadow: 0px 0px 20px #000;
  213. -moz-box-shadow: 0px 0px 20px #000;
  214. box-shadow: 0px 0px 20px #000;
  215. /*--CSS3 Rounded Corners--*/
  216. -webkit-border-radius: 5px;
  217. -moz-border-radius: 5px;
  218. border-radius: 5px;
  219. }
  220. img.btn_close {
  221. float: right;
  222. margin: -5px -5px 0 0;
  223. }
  224. /*--Making IE6 Understand Fixed Positioning--*/
  225. *html #fade {
  226. position: absolute;
  227. }
  228. *html .popup_block {
  229. position: absolute;
  230. }
  231.  
  232. /* End Popup Box */
  233.  
  234. /* top bar styling */
  235. #top_bar {
  236. background-color:{color:Top Bar};
  237. float:left;
  238. margin: -10px 5px 5px -5px;
  239. padding:15px 15px 8px 15px;
  240. position:fixed;
  241. width:110%;
  242. height:auto;
  243. }
  244.  
  245. #blog_title {
  246. font-size: {text:Title Font Size};
  247. color: {color:Blog Title};
  248. background-color:none;
  249. font-family: 'Cinzel Decorative', cursive;
  250. margin-left:4%;
  251. margin-top:1px;
  252. letter-spacing:2px;
  253. float:left;
  254. width:auto;
  255. padding:0px 50px 0px 0px;
  256. }
  257.  
  258. #first_nav {
  259. float:left;
  260. width:auto;
  261. background-color:none;
  262. margin-left:1%;
  263. margin-top:-5px;
  264. height:auto;
  265. }
  266.  
  267. .single_link {
  268. background-color: {color:Background};
  269. color: {color:Link};
  270. padding:8px;
  271. font-family: 'Quicksand', sans-serif;
  272. display:inline-block;
  273. font-size:10px;
  274. height:auto;
  275. width:100px;
  276. text-align:center;
  277. text-transform:uppercase;
  278. font-weight:bold;
  279. text-decoration:none;
  280. transition: all 0.6s ease-out;
  281. -o-transition-transition: all 0.6s ease-out;
  282. -webkit-transition: all 0.6s ease-out;
  283. -moz-transition: all 0.6s ease-out;
  284. }
  285. .single_link:hover {
  286. background-color:{color:Link Hover Background};
  287. color: {color:Link Hover};
  288. text-decoration:none;
  289. transition: all 0.6s ease-out;
  290. -o-transition-transition: all 0.6s ease-out;
  291. -webkit-transition: all 0.6s ease-out;
  292. -moz-transition: all 0.6s ease-out;
  293. }
  294.  
  295. /* end top bar styling */
  296.  
  297.  
  298. /* Pagination */
  299.  
  300.  
  301.  
  302. .pagination {
  303. float:left;
  304. width:auto;
  305. height:auto;
  306. font-size:80px;
  307. font-family:Arial;
  308. font-weight:bold;
  309. margin-left:1%;
  310. margin-top:22%;
  311. text-transform:uppercase;
  312. text-align:center;
  313. position:fixed;
  314. }
  315.  
  316. .pagination_prev {
  317. width:auto;
  318. height:auto;
  319. padding:5px;
  320. margin-left:730px;
  321. float:left;
  322. }
  323.  
  324. .pagination_next {
  325. width:auto;
  326. height:auto;
  327. padding:5px;
  328. margin:2px;
  329. float:left;
  330. }
  331.  
  332. /* end pagination */
  333.  
  334. /* Posts */
  335.  
  336. .grid {
  337. width:auto;
  338. height:auto;
  339. background-color:none;
  340. margin-top:100px;
  341. float:left;
  342. position:relative;
  343. z-index:-1;
  344. }
  345.  
  346. .col {
  347. width:auto;
  348. height:auto;
  349. background-color:none
  350. float:left;
  351. margin-left:26%;
  352. padding:10px;
  353. margin-bottom:50px;
  354. }
  355.  
  356. #post {
  357. width:500px;
  358. height:auto;
  359. background-color:{color:Post};
  360. padding:10px;
  361. margin: 0px 0px 0px 0px;
  362. }
  363.  
  364. #date {
  365. width:96%;
  366. padding:10px;
  367. background-color:{color:Background};
  368. font-size:13px;
  369. font-family: {font:Post Text};
  370. color:{color:Text};
  371. font-weight:bold;
  372. margin-top:20px;
  373. text-align:center;
  374. height:20px;
  375. line-height:20px;
  376. text-decoration:none;
  377. text-transform:uppercase;
  378. }
  379.  
  380. {block:PermalinkPage}
  381. #date {
  382. width:96%;
  383. padding:10px;
  384. background-color:{color:Background};
  385. font-size:13px;
  386. font-family: {font:Post Text};
  387. color:{color:Text};
  388. font-weight:bold;
  389. margin-top:20px;
  390. text-align:center;
  391. height:auto;
  392. line-height:20px;
  393. text-decoration:none;
  394. text-transform:uppercase;
  395. }
  396.  
  397. {/block:PermalinkPage}
  398.  
  399. .like_reblog {
  400. list-style:none;
  401. width:auto;
  402. height:auto;
  403. margin-left:-14%;
  404. margin-top:-50%;
  405. float:left;
  406. }
  407. .like {
  408.  
  409. }
  410. .reblog {
  411. margin:10px 0px 0px 0px;
  412. }
  413.  
  414. .text {
  415. font-size:15px;
  416. font-family: {font:Post Text};
  417. color:{color:Text};
  418. padding:10px;
  419. }
  420. .title {
  421. font-size:20px;
  422. font-family: 'Cinzel Decorative', cursive;
  423. color:{color:Text};
  424. font-weight:bold;
  425. letter-spacing:5px;
  426. padding:15px 15px 5px 15px;
  427. }
  428.  
  429. .quote {
  430. font-family:'Quicksand', sans-serif;
  431. font-size:20px;
  432. text-transform:uppercase;
  433. color:{color:Text};
  434. padding:20px;
  435. }
  436.  
  437. .source {
  438. font-family:'Quicksand', sans-serif;
  439. font-size: 14px;
  440. text-align:right;
  441. padding:10px;
  442. }
  443.  
  444. .link {
  445. font-family:'Cinzel Decorative', cursive;
  446. font-size:20px;
  447. background-color:{color:Post Link Background};
  448. padding:20px 20px 20px 20px;
  449. text-align:center;
  450. }
  451.  
  452. .odd {
  453. width:94%;
  454. height:auto;
  455. padding:10px;
  456. margin:5px;
  457. font-family:{font:Post Text};
  458. font-size:15px;
  459. background-color: {color:Chat A};
  460. }
  461.  
  462. .even {
  463. width:94%;
  464. height:auto;
  465. padding:10px;
  466. margin:0px 5px 5px 5px;
  467. background-color:{color:Chat B};
  468. font-size:15px;
  469. font-family:{font:Post Text};
  470. }
  471.  
  472. .label {
  473. padding:2px;
  474. }
  475.  
  476. #audio_container {
  477. width:500px;
  478. background-color:transparent;
  479. height:100px;
  480. }
  481.  
  482. #playercontainer {
  483. opacity:0.5;
  484. width:50px;
  485. height:50px;
  486. background-color:#ffffff;
  487. margin-top:25px;
  488. margin-left:25px;
  489. position:absolute;
  490. z-index:500;
  491. -webkit-transition:all 0.6s ease-in-out;
  492. -moz-transition:all 0.6s ease-in-out;
  493. -o-transition:all 0.6s ease-in-out;
  494. transition:all 0.6s ease-in-out;
  495. }
  496.  
  497.  
  498. #playercontainer:hover {
  499. opacity:1;
  500. -webkit-transition:all 0.6s ease-in-out;
  501. -moz-transition:all 0.6s ease-in-out;
  502. -o-transition:all 0.6s ease-in-out;
  503. transition:all 0.6s ease-in-out;
  504. padding:5px;
  505. margin-left:20px;
  506. margin-top:20px;
  507. }
  508.  
  509. #player {
  510. width:30px;
  511. height:70px;
  512. overflow:hidden;
  513. margin:15px 0px 0px 8px;
  514. background-color:none;
  515. }
  516.  
  517. .audio {
  518. width:40px;
  519. height:40px;
  520. position:absolute;
  521. }
  522.  
  523. .audio_image {
  524. width:90px;
  525. height:90px;
  526. position:absolute;
  527. padding:5px;
  528. background-color:{color:Background};
  529. -webkit-transition:all 0.6s ease-in-out;
  530. -moz-transition:all 0.6s ease-in-out;
  531. -o-transition:all 0.6s ease-in-out;
  532. transition:all 0.6s ease-in-out;
  533. }
  534.  
  535. .audio_image img {
  536. width:90px;
  537. float:left;
  538. -webkit-transition:all 0.6s ease-in-out;
  539. -moz-transition:all 0.6s ease-in-out;
  540. -o-transition:all 0.6s ease-in-out;
  541. transition:all 0.6s ease-in-out;
  542. }
  543.  
  544. #audio_container table {
  545. float:right;
  546. margin-top:-2px;
  547. width:430px;
  548. }
  549.  
  550. .info {
  551. font-size:15px;
  552. font-family:'Quicksand', sans-serif;
  553. width:89%;
  554. float:left;
  555. padding:8px;
  556. background-color:{color:Chat A};
  557. margin-left:8%;
  558. line-height:11px;
  559. }
  560.  
  561. .question {
  562. width:484px;
  563. height:auto;
  564. background-color:{color:Background};
  565. padding:8px;
  566. }
  567.  
  568. .asker {
  569. font-family:{font:Post Text};
  570. font-size:15px;
  571. font-weight:bold;
  572. text-transform:uppercase;
  573. letter-spacing:2px;
  574. margin-left:6px;
  575. }
  576.  
  577. .asker-question {
  578. font-family:{font:Post Text};
  579. font-size:14px;
  580. color:{color:Text};
  581. margin-left:6px;
  582. }
  583.  
  584. .asker-avatar {
  585. border:15px solid {color:Post};
  586. }
  587.  
  588. .answer {
  589. width:97%;
  590. height:auto;
  591. background-color:{color:Background};
  592. padding:8px;
  593. margin-top:10px;
  594. }
  595. div.replies img {
  596. max-width:90%;
  597. }
  598.  
  599. .answerer {
  600. font-family:{font:Post Text};
  601. font-size:15px;
  602. font-weight:bold;
  603. text-transform:uppercase;
  604. letter-spacing:2px;
  605. }
  606.  
  607. .answerer-answer {
  608. font-family:{font:Post Text};
  609. font-size:14px;
  610. color:{color:Text};
  611. width:400px;
  612. }
  613.  
  614. .answerer-avatar {
  615. border:15px solid {color:Post};
  616. right:1%;
  617. }
  618.  
  619. .replies {
  620. font-family:{font:Post Text};
  621. font-size:14px;
  622. color:{color:Text};
  623. margin:10px;
  624. }
  625.  
  626. /* End Posts */
  627.  
  628. /* Permalink Page */
  629.  
  630. {block:PermalinkPage}
  631.  
  632. {block:Panorama}
  633. #post {
  634. width:auto;
  635. height:auto;
  636. background-color:{color:Post};
  637. padding:10px;
  638. }
  639. {/block:Panorama}
  640.  
  641. .like_reblog {
  642. display:none;
  643. }
  644.  
  645.  
  646.  
  647. a.more_notes_link {
  648. background-color:{color:Post};
  649. padding:20px 100px 20px 100px;
  650. text-transform:uppercase;
  651. }
  652.  
  653. img.avatar {
  654. position:relative;
  655. z-index:-1;
  656. margin: auto 10px auto auto;
  657.  
  658. }
  659.  
  660. {/block:PermalinkPage}
  661. /* End Permalink Page */
  662.  
  663. /* Popup Description */
  664. #description {
  665. font-size:13px;
  666. font-family: 'Quicksand', sans-serif;
  667. float:left;
  668. margin:39px 0px 0px 20px;
  669. padding:15px;
  670. font-weight:bold;
  671. position:relative;
  672. width:60%;
  673. height:23%;
  674. overflow:auto;
  675. }
  676.  
  677. #profile_picture {
  678. margin-left:2px;
  679. float:left;
  680. position:relative;
  681. }
  682.  
  683. .second_link {
  684. background-color: {color:Background};
  685. color: {color:Link};
  686. padding:8px;
  687. font-family: 'Quicksand', sans-serif;
  688. display:inline-block;
  689. font-size:10px;
  690. height:auto;
  691. width:70px;
  692. text-align:center;
  693. text-transform:uppercase;
  694. font-weight:bold;
  695. text-decoration:none;
  696. transition: all 0.6s ease-out;
  697. -o-transition-transition: all 0.6s ease-out;
  698. -webkit-transition: all 0.6s ease-out;
  699. -moz-transition: all 0.6s ease-out;
  700. }
  701. .second_link:hover {
  702. background-color:{color:Link Hover Background};
  703. color: {color:Link Hover};
  704. text-decoration:none;
  705. transition: all 0.6s ease-out;
  706. -o-transition-transition: all 0.6s ease-out;
  707. -webkit-transition: all 0.6s ease-out;
  708. -moz-transition: all 0.6s ease-out;
  709. }
  710.  
  711.  
  712. </style>
  713.  
  714. <style type="text/css">{CustomCSS}</style>
  715.  
  716. {block:ifInfiniteScrolling}
  717. <script type="text/javascript" src="https://static.tumblr.com/nnl3g6g/vcCnyp3z7/infinitescrolling.js"></script>
  718. {/block:ifInfiniteScrolling}
  719.  
  720. </head>
  721.  
  722. <body>
  723.  
  724. <div style="position:fixed;right:1%;bottom:1%;opacity:0.5;font-size:14px;">
  725. <a target="_blank" href="http://deviantart.com/FireworkProdz" title="credits">
  726. <img src="https://static.tumblr.com/xwu3ezh/T3Opglmuj/logo-piccolo-siderum-vis-senza-background.svg" width="40" height="40"/>
  727. </a>
  728. </div>
  729.  
  730. <!-- navigation and title + search bar, top bar -->
  731. <div id="top_bar">
  732. <div id="blog_title">{Title}</div>
  733. <div id="first_nav">
  734. <div class="single_link"><a href="/">Home</a></div>
  735. <div class="single_link"> <a href="#?w=500" rel="02" class="poplight">About</a> </div>
  736. {block:AskEnabled} <div class="single_link"><a href="/ask">{AskLabel}</a></div> {/block:AskEnabled}
  737. {block:SubmissionsEnabled}<div class="single_link"> <a href="/submit">{SubmitLabel}</a></div>{/block:SubmissionsEnabled}
  738. <div class="single_link"><a href="/archive">Archive</a></div>
  739. </div>
  740. </div>
  741. <!-- end top bar -->
  742.  
  743. <!-- Pagination -->
  744.  
  745. {block:ifNotInfiniteScrolling}
  746.  
  747. {block:Pagination}
  748. <div class="pagination">
  749.  
  750. {block:NextPage}
  751. <div class="pagination_next">
  752. <a href="{NextPage}" title="NEXT PAGE">
  753. &#187;
  754. </a>
  755. </div>
  756. {/block:NextPage}
  757.  
  758. </div>
  759. <div class="pagination">
  760.  
  761. {block:PreviousPage}
  762. <div class="pagination_prev">
  763. <a href="{PreviousPage}" title="PREVIOUS PAGE">
  764. &#171;
  765. </a>
  766. </div>
  767. {/block:PreviousPage}
  768.  
  769. </div>
  770. {/block:Pagination}
  771.  
  772. {/block:ifNotInfiniteScrolling}
  773.  
  774. <!-- End Pagination -->
  775.  
  776.  
  777. <div class="grid">
  778. {block:ifInfiniteScrolling}<div class="autopagerize_page_element">{/block:ifInfiniteScrolling}
  779. {block:Posts}
  780. <div class="col">
  781. <div id="post">
  782. <!-- Posts Index Page -->
  783.  
  784. {block:ContentSource}
  785. <!-- {SourceURL} {block:SourceLogo}<img src="{BlackLogoURL}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  786. {/block:ContentSource}
  787.  
  788.  
  789. {block:Title}<div class="title">{Title}</div> {/block:Title}
  790. {block:Text}<div class="text">{Body}</div> {/block:Text}
  791.  
  792. {block:Photo}
  793. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag} </center>
  794. {block:Caption}<div class="text">{Caption}</div> {/block:Caption}
  795. {/block:Photo}
  796.  
  797. {block:Photoset}
  798. <center>
  799. {Photoset-500}
  800. </center>
  801. {block:Caption}<div class="text">{Caption}</div> {/block:Caption}
  802. {/block:Photoset}
  803.  
  804. {block:Quote}
  805. <div class="quote">{Quote}</div>
  806. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  807. {block:Caption}
  808. <br>
  809. <div class="text">
  810. {Caption}
  811. </div>
  812. {/block:Caption}
  813. {/block:Quote}
  814.  
  815. {block:Link}
  816. <div class="link">
  817. <a href="{URL}" {Target}>{Name} </a>
  818. </div>
  819. {block:Description}
  820. <div class="text">{Description}</div>
  821. {/block:Description}
  822. {block:Caption}
  823. <br>
  824. <div class="text">
  825. {Caption}
  826. </div>
  827. {/block:Caption}
  828. {/block:Link}
  829.  
  830. {block:Chat}
  831. {block:Lines}
  832. <div class="{Alt}">{block:Label}{Label}{/block:Label} {Line}</div>
  833. {/block:Lines}
  834. {block:Caption}
  835. <br>
  836. <div class="text">
  837. {Caption}
  838. </div>
  839. {/block:Caption}
  840. {/block:Chat}
  841.  
  842. {block:Audio}
  843.  
  844. <div id="audio_container">
  845. <div class="audio">
  846. <div id="playercontainer">
  847. <div id="player">{AudioPlayer}</div>
  848. </div>
  849.  
  850. <div class="audio_image">
  851. <img src="{image:Album Cover Unavailable}">
  852. </div>
  853.  
  854. {block:AlbumArt}
  855. <div class="audio_image">
  856. <img src="{AlbumArtURL}">
  857. </div>
  858. {/block:AlbumArt}
  859. </div>
  860. <table>
  861. <tr>
  862. <td>
  863. {block:TrackName}
  864. <div class="info">Trackname: {TrackName}</div>
  865. {block:TrackName}
  866. </td>
  867. </tr>
  868. <tr>
  869. <td>
  870. {block:Artist}
  871. <div class="info">Artist: {Artist}</div>
  872. {/block:Artist}
  873. </td>
  874. </tr>
  875. <tr>
  876. <td>
  877. {block:Album}
  878. <div class="info">Album: {Album}</div>
  879. {/block:Album}
  880. </td>
  881. </tr>
  882. <tr>
  883. <td class="info">
  884. {PlayCountWithLabel} {block:ExternalAudio} - <a href="{ExternalAudioURL}" target="_blank" title="MP3 Source" > x </a>{/block:ExternalAudio}
  885. </td>
  886. </tr>
  887. </table>
  888. </div>
  889. {block:Caption}
  890. <br>
  891. <div class="text">
  892. {Caption}
  893. </div>
  894. {/block:Caption}
  895. {/block:Audio}
  896.  
  897. {block:Video}
  898. <div style="margin-top:-50px;">
  899. {Video-500}
  900. </div>
  901. {block:Caption}
  902. <div class="text">{Caption}</div>
  903. {/block:Caption}
  904. {/block:Video}
  905.  
  906. {block:Answer}
  907. <div class="question">
  908. <table>
  909. <tr>
  910. <td>
  911. <img class="asker-avatar" src="{AskerPortraitURL-40}" alt="">
  912. </td>
  913. <td>
  914. <div class="asker">{Asker}</div><div class="asker-question">{Question}</div>
  915. </td>
  916. </tr>
  917. </table>
  918. </div>
  919.  
  920. {block:Answerer}
  921. <div class="answer">
  922. <table>
  923. <tr>
  924. <td>
  925. <div class="answerer">{Answerer}</div><div class="answerer-answer">{Answer}</div>
  926. </td>
  927. <td>
  928. <img class="answerer-avatar" src="{AnswererPortraitURL-40}" alt="">
  929. </td>
  930. </tr>
  931. </table>
  932. </div>
  933. {/block:Answerer}
  934.  
  935. <div class="replies">
  936. {Replies}
  937. </div>
  938.  
  939. {block:Caption}
  940. <br>
  941. <div class="text">
  942. {Caption}
  943. </div>
  944. {/block:Caption}
  945. {/block:Answer}
  946.  
  947. {block:Date}
  948. <div id="date">
  949. <a href="{Permalink}" style="margin:-2px 0px 0px 70px; float:left;" title="permalink"> {MonthNumber} / {DayOfMonthWithZero} / {Year} </a>
  950. <div style="margin-left:40px; margin-top:-2px;float:left;"> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  951. <div style="float:left;margin-left:40px"> {block:RebloggedFrom}
  952. <a href="{ReblogRootURL}" title="{ReblogRootName}" style="margin-left:20px;">
  953. <img src="{ReblogRootPortraitURL-24}"/>
  954. </a>
  955. <a href="{ReblogParentURL}" title="{ReblogParentName}" style="margin-left:20px;">
  956. <img src="{ReblogParentPortraitURL-24}" />
  957. </a>
  958. {/block:RebloggedFrom}</div>
  959.  
  960. {block:PermalinkPage}
  961. <br><br>
  962. {block:HasTags}{block:Tags}&nbsp # <a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}
  963. {/block:PermalinkPage}
  964. </div>
  965. {/block:Date}
  966.  
  967.  
  968. <!-- End Index Page -->
  969.  
  970. <!-- Posts Permalink Page -->
  971. {block:PermalinkPage}
  972. {block:Panorama}
  973. <center>
  974. {LinkOpenTag}
  975. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" width="{PhotoWidth-Panorama}" height="{PhotoHeight-Panorama}" />
  976. {LinkCloseTag}
  977. </center>
  978.  
  979. {block:Caption}<div class="text">{Caption}</div> {/block:Caption}
  980. {/block:Panorama}
  981. {/block:PermalinkPage}
  982. <!-- End Posts Permalink Page -->
  983.  
  984. </div>
  985.  
  986. <div class="like_reblog">
  987. <div class="like">{LikeButton}</div>
  988. <div class="reblog">{ReblogButton}</div>
  989. </div>
  990.  
  991. </div>
  992.  
  993. {/block:Posts} {block:ifInfiniteScrolling}</div>{/block:ifInfiniteScrolling}
  994. {block:PostNotes}{PostNotes}{/block:PostNotes}
  995.  
  996. </div>
  997.  
  998. </body>
  999.  
  1000. <div id="02" class="popup_block" style="text-align:center;">
  1001.  
  1002. {block:ifNotProfilePicture}
  1003. <div id="profile_picture"> <img src="{PortraitURL-96}" style="border:20px solid {color:Post};float:left;margin-top:38px;" /> </div>
  1004. {/block:ifNotProfilePicture}
  1005.  
  1006. {block:ifProfilePicture}
  1007. <div id="profile_picture">
  1008. <img src="{image:Profile Picture}" style="border:20px solid {color:Post};float:left;margin-top:38px;width:96px;height:96px;"/>
  1009. </div>
  1010. {/block:ifProfilePicture}
  1011.  
  1012. <div id="description"> {Description}</div><br>
  1013. <div style="margin-left:35%;margin-top:26%">
  1014. <div class="second_link" style="float:left;margin:30px 0px 0px 0px;"> <a href="{text:URL Link 1}">{text:Title Link 1}</a> </div> <div class="second_link" style="float:left;margin:30px 0px 0px 15px;"> <a href="{text:URL Link 2}">{text:Title Link 2}</a> </div> <div class="second_link" style="float:left;margin:30px 0px 0px 15px;"> <a href="{text:URL Link 3}">{text:Title Link 3}</a> </div><br>
  1015. </div>
  1016.  
  1017. </div>
  1018.  
  1019. </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!