API tools faq
paste
planthed

Fluorescent (revamped)

planthed
Jun 28th, 2018
1,723
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.73 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. fluorescent (revamped) @ 99chen
  5.  
  6.  
  7. — DO NOT delete the credit.
  8. — Do not copy or steal any code.
  9. — Do not claim as yours.
  10. — Full credits at @painthemes/c
  11.  
  12.  
  13. -->
  14.  
  15. <html lang="en">
  16. <head>
  17.  
  18.  
  19. <title>{block:PostSummary}{PostSummary}: {/block:PostSummary}{Title}</title>
  20. <link rel="shortcut icon" href="{favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:hidden}
  23. <!--Default Variables-->
  24.  
  25. <meta name="image:Sidebar" content=""/>
  26.  
  27.  
  28. <meta name="color:Background" content="#ffffff"/>
  29. <meta name="color:Text" content="#000000"/>
  30. <meta name="color:Accent" content="#BDC0DA"/>
  31. <meta name="color:Borders" content="#BDC0DA"/>
  32.  
  33.  
  34. <meta name="text:Blogtitle" content="/ask"/>
  35. <meta name="text:Ask link" content="/ask"/>
  36. <meta name="text:Link 1 title" content="" />
  37. <meta name="text:Link 1" content="" />
  38. <meta name="text:Link 2 title" content="" />
  39. <meta name="text:Link 2" content="" />
  40. <meta name="text:Link 3 title" content="" />
  41. <meta name="text:Link 3" content="" />
  42.  
  43. <meta name="if:Infinite scroll" content="" />
  44. <meta name="if:Load more" content="" />
  45. <meta name="if:White Tiny cursor" content="" />
  46. <meta name="if:Black Tiny cursor" content="" />
  47. <meta name="if:Show captions" content="">
  48. <meta name="if:Show tags" content="">
  49.  
  50.  
  51.  
  52. <meta name="select:Post size" content="280" title="280px">
  53. <meta name="select:Post size" content="300" title="300px">
  54. <meta name="select:Post size" content="320" title="320px">
  55. <meta name="select:Post size" content="350" title="350px">
  56. <meta name="select:Post size" content="380" title="380px">
  57. <meta name="select:Post size" content="400" title="400px">
  58. <meta name="select:Post size" content="450" title="450px">
  59. <meta name="select:Post size" content="500" title="500px">
  60.  
  61. <meta name="select:Photoset gutters" content="1" title="1px">
  62. <meta name="select:Photoset gutters" content="2" title="2px">
  63. <meta name="select:Photoset gutters" content="3" title="3px">
  64. <meta name="select:Photoset gutters" content="4" title="4px">
  65. <meta name="select:Photoset gutters" content="5" title="5px">
  66. <meta name="select:Photoset gutters" content="10" title="10px">
  67.  
  68. <meta name="select:Faded posts" content="" title="None" />
  69. <meta name="select:Faded posts" content="0.9" title="0.9" />
  70. <meta name="select:Faded posts" content="0.8" title="0.8" />
  71. <meta name="select:Faded posts" content="0.7" title="0.7" />
  72. <meta name="select:Faded posts" content="0.6" title="0.6" />
  73. <meta name="select:Faded posts" content="0.5" title="0.5" />
  74.  
  75. <meta name="select:Grayscale images" content="" title="None" />
  76. <meta name="select:Grayscale images" content="-webkit-filter:grayscale(30%);filter:grayscale(30%);" title="30%" />
  77. <meta name="select:Grayscale images" content="-webkit-filter:grayscale(50%);filter:grayscale(50%);" title="50%" />
  78. <meta name="select:Grayscale images" content="-webkit-filter:grayscale(70%);filter:grayscale(70%);" title="70%" />
  79. <meta name="select:Grayscale images" content="-webkit-filter:grayscale(100%);filter:grayscale(100%);" title="100%" />
  80.  
  81.  
  82. {/block:hidden}
  83.  
  84.  
  85. <!---pxu script--->
  86. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  87.  
  88. <!--- tooltips script --->
  89. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  90. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  91. <script>
  92. (function($){
  93. $(document).ready(function(){
  94. $("a[title]").style_my_tooltips({
  95. tip_follows_cursor:true,
  96. tip_delay_time:90,
  97. tip_fade_speed:600,
  98. attribute:"title"
  99. });});})(jQuery);
  100. </script>
  101.  
  102.  
  103. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  104.  
  105. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  106. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  107. <script type="text/javascript">
  108. $(function(){$window=$(window);$link=$("#scroll");$link.click(function(){$("html, body").animate({scrollTop:0},"slow")});$window.scroll(function(){if($window.scrollTop()<=0){$link.fadeOut("slow")}else{$link.fadeIn("fast")}})});
  109. </script>
  110.  
  111.  
  112. <style type="text/css">
  113.  
  114. #scroll:link, #scroll:visited {display: none;position: fixed;bottom: 40px;right: 13px;font-size:20px;text-transform:uppercase;letter-spacing:1px;color:{color:text};}
  115.  
  116.  
  117. #s-m-t-tooltip{
  118. max-width:300px;
  119. padding:3px 5px 3px 5px;
  120. min-height:7px;
  121. margin:20px 0px 0px 20px;
  122. line-height:100%;
  123. background:black;
  124. color:white;
  125. text-transform:uppercase
  126. word-wrap:break-word;
  127. word-break:break-all;
  128. opacity:1;
  129. z-index:9999999999999999999;
  130. }
  131.  
  132.  
  133.  
  134. .controles {
  135. position:fixed;
  136. top:15px;
  137. right:10px;
  138. }
  139.  
  140. .controles svg{
  141. width:1.5em;
  142. height:auto;
  143. fill:#888;
  144. }
  145.  
  146. iframe.tmblr-iframe {
  147. z-index:99999999999999!important;
  148. top:5px!important;
  149. right:15px!important;
  150. opacity:0;
  151. padding-right:40px;
  152. /* delete invert(1) from here */
  153. filter:invert(1) contrast(150%);
  154. -webkit-filter:invert(1) contrast(150%);
  155. -o-filter:invert(1) contrast(150%);
  156. -moz-filter:invert(1) contrast(150%);
  157. -ms-filter:invert(1) contrast(150%);
  158. /* to here if your blog has a dark background */
  159. transform:scale(0.65);
  160. transform-origin:100% 0;
  161. -webkit-transform:scale(0.65);
  162. -webkit-transform-origin:100% 0;
  163. -o-transform:scale(0.65);
  164. -o-transform-origin:100% 0;
  165. -moz-transform:scale(0.65);
  166. -moz-transform-origin:100% 0;
  167. -ms-transform:scale(0.65);
  168. -ms-transform-origin:100% 0;
  169. -webkit-transition: all 0.4s ease-in;
  170. -moz-transition: all 0.4s ease-in;
  171. transition: all 0.4s ease-in;
  172. }
  173.  
  174. iframe.tmblr-iframe:hover {
  175. right:5px!important;
  176. opacity:0.3!important;
  177. -webkit-transition: all 0.4s ease-in;
  178. -moz-transition: all 0.4s ease-in;
  179. transition: all 0.4s ease-in;
  180. }
  181.  
  182. /*tumblr controls and lightbox*/
  183.  
  184. #tumblr_lightbox,.tmblr-lightbox{
  185. background:rgba(255, 255, 255, 0.8)!important;
  186. z-index:9999999999999999999999999;
  187. }
  188.  
  189. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  190. opacity:0!important;
  191. z-index:9999999999999999999999999;
  192. }
  193.  
  194. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image, .lightbox-image {
  195. box-shadow:none!important;
  196. border-radius:0px!important;
  197. padding:0px!important;
  198. background:#f9f9f9!important;
  199. opacity:1px!important;
  200. border:0px solid {color:border}!important;
  201. }
  202.  
  203.  
  204. ::-webkit-scrollbar{
  205. height:3px;
  206. width:15px;
  207. background:inherit;
  208. }
  209.  
  210. ::-webkit-scrollbar-track {background:transparent;}
  211.  
  212. ::-webkit-scrollbar-thumb {
  213. height:150px!important;
  214. background:{color:borders};
  215. border:7px solid {color:background};
  216. }
  217.  
  218. ::-moz-selection { /* Code for Firefox */
  219. color:black;
  220. background: {color:borders};
  221. }
  222.  
  223. ::selection {
  224. color:black;
  225. background: {color:borders};
  226. }
  227.  
  228.  
  229. /*tiny cursor*/
  230.  
  231.  
  232. html, body, img, a {
  233. {block:ifWhiteTinycursor}
  234. cursor:url(http://static.tumblr.com/vmteopo/fhxo3gbrd/small_white_cursor.png), auto;
  235. {/block:ifWhiteTinycursor}
  236. {block:ifBlackTinyCursor}
  237. cursor: url('http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), auto;
  238. {/block:ifBlackTinyCursor}
  239. }
  240.  
  241. a:hover, a:active, iframe{
  242. {block:ifWhiteTinycursor}cursor:url(http://static.tumblr.com/vmteopo/RQ9o3gbth/small_white_cursor_help.png), crosshair;
  243. {/block:ifWhiteTinycursor}
  244. {block:ifBlackTinyCursor}
  245. cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair;
  246. {/block:ifBlackTinyCursor}
  247. }
  248.  
  249.  
  250. /*main structure*/
  251.  
  252. body{
  253. background:{color:background};
  254. font-size:11px;
  255. font-family:scada, arial, sans-serif;
  256. color:{color:text};
  257. line-height:170%;
  258. -moz-osx-font-smoothing:grayscale;
  259. -webkit-font-smoothing:antialiased;
  260. font-smoothing:antialiased;
  261. }
  262.  
  263.  
  264.  
  265. a, a:link, a:active, a:visited{
  266. color:{color:Accent};
  267. text-decoration:none;
  268. -webkit-transition:all 0.3s linear;
  269. -moz-transition:all 0.3s linear;
  270. transition:all 0.3s linear;}
  271. a:hover {color:{color:text};
  272. {block:ifNOTBlackTinyCursor}
  273. {block:ifNOTWhiteTinycursor}
  274. cursor:help;
  275. {/block:ifNOTWhiteTinycursor}
  276. {/block:ifNOTBlackTinyCursor}}
  277.  
  278.  
  279. .center {
  280. position:relative;
  281. margin:0px auto;
  282. width:calc({select:post size}px - 50px);
  283. {block:indexpage}
  284. {block:ifNOTinfinitescroll}
  285. margin:-40px auto;
  286. {/block:ifNOTinfinitescroll}
  287. {/block:indexpage}
  288. }
  289.  
  290. #posts{
  291. position:relative;
  292. {block:PermalinkPage}
  293. margin-top:100px;
  294. {/block:PermalinkPage}
  295. }
  296.  
  297. .entry {
  298. margin-top:140px;
  299. margin-bottom:140px;
  300. width:{select:post size}px;
  301. {block:indexpage}
  302. {block:ifinfinitescroll}
  303. opacity:0;
  304. z-index:-1;
  305. {/block:ifinfinitescroll}
  306. {/block:indexpage}
  307. {block:indexpage}
  308. {block:ifNOTinfinitescroll}
  309. margin-top:200px;
  310. margin-bottom:200px;
  311. {/block:ifNOTinfinitescroll}
  312. {/block:indexpage}
  313. }
  314.  
  315. .entry img{
  316. max-width:100%;
  317. position:relative;
  318. overflow:hidden;
  319. display:block;
  320. {select:Grayscale images}
  321. -webkit-transition: all 0.6s ease-in-out;
  322. -moz-transition: all 0.6s ease-in-out;
  323. -o-transition: all 0.6s ease-in-out;
  324. transition: all 0.6s ease-in-out;
  325. opacity:{select:faded posts};
  326. }
  327.  
  328. .entry img:hover{
  329. opacity:1;
  330. -webkit-filter:grayscale(0%);filter:grayscale(0%);
  331. -webkit-transition: all 0.6s ease-in-out;
  332. -moz-transition: all 0.6s ease-in-out;
  333. -o-transition: all 0.6s ease-in-out;
  334. transition: all 0.6s ease-in-out;
  335. }
  336.  
  337.  
  338. .mytags{
  339. margin:25px 0px 0px 0px;
  340. text-transform:lowercase;
  341. width:calc({select:post size}px - 80px);
  342. opacity:0;
  343. -webkit-transition: all 0.3s ease-out;
  344. -moz-transition: all 0.3s ease-out;
  345. transition: all 0.3s ease-out
  346. }
  347.  
  348. .entry:hover .mytags{
  349. opacity:1;
  350. }
  351.  
  352. .mytags a{color:#444;margin:4px 5px 4px 0px;padding:3px 5px 3px 5px;background:#f7f7f7;border-radius:3px;line-height:25px;
  353. border-bottom:1px solid transparent;}
  354. .mytags a:hover{color:black!important;background:{color:borders};}
  355.  
  356. .photo_caption{
  357. display:block;
  358. margin:0px 0px 0px 0px;
  359. padding:0px 1px 0px 0px;
  360. {block:permalinkpage}
  361. padding-top:10px;
  362. {/block:permalinkpage}
  363. }
  364.  
  365. .photo_caption a{
  366. color:{color:text};
  367. }
  368.  
  369. .photo_caption a:hover{
  370. color:{color:accent};
  371. }
  372.  
  373. img.tumblr_avatar {
  374. display:inline-block;
  375. border-radius:3px;
  376. margin:15px 0px 0px 0px;
  377. width:15px;
  378. }
  379.  
  380. .tumblr_parent {
  381. display:block;
  382. margin:0px 0px 10px 0px;
  383. padding:0px;
  384. border:none;
  385. }
  386.  
  387. a.tumblr_blog{
  388. position:relative;
  389. top:-4px;
  390. color:{color:text}!important;
  391. letter-spacing:1px;
  392. text-transform:uppercase;
  393. font-size:9px;
  394. margin:0px 0px 0px 10px;
  395. }
  396.  
  397. .tumblr_parent a{
  398. position:relative;
  399. font-weight:700;
  400. }
  401.  
  402. .tumblr_parent blockquote a{
  403. text-transform:none;
  404. position:static;
  405. top:0px;
  406. margin:0px;
  407. letter-spacing:0px;
  408. font-weight:normal;
  409. }
  410.  
  411. .tumblr_parent blockquote{
  412. margin:5px 0px 5px -10px;
  413. border:none;
  414. }
  415.  
  416.  
  417.  
  418. .perm{
  419. margin-top:5px;
  420. height:8px;
  421. width:100%;
  422. }
  423.  
  424.  
  425.  
  426. .perm a{color:{color:text}!important;
  427. border-bottom:1px solid transparent;}
  428. .perm a:hover{color:{color:Accent};}
  429.  
  430. .dof{
  431. border-bottom:3px solid {color:borders};
  432. position:absolute;
  433. }
  434.  
  435. .butt{
  436. position:absolute;
  437. opacity:0;
  438. margin-top:0px;
  439. {block:IfInfiniteScroll}
  440. text-align:right;
  441. right:-13px;
  442. {/block:IfInfiniteScroll}
  443. {block:IfNOTInfinitescroll}
  444. right:-60px;
  445. text-align:right;
  446. {/block:IfNOTInfinitescroll}
  447. -webkit-transition:opacity 0.5s linear;
  448. -webkit-transition:all 0.5s linear;
  449. -moz-transition:all 0.5s linear;
  450. transition:all 0.5s linear;
  451. }
  452.  
  453. .entry:hover .butt{
  454. opacity:1;
  455. }
  456.  
  457. .butt svg{
  458. width:1em;
  459. height:1em;
  460. fill:{color:text};
  461. margin:5px;
  462. -webkit-transition:opacity 0.5s linear;
  463. -webkit-transition:all 0.5s linear;
  464. -moz-transition:all 0.5s linear;
  465. transition:all 0.5s linear;
  466. }
  467.  
  468. .butt svg:hover, .buli svg:hover, .our_button svg:hover, .like_button svg:hover{
  469. fill:{color:Accent}!important;
  470. -webkit-transition:opacity 0.5s linear;
  471. -webkit-transition:all 0.5s linear;
  472. -moz-transition:all 0.5s linear;
  473. transition:all 0.5s linear;
  474. }
  475.  
  476. .custom-like-button {
  477. position: relative;
  478. display: inline-block;
  479. width:20px;
  480. height:20px;
  481. left:-7px;
  482. cursor: pointer;
  483. }
  484.  
  485. .like_button {
  486. position: absolute;
  487. top:0;
  488. left:0;
  489. right:0;
  490. bottom:0;
  491. width:100%;
  492. height:100%;
  493. opacity:0;
  494. z-index:999!important;
  495. }
  496. .like_button iframe {
  497. width:100% !important;
  498. height:100% !important;
  499. }
  500.  
  501. .like_button svg {
  502. position:absolute;
  503. width:100%;
  504. height:100%;
  505. top:0;
  506. left:0;
  507. right:0;
  508. bottom:0;
  509. }
  510.  
  511. .like_button:hover + svg {fill:{color:Accent}!important;}
  512. .like_button.liked + svg { fill:{color:Accent}!important;}
  513.  
  514. .video, .video iframe, .tumblr_video_container {
  515. display:block;
  516. width:{select:post size}px;
  517. height:auto!important;
  518. min-height:300px!important;
  519. }
  520.  
  521.  
  522. pre {
  523. white-space: pre-wrap;
  524. white-space: -moz-pre-wrap;
  525. white-space: -pre-wrap;
  526. white-space: -o-pre-wrap;
  527. word-wrap: break-word;
  528. }
  529.  
  530. p {margin:5px 0;}
  531.  
  532. p:first-of-type {
  533. margin-top:0;
  534. padding-top:0;
  535. }
  536.  
  537. p:last-of-type {
  538. margin-bottom:0;
  539. padding-bottom:0;
  540. }
  541.  
  542.  
  543. small{font-size:1em;}
  544. big{font-size:2em;}
  545.  
  546. h1, h2, h3, h4 {
  547. font-size:2em;
  548. margin:0;
  549. padding:0;
  550. }
  551.  
  552.  
  553. /*audio player*/
  554.  
  555.  
  556. .cover {
  557. z-index:1;
  558. margin:5px;
  559. width:60px;
  560. height:60px;
  561. margin-top:1px;
  562. position:absolute;
  563. }
  564. .cover img {
  565. position:absolute;
  566. width:auto;
  567. height:auto;
  568. }
  569.  
  570. .playbox {
  571. position:absolute;
  572. z-index:9;
  573. opacity:0;
  574. margin:5px;
  575. margin-top:1px;
  576. background:#f2f2f2;
  577. width:60px;
  578. height:60px;
  579. -webkit-transition:opacity 0.5s linear;
  580. -webkit-transition:all 0.5s linear;
  581. -moz-transition:all 0.5s linear;
  582. transition:all 0.5s linear;
  583. }
  584.  
  585. .entry:hover .playbox{
  586. opacity:1;
  587. -webkit-transition:opacity 0.5s linear;
  588. -webkit-transition:all 0.5s linear;
  589. -moz-transition:all 0.5s linear;
  590. transition:all 0.5s linear;
  591. }
  592.  
  593. .button {
  594. position:relative;
  595. z-index: 1000;
  596. overflow:hidden;
  597. width:25px;
  598. height:25px;
  599. margin-left:13px;
  600. margin-top:16px;
  601. }
  602.  
  603. .info {
  604. margin-top:10px!important;
  605. margin-left:80px;
  606. border-left:1px solid #eee;
  607. height:40px;
  608. padding:10px 10px 10px 25px;
  609. line-height:150%;
  610. font-size:1.2em;
  611. }
  612.  
  613. .info h2{
  614. font-size:10px;
  615. color:{color:accent};
  616. text-transform:uppercase;
  617. }
  618. /*title*/
  619.  
  620. .tit{
  621. font-family:lato,arial, sans-serif;
  622. padding-bottom:2px;
  623. border-bottom:3px solid {color:borders};
  624. font-size:1.5em;
  625. line-height:28px;
  626. color:{color:text};
  627. position:absolute;
  628. }
  629.  
  630. .tit a{
  631. color:{color:text};
  632. border-bottom:1px solid transparent;
  633. }
  634.  
  635. .tit svg{
  636. width:1em;
  637. height:1em;
  638. fill:{color:text};
  639. -webkit-transition:all 0.3s linear;
  640. }
  641.  
  642. .tit:hover svg{
  643. margin-left:30px;
  644. }
  645.  
  646.  
  647. blockquote{
  648. border-left:1px solid #eee;
  649. margin:5px;
  650. padding-left:10px;
  651. }
  652.  
  653. .quote{
  654. font-size:1.3em;
  655. }
  656.  
  657.  
  658. .qs{
  659. margin-top:10px!important;
  660. text-transform:uppercase;
  661. letter-spacing:1px;
  662. }
  663.  
  664. .qs:before {
  665. display:block;
  666. margin-bottom:10px;
  667. content:"";
  668. width:100px;
  669. height:1px;
  670. background:#eee;}
  671.  
  672.  
  673.  
  674. /*ask style*/
  675.  
  676.  
  677.  
  678. .question_a img, .a_a img{
  679. width:40px;
  680. height:40px;
  681. float:left;
  682. border-radius:3px;
  683. }
  684.  
  685. .a_a img{
  686. float:right;
  687. margin-top:10px;
  688. }
  689.  
  690. .question{
  691. background:#f7f7f7;
  692. padding:5px 10px 5px 10px;
  693. margin-left:53px;
  694. border-radius:3px;
  695. min-height:30px;
  696. }
  697.  
  698. .question a{
  699. color:{color:text};
  700. }
  701.  
  702. .question:before{
  703. content: '';
  704. position: absolute;
  705. display: block;
  706. border-top: 8px solid transparent;
  707. border-bottom: 8px solid transparent;
  708. border-right: 8px solid #f7f7f7;
  709. width: 0;
  710. opacity:1;
  711. z-index: 99999999999999;
  712. margin-top:1px;
  713. margin-left:-17px;
  714. }
  715.  
  716. .a quote{
  717. padding:10px;
  718. }
  719.  
  720. .a{
  721. margin-top:10px;
  722. display:block;
  723. background:#f7f7f7;
  724. padding:5px 10px 5px 10px;
  725. border-radius: 3px;
  726. min-height:20px;
  727. width:calc({select:post size}px - 20px);
  728. margin-bottom:15px;
  729. }
  730.  
  731.  
  732. .a img{
  733. width:100%;
  734. height:auto;
  735. }
  736.  
  737.  
  738. .c{position:fixed;bottom:13px;right:10px;width:10px;height:10px;background:#f7f7f7;padding:5px;text-transform:uppercase;line-height:10px;font-family:open sans;font-size:7px;letter-spacing:1px;-webkit-transition:all 0.5s linear;}.c a{color:{color:text};}.c:hover{background:{color:borders};}
  739.  
  740. .user_1, .user_3, .user_5, .user_7, .user_9, .user_11, .user_13, .user_15, .user_17, .user_19, .user_21, .user_23, .user_25, .user_27, .user_29, .user_31, .user_33, .user_35, .user_37, .user_39, .user_41, .user_43, .user_45, .user_47, .user_49, .user_51, .user_53, .user_55, .user_57, .user_59, .user_61, .user_63, .user_65, .user_67, .user_69, .user_71, .user_73, .user_75, .user_77, .user_79, .user_81, .user_83, .user_85, .user_87, .user_89, .user_91, .user_93, .user_95, .user_97, .user_99, .user_101, .user_103, .user_105, .user_107, .user_109, .user_111, .user_113, .user_115, .user_117, .user_119, .user_121, .user_123, .user_125, .user_127, .user_129, .user_131, .user_133, .user_135, .user_137, .user_139, .user_141, .user_143, .user_145, .user_147, .user_149{
  741. text-transform:uppercase; letter-spacing:1px;
  742. padding:7px;background:#f2f2f2;}
  743.  
  744. .user_2, .user_4, .user_6, .user_8, .user_10, .user_12, .user_14, .user_16, .user_18, .user_20, .user_22, .user_24, .user_26, .user_28, .user_30, .user_32, .user_34, .user_36, .user_38, .user_40, .user_42, .user_44, .user_46, .user_48, .user_50, .user_52, .user_54, .user_56, .user_58, .user_60, .user_62, .user_64, .user_66, .user_68, .user_70, .user_72, .user_74, .user_76, .user_78, .user_80, .user_82, .user_84, .user_86, .user_88, .user_90, .user_92, .user_94, .user_96, .user_98, .user_100, .user_102, .user_104, .user_106, .user_108, .user_110, .user_112, .user_114, .user_116, .user_118, .user_120, .user_122, .user_124, .user_126, .user_128, .user_130, .user_132, .user_134, .user_136, .user_138, .user_140, .user_142, .user_144, .user_146, .user_148, .user_150{;padding:7px;
  745. text-transform:uppercase; letter-spacing:1px;
  746. background:#f7f7f7;}
  747.  
  748.  
  749. .entry li {
  750. list-style:none;
  751. line-height:170%;
  752. text-align:left;
  753. }
  754.  
  755. .entry li:before {
  756. display:block;
  757. position:absolute;
  758. margin-left:-20px;
  759. margin-top:8px;
  760. content:"";
  761. width:10px;
  762. height:1px;
  763. background:#ddd;}
  764.  
  765. /*permalink notes*/
  766.  
  767.  
  768. .inf{
  769. margin-top:10px;
  770. display:block;
  771. margin-bottom: 10px;
  772. line-height:17px;}
  773.  
  774. .tg{display:block;}
  775. .tg a:after{content:',';}
  776. .tg a:last-of-type:after {content:'.';}
  777. .inf a, .notas a, .tg a{color:{color:text};}
  778. .inf a:hover, .notas a:hover, .tg a:hover{color:{color:accent};}
  779.  
  780. .notas{
  781. display:none;
  782. margin:0px !important;
  783. margin-left:-20px;
  784. }
  785.  
  786. .notas li {
  787. list-style:none;line-height:170%;text-align:left;}
  788. .notas li:before {
  789. display:block;position:absolute;content:"";width:0px;height:0px;}
  790.  
  791. ol.notes{padding:0px;margin:0px;list-style-type:none!important;}
  792. ol.notes li.note{
  793. padding:8px;text-align:left;
  794. border-top:1px solid #eee;}
  795. ol.notes li.note img.avatar {border-radius:100%;float:right;}
  796. ol.notes li.note blockquote a {text-decoration:none;}
  797. li.more_notes_link_container {text-transform: uppercase;font-size:1em;line-height:150%;letter-spacing:1px;}
  798. ol.notes li.note.answer_content{font-weight:normal;}
  799. img:not(.lightbox-image) {max-width:100%;height:auto;}
  800.  
  801.  
  802. .pagination {
  803. position:relative;
  804. float:center;
  805. width:calc({select:post size}px - 20px);
  806. margin:0px 0px 60px 0px;
  807. text-align:center;
  808. {block:Ifinfinitescroll}
  809. visibility:hidden;
  810. display:none;
  811. opacity:0;
  812. {/block:Ifinfinitescroll}
  813. }
  814.  
  815. .pagination a{
  816. color:{color:text};
  817. text-transform:uppercase;
  818. letter-spacing:1px;
  819. background:#f7f7f7;
  820. border-bottom:1px solid {color:borders};
  821. padding:5px 10px 5px 10px;
  822. margin:0px 5px 0px 5px;
  823. text-align:center;
  824. }
  825.  
  826. .jump_page {
  827. color:{color:text};
  828. }
  829.  
  830. .current_page, .jump_page:hover {
  831. color:{color:text};
  832. text-transform:uppercase;
  833. letter-spacing:1px;
  834. background:{color:borders};
  835. border-bottom:1px solid {color:borders};
  836. padding:5px 10px 5px 10px;
  837. text-align:center;
  838. }
  839.  
  840. #infscr-loading { display:none!Important; }
  841.  
  842. footer{
  843. width:{select:post size}px;
  844. margin:auto;
  845. float:center;
  846. margin:50px 0px 100px 0px;
  847. text-align:center;}
  848.  
  849.  
  850. a.load-more {
  851. margin:auto;
  852. width:50px;
  853. padding:10px;
  854. color:{color:text};
  855. letter-spacing:1px;
  856. text-transform:uppercase;
  857. background:#f7f7f7;
  858. border-bottom:1px solid {color:borders};
  859. }
  860.  
  861.  
  862.  
  863. #sidebar{
  864. position:fixed;
  865. top:200px;
  866. margin-left:calc(60px - 450px);
  867. z-index:9999;
  868. width:260px;
  869. height:auto;
  870. }
  871.  
  872. .titulo{
  873. margin:0px 0px 10px 0px;
  874. font-size:20px;
  875. font-family:lato, arial, sans-serif;
  876. border-bottom:3px solid {color:borders};
  877. padding:0px 0px 4px 0px;
  878. width:auto;
  879. position:absolute;
  880. font-weight:bold;
  881. }
  882.  
  883.  
  884. .desc{
  885. margin-top:25px;
  886. line-height:14px;
  887. z-index:99999999999;
  888. padding:5px 0px 5px 3px;
  889. }
  890.  
  891.  
  892. .nav{
  893. opacity:1;
  894. font-weight:bold;
  895. text-transform:uppercase;
  896. -webkit-transition-delay: 0.50s;
  897. -webkit-transition: all 0.50s;
  898. transition: all 0.50s;
  899. transition-delay: 0.50s;
  900. }
  901.  
  902. .nav a{
  903. margin:0px 4px 0px 4px;
  904. color:{color:text};
  905. position:relative;
  906. border-bottom:1px solid transparent;
  907. }
  908.  
  909.  
  910. .nav a:after {
  911. position: absolute;
  912. top:6px;
  913. left: 0;
  914. width:0px;
  915. height:7px;
  916. background:{color:borders};
  917. content: '';
  918. opacity:1;
  919. z-index:-3;
  920. -webkit-transition:all 0.3s ease-out;
  921. -moz-transition:all 0.3s ease-out;
  922. transition:all 0.3s ease-out;
  923.  
  924. }
  925.  
  926. .nav a:hover:after,
  927. .nav a:focus:after {
  928. opacity: 1;
  929. width:100%;
  930. }
  931.  
  932. .nav a:hover{
  933. color:black!important;
  934. }
  935.  
  936. .navigate, .show{
  937. cursor:pointer;
  938. }
  939.  
  940. .extraz{
  941. display:none;
  942. margin:0px;
  943. }
  944.  
  945.  
  946.  
  947. </style>
  948. </head>
  949.  
  950. <body>
  951.  
  952.  
  953. <div class="center">
  954.  
  955. <div id="sidebar">
  956. <div class="titulo">{text:blogtitle}</div>
  957. <div class="desc">{Description}</div>
  958. <div class="nav">
  959. <a href="/">home</a>
  960. <a href="{text:ask link}">contact</a>
  961. <a class="navigate">extras</a>
  962. <a href="/archive">filles</a>
  963. <div class="extraz">
  964. <a href="{text:link 1}">{text:link 1 title}</a>
  965. <a href="{text:link 2}">{text:link 2 title}</a>
  966. <a href="{text:link 3}">{text:link 3 title}</a>
  967. </div>
  968. </div>
  969. </div>
  970.  
  971. <div id="posts">
  972. {block:Posts}
  973. <div class="entry">
  974.  
  975.  
  976. {block:Text}
  977. {block:Title}<div class="tit">{Title}</div>{/block:Title}<br><br><br>
  978. <div class="pb2"><div class="photo_caption">{Body}</div></div>
  979. {/block:Text}
  980.  
  981. {block:Link}
  982. <div class="tit">
  983. <a href="{URL}">{Name} <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  984. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
  985. <path d="M78.7,172.8c1.1,0.9,2.5,1.4,3.9,1.4c1.7,0,3.4-0.7,4.6-2.1l50.8-60.3c1.9-2.2,1.9-5.5,0-7.7L87.2,43.9
  986. c-2.1-2.5-5.9-2.9-8.5-0.7c-2.5,2.1-2.9,5.9-0.7,8.5l47.5,56.4L78,164.4C75.9,166.9,76.2,170.7,78.7,172.8z"/>
  987. </svg>
  988. </a></div><br><br><br>
  989. <div class="photo_caption">{block:Description}{Description}{/block:Description}
  990. </div>
  991. {block:Link}
  992.  
  993.  
  994. {block:Photo}
  995. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>
  996. {block:ifshowcaptions}
  997. {block:Caption}
  998. <div class="photo_caption">{Caption}</div>
  999. {/block:Caption}
  1000. {/block:ifshowcaptions}
  1001. {/block:Photo}
  1002.  
  1003.  
  1004. {block:Photoset}
  1005. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1006. {block:ifshowcaptions}
  1007. {block:Caption}
  1008. <div class="photo_caption">{Caption}</div>
  1009. {/block:Caption}
  1010. {/block:ifshowcaptions}
  1011. {/block:Photoset}
  1012.  
  1013.  
  1014. {block:Quote}
  1015. <div class="pb">
  1016. <div class="quote">❝&nbsp;{quote}</div>
  1017. <div class="qs">{block:Source}{Source}{/block:Source}</div></div>
  1018. {/block:Quote}
  1019.  
  1020. {block:Chat}
  1021. {block:Title}<div class="tit">{Title}</div>{/block:Title}
  1022. <div class="chat">
  1023. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<i>{Label}</i> {/block:Label}{Line}</div></div>{/block:Lines}
  1024. </div>
  1025. {/block:Chat}
  1026.  
  1027. {block:Audio}
  1028. <div class="pb">
  1029. <div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>
  1030. {block:AlbumArt}
  1031. <div class="cover"><img src="{AlbumArtURL}"></div>
  1032. {/block:AlbumArt}
  1033. <div class="playbox">
  1034. <div class="button">
  1035. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  1036. <div class="info">
  1037. <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName} <h2>by
  1038. <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</h2>
  1039. </div>
  1040. {block:ifshowcaptions}
  1041. {block:Caption}
  1042. <div class="photo_caption">{Caption}</div>
  1043. {/block:Caption}
  1044. {/block:ifshowcaptions}</div>
  1045. {/block:Audio}
  1046.  
  1047.  
  1048. {block:Video}
  1049. <div class="video">{Video-500}</div>
  1050. {block:ifshowcaptions}
  1051. {block:Caption}
  1052. <div class="photo_caption">{Caption}</div>
  1053. {/block:Caption}
  1054. {/block:ifshowcaptions}
  1055. {/block:Video}
  1056.  
  1057.  
  1058. {block:Answer}
  1059. <div class="question_a"><img src="{AskerPortraitURL-40}"></div>
  1060. <div class="question"><b>{Asker} asked:</b> {Question}</div>
  1061. <div class="a">{Answer}</div>
  1062. {/block:Answer}
  1063.  
  1064. {block:IndexPage}
  1065. <div class="perm">
  1066. <div class="dof">
  1067. <a href="{Permalink}" target="_blank" >{shortmonth} {dayofmonth}</a></div>
  1068. <div class="butt"><a title="reblog" href="{ReblogURL}">
  1069. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg></a>
  1070. <div class="custom-like-button">
  1071. {LikeButton}
  1072. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  1073. </span>
  1074. </div>
  1075. </div>
  1076. </div>
  1077. {block:IfShowtags}
  1078. <div class="mytags">{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  1079. {/block:IfShowtags}
  1080. {/block:IndexPage}
  1081.  
  1082.  
  1083.  
  1084. {block:ContentSource}<!-- {SourceURL}
  1085. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1086. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1087. {/block:ContentSource}
  1088.  
  1089. <!-- {block:NoRebloggedFrom}
  1090. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1091. {/block:NoRebloggedFrom} -->
  1092.  
  1093.  
  1094. {block:PermalinkPage}
  1095. {block:Date}
  1096. <div class="inf">
  1097. Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm} <br>
  1098. {block:RebloggedFrom}
  1099. source: <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1100. {/block:RebloggedFrom}
  1101. <div class="tg">
  1102. {block:HasTags}
  1103. tags: {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;
  1104. {/block:Tags}{/block:HasTags}
  1105. </div>
  1106. <a title="show notes" class="show">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a></div>
  1107. <div class="notas">
  1108. {block:PostNotes}
  1109. {PostNotes}
  1110. {/block:PostNotes}
  1111. {/block:Date}
  1112. </div>
  1113. {/block:PermalinkPage}
  1114. {/block:Date}
  1115. </div>
  1116. {/block:Posts}
  1117. </div>
  1118.  
  1119. {block:Pagination}
  1120. {block:ifloadmore}
  1121. <footer>
  1122. <a href="#" class="load-more">load more</a></footer>
  1123. {/block:ifloadmore}
  1124. {/block:Pagination}
  1125.  
  1126. {block:Pagination}
  1127. <div class="pagination">
  1128. {block:PreviousPage}
  1129. <left><a href="{PreviousPage}">prev</a></left>
  1130. {/block:PreviousPage}
  1131. {block:JumpPagination}
  1132. {block:CurrentPage}
  1133. <span class="current_page">{PageNumber}</span>
  1134. {/block:CurrentPage}
  1135.  
  1136. {block:JumpPage}
  1137. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1138. {/block:JumpPage}
  1139. {/block:JumpPagination}
  1140.  
  1141. {block:NextPage}
  1142. <a href="{NextPage}" class="next">next</a>
  1143. {/block:NextPage}</div>
  1144. {/block:Pagination}
  1145. </div>
  1146.  
  1147.  
  1148. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  1149. <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"><div class="c"><a title="pain themes" href="http://painthemes.tumblr.com" target="_blank">pt</a></div>
  1150. <link href="https://fonts.googleapis.com/css?family=Arapey:400i" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Scada" rel="stylesheet">
  1151. <link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i" rel="stylesheet">
  1152. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Source+Sans+Pro:400,700|Hind:400,700|Dancing+Script:400,700|Open+Sans:400,700|Muli|Kurale|PT+Serif:400,700|Old+Standard+TT:400,700|Roboto:400,700|Roboto+Condensed:400,700|Lato:400,700|Raleway:400,700,300|Montez|Karla:400,700|Quicksand:400,700|Petit+Formal+Script|Clicker+Script|Mako|Maven+Pro:400,700' rel='stylesheet' type='text/css'><link href="https://fonts.googleapis.com/css?family=Josefin+Sans:400i" rel="stylesheet">
  1153. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1154. <script src ="http://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1155. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1156. {block:IndexPage}
  1157. {block:ifinfinitescroll}
  1158. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1159. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1160. {/block:ifinfinitescroll}
  1161. {/block:IndexPage}
  1162. <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1163. <script>
  1164. $(document).ready(function(){
  1165. $(".navigate").click(function(){
  1166. $(".extraz").slideToggle("fast");
  1167. });
  1168. });
  1169.  
  1170. $(document).ready(function(){
  1171. $(".show").click(function(){
  1172. $(".notas").slideToggle("slow");
  1173. });
  1174. });
  1175.  
  1176. $(function(){ $('#posts').unnest({
  1177. yourCaption: ".photo_caption",
  1178. newCaptionUsername: true,
  1179. originalPostCaptionUsername: true,
  1180. tumblrAvatars: true,
  1181. tumblrAvatarClass: ".tumblr_avatar",
  1182. usernameColon: false
  1183. }); });
  1184.  
  1185. $(document).ready(function(){
  1186. $('.photo-slideshow').pxuPhotoset({
  1187. lightbox: true,
  1188. rounded: false,
  1189. gutter: '{select:photoset gutters}px',
  1190. photoset: '.photo-slideshow',
  1191. photoWrap: '.photo-data',
  1192. photo: '.pxu-photo'
  1193. });
  1194. {block:IndexPage}
  1195. var $container = $('#posts');
  1196. $container.masonry({ itemSelector: '.entry' });
  1197. $container.imagesLoaded(function(){
  1198. $container.masonry();
  1199. $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
  1200. });
  1201. $container.infinitescroll({
  1202. itemSelector: '.entry',
  1203. navSelector: '.pagination',
  1204. nextSelector: '.next',
  1205. loadingImg: '',
  1206. loadingText: '',
  1207. doneText: 'no more posts',
  1208. bufferPx: 2000,
  1209. {block:ifloadmore}
  1210. errorCallback: function () {
  1211. jQuery ('.load-more').delay(10).fadeOut();
  1212. $('.entry').last().after($('.load-more'));
  1213. }
  1214. {/block:ifloadmore}
  1215.  
  1216. },
  1217.  
  1218. function( newElements ) {
  1219. var $newElems = $( newElements );
  1220. $newElems.find('.photo-slideshow').pxuPhotoset({
  1221. lightbox: true,
  1222. rounded: false,
  1223. gutter: '{select:photoset gutters}px',
  1224. photoset: '.photo-slideshow',
  1225. photoWrap: '.photo-data',
  1226. photo: '.pxu-photo'
  1227. },
  1228.  
  1229. function(){
  1230. resizeVideos(); },
  1231.  
  1232.  
  1233. function(){
  1234. $container.masonry();
  1235. });
  1236.  
  1237.  
  1238.  
  1239. $newElems.unnest({
  1240. yourCaption: ".photo_caption",
  1241. newCaptionUsername: true,
  1242. originalPostCaptionUsername: true,
  1243. tumblrAvatars: true,
  1244. tumblrAvatarClass: ".tumblr_avatar",
  1245. usernameColon: false
  1246. });
  1247.  
  1248. $newElems.imagesLoaded(function(){
  1249. $container.masonry( 'appended', $newElems );
  1250. $newElems.animate({ opacity: 1, zIndex: 1 });
  1251.  
  1252. });
  1253.  
  1254. });
  1255.  
  1256.  
  1257. {block:ifloadmore}
  1258. $(window).unbind('.infscr');
  1259. $('.load-more').click(function(){
  1260. $container.infinitescroll('retrieve');
  1261. return false
  1262. }); {/block:ifloadmore}
  1263. {/block:IndexPage}
  1264.  
  1265. });
  1266. </script>
  1267.  
  1268. <div class="controles"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  1269. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
  1270. <path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14
  1271. s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7
  1272. c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2
  1273. c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8
  1274. c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3
  1275. c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7
  1276. c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2
  1277. c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8
  1278. c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3
  1279. c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7
  1280. c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7
  1281. s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7
  1282. l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4
  1283. c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2
  1284. c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8
  1285. c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7
  1286. S41.9,103.9,45.3,102.3z"/>
  1287. </svg>
  1288. </div>
  1289.  
  1290. <a href="javascript:;" id="scroll" rel="nofollow"><i class="fa fa-angle-up"></i></a>
  1291.  
  1292. </body>
  1293. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!