API tools faq
paste
Advertisement
cornetespoir

14 // Noodles

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