API tools faq
paste
Advertisement
cornetespoir

5 | Pocket Camp

cornetespoir
Feb 13th, 2016
2,228
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.72 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. // Pocket Camp
  5.  
  6. by espoirthemes //
  7.  
  8. + please don't move or remove the credit
  9. + let me know about problems with the theme
  10. + edit it as much as you want
  11.  
  12. -- Credits --
  13. This theme is (obviously) inspired by animal crossing pocket camp!
  14.  
  15. -->
  16.  
  17.  
  18. <html>
  19.  
  20. <head>
  21.  
  22. <link href="https://fonts.googleapis.com/css?family=Fredoka+One|Source+Sans+Pro:700" rel="stylesheet">
  23. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  24.  
  25. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  26. <script>
  27. $(document).ready(function(){
  28. $('#press').click(function(){
  29. $('.panel').toggleClass('bot');
  30.  
  31. });
  32. });
  33.  
  34.  
  35. </script>
  36. <script>
  37. $(function() {
  38. $('a[href*="#"]:not([href="#"])').click(function() {
  39. if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
  40. var target = $(this.hash);
  41. target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
  42. if (target.length) {
  43. $('html, body').animate({
  44. scrollTop: target.offset().top
  45. }, 1000);
  46. return false;
  47. }
  48. }
  49. });
  50. });
  51.  
  52. </script>
  53.  
  54. <title>{Title}</title>
  55. <link rel="shortcut icon" href="{Favicon}">
  56. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  57. {block:Description}
  58. <meta name="description" content="{MetaDescription}" />
  59. {/block:Description}
  60.  
  61. <meta name="image:background" content="" />
  62.  
  63.  
  64. <meta name="color:background" content="#f3f3f3" />
  65. <meta name="color:posts" content="LemonChiffon" />
  66. <meta name="color:text" content="#222" />
  67. <meta name="color:border" content="#dedede" />
  68. <meta name="color:link" content="mediumaquamarine" />
  69. <meta name="color:link hover" content="#fff" />
  70. <meta name="color:info links" content="peru" />
  71. <meta name="color:ask bubble" content="#ED8976" />
  72. <meta name="color:ask bubble text" content="#fff" />
  73. <meta name="color:scrollbar" content="#222" />
  74. <meta name="color:tooltip" content="#222" />
  75. <meta name="color:tooltip text" content="#fff" />
  76. <meta name="color:selection background" content="#ddd" />
  77. <meta name="color:selection text" content="#222" />
  78.  
  79. <meta name="text:Link 1" content="un." />
  80. <meta name="text:Link 1 url" content="http://" />
  81. <meta name="text:Link 2" content="deux." />
  82. <meta name="text:Link 2 url" content="http://" />
  83. <meta name="text:Link 3" content="trois." />
  84. <meta name="text:Link 3 url" content="http://" />
  85. <meta name="text:Link 4" content="quatre." />
  86. <meta name="text:Link 4 url" content="http://" />
  87.  
  88.  
  89. <meta name="text:current page" content="X" />
  90. <meta name="text:percent" content="40%" />
  91. <meta name="text:level" content="21" />
  92. <meta name="text:leaf tickets" content="142" />
  93. <meta name="text:bells" content="9726" />
  94.  
  95.  
  96. <meta name="if:full background" content="" />
  97.  
  98. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  99.  
  100. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  101.  
  102. <script>
  103.  
  104. (function($){
  105.  
  106. $(document).ready(function(){
  107.  
  108. $("a[title]").style_my_tooltips({
  109.  
  110. tip_follows_cursor:true,
  111.  
  112. tip_delay_time:90,
  113.  
  114. tip_fade_speed:600,
  115.  
  116. attribute:"title"
  117.  
  118. });
  119.  
  120. });
  121.  
  122. })(jQuery);
  123.  
  124. </script>
  125.  
  126.  
  127. </head>
  128.  
  129. <style type="text/css">
  130.  
  131. body{
  132. margin:0;
  133. background:{color:background} url({image:background})
  134. {block:iffullbackground} no-repeat center center fixed;
  135. -webkit-background-size: cover;
  136. -moz-background-size: cover;
  137. -o-background-size: cover;
  138. background-size: cover; {/block:iffullbackground};
  139. background-attachment:fixed;
  140. word-wrap:break-word;
  141. font-family: 'Fredoka One', cursive;
  142. font-size:16px;
  143. font-weight:100;
  144. color:{color:text};
  145.  
  146. }
  147.  
  148. #s-m-t-tooltip{
  149. max-width:300px;
  150. margin-top:-50px;
  151. margin-left:-20px;
  152.  
  153. border:2px solid white;
  154. box-shadow: 0px 0px 0px 2px {color:tooltip};
  155. padding:5px 5px;
  156. background:{color:tooltip}; /*if you're changing the color in the code, make sure this is the same as the s-m-t:after */
  157. color:{color:tooltip text};
  158. z-index:9999;
  159. font-size:1em;
  160. text-transform:uppercase;
  161. }
  162.  
  163. /* don't touch this, this is the what makes it look like a speech bubble */
  164. #s-m-t-tooltip:after{
  165.  
  166. content: '';
  167. position: absolute;
  168. border-style: solid;
  169. border-width: 8px 10px 0;
  170. border-color: {color:tooltip} transparent;
  171. display: block;
  172. width: 0;
  173. z-index: 1;
  174. bottom: -10px;
  175. left: 10%;}
  176.  
  177.  
  178. ::-webkit-scrollbar {width: 10px; height: 4px; background: #ffffff; border:1px solid {color:border}; }
  179. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; }
  180.  
  181.  
  182.  
  183. ::selection {color: {color:selection text}; background: {color:selection background};}
  184. ::-moz-selection {color: {color:selection text}; background: {color:selection background};}
  185.  
  186.  
  187.  
  188. a{
  189. color:{color:links};
  190.  
  191. text-decoration:none;
  192. transition:.6s;
  193.  
  194. }
  195.  
  196. a:hover{
  197. color:{color:link hover};
  198.  
  199. transition:.6s;
  200. }
  201.  
  202. img {border-radius:1%;}
  203. iframe{border-radius:1%;}
  204.  
  205. blockquote{border-left:1px dotted #222; padding-left:4px;}
  206.  
  207.  
  208. blockquote img{max-width:100%;}
  209.  
  210. #container {
  211. position:relative;
  212.  
  213. width:50%; margin:0px auto;
  214. overflow-x:hidden;
  215. min-width:540px;
  216. border-top:none;
  217. border-bottom:none;
  218. }
  219. .entries{margin:auto; }
  220. .posts img {max-width:100%;}
  221.  
  222.  
  223.  
  224. .posts{
  225.  
  226. position:relative;
  227. font-family:Source Sans Pro;
  228. background:{color:posts};
  229. padding:20px;
  230. border-radius:8px;
  231. box-shadow:0px 6px rgba(0,0,0,.2);
  232. margin: 40px auto 100px auto;
  233. width: 500px;
  234.  
  235.  
  236. }
  237. .caption a{text-decoration:none;}
  238.  
  239.  
  240. header{
  241. width:500px;
  242. padding:20px;
  243. background:lemonchiffon;
  244. margin:150px auto;
  245. border-radius:8px;
  246. position:relative;
  247. overflow:hidden;
  248. z-index:9;
  249.  
  250.  
  251. }
  252.  
  253.  
  254. nav {
  255. position:fixed;
  256. width:100%;
  257. height:60px;
  258. z-index:99;
  259. top:0px;
  260. }
  261.  
  262. nav li {
  263. list-style:none;
  264. margin:10px;
  265. display:inline-block;
  266. width:80px;
  267. height:1em;
  268. font-size:.92em;
  269. background:white;
  270. padding:10px;
  271. position:relative;
  272. overflow:hidden;
  273. border-radius:10px;
  274. }
  275.  
  276.  
  277. nav li span {
  278. width:{text:percent};
  279. height:100%;
  280. padding:10px;
  281. top:0;
  282. left:0;
  283. position:absolute;
  284. background:rgba(255, 215, 0, .5);
  285. }
  286. nav li .text {
  287. position:absolute;
  288. right:10px;
  289. z-index:9;
  290. }
  291.  
  292.  
  293. .panel {
  294. background:{color:posts};
  295. width:540px;
  296. bottom:-1000px;
  297. margin-left:50%;
  298. left:-270px;
  299. position:fixed;
  300. transition:.6s ease;
  301. z-index:99;
  302. border-bottom:40px solid mediumseagreen;
  303.  
  304.  
  305. }
  306.  
  307. .panel.bot {
  308. bottom:20px!important;
  309. transition:.6s ease;
  310. }
  311.  
  312. .panel h1 {
  313. background:mediumseagreen;
  314. transform:translate(0,-24px);
  315. color:white;
  316. border-radius:30px 30px 0px 0px;
  317. }
  318.  
  319. .links {
  320. padding:0px 20px 60px 20px;
  321.  
  322. }
  323.  
  324. .links li {
  325. display:inline-block;
  326. list-style:none;
  327. margin:30px;
  328. padding:4px;
  329. }
  330.  
  331. #pagination {
  332.  
  333. position:fixed;
  334. width:500px;
  335. bottom:0px;
  336. height:30px;
  337. z-index:999;
  338. font-size:1.2em;
  339. margin-left:50%;
  340. left:-270px;
  341. padding:10px 20px;
  342. background:mediumseagreen;
  343. border-radius:30px 30px 0 0;
  344. }
  345. #pagination a, .current_page {
  346. color:white;
  347. margin-left:50px;
  348. }
  349.  
  350. #press {
  351. cursor:pointer;
  352. right:40px;
  353. top:12px;
  354. position:absolute;
  355.  
  356.  
  357. }
  358.  
  359.  
  360. .title{
  361. margin:90px auto ;
  362. position:relative;
  363. font-size:3em;
  364. text-align:center;
  365.  
  366. border-radius:4px;
  367. padding:2px;
  368. line-height:160%;
  369.  
  370. }
  371. .title a {
  372. color:{color:noodle};
  373. background:none;
  374. }
  375.  
  376. .desc{
  377. line-height:160%;
  378.  
  379.  
  380.  
  381. }
  382.  
  383.  
  384.  
  385. #albumart{
  386. z-index:2;
  387. width:150px;
  388. height:150px;
  389. border-radius:100%;
  390.  
  391. }
  392.  
  393. .playerbox {
  394. float:left;
  395. }
  396.  
  397.  
  398. #albumart img{
  399. background:{color:highlight};
  400. width:150px;
  401. border-radius:100%;
  402. height:150px;
  403. padding:2px;
  404. border:1px solid transparent;
  405. box-shadow:0px 0px 0px 2px white;
  406. border-width:0px; transition:.6s;
  407.  
  408. }
  409.  
  410. .posts:hover #albumart img{transform:rotate(300deg); transition:.6s;}
  411.  
  412.  
  413. .player {
  414. width:28px;
  415. overflow:hidden;
  416. height:40px;
  417. padding:0px;
  418. transform:scale(1.4) translate(-2px, 12px);
  419.  
  420. position:relative;
  421.  
  422.  
  423. }
  424.  
  425.  
  426. .playercon {
  427. width:60px;
  428. height:60px;
  429. background:#f3f3f3;
  430. border-radius:90px;
  431. position:relative;
  432. margin-top:-106px;
  433. margin-left:8px;
  434. border:1px solid transparent;
  435. box-shadow:0px 0px 0px 1px {color:border};
  436. -webkit-transition-duration:500ms;
  437. -moz-transition-duration:500ms;
  438. -o-transition-duration:500ms;
  439. -ms-transition-duration:500ms;
  440. }
  441.  
  442. .infobox {
  443. float:left top;
  444. margin-left:150px;
  445. background-color:transparent;
  446. padding:20px;
  447.  
  448. height:110px;
  449. text-align:center;
  450. color:{color:text};
  451. }
  452.  
  453. .track {
  454.  
  455. font-size:1em;
  456. letter-spacing:4px;
  457. border-bottom:1px solid {color:info border};
  458. padding:10px;
  459. font-weight:300;
  460. text-transform:uppercase; transition:.6s;
  461. color:#333;
  462.  
  463.  
  464. }
  465. .artist {
  466. letter-spacing:1px;
  467. font-style:italic;
  468.  
  469.  
  470.  
  471. }
  472.  
  473. .playcount {
  474.  
  475.  
  476. text-transform:uppercase;
  477. letter-spacing:3px;
  478. }
  479.  
  480.  
  481. #audiopost{
  482.  
  483. width:500px;
  484.  
  485.  
  486. }
  487.  
  488. .inf {
  489. position:absolute;
  490. right:30px;
  491. margin-top:10px;
  492. line-height:100%;
  493. }
  494.  
  495. .inf svg {
  496. width:16px;
  497. height:16px;
  498.  
  499. fill:{color:links};
  500. }
  501.  
  502. .inf .like svg {
  503. width:16px;
  504. margin-top:6px;
  505. height:16px;
  506. fill:{color:link b};
  507. }
  508.  
  509. .inf .like { /* Make a parent element */
  510. float:right;
  511. transform:translate(0, -6px);
  512. }
  513.  
  514. .inf .like .like_button { /* Position like button above your custom one */
  515. position: absolute;
  516. top: 0;
  517. margin-top: 6px;
  518. opacity: 0;
  519. }
  520. .inf .like .like_button.liked { /* Keep the functionality active */
  521. opacity: 1;
  522. }
  523.  
  524. .inf .like:active svg {
  525. opacity:0;
  526. }
  527.  
  528. .inf a{ color:{color:link c}!important; padding:5.2px; border-radius:8%; text-decoration:none;
  529.  
  530. height:14px;
  531. border:none!important;
  532.  
  533.  
  534. transition: all .4s ease-in;
  535. }
  536.  
  537.  
  538. .info{
  539. font-size:1em;
  540. line-height:250%;
  541. margin-top:10px;
  542. padding:4px;
  543.  
  544.  
  545. }
  546. .info a{
  547. }
  548.  
  549. .info a:hover{
  550. }
  551.  
  552. .chat {
  553. padding:5px;
  554. line-height:150%;
  555. border-radius:2px; }
  556.  
  557. .chat:nth-of-type(odd) {
  558. background:{color:text};
  559. color:{color:posts};
  560. -webkit-transition:.5s;
  561. transition:.5s; }
  562.  
  563. .chat:nth-of-type(even) {
  564. background:{color:posts};
  565. color:{color:text};
  566. -webkit-transition:.5s;
  567. transition:.5s; }
  568.  
  569.  
  570. #egg { opacity:.8;left:10px; bottom:10px; position:fixed;bottom:4px;display:block; width: 14px; height: 18px; background-color:#FFFEFC; -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  571. font-family: "bitxmap";
  572. border:1px solid #000; z-index:4;
  573.  
  574. }
  575. #egg:hover { animation-name: egg;
  576. animation-duration: 1s;
  577. animation-iteration-count: infinite;}
  578. @keyframes egg{
  579. 0%{}
  580. 10%{transform:rotate(20deg)}
  581. 80%{transform:rotate(-20deg)}
  582. 100%{}
  583. }
  584.  
  585.  
  586. h1{
  587. padding:20px;
  588. margin-top:2px;
  589. text-align:center;
  590. padding-bottom:30px;
  591. position:relative;}
  592.  
  593.  
  594.  
  595.  
  596.  
  597.  
  598.  
  599. .speechbubble a{
  600. color:{color:ask bubble text};
  601.  
  602.  
  603. }
  604.  
  605.  
  606. .speechbubble {
  607. width:calc(75% - 20px);
  608. position: relative;
  609. background:{color:ask bubble} ;
  610. border:1px solid {color:ask bubble};
  611. left:70px;
  612. color:{color:ask bubble text};
  613. margin: 0;
  614. padding:10px;
  615. border-radius:20px;
  616. text-align:left;
  617. -webkit-box-shadow: 0px 0 1px rgba(0,0,0,0);
  618. -moz-box-shadow: 0px 0 1px rgba(0,0,0,0);
  619. box-shadow: 0px 0 1px rgba(0,0,0,0);
  620. }
  621.  
  622. .speechbubble:after
  623. {
  624. content: '';
  625. position: absolute;
  626. border-style: solid;
  627. border-width: 10px 15px 10px 0;
  628. border-color: transparent {color:ask bubble};
  629. display: block;
  630. width: 0;
  631. z-index: 1;
  632. transform:rotate(10deg) translate(2px,2px);
  633. left: -15px;
  634. top: 4px;
  635. }
  636.  
  637.  
  638.  
  639.  
  640. .caption{
  641. padding:20px;
  642. font-family:Source Sans Pro;
  643. font-weight:500;
  644.  
  645. }
  646. a {
  647. color:{color:link};
  648. }
  649. .info a {
  650. background:{color:info links};
  651. color:white;
  652. font-size:.88em;
  653. border-radius:6px;
  654. padding:4px 20px;
  655. }
  656.  
  657. .reblog {
  658. background:none;
  659. }
  660.  
  661. .user {
  662. background:{color:link};
  663. color:white;
  664. margin-left:10px;
  665. border-radius:2px;
  666. border-radius:6px;
  667. padding:2px 16px;
  668. }
  669.  
  670. .tags {
  671. padding:10px;
  672. }
  673.  
  674. .tags a {
  675. margin:10px;
  676. }
  677.  
  678. ol.notes{position:relative;
  679.  
  680. margin:20px auto;
  681. width:424px; padding:10px;
  682.  
  683. }
  684.  
  685. .notes li{list-style:none;
  686. margin:10px;
  687. background:{color:posts};
  688. padding:10px;
  689. text-align:center;
  690.  
  691.  
  692. }
  693.  
  694. .link{
  695. font-size:20px;
  696. }
  697. .link a{text-decoration:none; }
  698. .link:after{
  699. content:'»';
  700. transition:.6s;
  701. }
  702.  
  703. .link:hover:after{
  704. margin-left:10px;
  705. transition:.6s;
  706.  
  707. }
  708.  
  709. ol.notes img {display:none}
  710.  
  711. .clear {
  712. clear: both;
  713. height: 0px;
  714. overflow: hidden;
  715. }
  716.  
  717. .search {
  718. background: #fff;
  719. border: 1px solid {color:border};
  720.  
  721. }
  722.  
  723.  
  724. .search-scope {
  725. padding-top: 5px;
  726. font-size: 11px;
  727. text-align: center;
  728. }
  729.  
  730. #search-scope input,
  731. #search-scope label {
  732. cursor: pointer;
  733. }
  734.  
  735. #search form {
  736. margin: 0;
  737. }
  738.  
  739. #search form .query {
  740. padding: 2px;
  741. border: none;
  742. background: transparent;
  743. outline: none;
  744. width:100px;
  745. padding:10px;
  746. border-radius:30px;
  747. background:linear-gradient(to right,{color:link a}, {color:link b}, {color:link c});
  748. float: left;
  749. color: black;
  750. }
  751.  
  752. ::placeholder {
  753. color:white;
  754. }
  755.  
  756. #search form .submit {
  757. background: white;
  758. color: #000;
  759. border: none;
  760. padding: 5px 7px;
  761. margin: 3px 3px 2px 0;
  762. float: right;
  763. cursor: pointer;
  764. }
  765.  
  766.  
  767.  
  768.  
  769. h3
  770. {
  771. text-decoration:none;
  772. background:{color:posts};
  773. font-family: 'Quicksand', sans-serif;
  774. font-weight:normal;
  775. }
  776.  
  777. h3 a{
  778. text-decoration:none;
  779.  
  780.  
  781. }
  782.  
  783. .headerlink {
  784. background:khaki;
  785. padding:30px 20px;
  786. width:100%;
  787. transform:translate(-20px, 20px);
  788. }
  789. .headerlink a{
  790. margin:20px;
  791. padding:14px 50px;
  792. border-radius:16px;
  793. color:white;
  794. box-shadow:inset 0px -3px rgba(0,0,0,.46);
  795. }
  796. .headerlink a:first-child {
  797. background:darkgreen;
  798.  
  799.  
  800. }
  801.  
  802. .headerlink a:nth-child(2) {
  803. background:red;
  804. }
  805.  
  806. </style>
  807. <body>
  808. <div id="pagination">
  809. {block:PermalinkPagination}
  810. {block:PreviousPost}
  811. <a href="{PreviousPost}"><span class="sr-only" style="position: absolute !important;
  812. clip: rect(1px 1px 1px 1px);
  813. clip: rect(1px, 1px, 1px, 1px);" >Previous Post</span> <span class="fa fa-arrow-left" aria-hidden="true"></span></a>
  814. {/block:PreviousPost}
  815.  
  816. {block:NextPost}
  817. <a href="{NextPost}"><span class="sr-only" style="position: absolute !important;
  818. clip: rect(1px 1px 1px 1px);
  819. clip: rect(1px, 1px, 1px, 1px);" >Next Post</span> <span class="fa fa-arrow-right"></span></a>
  820. {/block:NextPost}
  821. {/block:PermalinkPagination}
  822. {block:Pagination}
  823.  
  824. {block:previousPage}<a href="{PreviousPage}"><span class="sr-only" style="position: absolute !important;
  825. clip: rect(1px 1px 1px 1px);
  826. clip: rect(1px, 1px, 1px, 1px);" >Previous page</span> <span class="fa fa-arrow-left" aria-hidden="true"></span></a>{/block:PreviousPage}
  827.  
  828. {block:JumpPagination length="4"}
  829. {block:CurrentPage}
  830. <span class="current_page"><span class="sr-only" style="position: absolute !important;
  831. clip: rect(1px 1px 1px 1px);
  832. clip: rect(1px, 1px, 1px, 1px);" >Current Page</span>{text:current page}
  833. {/block:CurrentPage}
  834.  
  835. {block:JumpPage}
  836. <a href="{URL}">{PageNumber}</a>
  837. {/block:JumpPage}
  838. {/block:JumpPagination}
  839.  
  840. {block:NextPage}
  841. <a href="{NextPage}"><span class="sr-only" style="position: absolute !important;
  842. clip: rect(1px 1px 1px 1px);
  843. clip: rect(1px, 1px, 1px, 1px);" >Next page</span> <span class="fa fa-arrow-right" aria-hidden="true"></span></a>
  844. {/block:NextPage}
  845.  
  846. {/block:Pagination}
  847. <center>{block:DayPagination}{block:PreviousDayPage}
  848. <a href="{PreviousDayPage}">
  849. &#171; {ShortMonth} {DayOfMonth}
  850. </a>
  851. {/block:PreviousDayPage}{block:NextDayPage}
  852. <a href="{NextDayPage}">
  853. {ShortMonth} {DayOfMonth} &#187;
  854. </a>
  855. {/block:NextDayPage}{/block:DayPagination}</center><a id="press" ><i aria-hidden="true" class="fa fa-th-large" style="color:white"></i></a>
  856. </div>
  857. <nav>
  858. <li> <span></span><div class="text">Lv. {text:level}</div></li>
  859. <li> <div class="text">{text:leaf tickets}</div></li>
  860. <li> <div class="text">{text:bells}</div></li>
  861. </nav>
  862. {block:indexPage}<header> <center>
  863. <div class="title" >
  864. <a href="/" title="refresh">{title}</a></div>
  865. <div class="sidebar">
  866.  
  867. <div class="desc"><span style=" padding:0px; margin:10px; border:1px solid transparent">
  868. {description}
  869. <p>
  870. </div>
  871. <div class="headerlink">
  872.  
  873. <a href="/">Return Home</a> <a href="#post">Let's Go!</a>
  874. </div>
  875. </div>
  876.  
  877.  
  878.  
  879. </center> </header>
  880. {/block:indexPage}
  881.  
  882.  
  883. <a href="http://espoirthemes.tumblr.com" title="credit"><div id="egg"></div></a>
  884. <main id="container">
  885.  
  886.  
  887. <div class="entries" id="post">
  888.  
  889.  
  890.  
  891. {block:Tagpage}
  892. <article class="posts {block:Answer} answers {/block:answer}"><div class="caption">
  893. {lang:Showing TagResultCount posts tagged Tag}
  894. </div></article>
  895. {/block:tagpage}
  896. {block:SearchPage}
  897. <article class="posts"><div class="caption">
  898. {lang:Showing SearchResultCount results for SearchQuery}
  899. </div></article>
  900. {/block:SearchPage}
  901. {block:DayPage}
  902. <article class="posts"><div class="caption">
  903. {lang:Viewing everything posted on Month DayOfMonth Year}
  904. </div></article>
  905. {/block:DayPage}
  906.  
  907.  
  908. {block:Posts}<article class="posts">
  909.  
  910. <!-- {block:NoRebloggedFrom}
  911. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  912. {/block:NoRebloggedFrom} -->
  913. {block:ContentSource}
  914. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  915. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  916. {/block:SourceLogo}
  917. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  918. {/block:ContentSource}
  919.  
  920. <!-- text post start -->
  921. {block:Text}
  922.  
  923. {block:Title}
  924. <h1>{Title}</h1>
  925. {/block:Title}
  926.  
  927. <div class="caption">{block:NotReblog}
  928. <figcaption>
  929. {Body}
  930. </figcaption>
  931. {/block:NotReblog}
  932.  
  933. {block:RebloggedFrom}
  934. <div class="reblog-list">
  935. {block:Reblogs}
  936. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  937. <div class="reblog-header">
  938.  
  939. {block:IsActive}
  940. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  941. <img src="{PortraitURL-64}" style="width:24px; float:left">
  942. </a>
  943. {/block:IsActive}
  944.  
  945. {block:IsDeactivated}
  946. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  947. <img src="{PortraitURL-64}" style="width:24px; float:left">
  948. </span>
  949. {/block:IsDeactivated}
  950.  
  951. {block:IsActive}
  952. <a target="_blank" href="{Permalink}" class="user"> {Username}</a>
  953. {/block:IsActive}
  954.  
  955. {block:IsDeactivated}
  956. <span class="inactive deactivated">{Username}</span>
  957. {/block:IsDeactivated}
  958.  
  959. </div>
  960. <div class="reblog-content">
  961. {Body}
  962. </div>
  963. </div>
  964. {/block:Reblogs}
  965. </div>
  966. {/block:RebloggedFrom}</div>
  967.  
  968. {/block:Text} <!-- text post end -->
  969.  
  970. <!-- photo posts -->
  971. {block:Photo}
  972. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  973. {block:Caption}
  974. <div class="caption"> {block:NotReblog}
  975. <figcaption>
  976. {Caption}
  977. </figcaption>
  978. {/block:NotReblog}
  979.  
  980. {block:RebloggedFrom}
  981. <div class="reblog-list">
  982. {block:Reblogs}
  983. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  984. <div class="reblog-header">
  985.  
  986. {block:IsActive}
  987. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  988. <img src="{PortraitURL-64}" style="width:24px; float:left">
  989. </a>
  990. {/block:IsActive}
  991.  
  992. {block:IsDeactivated}
  993. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  994. <img src="{PortraitURL-64}" style="width:24px; float:left">
  995. </span>
  996. {/block:IsDeactivated}
  997.  
  998. {block:IsActive}
  999. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  1000. {/block:IsActive}
  1001.  
  1002. {block:IsDeactivated}
  1003. <span class="inactive deactivated">{Username}</span>
  1004. {/block:IsDeactivated}
  1005.  
  1006. </div>
  1007. <div class="reblog-content">
  1008. {Body}
  1009. </div>
  1010. </div>
  1011. {/block:Reblogs}
  1012. </div>
  1013. {/block:RebloggedFrom}</div>
  1014. {/block:Caption}
  1015.  
  1016. {/block:Photo}<!-- end photo posts -->
  1017.  
  1018. {block:Panorama}
  1019. {LinkOpenTag}
  1020. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  1021. {LinkCloseTag}
  1022.  
  1023. {block:Caption}
  1024. <div class="caption"> {block:NotReblog}
  1025. <figcaption>
  1026. {Caption}
  1027. </figcaption>
  1028. {/block:NotReblog}
  1029.  
  1030. {block:RebloggedFrom}
  1031. <div class="reblog-list">
  1032. {block:Reblogs}
  1033. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1034. <div class="reblog-header">
  1035.  
  1036. {block:IsActive}
  1037. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1038. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1039. </a>
  1040. {/block:IsActive}
  1041.  
  1042. {block:IsDeactivated}
  1043. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1044. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1045. </span>
  1046. {/block:IsDeactivated}
  1047.  
  1048. {block:IsActive}
  1049. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  1050. {/block:IsActive}
  1051.  
  1052. {block:IsDeactivated}
  1053. <span class="inactive deactivated">{Username}</span>
  1054. {/block:IsDeactivated}
  1055.  
  1056. </div>
  1057. <div class="reblog-content">
  1058. {Body}
  1059. </div>
  1060. </div>
  1061. {/block:Reblogs}
  1062. </div>
  1063. {/block:RebloggedFrom}</div>
  1064. {/block:Caption}
  1065.  
  1066. {/block:Panorama}
  1067.  
  1068. <!-- photoset posts -->
  1069. {block:Photoset}
  1070. {Photoset}
  1071.  
  1072. {block:Caption}
  1073. <div class="caption"> {block:NotReblog}
  1074. <figcaption>
  1075. {Caption}
  1076. </figcaption>
  1077. {/block:NotReblog}
  1078.  
  1079. {block:RebloggedFrom}
  1080. <div class="reblog-list">
  1081. {block:Reblogs}
  1082. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1083. <div class="reblog-header">
  1084.  
  1085. {block:IsActive}
  1086. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1087. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1088. </a>
  1089. {/block:IsActive}
  1090.  
  1091. {block:IsDeactivated}
  1092. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1093. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1094. </span>
  1095. {/block:IsDeactivated}
  1096.  
  1097. {block:IsActive}
  1098. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  1099. {/block:IsActive}
  1100.  
  1101. {block:IsDeactivated}
  1102. <span class="inactive deactivated">{Username}</span>
  1103. {/block:IsDeactivated}
  1104.  
  1105. </div>
  1106. <div class="reblog-content">
  1107. {Body}
  1108. </div>
  1109. </div>
  1110. {/block:Reblogs}
  1111. </div>
  1112. {/block:RebloggedFrom}</div>
  1113. {/block:Caption}
  1114.  
  1115. {/block:Photoset}<!-- end photoset -->
  1116.  
  1117. <!-- quote posts -->
  1118. {block:Quote}
  1119. <div class="caption">
  1120. "{Quote}"
  1121.  
  1122. {block:Source}
  1123. <br> -{Source}
  1124. {/block:Source}
  1125. </div>
  1126. {/block:Quote} <!-- end quote posts -->
  1127.  
  1128. <!-- link posts --> {block:Link}
  1129.  
  1130. <h1> <a href="{URL}" style="border:none" class="link" {Target}>{Name}</a></h1>
  1131.  
  1132. {block:Description}
  1133. <div class="caption">{Description}</div>
  1134. {/block:Description}
  1135.  
  1136. {/block:Link}
  1137. <!-- end link posts -->
  1138.  
  1139. {block:Chat}
  1140.  
  1141.  
  1142. <div class="caption">
  1143. {block:Title}<a href="{Permalink}" style="background:transparent; padding:0;"><h1>{title}</h1></a>{/block:Title}
  1144. {block:Lines} <div class="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br/></div>{/block:Lines}
  1145.  
  1146. </div>
  1147.  
  1148. {/block:Chat}{block:Video}
  1149.  
  1150. {Video-500}{block:Caption}
  1151. <div class="caption"> {block:NotReblog}
  1152. <figcaption>
  1153. {Caption}
  1154. </figcaption>
  1155. {/block:NotReblog}
  1156.  
  1157. {block:RebloggedFrom}
  1158. <div class="reblog-list">
  1159. {block:Reblogs}
  1160. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1161. <div class="reblog-header">
  1162.  
  1163. {block:IsActive}
  1164. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1165. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1166. </a>
  1167. {/block:IsActive}
  1168.  
  1169. {block:IsDeactivated}
  1170. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1171. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1172. </span>
  1173. {/block:IsDeactivated}
  1174.  
  1175. {block:IsActive}
  1176. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  1177. {/block:IsActive}
  1178.  
  1179. {block:IsDeactivated}
  1180. <span class="inactive deactivated">{Username}</span>
  1181. {/block:IsDeactivated}
  1182.  
  1183. </div>
  1184. <div class="reblog-content">
  1185. {Body}
  1186. </div>
  1187. </div>
  1188. {/block:Reblogs}
  1189. </div>
  1190. {/block:RebloggedFrom}</div>
  1191. {/block:Caption}
  1192.  
  1193. {/block:Video}{block:Audio}
  1194.  
  1195. <div id="audiopost">
  1196. <div class="playerbox">
  1197. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1198.  
  1199. <center><div class="playercon"><div class="player">{AudioPlayerWhite}</div></div></center></div>
  1200. <div class="infobox">
  1201. <div class="trackname"> {block:TrackName}
  1202. Track: {TrackName}
  1203. {/block:TrackName} </div>
  1204.  
  1205.  
  1206. <div class="artist">
  1207. {block:Artist}
  1208.  
  1209. Artist: {Artist}
  1210. {/block:Artist} </div>
  1211.  
  1212. <div class="album">
  1213. {block:Album}
  1214. Album: {Album}
  1215. {/block:Album}
  1216. </div>
  1217.  
  1218. </div></div> <br> {block:Caption}
  1219. <div class="caption"> {block:NotReblog}
  1220. <figcaption>
  1221. {Caption}
  1222. </figcaption>
  1223. {/block:NotReblog}
  1224.  
  1225. {block:RebloggedFrom}
  1226. <div class="reblog-list">
  1227. {block:Reblogs}
  1228. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1229. <div class="reblog-header">
  1230.  
  1231. {block:IsActive}
  1232. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1233. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1234. </a>
  1235. {/block:IsActive}
  1236.  
  1237. {block:IsDeactivated}
  1238. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1239. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1240. </span>
  1241. {/block:IsDeactivated}
  1242.  
  1243. {block:IsActive}
  1244. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  1245. {/block:IsActive}
  1246.  
  1247. {block:IsDeactivated}
  1248. <span class="inactive deactivated">{Username}</span>
  1249. {/block:IsDeactivated}
  1250.  
  1251. </div>
  1252. <div class="reblog-content">
  1253. {Body}
  1254. </div>
  1255. </div>
  1256. {/block:Reblogs}
  1257. </div>
  1258. {/block:RebloggedFrom}</div>
  1259. {/block:Caption}
  1260.  
  1261. {/block:Audio}
  1262.  
  1263.  
  1264.  
  1265. {block:Answer}
  1266. <div class="caption">
  1267. <br>
  1268. <div class="askerportrait"><img style="position:absolute; margin-left:10px" src="{AskerPortraitURL-40}" align="left" /></div><div class="speechbubble">{Asker} said: {Question}</div> {answer}
  1269.  
  1270. </div>
  1271. {/block:Answer}
  1272.  
  1273.  
  1274.  
  1275. {block:Date}
  1276.  
  1277. <div class="info">
  1278. <center><div class="inf">
  1279.  
  1280.  
  1281. <div class="like">
  1282. <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  1283. width="369.486px" height="369.486px" viewBox="0 0 369.486 369.486" style="enable-background:new 0 0 369.486 369.486;"
  1284. xml:space="preserve">
  1285. <g>
  1286. <g>
  1287. <path d="M184.743,357.351c-3.478,0-6.798-1.449-9.164-3.998l-147.67-159.16c-0.038-0.041-0.076-0.082-0.113-0.123
  1288. C9.871,174.223,0,147.921,0,120.008c0-27.914,9.871-54.215,27.796-74.061l2.244-2.484c18.246-20.201,42.608-31.327,68.599-31.327
  1289. s50.354,11.126,68.601,31.328l17.503,19.38l17.503-19.379c18.246-20.202,42.608-31.328,68.6-31.328s50.354,11.126,68.601,31.329
  1290. l2.241,2.478c17.928,19.851,27.799,46.152,27.799,74.065s-9.872,54.215-27.796,74.061c-0.037,0.043-0.075,0.084-0.113,0.125
  1291. l-147.671,159.16C191.541,355.901,188.221,357.351,184.743,357.351z M46.295,177.252l138.448,149.219l138.448-149.22
  1292. c28.485-31.603,28.467-82.97-0.055-114.549l-2.239-2.478c-13.449-14.891-31.224-23.09-50.051-23.09
  1293. c-18.828,0-36.603,8.199-50.048,23.085L194.02,89.869c-2.369,2.624-5.74,4.121-9.275,4.121s-6.906-1.497-9.276-4.121
  1294. l-26.779-29.648c-13.446-14.887-31.22-23.086-50.048-23.086S62.039,45.333,48.594,60.22l-2.244,2.484
  1295. C17.828,94.283,17.809,145.65,46.295,177.252z"/>
  1296. </g>
  1297. </g>
  1298.  
  1299.  
  1300. </svg>
  1301.  
  1302. {LikeButton size="15"}
  1303. </div>
  1304.  
  1305. <a href="{ReblogURL}" style="background:none">
  1306. <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  1307. viewBox="0 0 489.935 489.935" style="enable-background:new 0 0 489.935 489.935;" xml:space="preserve">
  1308. <g>
  1309. <path style="fill:{color:link c}"d="M278.235,33.267c-116.7,0-211.6,95-211.6,211.7v0.7l-41.9-63.1c-4.1-6.2-12.5-7.9-18.7-3.8c-6.2,4.1-7.9,12.5-3.8,18.7
  1310. l60.8,91.5c2.2,3.3,5.7,5.4,9.6,5.9c0.6,0.1,1.1,0.1,1.7,0.1c3.3,0,6.5-1.2,9-3.5l84.5-76.1c5.5-5,6-13.5,1-19.1
  1311. c-5-5.5-13.5-6-19.1-1l-56.1,50.7v-1c0-101.9,82.8-184.7,184.6-184.7s184.7,82.8,184.7,184.7s-82.8,184.7-184.6,184.7
  1312. c-49.3,0-95.7-19.2-130.5-54.1c-5.3-5.3-13.8-5.3-19.1,0c-5.3,5.3-5.3,13.8,0,19.1c40,40,93.1,62,149.6,62
  1313. c116.6,0,211.6-94.9,211.6-211.7S394.935,33.267,278.235,33.267z"/>
  1314. </g>
  1315.  
  1316. </svg>
  1317.  
  1318. </a></div>
  1319. </center>
  1320.  
  1321. <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}" title="at {12hour}:{minutes}{AmPM}" >{lang:Posted on DayOfMonth Month Year}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a>
  1322. {block:permalinkpage}
  1323. {block:RebloggedFrom}<br> {lang:via} <a href="{ReblogParentURL}"> {ReblogParentName}</a> {lang:source} <a href="{ReblogRootURL}"> {ReblogRootName}</a>
  1324. {/block:RebloggedFrom} {/block:permalinkpage}
  1325. </div> <!-- end info -->
  1326.  
  1327. {/block:Date}
  1328. {block:HasTags} <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div> {/block:HasTags}
  1329.  
  1330.  
  1331. </article><!--posts end-->
  1332.  
  1333.  
  1334.  
  1335. {block:PostNotes} {PostNotes-16} {/block:PostNotes} {/block:Posts}
  1336. </div>
  1337.  
  1338.  
  1339. </div>
  1340.  
  1341.  
  1342.  
  1343.  
  1344. </main>
  1345.  
  1346. <div class="panel">
  1347. <h1>More Options</h1>
  1348. <p>
  1349. <div class="links">
  1350.  
  1351. {block:haspages} {block:pages}
  1352. <li><a href="{URL}">{Label}</a> </li>
  1353.  
  1354. {/block:Pages} {/block:Haspages}
  1355. <li><a href="{text:Link 1 url}">{text:Link 1}</a></li>
  1356. <li><a href="{text:Link 2 url}">{text:Link 2}</a></li>
  1357. <li><a href="{text:Link 3 url}">{text:Link 3}</a></li>
  1358. <li><a href="{text:link 4 url}">{text:link 4}</a></li>
  1359.  
  1360. </div>
  1361.  
  1362.  
  1363. </body>
  1364. </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!