Advertisement
shotforthesky

Hiding Place

Oct 14th, 2018
108
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.37 KB | None | 0 0
  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