API tools faq
paste
themesbygeorgia

Theme #63 - Spotlight

themesbygeorgia
Jun 25th, 2017
8,799
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.48 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.  
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6.  
  7. <!--- Theme #63 - Spotlight by wonderfullythemes
  8.  
  9. no interfering w/ the credit :)
  10. --->
  11.  
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <link rel="stylesheet" href="styles.css" />
  18. <link href='https://fonts.googleapis.com/css?family=Dosis:100|Playfair+Display:300,400,700|Roboto:100,300,400|Yrsa:300' rel='stylesheet' type='text/css'>
  19.  
  20. <link href="css/hover.css" rel="stylesheet">
  21. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  22. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  23.  
  24. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  25.  
  26. <!--BACK TO TOP-->
  27. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  28. <script type="text/javascript">
  29.  
  30. $(document).ready(function(){
  31.  
  32. var amountScrolled = 100;
  33.  
  34. $(window).scroll(function() {
  35. if ( $(window).scrollTop() > amountScrolled ) {
  36. $('a.back-to-top').show("");
  37. } else {
  38. $('a.back-to-top').hide("");
  39. }
  40. });
  41.  
  42. $('a.back-to-top').click(function() {
  43. $('html, body').animate({ scrollTop: 0}, 700);
  44. return false;
  45. });
  46.  
  47. });
  48.  
  49. </script>
  50.  
  51. <!--POP UP ASK-->
  52. <script type="text/javascript"
  53. src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  54. <script>
  55. $(document).ready(function() {
  56. //
  57. $('a.poplight[href^=#]').click(function() {
  58. var popID = $(this).attr('rel'); //Get Popup Name
  59. var popURL = $(this).attr('href'); //Get Popup href to define size
  60. var query= popURL.split('?');
  61. var dim= query[1].split('&');
  62. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  63. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  64. var popMargTop = ($('#' + popID).height() + 0) / 2;
  65. var popMargLeft = ($('#' + popID).width() + 0) / 2;
  66. //Apply Margin to Popup
  67. $('#' + popID).css({
  68. 'margin-top' : -popMargTop,
  69. 'margin-left' : -popMargLeft
  70. });
  71. $('body').append('<div id="fade"></div>');
  72. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  73. return false;
  74. });
  75. $('a.close, #fade').live('click', function() {
  76. $('#fade , .popup_block').fadeOut(function() {
  77. $('#fade, a.close').remove(); //fade them both out
  78. });
  79. return false;
  80. });
  81. });
  82. </script>
  83.  
  84. <!--MASONRY -->
  85. <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
  86. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  87. <stsss><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  88. <script>
  89. (function($){
  90. $(document).ready(function(){
  91. $("a[title]").style_my_tooltips({
  92. tip_follows_cursor:true,
  93. tip_delay_time:100,
  94. tip_fade_speed:200,
  95. attribute:"title"
  96. });
  97. });
  98. })(jQuery);
  99. </script>
  100.  
  101. {block:IndexPage}
  102. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  103. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  104.  
  105. <script type="text/javascript">
  106. $(window).load(function(){
  107. var $wall = $('#entries');
  108. $wall.imagesLoaded(function(){
  109. $wall.masonry({
  110. itemSelector: '#post, #post_photo',
  111. isAnimated : false
  112. });
  113. });
  114.  
  115. $wall.infinitescroll({
  116. navSelector : '#pagination',
  117. nextSelector : '#pagination a',
  118. itemSelector : '#post, #post_photo',
  119. bufferPx : 2000,
  120. debug : false,
  121. errorCallback: function() {
  122. $('#scroll').fadeOut('normal');
  123. }},
  124.  
  125. function( newElements ) {
  126. var $newElems = $( newElements );
  127. $newElems.hide();
  128. $newElems.imagesLoaded(function(){
  129. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  130. });
  131. }); $('#entries').show(400);
  132.  
  133. });
  134.  
  135. </script>
  136. {/block:IndexPage}
  137.  
  138. <meta name="color:Background" content="#fff" />
  139. <meta name="color:Link" content="#1bcc5c" />
  140. <meta name="color:Hover" content="#444" />
  141. <meta name="color:Text" content="#444" />
  142.  
  143. <meta name="image:Background" content="" />
  144.  
  145. <meta name="text:Link1" content="/" />
  146. <meta name="text:Link1 Text" content="Link 1" />
  147. <meta name="text:Link2" content="/" />
  148. <meta name="text:Link2 Text" content="Link 2" />
  149. <meta name="text:Link3" content="/" />
  150. <meta name="text:Link3 Text" content="Link 3" />
  151. <meta name="text:Link4" content="/" />
  152. <meta name="text:Link4 Text" content="Link 4" />
  153. <meta name="text:Link5" content="/" />
  154. <meta name="text:Link5 Text" content="Link 5" />
  155. <meta name="text:Link6" content="/" />
  156. <meta name="text:Link6 Text" content="Link 6" />
  157.  
  158. <style type="text/css">
  159.  
  160. @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
  161. @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
  162. @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
  163.  
  164. .fade-in {
  165. opacity: 0;
  166. -webkit-animation: fadeIn ease-in 1;
  167. -moz-animation: fadeIn ease-in 1;
  168. animation: fadeIn ease-in 1;
  169. -webkit-animation-fill-mode: forwards;
  170. -moz-animation-fill-mode: forwards;
  171. animation-fill-mode: forwards;
  172. -webkit-animation-duration: 1.5s;
  173. -moz-animation-duration: 1.5s;
  174. animation-duration: 1.5s;
  175. }
  176.  
  177. #s-m-t-tooltip {
  178. max-width: 200px;
  179. font-size: 10px;
  180. background-color: {color:Link};
  181. color: {color:Background};
  182. line-height: 10px;
  183. display: none;
  184. position: absolute;
  185. letter-spacing: 2px;
  186. text-transform: uppercase;
  187. padding: 6px;
  188. margin: 10px 0px 0px 10px;
  189. z-index: 99999999999999;
  190. }
  191.  
  192. body {
  193. overflow-x: hidden;
  194. background: {color:Background};
  195. color: {color:Text};
  196. font-family: 'Roboto', sans-serif;
  197. font-size: 14px;
  198. font-weight: 100;
  199. text-decoration: none;
  200. margin: 0px;
  201. background-image: url('{image:Background}');
  202. background-attachment: fixed;
  203. background-repeat: repeat;
  204. }
  205.  
  206. a {
  207. color: {color:Link};
  208. text-decoration: none;
  209. -moz-transition-duration: 0.3s;
  210. -webkit-transition-duration: 0.3s;
  211. -o-transition-duration: 0.3s;
  212. }
  213.  
  214. a:hover {
  215. color: {color:Hover};
  216. -moz-transition-duration: 0.3s;
  217. -webkit-transition-duration: 0.3s;
  218. -o-transition-duration: 0.3s;
  219. }
  220.  
  221. h1 {
  222. font-family: 'Playfair Display', serif;
  223. font-weight: 700;
  224. text-transform: none;
  225. margin-top: 0px;
  226. color: {color:Text};
  227. }
  228.  
  229. h1 a {
  230. margin-top: 5px;
  231. color: {color:Link};
  232. }
  233.  
  234. blockquote {
  235. border-left: 1px solid {color:Link};
  236. padding-left: 10px;
  237. margin-left: 5px;
  238. }
  239.  
  240. blockquote blockquote {
  241. padding: 0 0 0 5px;
  242. margin: 0 0 0 12px;
  243. }
  244.  
  245. img, blockquote, li, h1, h2 {
  246. max-width: 100%;
  247. }
  248.  
  249. /* Push */
  250. @-webkit-keyframes push {
  251. 50% {
  252. -webkit-transform: scale(0.8);
  253. transform: scale(0.8);
  254. }
  255.  
  256. 100% {
  257. -webkit-transform: scale(1);
  258. transform: scale(1);
  259. }
  260. }
  261.  
  262. @keyframes push {
  263. 50% {
  264. -webkit-transform: scale(0.8);
  265. transform: scale(0.8);
  266. }
  267.  
  268. 100% {
  269. -webkit-transform: scale(1);
  270. transform: scale(1);
  271. }
  272. }
  273.  
  274. .push {
  275. display: inline-block;
  276. -webkit-transform: translateZ(0);
  277. transform: translateZ(0);
  278. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  279. }
  280. .push:hover, .push:focus, .push:active {
  281. -webkit-animation-name: push;
  282. animation-name: push;
  283. -webkit-animation-duration: 0.3s;
  284. animation-duration: 0.3s;
  285. -webkit-animation-timing-function: linear;
  286. animation-timing-function: linear;
  287. -webkit-animation-iteration-count: 1;
  288. animation-iteration-count: 1;
  289. }
  290.  
  291. /*-----------------CUSTOM LINK THINGYS----------------------*/
  292. {block:IndexPage}.tmblr-iframe{display:none!important;}{/block:IndexPage}
  293.  
  294. /*------------------------CONTENT----------------------*/
  295. .content {
  296. padding: 20px;
  297. width: calc(100% - 40px);
  298. margin: auto;
  299. position: relative;
  300. }
  301.  
  302. /*-------------------SIDEBAR----------------------------*/
  303. .header {
  304. position: relative;
  305. width: 1120px;
  306. text-align: right;
  307. margin: 40px auto 0 auto;
  308. font-size: 12px;
  309. text-transform: uppercase;
  310. letter-spacing: 2px;
  311. word-spacing: 5px;
  312. }
  313.  
  314. #title {
  315. color: {color:Text};
  316. font-weight: 700;
  317. }
  318.  
  319. /*--------------------POSTS------------------------*/
  320. #entries {
  321. width: 1160px;
  322. margin: 35px auto;
  323. position: relative;
  324. }
  325.  
  326. #post {
  327. width: 250px;
  328. padding: 20px;
  329. {block:PermalinkPage}
  330. width: 400px;
  331. position: absolute;
  332. {/block:PermalinkPage}
  333. }
  334.  
  335. #post img {
  336. max-width: 100%;
  337. transition: all .3s ease-in-out;
  338. overflow: hidden;
  339. }
  340.  
  341. #post:hover img {
  342. {block:IndexPage}
  343. transform: scale(1.3);
  344. {/block:IndexPage}
  345. }
  346.  
  347. .wowpost { overflow: hidden; }
  348.  
  349. /*--POST TYPES--*/
  350. #user {
  351. text-transform: uppercase;
  352. margin-bottom: 10px;
  353. font-size: 16px;
  354. font-family: 'Dosis',sans-serif;
  355. font-weight: 100;
  356. }
  357.  
  358. .arrow-up {
  359. width: 0;
  360. height: 0;
  361. border-left: 15px solid transparent;
  362. border-right: 15px solid transparent;
  363. margin-left: 30px;
  364. margin-top: 0px;
  365. border-bottom: 15px solid {color:Link};
  366. }
  367.  
  368. .question {
  369. max-width: 100%;
  370. background: {color:Link};
  371. color: {color:Background};
  372. padding: 10px;
  373. }
  374.  
  375. .answer {
  376. margin-top: 10px;
  377. }
  378.  
  379. .quote {
  380. width: 100%;
  381. position: relative;
  382. }
  383.  
  384. .mark, .mark2 {
  385. margin-left: 0px;
  386. width: calc(100% - 20px);
  387. position: relative;
  388. text-align: center;
  389. }
  390.  
  391. .mark:before {
  392. font-family: 'FontAwesome';
  393. content: '\f10d';
  394. color: {color:Link};
  395. font-size: 20px;
  396. }
  397.  
  398. .words {
  399. margin: 10px 0;
  400. font-family: 'Yrsa', serif;
  401. font-weight: 300;
  402. font-size: 16px;
  403. letter-spacing: 0.5px;
  404. text-transform: lowercase;
  405. }
  406.  
  407. .mark2:before {
  408. font-family: 'FontAwesome';
  409. content: '\f10e';
  410. color: {color:Link};
  411. font-size: 20px;
  412. }
  413.  
  414. .quotesource {
  415. text-align: right;
  416. padding: 20px 0;
  417. }
  418.  
  419. .contentsrc {
  420. display: none;
  421. }
  422.  
  423. .tumblr_audio_player {
  424. width:230px;
  425. {block:PermalinkPage}width: 480px;{/block:PermalinkPage}
  426. -moz-transform: scale(0.60, 0.60);
  427. -webkit-transform: scale(0.60, 0.60);
  428. -o-transform: scale(0.60, 0.60);
  429. -ms-transform: scale(0.60, 0.60);
  430. transform: scale(0.60, 0.60);
  431. -moz-transform-origin: top left;
  432. -webkit-transform-origin: top left;
  433. -o-transform-origin: top left;
  434. -ms-transform-origin: top left;
  435. transform-origin: top left;
  436. }
  437.  
  438. .audioimgwrapper {
  439. position: absolute;
  440. left: 0px;
  441. top: 0px;
  442. overflow: hidden;
  443. width: 100px;
  444. height: 100px;
  445. }
  446.  
  447. .audioimgwrapper img {
  448. width: 100%;
  449. height: auto;
  450. border-radius: 5px;
  451. }
  452.  
  453. .trackdetails {
  454. width: auto;
  455. display: inline-block;
  456. margin-left: 110px;
  457. height: 100px;
  458. }
  459.  
  460. .audiowrapper {
  461. position: relative;
  462. display: inline-block;
  463. }
  464.  
  465. .chat li { list-style: none; }
  466. .line_odd, .line_even { text-transform: uppercase; letter-spacing: 1px; font-size: 11px; }
  467. .line_odd { color: {color:Link}; }
  468. .line_even { color: {color:Hover}; }
  469.  
  470. /*--------------------INFO AND TAGS---------------------------*/
  471.  
  472. /*photo post info*/
  473. .wowpost {
  474. -moz-transition-duration :0.5s;
  475. -webkit-transition-duration: 0.5s;
  476. -o-transition-duration: 0.5s;
  477. }
  478.  
  479. #post:hover .wowpost {
  480. {block:IndexPage}
  481. opacity: .2;
  482. -moz-transition-duration: 0.5s;
  483. -webkit-transition-duration: 0.5s;
  484. -o-transition-duration:0.5s;
  485. {/block:IndexPage}
  486. }
  487.  
  488. #post:hover #info {
  489. opacity: 1;
  490. -moz-transition-duration: 0.5s;
  491. -webkit-transition-duration: 0.5s;
  492. -o-transition-duration: 0.5s;
  493. }
  494.  
  495. #info {
  496. width: 100%;
  497. position: absolute;
  498. top: 50%;
  499. left: 50%;
  500. margin-left: -78px;
  501. margin-top:-5px;
  502. opacity: 0;
  503. z-index: 999;
  504. font-size: 14px;
  505. -moz-transition-duration: 0.5s;
  506. -webkit-transition-duration: 0.5s;
  507. -o-transition-duration: 0.5s;
  508. }
  509.  
  510. .heart { text-align: left; }
  511.  
  512. .heart a {
  513. border-radius: 50%;
  514. padding: 10px 12px;
  515. margin: 0 5px;
  516. color: {color:Background};
  517. background-color: {color:Link};
  518. }
  519.  
  520. .heart a:hover {
  521. text-decoration: none;
  522. color: {color:Link};
  523. background-color: {color:Background};
  524. }
  525.  
  526. /*all but photo post info*/
  527.  
  528. #footer {
  529. text-align: left;
  530. margin-top: 15px;
  531. letter-spacing: 2px;
  532. font-size: 10px;
  533. line-height: 16px;
  534. text-transform: uppercase;
  535. }
  536.  
  537. #footer a { color: {color:Link}; padding: 0px 3px; }
  538. #footer a:hover { color: {color:Hover}; }
  539.  
  540. #datelink a { font-weight: 700; color: {color:Text}; padding: 0px; }
  541. #datelink a:hover { color: {color:Link}; }
  542.  
  543. /*--permalink page--*/
  544. .caption {
  545. top: 0px;
  546. padding-bottom: 20px;
  547. }
  548.  
  549. .permapage {
  550. position: absolute;
  551. width: 350px;
  552. top: 20px;
  553. margin-left: 435px;
  554. }
  555.  
  556. .perma {
  557. line-height: 20px;
  558. color: {color:Perma Text};
  559. text-transform: uppercase;
  560. font-size: 12px;
  561. letter-spacing: 2px;
  562. padding: 20px;
  563. width: 310px;
  564. background: {color:Link};
  565. color: {color:Background};
  566. }
  567.  
  568. .perma a {
  569. color: {color:Background};
  570. }
  571.  
  572. .perma a:hover {
  573. color: {color:Hover};
  574. }
  575.  
  576. .postnotes {
  577. position: absolute;
  578. width: 350px;
  579. line-height: 20px;
  580. top: 0px;
  581. margin: 0 0 0 820px;
  582. }
  583. .postnotes li { list-style: none; margin-left: -40px;}
  584. .postnotes img { display: none; }
  585.  
  586. #scroll {
  587. bottom: -20px;
  588. position: absolute;
  589. left: 50%;
  590. width: 10px;
  591. height: 5px;
  592. overflow: hidden;
  593. margin-bottom: 80px;
  594. }
  595.  
  596. .back-to-top { display: none; }
  597.  
  598. /*--POP UP BOXES--*/
  599. .popup_block{
  600. display: none;
  601. background: {color:Background};
  602. color: {color:Text};
  603. float:left;
  604. font-size: 16px;
  605. line-height: 22px;
  606. width: 400px;
  607. padding: 40px;
  608. position:fixed;
  609. top: calc(50% - 40px);
  610. left: calc(50% - 40px);
  611. z-index: 99999;
  612. }
  613.  
  614. .navlinks {
  615. font-size: 12px;
  616. text-transform: uppercase;
  617. letter-spacing: 2px;
  618. word-spacing: 5px;
  619. }
  620.  
  621. *html #fade { position: absolute; }
  622. *html .popup_block { position: absolute; }
  623. #fade {
  624. display: none;
  625. position:fixed;
  626. left: 0px;
  627. top: 0px;
  628. width: 100%;
  629. height: 100%;
  630. z-index: 9999;
  631. color: {color:Text};
  632. background: {color:Background};
  633. opacity: 1;
  634. }
  635.  
  636. /*--CREDIT--*/
  637. #spectrum {
  638. bottom: 15px;
  639. right: 15px;
  640. font-size: 10px;
  641. letter-spacing: 1px;
  642. position: fixed;
  643. text-align: right;
  644. z-index: 2;
  645. text-transform: uppercase;
  646. }
  647.  
  648. @media only screen and (max-width: 1200px) {
  649. .header {
  650. width: 830px;
  651. }
  652.  
  653. #entries {
  654. width: 870px;
  655. margin: 35px auto;
  656. }
  657.  
  658. #post {
  659. {block:PermalinkPage}
  660. position: absolute;
  661. {/block:PermalinkPage}
  662. }
  663.  
  664. .permapage {
  665. width: 400px;
  666. position: relative;
  667. margin-top: 20px;
  668. margin-left: 0px;
  669. }
  670.  
  671. .perma {
  672. width: 360px;
  673. }
  674.  
  675. .postnotes {
  676. width: 400px;
  677. position: absolute;
  678. margin-top: 0px;
  679. margin-left: 470px;
  680. }
  681. }
  682.  
  683. @media only screen and (max-width: 910px) {
  684. .header {
  685. width: 540px;
  686. }
  687.  
  688. #entries {
  689. width: 580px;
  690. margin: 35px auto;
  691. }
  692.  
  693. #post {
  694. {block:PermalinkPage}
  695. margin-left: 90px;
  696. {/block:PermalinkPage}
  697. }
  698.  
  699. .postnotes {
  700. width: 400px;
  701. position: relative;
  702. margin-top: 60px;
  703. margin-left: 0px;
  704. }
  705. }
  706.  
  707. @media only screen and (max-width: 600px) {
  708. .header {
  709. width: 250px;
  710. }
  711.  
  712. #entries {
  713. width: 290px;
  714. margin: 35px auto;
  715. {block:PermalinkPage}
  716. width: 400px;
  717. {/block:PermalinkPage}
  718. }
  719.  
  720. #post {
  721. {block:PermalinkPage}
  722. margin: 0;
  723. {/block:PermalinkPage}
  724. }
  725. }
  726.  
  727.  
  728. {CustomCSS}</style>
  729. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  730. </head><body>
  731.  
  732. <div id="wrap" class="box fade-in one">
  733.  
  734. <div id="spectrum">
  735. <a href="#" class="back-to-top">top</a><br><br>
  736. <a href="http://wonderfullythemes.tumblr.com" title="wonderfullythemes">theme</a>
  737. </div>
  738.  
  739. <div class="content">
  740.  
  741. <div class="header">
  742.  
  743. <a href="/" title="refresh" id="title">{Title}</a> :
  744.  
  745. <a href="{text:Link1}" class="push">{text:Link1 Text}</a> :
  746. <a href="{text:Link2}" class="push">{text:Link2 Text}</a> :
  747. <span class="push"><a href="#?w=400" rel="box1" class="poplight">nav</a></span> :
  748. <a href="/archive" class="push" target="_blank">file</a>
  749.  
  750. </div>
  751.  
  752. <div id="entries">
  753.  
  754. {block:Posts}
  755.  
  756. {block:ContentSource}
  757. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  758. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  759. {/block:SourceLogo}
  760. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  761. {/block:ContentSource}
  762.  
  763. <div id="post">
  764.  
  765. <!--posts-->
  766.  
  767. {block:Text}
  768. {block:Title}<h1>{Title}</h1>{/block:Title}
  769. {Body}
  770.  
  771. {block:IndexPage}
  772. {block:Date}
  773. <div id="footer">
  774. <span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>
  775. {block:NoteCount}
  776. <a href="{Permalink}">+{NoteCount}</a>
  777. {/block:NoteCount}
  778. <a href="{ReblogURL}" target="blank">reblog</a>
  779. </div><!--end #footer-->
  780. {/block:Date}
  781. {/block:IndexPage}
  782. {/block:Text}
  783.  
  784. {block:Photo}
  785.  
  786. {block:IndexPage}
  787. {block:Date}
  788. <div id="info">
  789. <div class="heart">
  790. <a href="{Permalink}" title="{ShortMonth} {MonthNumberWithZero}"><i class="fa fa-clock-o"></i></a>
  791. {block:NoteCount}
  792. <a href="{Permalink}" title="{NoteCountWithLabel}"><i class="fa fa-heart"></i></a>
  793. {/block:NoteCount}
  794. <a href="{ReblogURL}" target="blank" title="reblog"><i class="fa fa-retweet"></i></a>
  795. </div><!--end .heart-->
  796. </div><!--end #info-->
  797. {/block:Date}
  798. {/block:IndexPage}
  799.  
  800. {block:IndexPage}
  801. <div class="wowpost">
  802. <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  803. </div><!--end .wowpost-->
  804. {/block:IndexPage}
  805.  
  806. {block:PermalinkPage}
  807. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  808. {/block:PermalinkPage}
  809. {/block:Photo}
  810.  
  811. {block:Photoset}
  812.  
  813. {block:IndexPage}
  814. {Photoset-250}
  815. {/block:IndexPage}
  816.  
  817. {block:PermalinkPage}
  818. {Photoset-400}
  819. {/block:PermalinkPage}
  820.  
  821. {block:IndexPage}
  822. {block:Date}
  823. <div id="footer">
  824. <span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>
  825. {block:NoteCount}
  826. <a href="{Permalink}">+{NoteCount}</a>
  827. {/block:NoteCount}
  828. <a href="{ReblogURL}" target="blank">reblog</a>
  829. </div><!--end #footer-->
  830. {/block:Date}
  831. {/block:IndexPage}
  832. {/block:Photoset}
  833.  
  834. {block:Quote}
  835.  
  836. <div class="quote">
  837. <div class="mark"></div>
  838. <div class="words">{Quote}</div>
  839. <div class="mark2"></div>
  840. <div class="quotesource">-{Source}</div>
  841. </div><!--end .quote-->
  842.  
  843. {block:IndexPage}
  844. {block:Date}
  845. <div id="footer">
  846. <span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>
  847. {block:NoteCount}
  848. <a href="{Permalink}">+{NoteCount}</a>
  849. {/block:NoteCount}
  850. <a href="{ReblogURL}" target="blank">reblog</a>
  851. </div><!--end #footer-->
  852. {/block:Date}
  853. {/block:IndexPage}
  854.  
  855. {/block:Quote}
  856.  
  857. {block:Link}
  858. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  859. {block:Description}{Description}{/block:Description}
  860.  
  861. {block:IndexPage}
  862. {block:Date}
  863. <div id="footer">
  864. <span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>
  865. {block:NoteCount}
  866. <a href="{Permalink}">+{NoteCount}</a>
  867. {/block:NoteCount}
  868. <a href="{ReblogURL}" target="blank">reblog</a>
  869. </div><!--end #footer-->
  870. {/block:Date}
  871. {/block:IndexPage}
  872.  
  873. {/block:Link}
  874.  
  875. {block:Chat}
  876. {block:Title}<h1>{Title}</h1>{/block:Title}
  877. {block:Lines}
  878. <div class="chat">
  879. <li><span class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}</span> {Line}</li>
  880. </div>
  881. {/block:Lines}
  882.  
  883. {block:IndexPage}
  884. {block:Date}
  885. <div id="footer">
  886. <span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>
  887. {block:NoteCount}
  888. <a href="{Permalink}">+{NoteCount}</a>
  889. {/block:NoteCount}
  890. <a href="{ReblogURL}" target="blank">reblog</a>
  891. </div><!--end #footer-->
  892. {/block:Date}
  893. {/block:IndexPage}
  894. {/block:Chat}
  895.  
  896. {block:Audio}
  897. {block:AudioPlayer}
  898. <div class="audiowrapper">
  899. {block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  900. <div class="trackdetails">{AudioPlayerGrey}</div>
  901. </div>
  902. {/block:AudioPlayer}
  903.  
  904. {block:IndexPage}
  905. {block:Date}
  906. <div id="footer">
  907. <span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>
  908. {block:NoteCount}
  909. <a href="{Permalink}">+{NoteCount}</a>
  910. {/block:NoteCount}
  911. <a href="{ReblogURL}" target="blank">reblog</a>
  912. </div><!--end #footer-->
  913. {/block:Date}
  914. {/block:IndexPage}
  915. {/block:Audio}
  916.  
  917. {block:Video}
  918. {block:IndexPage}
  919. {Video-250}
  920. {/block:IndexPage}
  921.  
  922. {block:PermalinkPage}
  923. {Video-400}
  924. {/block:PermalinkPage}
  925.  
  926. {block:IndexPage}
  927. {block:Date}
  928. <div id="footer">
  929. <span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>
  930. {block:NoteCount}
  931. <a href="{Permalink}">+{NoteCount}</a>
  932. {/block:NoteCount}
  933. <a href="{ReblogURL}" target="blank">reblog</a>
  934. </div><!--end #footer-->
  935. {/block:Date}
  936. {/block:IndexPage}
  937. {/block:Video}
  938.  
  939. {block:Answer}
  940. <div id="user"><span class="push">{Asker}</span> asked:</div>
  941. <div class="arrow-up"></div>
  942. <div class="question">{Question}</div>
  943. <div class="answer">{Answer}</div>
  944.  
  945. {block:IndexPage}
  946. {block:Date}
  947. <div id="footer">
  948. <span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>
  949. {block:NoteCount}
  950. <a href="{Permalink}">+{NoteCount}</a>
  951. {/block:NoteCount}
  952. <a href="{ReblogURL}" target="blank">reblog</a>
  953. </div><!--end #footer-->
  954. {/block:Date}
  955. {/block:IndexPage}
  956. {/block:Answer}
  957.  
  958. <!--permalink page-->
  959.  
  960. {block:PermalinkPage}
  961.  
  962. <div class="permapage">
  963. {block:Caption}
  964. <div class="caption">{Caption}</div>
  965. {/block:Caption}
  966.  
  967. <div class="perma">
  968. {block:Date}
  969. <a href="{Permalink}">{Month} {DayOfMonthWithZero} {Year}</a>
  970. {/block:Date}
  971.  
  972. {block:NoteCount}
  973. <br><a href="{Permalink}">{NoteCountWithLabel}</a>
  974. {/block:NoteCount}
  975.  
  976. {block:RebloggedFrom}
  977. <p>from: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  978. <br>original: <a href="{ReblogRootURL}">{ReblogRootName}</a></p>
  979. {/block:RebloggedFrom}
  980.  
  981. {block:HasTags}
  982. <p>
  983. {block:Tags}
  984. Filed Under : <a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;
  985. {/block:Tags}
  986. </p>
  987. {/block:HasTags}
  988. </div><!--end .perma-->
  989.  
  990. </div><!--end .permapage-->
  991.  
  992. {block:PostNotes}
  993. <div class="postnotes">{PostNotes}</div>
  994. {/block:PostNotes}
  995.  
  996. {/block:PermalinkPage}
  997.  
  998. </div><!--end #post-->
  999.  
  1000. {/block:Posts}
  1001.  
  1002. </div><!--end #entries-->
  1003.  
  1004. </div><!--end .content-->
  1005.  
  1006. </div><!--end #wrap-->
  1007.  
  1008. {block:IndexPage}
  1009. {block:Pagination}
  1010. <div id="pagination">
  1011. {block:NextPage}
  1012. <a id="nextPage" href="{NextPage}"></a>
  1013. {/block:NextPage}
  1014. {block:PreviousPage}
  1015. <a href="{PreviousPage}"></a>
  1016. {/block:PreviousPage}
  1017. </div><!--end #pagination-->
  1018. {/block:Pagination}
  1019. {/block:IndexPage}
  1020.  
  1021. </body>
  1022.  
  1023. <!--description-->
  1024. <div id="box1" class="popup_block">
  1025.  
  1026. <p>{Description}</p>
  1027.  
  1028. <div class="navlinks">
  1029. <a href="{text:Link3}" class="push">{text:Link3 Text}</a> :
  1030. <a href="{text:Link4}" class="push">{text:Link4 Text}</a> :
  1031. <a href="{text:Link5}" class="push">{text:Link5 Text}</a> :
  1032. <a href="{text:Link6}" class="push">{text:Link6 Text}</a>
  1033. </div>
  1034.  
  1035. </div><!--end #box1 .popup_block-->
  1036.  
  1037. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!