API tools faq
paste
Advertisement
OmgImAlexis

Untitled

OmgImAlexis
May 6th, 2014
180
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--
  3. THE X THEME 2.0
  4.  
  5. http://themesthatyoulike.com/
  6. -->
  7. <html>
  8. <head>
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
  13. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  14. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  15. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  16. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  17. <script>
  18. window.onload = function () {
  19. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  20. document.addEventListener( 'click', function ( event ) {
  21. var myLike = event.target;
  22. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  23. var frame = document.getElementById( 'my-like-frame' ),
  24. liked = ( myLike.className == 'my-liked' ),
  25. command = liked ? 'unlike' : 'like',
  26. reblog = myLike.getAttribute( 'data-reblog' ),
  27. id = myLike.getAttribute( 'data-id' ),
  28. oauth = reblog.slice( -8 );
  29. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  30. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  31. };
  32. }, false );
  33. };
  34. </script>
  35.  
  36. {block:Description}
  37. <meta name="description" content="{MetaDescription}" />
  38. {/block:Description}
  39. <meta name="color:Background" content="#ffffff"/>
  40. <meta name="color:Link" content="#a7a4a4"/>
  41. <meta name="color:Text" content="#383838"/>
  42. <meta name="color:Description" content="#a5a5a3"/>
  43. <meta name="color:Title" content="#000000"/>
  44.  
  45. <meta name="font:Text" content="Futura"/>
  46. <meta name="font:Description" content="Futura"/>
  47.  
  48. <meta name="if:Three Rows" content="1"/>
  49. <meta name="if:Show X" content="1"/>
  50. <meta name="if:Show RSS" content="0"/>
  51. <meta name="if:Show Archive" content="0"/>
  52.  
  53. <meta name="image:Background" content=""/>
  54.  
  55. <meta name="text:Custom Link One" content="" />
  56. <meta name="text:Custom Link One Title" content="" />
  57. <meta name="text:Custom Link Two" content="" />
  58. <meta name="text:Custom Link Two Title" content="" />
  59. <meta name="text:Custom Link Three" content="" />
  60. <meta name="text:Custom Link Three Title" content="" />
  61.  
  62.  
  63.  
  64.  
  65. <style>
  66.  
  67. body {
  68. margin: 0;
  69. padding: 0;
  70. background-color: {color:Background};
  71. background-image: url('{image:Background}');
  72. background-attachment: fixed;
  73. color: {color:Text};
  74. }
  75.  
  76. #button {
  77. z-index: 42;
  78. font-family: "Futura";
  79. width: 50px;
  80. height: 50px;
  81. border-radius: 10px;
  82. background-color: rgba(0, 0, 0, 0.8);
  83. margin-top: 300px;
  84. position: fixed;;
  85. right: 10px;
  86. bottom: 10px;
  87. background-image: url(http://24.media.tumblr.com/5a651deb796934389269df7fd176c707/tumblr_mi6etnJifK1s3zdk4o1_100.png);
  88. background-size: 30px;
  89. background-repeat: no-repeat;
  90. background-position: center;
  91. opacity: 0.7;
  92. color: transparent;
  93. line-height: 48px;
  94. font-size: 10px;
  95. -webkit-transition: all 0.2s ease-out;
  96. -webkit-transition: all 0.2s ease-out;
  97. -moz-transition: all 0.2s ease-out;
  98. transition: all 0.2s ease-out;
  99. }
  100.  
  101. #button:hover {
  102. width: 137px;
  103. background-position: 12px;
  104. border-radius: 10px;
  105. color: #FFF;
  106. padding-left: 53px;
  107.  
  108. }
  109.  
  110. #content {
  111. margin: 0 auto;
  112. width: 1000px;
  113. min-width: 750px;
  114. margin-top: 100px;
  115. {block:PermalinkPage}
  116. width: 500px;
  117. left: 50%;
  118. margin-left: -250px;
  119. position: relative;
  120. {/block:PermalinkPage}
  121. }
  122.  
  123. #tumblr_controls {
  124. right: 0px !important;
  125. position: fixed!important;
  126. top: 0px !important;
  127. }
  128.  
  129. #install_theme {
  130. width: 100px;
  131. height: 20px;
  132. z-index: 23;
  133. background: url(http://25.media.tumblr.com/94c2ee4906b30683009e123de5477378/tumblr_mfe2lirjrb1s0wyp8o1_100.png);
  134. top: 25px !important;
  135. position: fixed;
  136. right: 0px !important;
  137. display: none;
  138. opacity: 0.8;
  139. }
  140.  
  141. .item iframe, img, embed, object, video {
  142. max-width: 100%;
  143. }
  144.  
  145. blockquote {
  146. display: block;
  147. -webkit-margin-before: 5px !important;
  148. -webkit-margin-after: 5px !important;
  149. -webkit-margin-start: 8px !important;
  150. -webkit-margin-end: 8px !important;
  151. border-left: 3px solid rgb(230, 230, 230);
  152. padding-left: 2px;
  153. }
  154.  
  155. a, a:link, a:hover, a:visited{
  156. color: rgb(30, 30, 30);
  157. text-decoration: none;
  158.  
  159. }
  160.  
  161. .body {
  162. margin: 0 auto;
  163. width: 1000px;
  164. padding-top: 20px;
  165. margin-top: -20px;
  166. padding-left: 50px;
  167. padding-right: 50px;
  168. background-color: #FFF;
  169. }
  170.  
  171. .head {
  172. width: 1000px;
  173. margin: 0 auto;
  174. margin-top: 20px;
  175. }
  176.  
  177.  
  178. .head #avatar {
  179. width: 126px;
  180. height: 126px;
  181. float; left;
  182. position: relative;
  183. left: 50%;
  184. margin-top: 40px;
  185. margin-left: -64px;
  186. background-color: #FFF;
  187. background-image: url({PortraitURL-128});
  188. background-size: 126px;
  189. }
  190.  
  191. .head #triangle {
  192. width: 126px;
  193. float; left;
  194. height: 126px;
  195. background-size: 126px;
  196. background-image: url(http://24.media.tumblr.com/430a292368811d944410d62244be936c/tumblr_mjnvh6hoFN1s3zdk4o1_250.png);
  197. background-size: 126px;
  198. display: none;
  199. {block:ifShowX}
  200. display: block;
  201. {/block:ifShowX}
  202. }
  203.  
  204. .head #title {
  205. position: relative;
  206. width: 100%;
  207. top: 5px;
  208. text-align: center;
  209. font-size: 20px ;
  210. z-index: 2;
  211. font-family: Futura;
  212. letter-spacing: 4px;
  213. text-transform: uppercase;
  214. color: {color:Title} !important;
  215. }
  216.  
  217. .head #title a{
  218. color: {color:Title} !important;
  219. }
  220.  
  221. .head #description {
  222. position: relative;
  223. font-size: 10px;
  224. left: 50%;
  225. top: 13px;
  226. margin-left: -20%;
  227. width: 40%;
  228. text-align: center;
  229. font-family: {font:Description};
  230. color: {color:Description};
  231. }
  232.  
  233.  
  234.  
  235. .head #links {
  236. position: relative;
  237. height: 13px;
  238. width: 100%;
  239. top: 20px;
  240. text-align: center;
  241. font-size: 10px;
  242. z-index: 1;
  243. font-family: {font:Description};
  244. color: {color:Description} !important;
  245.  
  246. }
  247.  
  248. .head #ask {
  249. margin-left: 5px;
  250. margin-right: 5px;
  251. color: {color:Description} !important;
  252.  
  253. }
  254.  
  255. .item {
  256. width: 480px;
  257. padding: 10px;
  258. margin-top: 0px;
  259. background-color: #FFF;
  260. font-family: {font:Text};
  261. color: {color:Text} !important;
  262. }
  263.  
  264.  
  265. {block:IndexPage}
  266. .item {
  267. width: 23%;
  268. padding: 0.5%;
  269. margin-top: 10px;
  270. margin-left: 0.4%;
  271. margin-right: 0.4%;
  272. text-align: justify;
  273. background-color: #FFF;
  274. word-wrap: break-word;
  275. font-family: {font:Text};
  276. min-width: 1px;
  277.  
  278. }
  279.  
  280. {/block:IndexPage}
  281.  
  282.  
  283. {block:IndexPage}
  284. {block:ifThreeRows}
  285.  
  286. .item {
  287. width: 31%;
  288. padding: 0.5%;
  289. margin-top: 10px;
  290. margin-left: 0.5%;
  291. margin-right: 0.5%;
  292. text-align: justify;
  293. background-color: #FFF;
  294. word-wrap: break-word;
  295. font-family: {font:Text};
  296. min-width: 1px;
  297. color: {color:Text} !important;
  298. }
  299.  
  300. {/block:ifThreeRows}
  301. {/block:IndexPage}
  302.  
  303. .PremlinkPageContainer {
  304. width: 480px;
  305. padding: 10px;
  306. margin-top: 15px;
  307. float: left;
  308. font-weight: 100;
  309. font-size: 11px;
  310. background-color: #FFF;
  311. position: relative;
  312. color: #000 !important;
  313. font-family: {font:Text};
  314. color: {color:Text} !important;
  315. }
  316.  
  317. .PremlinkPageContainer a{
  318. color: {color:Text} !important;
  319. border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  320. text-decoration: none !important;
  321. }
  322.  
  323. .PremlinkPageContainer #date {
  324. width: 480px;
  325. color: {color:Text} !important;
  326. text-align: center;
  327. font-size: 14px;
  328. }
  329.  
  330. .PremlinkPageContainer #line {
  331. height: 1px;
  332. background-color: {color:Text} !important;
  333. border: none;
  334. }
  335.  
  336. .PremlinkPageContainer ol {
  337. margin-bottom: 80px;
  338. }
  339.  
  340. .PremlinkPageContainer li {
  341. margin-top: 8px;
  342. margin-left: -20px;
  343. list-style-type: none;
  344. }
  345.  
  346. .PremlinkPageContainer li a{
  347. color: {color:Text} !important;
  348. }
  349.  
  350. /* Reblog and Link Buttons */
  351.  
  352. #controls{
  353. height: 30px;
  354. width: 100%;
  355. position: relative;
  356. }
  357.  
  358. #controls #link{
  359. height: 25px;
  360. top: 0px;
  361. right: 10px;
  362. width: 25px;
  363. position: absolute;
  364. background-image: url(http://31.media.tumblr.com/181802de4d22c71ce77d91669668bfa4/tumblr_msdalj1trt1s3zdk4o1_500.png);
  365. background-size: 25px;
  366. opacity: 0.2;
  367. -webkit-transition: all 0.3s ease-out;
  368. -webkit-transition: all 0.3s ease-out;
  369. -moz-transition: all 0.3s ease-out;
  370. transition: all 0.3s ease-out;
  371. }
  372.  
  373. #controls #link:hover{
  374. opacity: 0.4;
  375. }
  376.  
  377. #controls #reblog{
  378. height: 26px;
  379. top: 0px;
  380. right: 42px;
  381. width: 26px;
  382. position: absolute;
  383. background-image: url(http://24.media.tumblr.com/5fe9fc79fb45b596bbcfcc48aaadb915/tumblr_msbbbjtW821s3zdk4o1_250.png);
  384. background-size: 26px;
  385. opacity: 0.2;
  386. -webkit-transition: all 0.3s ease-out;
  387. -webkit-transition: all 0.3s ease-out;
  388. -moz-transition: all 0.3s ease-out;
  389. transition: all 0.3s ease-out;
  390. }
  391.  
  392. #controls #reblog:hover{
  393. opacity: 0.4;
  394. }
  395.  
  396.  
  397.  
  398. /* Text */
  399.  
  400. .text {
  401. font-size: 15px;
  402. text-align: left;
  403. padding-left: 5px;
  404. color: {color:Text} !important;
  405. }
  406.  
  407. .text #head{
  408. font-size: 20px;
  409. text-align: center;
  410. font-weight: 100;
  411. color: {color:Text} !important;
  412. }
  413.  
  414. .text #date{
  415. font-size: 10px;
  416. text-align: center;
  417. font-weight: 100;
  418. margin-top: -16px;
  419. margin-bottom: 20px;
  420. color: {color:Text} !important;
  421. }
  422.  
  423. .text #line{
  424. height: 1px;
  425. width: 80%;
  426. background-color: rgba(30, 30, 30, 0.3);
  427. border: none;
  428. }
  429.  
  430. /* Photo */
  431.  
  432. .photo {
  433. font-size: 10px;
  434. text-align: left;
  435. padding-bottom: 0%;
  436.  
  437.  
  438. }
  439.  
  440. .photo #index {
  441. width: auto;
  442. height: auto;
  443. }
  444.  
  445. .photo .slidein{
  446. position: absolute;
  447. width: 97%;
  448. height: 100%;
  449. top: 0%;
  450. background: #FFF;
  451. overflow: hidden;
  452. font-size: 28px;
  453. opacity: 0;
  454. float: left;
  455. -webkit-transition: all 0.2s ease-out;
  456. -webkit-transition: all 0.2s ease-out;
  457. -moz-transition: all 0.2s ease-out;
  458. transition: all 0.2s ease-out;
  459. }
  460.  
  461. .photo:hover .slidein{
  462. position: absolute;
  463. width: 97%;
  464. height: 100%;
  465. top: 0%;
  466. background: #FFF;
  467. overflow: hidden;
  468. font-size: 28px;
  469. opacity: 0.7;
  470. float: left;
  471. -webkit-transition: all 0.2s ease-out;
  472. -webkit-transition: all 0.2s ease-out;
  473. -moz-transition: all 0.2s ease-out;
  474. transition: all 0.2s ease-out;
  475. }
  476.  
  477.  
  478. .photo .slidein #buttons {
  479. margin-top: -20px;
  480. top: 50%;
  481. position: absolute;
  482. height: 23px;
  483. width: 140px;
  484. left: 50%;
  485. margin-left: -75px;
  486. }
  487.  
  488.  
  489.  
  490. .photo .slidein #reblog{
  491. width: 35px;
  492. height: 30px;
  493. font-size: 22px;
  494. background-color: #000;
  495. background-image: url(http://25.media.tumblr.com/59f4d99b428bfd07afbbb2f994234ab2/tumblr_mf1qhtIhW71qjqqaio1_400.png);
  496. background-size: 17px;
  497. margin-left: 5px;
  498. background-repeat: no-repeat;
  499. background-position: center;
  500. border-radius: 5px;
  501. -moz-border-radius: 5px;
  502. float: left;
  503. -khtml-border-radius: 5px;
  504.  
  505. }
  506.  
  507. .my-like {
  508. width: 35px;
  509. height: 30px;
  510. font-size: 22px;
  511. background-color: #000;
  512. background-image: url(http://24.media.tumblr.com/8b3cdde3a456aca1fe21ec745f396252/tumblr_mh8ufc692s1s18kl7o1_400.png);
  513. background-size: 14px;
  514. background-repeat: no-repeat;
  515. background-position: center;
  516. border-radius: 5px;
  517. -moz-border-radius: 5px;
  518. float: left;
  519. -khtml-border-radius: 5px;
  520. }
  521.  
  522. .my-liked, .my-like:hover {
  523. background-image: url(http://25.media.tumblr.com/064592531e007be4946ed3048960229b/tumblr_mh8vrc1KuI1s18kl7o1_400.png) !important;
  524. width: 35px;
  525. height: 30px;
  526. font-size: 22px;
  527. background-color: #000;
  528. background-size: 14px;
  529. background-repeat: no-repeat;
  530. background-position: center;
  531. border-radius: 5px;
  532. -moz-border-radius: 5px;
  533. float: left;
  534. -khtml-border-radius: 5px;
  535. display:inline-block;
  536. }
  537. {block:IndexPage}
  538. .photo .slidein #link{
  539. width: 55px;
  540. text-align: center;
  541. height: 30px;
  542. margin-left: 5px;
  543. line-height: 30px;
  544. font-size: 12px;
  545. color: #FFF;
  546. font-family: Futura;
  547. font-weight: 400;
  548. float: left;
  549. background-color: #000;
  550. border-radius: 5px;
  551. -moz-border-radius: 5px;
  552. -khtml-border-radius: 5px;
  553. }
  554.  
  555. .photo .slidein #link a, a:hover, a:link, a:active, a:visited{
  556. color: #FFF !important;
  557. }
  558.  
  559. {/block:IndexPage}
  560.  
  561.  
  562.  
  563. /* Single Post Photo */
  564.  
  565. .single {
  566. width: 480px;
  567. background-color: #FFF;
  568. padding: 10px 10px 10px 10px;
  569. position: relative;
  570. }
  571.  
  572. /* Quote */
  573.  
  574. .quote {
  575. font-size: 10px;
  576. text-align: left;
  577. padding-top: 3px;
  578. color: {color:Text} !important;
  579. }
  580.  
  581. .quote a{
  582. color: {color:Text} !important;
  583. border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  584. }
  585.  
  586. .quote #quote{
  587. font-size: 24px;
  588. color: {color:Text} !important;
  589. }
  590.  
  591. .quote #source {
  592. font-size: 11px;
  593. position: relative;
  594. text-align: right;
  595. margin-top: 0px;
  596. width: 95%;
  597. color: {color:Text} !important;
  598. margin-bottom: 10px;
  599.  
  600. }
  601.  
  602. /* Link */
  603.  
  604. .link {
  605. font-size: 10px;
  606. text-align: left;
  607. padding-top: 3px;
  608. color: {color:Text} !important;
  609.  
  610. }
  611.  
  612. .link #link{
  613. font-size: 24px;
  614. text-align: center;
  615. color: {color:Text} !important;
  616. }
  617.  
  618. .quote #description {
  619. font-size: 11px;
  620. position: absolute;
  621. right: 10px;
  622. bottom: 10px;
  623. text-align: left !important;
  624. }
  625.  
  626.  
  627. /* Photoset */
  628.  
  629. .photosettheme {
  630. width: 100%;
  631. position: relative;
  632. padding-top: 30px;
  633. padding-bottom: 30px;
  634. border: 1px solid rgba(100, 100, 100, 0.1);
  635. background-color: rgba(180, 180, 180, 0.2);
  636. }
  637.  
  638. .photosettheme .photoset{
  639. margin: 0 auto;
  640. }
  641.  
  642. .photosettheme #reblog{
  643. color: rgb(150, 150, 150);
  644. text-decoration: none;
  645. text-align: center;
  646. position: relative;
  647. top: 20px;
  648. }
  649.  
  650.  
  651. /* Chat */
  652.  
  653. .chat {
  654. font-size: 13px;
  655. text-align: left;
  656. padding-top: 0px;
  657. line-height: 24px;
  658. color: {color:Text} !important;
  659. }
  660.  
  661. .chat #head{
  662. font-size: 20px;
  663. text-align: center;
  664. font-weight: 100;
  665. margin-top: -0px;
  666. }
  667.  
  668. .chat li{
  669. font-size: 15px;
  670. margin-left: -14px;
  671. }
  672.  
  673. .chat #line{
  674. height: 1px;
  675. width: 80%;
  676. margin-top: -10px;
  677. background-color: rgba(30, 30, 30, 0.3);
  678. border: none;
  679. }
  680.  
  681. #infscr-loading {
  682. display: none;
  683. font-size: 0px;
  684. position: absolute;
  685. top: -300px;
  686. }
  687.  
  688. .item a{
  689. color: {color:Link} !important;
  690. text-decoration: none;
  691. border-bottom: 1px solid rgba(100, 100, 100, 0.1);
  692. }
  693.  
  694.  
  695. </style>
  696.  
  697. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script><script>window.jQuery || document.write('<script src="http://code.jquery.com/jquery-2.0.3.min.js">\x3C/script>')</script>
  698. <meta name="if:AnonBeGone" content="0" />
  699. {block:IfAnonBeGone}
  700. <script type="text/javascript">
  701. $(document).ready(function() {
  702. var ask_box = $('iframe#ask_form');
  703. ask_box.attr('src', 'http://omgimalexis.github.io/AnonBeGone/');
  704. $('.item').width(510);
  705. });
  706. </script>
  707. {/block:IfAnonBeGone}
  708.  
  709.  
  710. </head>
  711. <body>
  712.  
  713.  
  714.  
  715. <div class="body">
  716.  
  717. <a alt="9eorgia" name="Kirra" title="Kirra" href="http://onlyeverjoking.tumblr.com/"><div id="button">My Baby <3</div></a>
  718.  
  719. <div class="head">
  720.  
  721. <!-- Yes it's called triangle but it's the X --><div id="avatar"><div id="triangle"></div></div>
  722.  
  723.  
  724. <div id="title"><a id="title" href="/">{Title}</a></div>
  725.  
  726. {block:Description}
  727. <div id="description">{Description}</div>
  728. {/block:Description}
  729.  
  730. <div id="links">
  731. {block:AskEnabled}<a id="ask" href="/ask">{AskLabel}</a> {/block:AskEnabled}
  732. {block:HasPages}
  733. {block:Pages}<a id="ask" href="{URL}">{Label}</a>{block:Pages}
  734. {/block:HasPages}
  735. {block:IfCustomLinkOneTitle}<a id="ask" href="{Text:Custom Link One}">{Text:Custom Link One Title}</a>{/block:IfCustomLinkOneTitle}
  736. {block:IfCustomLinkTwoTitle}<a id="ask" href="{Text:Custom Link Two}">{Text:Custom Link Two Title}</a>{/block:IfCustomLinkTwoTitle}
  737. {block:IfCustomLinkThreeTitle}<a id="ask" href="{Text:Custom Link Three}">{Text:Custom Link Three Title}</a>{block:IfCustomLinkThreeTitle}
  738. {block:ifShowArchive}<a id="ask" href="/archive">Archive</a>{/block:ifShowArchive}
  739. {block:ifShowRSS}<a id="ask" href="/rss">RSS</a>{/block:ifShowRSS}
  740. </div>
  741.  
  742.  
  743. </div>
  744.  
  745.  
  746.  
  747. <div id="content">
  748. {block:Posts}
  749.  
  750.  
  751. {block:Text}
  752. <article class="item">
  753. <div class="text">
  754. {block:Title}
  755. <h3 id="head">{Title}</h3>
  756. {block:IndexPage} <div id="date"> {DayOfMonth}. {Month} {Year} </div > {/block:IndexPage}
  757. <hr id="line">
  758. {/block:Title}
  759.  
  760. {Body}
  761. {block:IndexPage}
  762.  
  763. <div id="controls">
  764.  
  765. <a href="{Permalink}" title="Permalink Page" >
  766. <div id="link"></div>
  767. </a>
  768.  
  769. <a target="_blank" href="{ReblogURL}" title="Reblog this">
  770. <div id="reblog"></div>
  771. </a>
  772.  
  773. </div>
  774.  
  775. {/block:IndexPage}
  776. </div>
  777. </article>
  778. {/block:Text}
  779.  
  780. {block:Photo}
  781.  
  782.  
  783. {block:IndexPage}
  784. <article class="item">
  785. {/block:IndexPage}
  786.  
  787. <div class="photo">
  788. {block:IndexPage}
  789. <a id="index" href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  790.  
  791. <div class="slidein">
  792.  
  793. <div id="center">
  794. <div id="buttons">
  795. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>
  796. <a target="_blank" href="{ReblogURL}"><div id="reblog"></div></a>
  797. <div id="link"><a href="{Permalink}">{NoteCount}</a></div>
  798. </div>
  799. </div>
  800. </div>
  801.  
  802. {/block:IndexPage}
  803.  
  804. {block:PermalinkPage}
  805. <img class="single" src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  806. <br />
  807. {/block:PermalinkPage}
  808.  
  809.  
  810. <!-- {block:Caption}
  811. <div class="caption">{Caption}</div>
  812. {/block:Caption} -->
  813. </div>
  814. </article>
  815.  
  816. {/block:Photo}
  817.  
  818. {block:Photoset}
  819. <article class="item">
  820.  
  821. <center>
  822. {block:IndexPage}
  823. {Photoset-250}
  824. {/block:IndexPage}
  825. {block:PermalinkPage}
  826. {Photoset-500}
  827. {/block:PermalinkPage}
  828. </center>
  829. {block:IndexPage}
  830.  
  831. <div id="controls">
  832.  
  833. <a href="{Permalink}" title="Permalink Page" >
  834. <div id="link"></div>
  835. </a>
  836.  
  837. <a target="_blank" href="{ReblogURL}" title="Reblog this">
  838. <div id="reblog"></div>
  839. </a>
  840.  
  841. </div>
  842.  
  843. {/block:IndexPage}
  844.  
  845.  
  846. </article>
  847.  
  848. {/block:Photoset}
  849.  
  850. {block:Quote}
  851. <article class="item">
  852. <div class="quote">
  853. {block:IndexPage}
  854.  
  855. {/block:IndexPage}
  856. <div id="quote">"{Quote}"</div>
  857. {block:IndexPage}
  858.  
  859. {/block:IndexPage}
  860. <br />
  861. {block:Source}
  862. <br /> <div id="source">{Source}</div>
  863. {/block:Source}
  864. {block:IndexPage}
  865.  
  866. <div id="controls">
  867.  
  868. <a href="{Permalink}" title="Permalink Page" >
  869. <div id="link"></div>
  870. </a>
  871.  
  872. <a target="_blank" href="{ReblogURL}" title="Reblog this">
  873. <div id="reblog"></div>
  874. </a>
  875.  
  876. </div>
  877.  
  878. {/block:IndexPage}
  879. </div>
  880. </article>
  881. {/block:Quote}
  882.  
  883. {block:Link}
  884. <article class="item">
  885. <div class="link">
  886. <a href="{URL}" id="link" {Target}>{Name}</a>
  887.  
  888. {block:Description}
  889. <div id="description">{Description}</div>
  890. {/block:Description}
  891. {block:IndexPage}
  892.  
  893. <div id="controls">
  894.  
  895. <a href="{Permalink}" title="Permalink Page" >
  896. <div id="link"></div>
  897. </a>
  898.  
  899. <a target="_blank" href="{ReblogURL}" title="Reblog this">
  900. <div id="reblog"></div>
  901. </a>
  902.  
  903. </div>
  904.  
  905. {/block:IndexPage}
  906. </div>
  907. </article>
  908. {/block:Link}
  909.  
  910. {block:Chat}
  911. <article class="item">
  912. <div class="chat">
  913. {block:Title}
  914.  
  915. <h3 id="head"><a href="{Permalink}">{Title}</a></h3>
  916. <hr id="line">
  917. {/block:Title}
  918.  
  919. <ul class="chat">
  920. {block:Lines}
  921. <li class="{Alt} user_{UserNumber}">
  922. {block:Label}
  923. <span class="label">{Label}</span>
  924. {/block:Label}
  925.  
  926. {Line}
  927. </li>
  928. {/block:Lines}
  929.  
  930. </ul>
  931. {block:IndexPage}
  932.  
  933. <div id="controls">
  934.  
  935. <a href="{Permalink}" title="Permalink Page" >
  936. <div id="link"></div>
  937. </a>
  938.  
  939. <a target="_blank" href="{ReblogURL}" title="Reblog this">
  940. <div id="reblog"></div>
  941. </a>
  942.  
  943. </div>
  944.  
  945. {/block:IndexPage}
  946. </div>
  947. </article class="item">
  948. {/block:Chat}
  949.  
  950. {block:Video}
  951. <article class="item">
  952.  
  953. <center>
  954. {block:IndexPage}
  955. {Video-250}
  956. {/block:IndexPage}
  957. {block:PermalinkPage}
  958. {Video-500}
  959. {/block:PermalinkPage}
  960. </center>
  961.  
  962. {block:Caption}
  963. <div class="caption">{Caption}</div>
  964. {/block:Caption}
  965. {block:IndexPage}
  966.  
  967. <div id="controls">
  968.  
  969. <a href="{Permalink}" title="Permalink Page" >
  970. <div id="link"></div>
  971. </a>
  972.  
  973. <a target="_blank" href="{ReblogURL}" title="Reblog this">
  974. <div id="reblog"></div>
  975. </a>
  976.  
  977. </div>
  978.  
  979. {/block:IndexPage}
  980. </article>
  981. {/block:Video}
  982.  
  983. {block:Audio}
  984. <article class="item">
  985. <center> {AudioPlayerBlack} </center>
  986.  
  987. {block:Caption}
  988. <div class="caption">{Caption}</div>
  989. {/block:Caption}
  990. {block:IndexPage}
  991.  
  992. <div id="controls">
  993.  
  994. <a href="{Permalink}" title="Permalink Page" >
  995. <div id="link"></div>
  996. </a>
  997.  
  998. <a target="_blank" href="{ReblogURL}" title="Reblog this">
  999. <div id="reblog"></div>
  1000. </a>
  1001.  
  1002. </div>
  1003.  
  1004. {/block:IndexPage}
  1005. </article>
  1006. {/block:Audio}
  1007.  
  1008. {block:PermalinkPage}
  1009. <div class="PremlinkPageContainer">
  1010.  
  1011. <div id="date">{DayOfWeek}, {DayOfMonth} - {MonthNumberWithZero} - {Year}</div>
  1012. <hr id="line"/>
  1013. {block:Caption}
  1014. {Caption}
  1015. {/block:Caption}
  1016. <hr id="line"/>
  1017. <center>{block:NoteCount}{notecountwithlabel}{/block:NoteCount}</center>
  1018. {block:Posts}{PostNotes}{/block:Posts}
  1019.  
  1020. </div>
  1021.  
  1022. {/block:PermalinkPage}
  1023.  
  1024. {/block:Posts}
  1025.  
  1026.  
  1027.  
  1028.  
  1029. </div>
  1030.  
  1031. <div id="hide"><div id="hide"><nav class="pagination">
  1032.  
  1033.  
  1034. {block:NextPage}
  1035. <next><a style="diyplay: none;" class="nextSelector" href="{NextPage}"></a></next>
  1036. {/block:NextPage}
  1037. </nav>
  1038.  
  1039.  
  1040.  
  1041. <script>
  1042.  
  1043. (function () {
  1044. var $tumblelog = $('#content');
  1045. $tumblelog.infinitescroll({
  1046. navSelector: ".pagination",
  1047. nextSelector: ".pagination a:last-child",
  1048. itemSelector: "article",
  1049. },
  1050.  
  1051. function (newElements) {
  1052. var $newElems = $(newElements).css({
  1053. opacity: 0
  1054. });
  1055. $newElems.imagesLoaded(function () {
  1056. $newElems.animate({
  1057. opacity: 1
  1058. });
  1059. $tumblelog.masonry('appended', $newElems);
  1060. });
  1061. });
  1062. $tumblelog.imagesLoaded(function () {
  1063. $tumblelog.masonry({
  1064. columnWidth: function (containerWidth) {
  1065. return containerWidth / 100;
  1066. }
  1067. });
  1068. });
  1069. })();
  1070. (function () {var $tumblelog = $('#content');
  1071. })();
  1072. var $tumblelog = $('#content');
  1073. $tumblelog.infinitescroll({
  1074. navSelector: ".pagination",
  1075. nextSelector: ".pagination a:last-child",
  1076. itemSelector: "article",
  1077. },function (newElements) {
  1078. var $newElems = $(newElements).css({
  1079. opacity: 0
  1080. });
  1081. $newElems.imagesLoaded(function () {
  1082. $newElems.animate({
  1083. opacity: 1
  1084. });
  1085. $tumblelog.masonry('appended', $newElems);
  1086. });
  1087. });
  1088. $tumblelog.imagesLoaded(function () {
  1089. $tumblelog.masonry({
  1090. columnWidth: function (containerWidth) {
  1091. return containerWidth / 100;
  1092. }
  1093. });
  1094. });
  1095.  
  1096.  
  1097. </script>
  1098. </div>
  1099. </body>
  1100. </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!