API tools faq
paste
planthed

Kokobop

planthed
Jul 31st, 2017
4,452
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.34 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. ko ko bop @ planthed
  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. <meta name="color:Text" content="#000000"/>
  28. <meta name="color:Accent" content="#BDC0DA"/>
  29.  
  30. <meta name="text:Blogtitle" content="" />
  31. <meta name="text:Ask label" content="contact" />
  32. <meta name="text:Ask link" content="/ask"/>
  33. <meta name="text:Link 1 title" content="" />
  34. <meta name="text:Link 1" content="http://" />
  35. <meta name="text:Link 2 title" content="" />
  36. <meta name="text:Link 2" content="http://" />
  37. <meta name="text:Link 3 title" content="" />
  38. <meta name="text:Link 3" content="http://" />
  39.  
  40. <meta name="if:Infinite scroll" content="" />
  41. <meta name="if:Load more" content="" />
  42. <meta name="if:White Tiny cursor" content="" />
  43. <meta name="if:Black Tiny cursor" content="" />
  44. <meta name="if:Show captions" content="">
  45. <meta name="if:Show tags" content="">
  46.  
  47. <meta name="select:font size" content="10px" title="10px">
  48. <meta name="select:font size" content="11px" title="11px">
  49. <meta name="select:font size" content="12px" title="12px">
  50.  
  51. <meta name="select:body font" content="Hind" title="Hind">
  52. <meta name="select:body font" content="Open Sans" title="Open Sans">
  53. <meta name="select:body font" content="Karla" title="Karla">
  54. <meta name="select:body font" content="Maven Pro" title="Maven Pro">
  55. <meta name="select:body font" content="Inconsolata" title="Inconsolata">
  56. <meta name="select:body font" content="Roboto" title="Roboto">
  57. <meta name="select:body font" content="Source Sans Pro" title="Source Sans Pro">
  58. <meta name="select:body font" content="Source Code Pro" title="Source Code Pro">
  59.  
  60. <meta name="select:post size" content="280" title="280px">
  61. <meta name="select:post size" content="300" title="300px">
  62. <meta name="select:post size" content="320" title="320px">
  63. <meta name="select:post size" content="350" title="350px">
  64. <meta name="select:post size" content="380" title="380px">
  65. <meta name="select:post size" content="400" title="400px">
  66. <meta name="select:post size" content="450" title="450px">
  67. <meta name="select:post size" content="500" title="500px">
  68.  
  69. <meta name="select:photoset gutters" content="1" title="1px">
  70. <meta name="select:photoset gutters" content="2" title="2px">
  71. <meta name="select:photoset gutters" content="3" title="3px">
  72. <meta name="select:photoset gutters" content="4" title="4px">
  73. <meta name="select:photoset gutters" content="5" title="5px">
  74. <meta name="select:photoset gutters" content="10" title="10px">
  75.  
  76. {/block:hidden}
  77.  
  78.  
  79. <!---pxu script--->
  80. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  81.  
  82. <!--- tooltips script --->
  83. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  84. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  85. <script>
  86. (function($){
  87. $(document).ready(function(){
  88. $("a[title]").style_my_tooltips({
  89. tip_follows_cursor:true,
  90. tip_delay_time:90,
  91. tip_fade_speed:600,
  92. attribute:"title"
  93. });});})(jQuery);
  94. </script>
  95.  
  96.  
  97. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  98.  
  99.  
  100.  
  101. <style type="text/css">
  102.  
  103.  
  104. #s-m-t-tooltip{
  105. max-width:300px;
  106. padding:7px;
  107. min-height:7px;
  108. margin:20px 0px 0px 20px;
  109. line-height:100%;
  110. border-radius:3px;
  111. background:white;
  112. color:{color:text};
  113. text-transform:uppercase;
  114. letter-spacing:1px;
  115. font-size:7px;
  116. font-family:open sans;
  117. word-wrap:break-word;
  118. word-break:break-all;
  119. box-shadow:0px 1px 2px #eeeeee;
  120. opacity:1;
  121. z-index:9999999999999999999;
  122. }
  123.  
  124.  
  125. .controles {
  126. position:fixed;
  127. top:15px;
  128. right:10px;
  129. padding:10ñx;
  130. }
  131.  
  132. .controles svg{
  133. width:1.5em;
  134. height:auto;
  135. fill:{color:text};
  136. }
  137.  
  138. iframe.tmblr-iframe {
  139. z-index:99999999999999!important;
  140. top:5px!important;
  141. right:15px!important;
  142. opacity:0;
  143. padding-right:40px;
  144. /* delete invert(1) from here */
  145. filter:invert(1) contrast(150%);
  146. -webkit-filter:invert(1) contrast(150%);
  147. -o-filter:invert(1) contrast(150%);
  148. -moz-filter:invert(1) contrast(150%);
  149. -ms-filter:invert(1) contrast(150%);
  150. /* to here if your blog has a dark background */
  151. transform:scale(0.65);
  152. transform-origin:100% 0;
  153. -webkit-transform:scale(0.65);
  154. -webkit-transform-origin:100% 0;
  155. -o-transform:scale(0.65);
  156. -o-transform-origin:100% 0;
  157. -moz-transform:scale(0.65);
  158. -moz-transform-origin:100% 0;
  159. -ms-transform:scale(0.65);
  160. -ms-transform-origin:100% 0;
  161. -webkit-transition: all 0.4s ease-in;
  162. -moz-transition: all 0.4s ease-in;
  163. transition: all 0.4s ease-in;
  164. }
  165.  
  166. iframe.tmblr-iframe:hover {
  167. right:5px!important;
  168. opacity:0.3!important;
  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. /*tumblr controls and lightbox*/
  175.  
  176. #tumblr_lightbox,.tmblr-lightbox{
  177. background:#f9f9f9!important;}
  178.  
  179. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  180. opacity:0!important;
  181. }
  182.  
  183. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image, .lightbox-image {
  184. box-shadow:none!important;
  185. border-radius:0px!important;
  186. padding:0px!important;
  187. background:#f9f9f9!important;
  188. border:0px solid {color:border}!important;
  189. }
  190.  
  191. ::-webkit-scrollbar{
  192. height:3px;
  193. width:15px;
  194. background:inherit;
  195. background:#ddd;
  196. border:7px solid #f9f9f9;
  197. }
  198.  
  199. ::-webkit-scrollbar-track {background:transparent;}
  200.  
  201. ::-webkit-scrollbar-thumb {
  202. height:150px!important;
  203. background:#ccc;
  204. border:7px solid #f9f9f9;
  205. }
  206.  
  207. /*tiny cursor*/
  208.  
  209.  
  210. html, body, img, a {
  211. {block:ifWhiteTinycursor}
  212. cursor:url(http://static.tumblr.com/vmteopo/fhxo3gbrd/small_white_cursor.png), auto;
  213. {/block:ifWhiteTinycursor}
  214. {block:ifBlackTinyCursor}
  215. cursor: url('http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), auto;
  216. {/block:ifBlackTinyCursor}
  217. }
  218.  
  219. a:hover, a:active, iframe{
  220. {block:ifWhiteTinycursor}cursor:url(http://static.tumblr.com/vmteopo/RQ9o3gbth/small_white_cursor_help.png), crosshair;
  221. {/block:ifWhiteTinycursor}
  222. {block:ifBlackTinyCursor}
  223. cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair;
  224. {/block:ifBlackTinyCursor}
  225. }
  226.  
  227.  
  228. /*main structure*/
  229.  
  230. body{
  231. background:#f9f9f9;
  232. font-size:{select:font size};
  233. font-family:{select:body font}, sans-serif;
  234. color:{color:text};
  235. line-height:170%;
  236. -moz-osx-font-smoothing:grayscale;
  237. -webkit-font-smoothing:antialiased;
  238. font-smoothing:antialiased;
  239. }
  240.  
  241.  
  242. a, a:link, a:active, a:visited{
  243. color:{color:Accent};
  244. text-decoration:none;
  245. -webkit-transition:all 0.3s linear;
  246. -moz-transition:all 0.3s linear;
  247. transition:all 0.3s linear;}
  248. a:hover {color:{color:text};}
  249.  
  250.  
  251. .center {
  252. position:relative;
  253. margin:20px auto;
  254. width:calc({select:post size}px - 200px);
  255. }
  256.  
  257. #posts{
  258. position:relative;
  259. {block:PermalinkPage}
  260. margin-top:100px;
  261. {/block:PermalinkPage}
  262. }
  263.  
  264. .entry {
  265. margin-top:60px;
  266. margin-bottom:60px;
  267. width:{select:post size}px;
  268. padding:0px;
  269. background:#fff;
  270. box-shadow:0px 1px 2px #eeeeee;
  271. border-radius:3px 3px 3px 3px;
  272. {block:indexpage}
  273. {block:ifinfinitescroll}
  274. opacity:0;
  275. z-index:-1;
  276. {/block:ifinfinitescroll}
  277. {/block:indexpage}
  278. }
  279.  
  280. .pb{
  281. padding:10px;
  282. }
  283.  
  284. .entry img{
  285. max-width:100%;
  286. position:relative;
  287. overflow:hidden;
  288. display:block;
  289. }
  290.  
  291. .mytags{
  292. margin:25px 0px 0px -9px;
  293. text-transform:lowercase;
  294. font-style:italic;
  295. opacity:0;
  296. -webkit-transition: all 0.3s ease-out;
  297. -moz-transition: all 0.3s ease-out;
  298. transition: all 0.3s ease-out
  299. }
  300.  
  301. .entry:hover .mytags{
  302. margin-left:-5px;
  303. opacity:1;
  304. }
  305.  
  306. .mytags a{color:#bbb;margin:2px;}
  307. .mytags a:hover{color:{color:accent};}
  308.  
  309. .photo_caption{
  310. display:block;
  311. margin:0px 0px 0px 10px;
  312. }
  313.  
  314. img.tumblr_avatar {
  315. display:inline-block;
  316. border-radius:3px;
  317. margin:15px 0px 0px 0px;
  318. width:15px;
  319. }
  320.  
  321. .tumblr_parent {
  322. display:block;
  323. margin:0px 0px 10px 0px;
  324. padding:0px;
  325. border:none;
  326. }
  327.  
  328. a.tumblr_blog{
  329. position:relative;
  330. top:-4px;
  331. color:{color:text}!important;
  332. letter-spacing:1px;
  333. text-transform:uppercase;
  334. font-size:9px;
  335. margin:0px 0px 0px 10px;
  336. }
  337.  
  338. .tumblr_parent a{
  339. position:relative;
  340. font-weight:700;
  341. }
  342.  
  343. .tumblr_parent blockquote a{
  344. text-transform:none;
  345. position:static;
  346. top:0px;
  347. margin:0px;
  348. letter-spacing:0px;
  349. font-weight:normal;
  350. }
  351.  
  352. .tumblr_parent blockquote{
  353. margin:5px 0px 5px -10px;
  354. border:none;
  355. }
  356.  
  357.  
  358. .ptype{
  359. border-bottom:1px solid #eee;
  360. }
  361.  
  362. .ptype svg{
  363. width:1.5em;
  364. height:1.5em;
  365. fill:#888;
  366. margin:5px 5px 0px 5px;
  367. }
  368.  
  369. .perm{
  370. width:calc(100% - 20px);
  371. padding:10px;
  372. height:8px;
  373. border-top:1px solid #eee;
  374. }
  375.  
  376. .perm a{color:{color:text};}
  377. .perm a:hover{color:{color:Accent};}
  378.  
  379. .nt{
  380. position:absolute;
  381. text-align:left;
  382. left:0px;
  383. margin-top:-10px;
  384. }
  385.  
  386. .nt svg{
  387. width:1.3em;
  388. height:1.3em;
  389. fill:#888;
  390. margin:5px;
  391. padding:3px;
  392. border-radius:3px;
  393. -webkit-transition:opacity 0.5s linear;
  394. -webkit-transition:all 0.5s linear;
  395. -moz-transition:all 0.5s linear;
  396. transition:all 0.5s linear;
  397. }
  398.  
  399. .butt{
  400. position:absolute;
  401. {block:IfInfiniteScroll}
  402. text-align:right;
  403. right:0px;
  404. {/block:IfInfiniteScroll}
  405. margin-top:-6px;
  406. {block:IfNOTInfinitescroll}
  407. right:-200px;
  408. text-align:right;
  409. {/block:IfNOTInfinitescroll}
  410. }
  411.  
  412.  
  413. .butt svg{
  414. width:1em;
  415. height:1em;
  416. fill:#888;
  417. margin:5px;
  418. -webkit-transition:opacity 0.5s linear;
  419. -webkit-transition:all 0.5s linear;
  420. -moz-transition:all 0.5s linear;
  421. transition:all 0.5s linear;
  422. }
  423.  
  424. .butt svg:hover, .buli svg:hover, .our_button svg:hover, .like_button svg:hover{
  425. fill:{color:Accent}!important;
  426. -webkit-transition:opacity 0.5s linear;
  427. -webkit-transition:all 0.5s linear;
  428. -moz-transition:all 0.5s linear;
  429. transition:all 0.5s linear;
  430. }
  431.  
  432. .custom-like-button {
  433. position: relative;
  434. display: inline-block;
  435. width:20px;
  436. height:20px;
  437. left:-5px;
  438. cursor: pointer;
  439. }
  440.  
  441. .like_button {
  442. position: absolute;
  443. top:0;
  444. left:0;
  445. right:0;
  446. bottom:0;
  447. width:100%;
  448. height:100%;
  449. opacity:0;
  450. z-index:999!important;
  451. }
  452. .like_button iframe {
  453. width:100% !important;
  454. height:100% !important;
  455. }
  456.  
  457. .like_button svg {
  458. position:absolute;
  459. width:100%;
  460. height:100%;
  461. top:0;
  462. left:0;
  463. right:0;
  464. bottom:0;
  465. }
  466.  
  467. .like_button:hover + svg {fill:{color:Accent}!important;}
  468. .like_button.liked + svg { fill:{color:Accent}!important;}
  469. .video, .video iframe, .tumblr_video_container {
  470. display:block;
  471. width:{select:post size}px;
  472. }
  473.  
  474.  
  475.  
  476. pre {
  477. white-space: pre-wrap;
  478. white-space: -moz-pre-wrap;
  479. white-space: -pre-wrap;
  480. white-space: -o-pre-wrap;
  481. word-wrap: break-word;
  482. }
  483.  
  484. p {margin:5px 0;}
  485.  
  486. p:first-of-type {
  487. margin-top:0;
  488. padding-top:0;
  489. }
  490.  
  491. p:last-of-type {
  492. margin-bottom:0;
  493. padding-bottom:0;
  494. }
  495.  
  496.  
  497. small{font-size:1em;}
  498. big{font-size:2em;}
  499.  
  500. h1, h2, h3, h4 {
  501. font-size:2em;
  502. margin:0;
  503. padding:0;
  504. }
  505.  
  506.  
  507. /*audio player*/
  508.  
  509.  
  510. .cover {
  511. z-index:1;
  512. width:60px;
  513. height:60px;
  514. position:absolute;
  515. }
  516. .cover img {
  517. position:absolute;
  518. width:auto;
  519. height:auto;
  520. }
  521.  
  522. .playbox {
  523. position:absolute;
  524. z-index:9;
  525. opacity:0;
  526. background:#f2f2f2;
  527. width:60px;
  528. height:60px;
  529. -webkit-transition:opacity 0.5s linear;
  530. -webkit-transition:all 0.5s linear;
  531. -moz-transition:all 0.5s linear;
  532. transition:all 0.5s linear;
  533. }
  534.  
  535. .entry:hover .playbox{
  536. opacity:1;
  537. -webkit-transition:opacity 0.5s linear;
  538. -webkit-transition:all 0.5s linear;
  539. -moz-transition:all 0.5s linear;
  540. transition:all 0.5s linear;
  541. }
  542.  
  543. .button {
  544. position:relative;
  545. z-index: 1000;
  546. overflow:hidden;
  547. width:25px;
  548. height:25px;
  549. margin-left:13px;
  550. margin-top:17px;
  551. }
  552.  
  553. .info {
  554. margin-top:0px;
  555. margin-left:80px;
  556. border-left:1px solid #eee;
  557. height:40px;
  558. padding:10px;
  559. line-height:150%;
  560. font-size:1.2em;
  561. text-align:center;
  562. }
  563.  
  564. .info h2{
  565. font-size:10px;
  566. text-transform:uppercase;
  567. }
  568. /*title*/
  569.  
  570. .tit{
  571. font-family: 'Arapey', serif;
  572. padding:7px;
  573. text-align:center;
  574. border-bottom:1px solid #eee;
  575. font-size:2.3em;
  576. line-height:28px;
  577. color:{color:text};
  578. }
  579.  
  580. .tit a{
  581. color:{color:text};
  582. }
  583.  
  584. .tit svg{
  585. width:0.5em;
  586. height:0.5em;
  587. fill:{color:text};
  588. -webkit-transition:all 0.3s linear;
  589. }
  590.  
  591. .tit:hover svg{
  592. margin-left:10px;
  593. }
  594.  
  595.  
  596. blockquote{
  597. border-left:1px solid #eee;
  598. margin:5px;
  599. padding-left:10px;
  600. }
  601.  
  602. .quote{
  603. font-size:1.3em;
  604. }
  605.  
  606.  
  607. .qs{
  608. margin-top:10px!important;
  609. text-transform:uppercase;
  610. letter-spacing:1px;
  611. }
  612.  
  613. .qs:before {
  614. display:block;
  615. margin-bottom:10px;
  616. content:"";
  617. width:100px;
  618. height:1px;
  619. background:#eee;}
  620.  
  621.  
  622.  
  623. /*ask style*/
  624.  
  625.  
  626.  
  627. .question_a img{
  628. width:40px;
  629. float:left;
  630. border-radius:3px;
  631. }
  632.  
  633. .question{
  634. background:#f1f1f1;
  635. padding:8px;
  636. margin-left:55px;
  637. border-radius:3px;
  638. min-height:40px;
  639. }
  640.  
  641. .question a{
  642. color:{color:text};
  643. }
  644.  
  645. .question:before{
  646. content: '';
  647. position: absolute;
  648. display: block;
  649. border-top: 9px solid transparent;
  650. border-bottom: 9px solid transparent;
  651. border-right: 9px solid #f1f1f1;
  652. width: 0;
  653. opacity:1;
  654. z-index: 99999999999999;
  655. margin-top:3px;
  656. margin-left:-17px;
  657. }
  658.  
  659.  
  660. .a{
  661. display:block;
  662. line-height:14px;
  663. margin-top:10px;
  664. }
  665.  
  666. .a img{
  667. width:100%;
  668. height:auto;
  669. }
  670.  
  671.  
  672. .c{position:fixed;bottom:13px;right:10px;width:10px;height:10px;background:#fff;padding:5px;text-transform:uppercase;line-height:10px;font-family:open sans;font-size:7px;letter-spacing:1px;-webkit-transition:all 0.5s linear;
  673. box-shadow:0px 1px 2px #eeeeee;}.c a{color:{color:text};}
  674.  
  675. .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{
  676. text-transform:uppercase; letter-spacing:1px;
  677. padding:7px;}
  678.  
  679. .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;
  680. text-transform:uppercase; letter-spacing:1px;background:#f5f5f5;}
  681.  
  682.  
  683. .entry li {
  684. list-style:none;
  685. line-height:170%;
  686. text-align:left;
  687. }
  688.  
  689. .entry li:before {
  690. display:block;
  691. position:absolute;
  692. margin-left:-20px;
  693. margin-top:8px;
  694. content:"";
  695. width:10px;
  696. height:1px;
  697. background:#ddd;}
  698.  
  699. /*permalink notes*/
  700.  
  701.  
  702. .inf{
  703. margin-top:10px;
  704. display:block;
  705. margin-bottom:0px;
  706. line-height:17px;
  707. border-top:1px solid #eee;
  708. padding:10px;
  709. }
  710.  
  711. .tg{display:block;}
  712. .tg a:after{content:',';}
  713. .tg a:last-of-type:after {content:'.';}
  714. .inf a, .notas a, .tg a{color:{color:text};}
  715. .inf a:hover, .notas a:hover, .tg a:hover{color:{color:link};}
  716.  
  717. .notas{
  718. display:none;
  719. margin:0px !important;
  720. margin-left:-20px;
  721. }
  722.  
  723. .notas li {
  724. list-style:none;line-height:170%;text-align:left;}
  725. .notas li:before {
  726. display:block;position:absolute;content:"";width:0px;height:0px;}
  727.  
  728. ol.notes{padding:0px;margin:0px;list-style-type:none!important;}
  729. ol.notes li.note{
  730. padding:8px;text-align:left;
  731. border-top:1px solid #eee;}
  732. ol.notes li.note img.avatar {border-radius:100%;float:right;}
  733. ol.notes li.note blockquote a {text-decoration:none;}
  734. li.more_notes_link_container {text-transform: uppercase;font-size:1em;line-height:150%;letter-spacing:1px;}
  735. ol.notes li.note.answer_content{font-weight:normal;}
  736. img:not(.lightbox-image) {max-width:100%;height:auto;}
  737.  
  738.  
  739. .pagination {
  740. position:relative;
  741. float:center;
  742. width:calc({select:post size}px - 20px);
  743. margin:0px 0px 60px 0px;
  744. background:#fff;
  745. padding:10px;
  746. text-align:right;
  747. box-shadow:0px 1px 2px #eeeeee;
  748. border-radius:3px 3px 3px 3px;
  749. {block:Ifinfinitescroll}
  750. visibility:hidden;
  751. display:none;
  752. opacity:0;
  753. {/block:Ifinfinitescroll}
  754. }
  755.  
  756. .pagination a{
  757. color:{color:text};
  758. text-transform:uppercase;
  759. letter-spacing:1px;
  760. }
  761.  
  762.  
  763.  
  764. #infscr-loading { display:none!Important; }
  765.  
  766. footer{
  767. width:{select:post size}px;
  768. margin:auto;
  769. float:center;
  770. margin:50px 0px 100px 0px;
  771. text-align:center;}
  772.  
  773.  
  774. a.load-more {
  775. margin:auto;
  776. width:50px;
  777. padding:10px;
  778. color:{color:text};
  779. letter-spacing:1px;
  780. text-transform:uppercase;
  781. background:#fff;
  782. box-shadow:0px 1px 2px #eeeeee;
  783. border-bottom:1px solid #eee;
  784. }
  785.  
  786.  
  787.  
  788. #sidebar{
  789. position:fixed;
  790. top:100px;
  791. margin-left:calc(60px - 290px);
  792. z-index:9999;
  793. width:120px;
  794. padding-top:11px;
  795. height:auto;
  796. border-radius:3px;
  797. background:#fff;
  798. padding:10px;
  799. box-shadow:0px 1px 2px #eeeeee;
  800. }
  801.  
  802. #sidebar img{
  803. width:50px;
  804. height:50px;
  805. margin:-35px 33px 0px 33px;
  806. border-radius:100%;
  807. }
  808.  
  809.  
  810. .sidetitle{
  811. text-align:center;
  812. text-transform:uppercase;
  813. margin-top:7px;
  814. letter-spacing:1px;
  815. font-size:1.3em;
  816. color:{color:Accent};
  817. }
  818.  
  819. .desc{
  820. margin-top:5px;
  821. line-height:14px;
  822. text-align:center;
  823. z-index:99999999999;
  824. }
  825.  
  826. .nav{
  827. margin-top:10px;
  828. text-align:center;
  829. opacity:1;
  830. -webkit-transition-delay: 0.50s;
  831. -webkit-transition: all 0.50s;
  832. transition: all 0.50s;
  833. transition-delay: 0.50s;
  834. }
  835.  
  836.  
  837. .nav svg{
  838. width:1.6em;
  839. height:1.6em;
  840. font-size:10px;
  841. fill:{color:text};
  842. -webkit-transition:All 0.5s ease-in-out;
  843. margin:2px 2px 2px 2px;
  844. padding:3px;
  845. border-radius:3px;
  846. background:#eee;
  847. }
  848.  
  849. .nav svg:hover{
  850. fill:{color:text};
  851. }
  852.  
  853. .navigate, .show{
  854. cursor:pointer;
  855. }
  856.  
  857. .linkerus{
  858. display:none;
  859. margin:0px 0px 0px 0px;
  860. }
  861.  
  862. .linkerus svg{
  863. margin:0px 2px 0px 2px;
  864. }
  865.  
  866.  
  867. </style>
  868. </head>
  869.  
  870. <body>
  871.  
  872.  
  873. <div class="center">
  874.  
  875. <div id="sidebar">
  876. <a href="/"><img src="{image:sidebar}"> </a>
  877. <div class="sidetitle">{text:blogtitle}</div>
  878. <div class="desc">{Description}</div>
  879. <div class="nav">
  880. <a title="Home" href="/"><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"
  881. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
  882. <path d="M197.8,112.4l-86.2-82c-2.4-2.2-6.1-2.2-8.4,0.1l-82.5,82.3c-1.7,1.7-2.2,4.3-1.3,6.5c0.9,2.2,3.1,3.7,5.5,3.7h23v56
  883. c0,3.3,2.7,6,6,6h35c3.3,0,6-2.7,6-6v-44h25v44c0,3.3,2.7,6,6,6h36c3.3,0,6-2.7,6-6v-56h26c0,0,0,0,0,0c3.3,0,6-2.7,6-6
  884. C200,115.1,199.2,113.5,197.8,112.4z M162,111c-3.3,0-6,2.7-6,6v56h-24v-44c0-3.3-2.7-6-6-6H89c-3.3,0-6,2.7-6,6v44H60v-56
  885. c0-3.3-2.7-6-6-6H39.5l68.1-67.9L179,111H162z"/>
  886. </svg>
  887. </a>
  888. <a title="{text:ask label}" href="{text:ask link}"><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"
  889. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
  890. <path d="M37.1,171h141.9c3.3,0,6-2.7,6-6V74.7c0,0,0-0.1,0-0.1V50.7c0-3.3-2.7-6-6-6H37.1c-3.3,0-6,2.7-6,6v25.1c0,0,0,0,0,0.1V165
  891. C31.1,168.3,33.8,171,37.1,171z M43.1,56.7h129.9v15.2l-65.5,55.5L43.1,73V56.7z M43.1,88.7l60.5,51.1c2.2,1.9,5.5,1.9,7.7,0
  892. l61.6-52.2V159H43.1V88.7z"/>
  893. </svg>
  894. </a>
  895. <a title="navigate" class="navigate">
  896. <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"
  897. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
  898. <path d="M95.2,186C95.3,186,95.3,186,95.2,186c1.7,0,3.2-0.6,4.3-1.7l64.8-66.7c2.3-2.4,2.3-6.1-0.1-8.4L94.7,39.7
  899. c-1.1-1.1-2.7-1.7-4.2-1.7c0,0,0,0,0,0l-67.1,0.1c-3.3,0-6,2.6-6,5.9L17,109.9c0,1.6,0.6,3.2,1.8,4.3l72.3,70.2
  900. C92.2,185.5,93.7,186,95.2,186z M29.4,50L88,49.8l63.6,63.6l-56.5,58.2L29,107.4L29.4,50z M200.3,110.2c2.3,2.3,2.3,6,0,8.4
  901. l-64.8,66.8c-1.2,1.2-2.7,1.8-4.3,1.8c-1.5,0-3-0.6-4.2-1.7c-2.4-2.3-2.4-6.1-0.1-8.5l60.7-62.6L130.2,56c-2.3-2.4-2.3-6.2,0.1-8.5
  902. c2.4-2.3,6.2-2.3,8.5,0.1L200.3,110.2z M67.1,77.7c0,4.6-3.8,8.4-8.4,8.4s-8.4-3.8-8.4-8.4c0-4.6,3.8-8.4,8.4-8.4
  903. S67.1,73.1,67.1,77.7z"/>
  904. </svg>
  905. </a>
  906. <div class="linkerus">
  907. <a title="{text:link 1 text}" href="{text:link 1}">
  908. <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"
  909. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
  910. <path d="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2
  911. c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1
  912. c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7
  913. c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6
  914. c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4
  915. c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/>
  916. </svg></a>
  917. <a title="{text:link 2 text}" href="{text:link 2}"><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"
  918. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
  919. <path d="M51.1,176c0,3.3,2.7,6,6,6h101.8c3.3,0,6-2.7,6-6c0-33.2-15-61.7-36.1-73.1c10.2-6.7,16.9-18.3,16.9-31.4
  920. c0-20.7-16.9-37.6-37.6-37.6S70.4,50.7,70.4,71.5c0,13.1,6.7,24.6,16.9,31.4C66.1,114.3,51.1,142.8,51.1,176z M82.4,71.5
  921. c0-14.1,11.5-25.6,25.6-25.6s25.6,11.5,25.6,25.6S122.1,97.1,108,97.1S82.4,85.6,82.4,71.5z M108,109.4c23.4,0,42.6,26.7,44.7,60.6
  922. H63.3C65.4,136.1,84.6,109.4,108,109.4z"/>
  923. </svg></a>
  924. <a title="{text:link 3 text}" href="{text:link 3}"><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"
  925. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
  926. <path d="M42.3,97h47.9c3.3,0,6-2.7,6-6V43.1c0-3.3-2.7-6-6-6H42.3c-3.3,0-6,2.7-6,6V91C36.3,94.3,39,97,42.3,97z M48.3,49.1h35.9V85
  927. H48.3V49.1z"/>
  928. <path d="M173.7,37.1h-47.9c-3.3,0-6,2.7-6,6V91c0,3.3,2.7,6,6,6h47.9c3.3,0,6-2.7,6-6V43.1C179.7,39.7,177,37.1,173.7,37.1z
  929. M167.7,85h-35.9V49.1h35.9V85z"/>
  930. <path d="M36.3,172.9c0,3.3,2.7,6,6,6h47.9c3.3,0,6-2.7,6-6V125c0-3.3-2.7-6-6-6H42.3c-3.3,0-6,2.7-6,6V172.9z M48.3,131h35.9v35.9
  931. H48.3V131z"/>
  932. <path d="M125.8,178.9h47.9c3.3,0,6-2.7,6-6V125c0-3.3-2.7-6-6-6h-47.9c-3.3,0-6,2.7-6,6v47.9C119.8,176.3,122.5,178.9,125.8,178.9z
  933. M131.8,131h35.9v35.9h-35.9V131z"/>
  934. </svg></a>
  935.  
  936. </div>
  937.  
  938. </div>
  939. </div>
  940.  
  941. <div id="posts">
  942. {block:Posts}
  943. <div class="entry">
  944.  
  945.  
  946. {block:Text}
  947. <div class="ptype"><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"
  948. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
  949. <path d="M169,42c0-3.3-2.7-6-6-6H53c-3.3,0-6,2.7-6,6v138c0,3.3,2.7,6,6,6h110c3.3,0,6-2.7,6-6V42z M157,174H59V48h98V174z M75,77
  950. c0-3.3,2.7-6,6-6h54c3.3,0,6,2.7,6,6s-2.7,6-6,6H81C77.7,83,75,80.3,75,77z M75,109c0-3.3,2.7-6,6-6h54c3.3,0,6,2.7,6,6s-2.7,6-6,6
  951. H81C77.7,115,75,112.3,75,109z M75,143c0-3.3,2.7-6,6-6h54c3.3,0,6,2.7,6,6s-2.7,6-6,6H81C77.7,149,75,146.3,75,143z"/>
  952. </svg>
  953. </div>
  954. {block:Title}<div class="tit">{Title}</div>{/block:Title}
  955. <div class="pb2"><div class="photo_caption">{Body}</div></div>
  956. {/block:Text}
  957.  
  958. {block:Link}
  959. <div class="ptype"><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"
  960. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
  961. <path d="M55.7,77.1L103,33.7c1.1-1.6,2.9-2.7,5-2.7c0.7,0,1.4,0.1,2.1,0.4c0.8,0.3,1.5,0.7,2.2,1.3l48,44.5c2.4,2.3,2.6,6,0.3,8.5
  962. c-2.3,2.4-6,2.6-8.5,0.3L114,50.6V142c0,3.3-2.7,6-6,6s-6-2.7-6-6V50.9L63.8,86c-1.2,1.1-2.6,1.6-4.1,1.6c-1.6,0-3.2-0.7-4.4-1.9
  963. C53.1,83.2,53.3,79.4,55.7,77.1z M43,120c-3.3,0-6,2.7-6,6v54c0,3.3,2.7,6,6,6h129c3.3,0,6-2.7,6-6v-54c0-3.3-2.7-6-6-6s-6,2.7-6,6
  964. v48H49v-48C49,122.7,46.3,120,43,120z"/>
  965. </svg>
  966.  
  967. </div>
  968. <div class="tit">
  969. <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"
  970. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
  971. <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
  972. 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"/>
  973. </svg>
  974. </a></div>
  975. <div class="photo_caption">{block:Description}{Description}{/block:Description}
  976. </div>
  977. {block:Link}
  978.  
  979.  
  980. {block:Photo}
  981. <div class="ptype"><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"
  982. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
  983. <path d="M174.6,56.1L155.5,56l-18.2-27.1c-1.1-1.7-3-2.6-5-2.6H82.9c-2,0-3.8,1-4.9,2.6L59.1,56.1l-17.7,0C28,56.1,17,67.1,17,80.5
  984. v78.9c0,13.4,10.9,24.4,24.4,24.4h133.2c13.4,0,24.4-10.9,24.4-24.4V80.5C199,67.1,188,56.1,174.6,56.1z M187,159.4
  985. c0,6.8-5.5,12.4-12.4,12.4H41.4c-6.8,0-12.4-5.5-12.4-12.4V80.5c0-6.8,5.5-12.4,12.4-12.4l20.8,0c2,0,3.8-1,4.9-2.6l18.9-27.2H129
  986. l18.2,27.1c1.1,1.6,3,2.6,4.9,2.6l22.4,0.1c6.8,0,12.4,5.5,12.4,12.4V159.4z M108.5,70.5C85,70.5,66,89.6,66,113
  987. s19.1,42.5,42.5,42.5S151,136.4,151,113S131.9,70.5,108.5,70.5z M108.5,143.5C91.7,143.5,78,129.8,78,113s13.7-30.5,30.5-30.5
  988. S139,96.2,139,113S125.3,143.5,108.5,143.5z M174.2,88.1c0,4.8-3.9,8.8-8.8,8.8c-4.8,0-8.8-3.9-8.8-8.8c0-4.8,3.9-8.8,8.8-8.8
  989. C170.3,79.3,174.2,83.3,174.2,88.1z"/>
  990. </svg>
  991. </div>
  992. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>
  993. {block:ifshowcaptions}
  994. {block:Caption}
  995. <div class="photo_caption">{Caption}</div>
  996. {/block:Caption}
  997. {/block:ifshowcaptions}
  998. {/block:Photo}
  999.  
  1000.  
  1001. {block:Photoset}
  1002. <div class="ptype"><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"
  1003. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
  1004. <path d="M174.6,56.1L155.5,56l-18.2-27.1c-1.1-1.7-3-2.6-5-2.6H82.9c-2,0-3.8,1-4.9,2.6L59.1,56.1l-17.7,0C28,56.1,17,67.1,17,80.5
  1005. v78.9c0,13.4,10.9,24.4,24.4,24.4h133.2c13.4,0,24.4-10.9,24.4-24.4V80.5C199,67.1,188,56.1,174.6,56.1z M187,159.4
  1006. c0,6.8-5.5,12.4-12.4,12.4H41.4c-6.8,0-12.4-5.5-12.4-12.4V80.5c0-6.8,5.5-12.4,12.4-12.4l20.8,0c2,0,3.8-1,4.9-2.6l18.9-27.2H129
  1007. l18.2,27.1c1.1,1.6,3,2.6,4.9,2.6l22.4,0.1c6.8,0,12.4,5.5,12.4,12.4V159.4z M108.5,70.5C85,70.5,66,89.6,66,113
  1008. s19.1,42.5,42.5,42.5S151,136.4,151,113S131.9,70.5,108.5,70.5z M108.5,143.5C91.7,143.5,78,129.8,78,113s13.7-30.5,30.5-30.5
  1009. S139,96.2,139,113S125.3,143.5,108.5,143.5z M174.2,88.1c0,4.8-3.9,8.8-8.8,8.8c-4.8,0-8.8-3.9-8.8-8.8c0-4.8,3.9-8.8,8.8-8.8
  1010. C170.3,79.3,174.2,83.3,174.2,88.1z"/>
  1011. </svg>
  1012. </div>
  1013. <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>
  1014. {block:ifshowcaptions}
  1015. {block:Caption}
  1016. <div class="photo_caption">{Caption}</div>
  1017. {/block:Caption}
  1018. {/block:ifshowcaptions}
  1019. {/block:Photoset}
  1020.  
  1021.  
  1022. {block:Quote}<div class="ptype"><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"
  1023. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
  1024. <path d="M154,27H58c-3.3,0-6,2.7-6,6v153.7c0,2.5,1.5,4.7,3.8,5.6c2.3,0.9,4.9,0.3,6.6-1.6l44.8-49.1l42.3,49
  1025. c1.2,1.3,2.8,2.1,4.5,2.1c0.7,0,1.4-0.1,2.1-0.4c2.3-0.9,3.9-3.1,3.9-5.6V33C160,29.7,157.3,27,154,27z M148,170.6l-36.1-41.9
  1026. c-1.1-1.3-2.7-2.1-4.5-2.1c-1.7,0-3.4,0.7-4.5,2L64,171.3V39h84V170.6z"/>
  1027. </svg>
  1028. </div>
  1029. <div class="pb">
  1030. <div class="quote">❝&nbsp;{quote}</div>
  1031. <div class="qs">{block:Source}{Source}{/block:Source}</div></div>
  1032. {/block:Quote}
  1033.  
  1034. {block:Chat}
  1035. <div class="ptype"><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"
  1036. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
  1037. <path d="M51.6,144.6l-6,34.1c-0.4,2.3,0.5,4.6,2.4,5.9c1,0.8,2.3,1.1,3.5,1.1c1,0,2-0.2,2.8-0.7l44.3-23.8c3.2,0.3,6.3,0.4,9.4,0.4
  1038. c46.3,0,83.9-29.5,83.9-65.7c0-36.2-37.6-65.7-83.9-65.7S24.1,59.7,24.1,95.9C24.1,114.6,34.1,132.2,51.6,144.6z M108,42.3
  1039. c39.6,0,71.9,24.1,71.9,53.7c0,29.6-32.3,53.7-71.9,53.7c-3.2,0-6.6-0.2-10-0.5c-1.2-0.1-2.4,0.1-3.5,0.7l-35,18.8l4.5-25.7
  1040. c0.4-2.4-0.6-4.8-2.7-6.1c-16.1-10.3-25.3-25.1-25.3-40.8C36.1,66.4,68.4,42.3,108,42.3z"/>
  1041. </svg>
  1042. </div>
  1043. <div class="chat">
  1044. {block:Title}<span class="title">{Title}</span></span>{/block:Title}
  1045. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<i>{Label}</i> {/block:Label}{Line}</div></div>{/block:Lines}
  1046. </div>
  1047. {/block:Chat}
  1048.  
  1049. {block:Audio}
  1050. <div class="ptype"><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"
  1051. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
  1052. <path d="M101.6,42.2L73.6,73H35c-3.3,0-6,2.7-6,6v58c0,3.3,2.7,6,6,6h36.2l30.8,27.4c1.1,1,2.5,1.5,4,1.5c0.8,0,1.7-0.2,2.5-0.5
  1053. c2.2-1,3.5-3.1,3.5-5.5V46.3c0-2.5-1.5-4.7-3.8-5.6C105.8,39.8,103.2,40.4,101.6,42.2z M100,152.6l-22.5-20c-1.1-1-2.5-1.5-4-1.5H41
  1054. V85h35.3c1.7,0,3.3-0.7,4.4-2L100,61.8V152.6z M160.1,150.7c11.3-12.3,17.5-28.2,17.5-44.9c0-16.5-6.1-32.4-17.2-44.6
  1055. c-2.2-2.5-2-6.2,0.4-8.5c2.5-2.2,6.2-2,8.5,0.4c13.1,14.4,20.3,33.1,20.3,52.6c0,19.7-7.3,38.6-20.7,53.1c-1.2,1.3-2.8,1.9-4.4,1.9
  1056. c-1.5,0-2.9-0.5-4.1-1.6C158,157,157.8,153.2,160.1,150.7z M133.2,128.4c5.7-6.2,8.8-14.1,8.8-22.5c0-8.3-3.1-16.2-8.6-22.3
  1057. c-2.2-2.5-2-6.2,0.4-8.5c2.5-2.2,6.2-2,8.5,0.4c7.6,8.3,11.7,19.1,11.7,30.4c0,11.4-4.2,22.3-12,30.6c-1.2,1.3-2.8,1.9-4.4,1.9
  1058. c-1.5,0-2.9-0.5-4.1-1.6C131.2,134.6,131,130.8,133.2,128.4z"/>
  1059. </svg>
  1060. </div>
  1061. <div class="pb">
  1062. <div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>
  1063. {block:AlbumArt}
  1064. <div class="cover"><img src="{AlbumArtURL}"></div>
  1065. {/block:AlbumArt}
  1066. <div class="playbox">
  1067. <div class="button">
  1068. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  1069. <div class="info">
  1070. <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName} <h2>by
  1071. <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</h2>
  1072. </div>
  1073. {block:ifshowcaptions}
  1074. {block:Caption}
  1075. <div class="photo_caption">{Caption}</div>
  1076. {/block:Caption}
  1077. {/block:ifshowcaptions}</div>
  1078. {/block:Audio}
  1079.  
  1080.  
  1081. {block:Video}
  1082. <div class="ptype"><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"
  1083. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
  1084. <path d="M43.1,137.2c12.3,12.1,33.6,26.4,65.4,26.4s53.1-14.4,65.4-26.4c13.3-13,19-26.1,19.3-26.6c0.7-1.5,0.7-3.3,0-4.8
  1085. c-0.2-0.5-5.6-12.8-18.8-25c-12.1-11.2-33.5-24.5-66.5-24.5c-33,0-54,13.4-65.9,24.6C29,93.1,23.9,105.4,23.7,106
  1086. c-0.6,1.5-0.6,3.2,0.1,4.6C24,111.1,29.8,124.2,43.1,137.2z M107.6,68.7c16.1,0,29.2,13.1,29.2,29.2c0,16.1-13.1,29.2-29.2,29.2
  1087. s-29.2-13.1-29.2-29.2C78.4,81.8,91.5,68.7,107.6,68.7z M73.7,74.5c-4.6,6.6-7.3,14.7-7.3,23.4c0,22.7,18.5,41.2,41.2,41.2
  1088. s41.2-18.5,41.2-41.2c0-8.8-2.8-16.9-7.5-23.6c24.4,9.4,36,27.4,39.5,34c-2.2,4-7.3,12.5-15.8,20.8c-15.5,15.1-34.5,22.7-56.6,22.7
  1089. S67.3,144,51.8,129c-8.6-8.4-13.7-16.9-15.9-20.9C39.2,101.7,50,84,73.7,74.5z"/>
  1090. </svg>
  1091. </div>
  1092. <div class="video">{Video-500}</div>
  1093. {block:ifshowcaptions}
  1094. {block:Caption}
  1095. <div class="photo_caption">{Caption}</div>
  1096. {/block:Caption}
  1097. {/block:ifshowcaptions}
  1098. {/block:Video}
  1099.  
  1100.  
  1101. {block:Answer}
  1102. <div class="ptype"><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"
  1103. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
  1104. <path d="M37.1,171h141.9c3.3,0,6-2.7,6-6V74.7c0,0,0-0.1,0-0.1V50.7c0-3.3-2.7-6-6-6H37.1c-3.3,0-6,2.7-6,6v25.1c0,0,0,0,0,0.1V165
  1105. C31.1,168.3,33.8,171,37.1,171z M43.1,56.7h129.9v15.2l-65.5,55.5L43.1,73V56.7z M43.1,88.7l60.5,51.1c2.2,1.9,5.5,1.9,7.7,0
  1106. l61.6-52.2V159H43.1V88.7z"/>
  1107. </svg>
  1108. </div>
  1109. <div class="pb">
  1110. <div class="question_a"><img src="{AskerPortraitURL-40}"></div>
  1111. <div class="question"><b>{Asker} asked:</b> {Question}</div>
  1112. <div class="a">{Answer}</div></div>
  1113. {/block:Answer}
  1114.  
  1115. {block:IndexPage}
  1116. <div class="perm">
  1117. <div class="nt"><a title="{notecount} notes" href="{permalink}"><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"
  1118. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
  1119. <path d="M95.2,186C95.3,186,95.3,186,95.2,186c1.7,0,3.2-0.6,4.3-1.7l64.8-66.7c2.3-2.4,2.3-6.1-0.1-8.4L94.7,39.7
  1120. c-1.1-1.1-2.7-1.7-4.2-1.7c0,0,0,0,0,0l-67.1,0.1c-3.3,0-6,2.6-6,5.9L17,109.9c0,1.6,0.6,3.2,1.8,4.3l72.3,70.2
  1121. C92.2,185.5,93.7,186,95.2,186z M29.4,50L88,49.8l63.6,63.6l-56.5,58.2L29,107.4L29.4,50z M200.3,110.2c2.3,2.3,2.3,6,0,8.4
  1122. l-64.8,66.8c-1.2,1.2-2.7,1.8-4.3,1.8c-1.5,0-3-0.6-4.2-1.7c-2.4-2.3-2.4-6.1-0.1-8.5l60.7-62.6L130.2,56c-2.3-2.4-2.3-6.2,0.1-8.5
  1123. c2.4-2.3,6.2-2.3,8.5,0.1L200.3,110.2z M67.1,77.7c0,4.6-3.8,8.4-8.4,8.4s-8.4-3.8-8.4-8.4c0-4.6,3.8-8.4,8.4-8.4
  1124. S67.1,73.1,67.1,77.7z"/>
  1125. </svg></a></div>
  1126. <div class="butt"><a title="reblog" href="{ReblogURL}">
  1127. <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>
  1128. <div class="custom-like-button">
  1129. {LikeButton}
  1130. <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>
  1131. </span>
  1132. </div>
  1133. </div>
  1134. {block:IfShowtags}
  1135. <div class="mytags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>
  1136. {/block:Tags}{/block:HasTags}</div>
  1137. {/block:IfShowtags}
  1138. </div>
  1139. {/block:IndexPage}
  1140.  
  1141.  
  1142. {block:ContentSource}<!-- {SourceURL}
  1143. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1144. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1145. {/block:ContentSource}
  1146.  
  1147. <!-- {block:NoRebloggedFrom}
  1148. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1149. {/block:NoRebloggedFrom} -->
  1150.  
  1151.  
  1152. {block:PermalinkPage}
  1153. {block:Date}
  1154. <div class="inf">
  1155. Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm} <br>
  1156. {block:RebloggedFrom}
  1157. source: <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1158. {/block:RebloggedFrom}
  1159. <div class="tg">
  1160. {block:HasTags}
  1161. tags: {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;
  1162. {/block:Tags}{/block:HasTags}
  1163. </div>
  1164. <a title="show notes" class="show">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a></div>
  1165. <div class="notas">
  1166. {block:PostNotes}
  1167. {PostNotes}
  1168. {/block:PostNotes}
  1169. {/block:Date}
  1170. </div>
  1171. {/block:PermalinkPage}
  1172. {/block:Date}
  1173. </div>
  1174. {/block:Posts}
  1175. </div>
  1176.  
  1177. {block:Pagination}
  1178. {block:ifloadmore}
  1179. <footer>
  1180. <a href="#" class="load-more">load more</a></footer>
  1181. {/block:ifloadmore}
  1182. {/block:Pagination}
  1183.  
  1184. {block:Pagination}
  1185. <div class="pagination">
  1186. {block:PreviousPage}
  1187. <a href="{PreviousPage}">prev /</a>
  1188. {/block:PreviousPage}
  1189. {block:NextPage}
  1190. <a href="{NextPage}" class="next">next</a>
  1191. {/block:NextPage}</div>
  1192. {/block:Pagination}
  1193. </div>
  1194.  
  1195.  
  1196. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  1197. <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>
  1198. <link href="https://fonts.googleapis.com/css?family=Arapey:400i" rel="stylesheet">
  1199. <link href='https://fonts.googleapis.com/css?family=Hind:400,700|Open+Sans:400,700|Source+Code+Pro:400,700|Source+Sans+Pro:400,700|Karla:400,700|Maven+Pro:400,700|Inconsolata:400,700|Roboto:400,300,700' rel='stylesheet' type='text/css'>
  1200. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1201. <script src ="http://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1202. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1203. {block:IndexPage}
  1204. {block:ifinfinitescroll}
  1205. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1206. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1207. {/block:ifinfinitescroll}
  1208. {/block:IndexPage}
  1209. <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1210. <script>
  1211. $(document).ready(function(){
  1212. $(".navigate").click(function(){
  1213. $(".linkerus").slideToggle("fast");
  1214. });
  1215. });
  1216.  
  1217.  
  1218. $(document).ready(function(){
  1219. $(".show").click(function(){
  1220. $(".notas").slideToggle("slow");
  1221. });
  1222. });
  1223.  
  1224. $(function(){ $('#posts').unnest({
  1225. yourCaption: ".photo_caption",
  1226. newCaptionUsername: true,
  1227. originalPostCaptionUsername: true,
  1228. tumblrAvatars: true,
  1229. tumblrAvatarClass: ".tumblr_avatar",
  1230. usernameColon: false
  1231. }); });
  1232.  
  1233. $(document).ready(function(){
  1234. $('.photo-slideshow').pxuPhotoset({
  1235. lightbox: true,
  1236. rounded: false,
  1237. gutter: '{select:photoset gutters}px',
  1238. photoset: '.photo-slideshow',
  1239. photoWrap: '.photo-data',
  1240. photo: '.pxu-photo'
  1241. });
  1242. {block:IndexPage}
  1243. var $container = $('#posts');
  1244. $container.masonry({ itemSelector: '.entry' });
  1245. $container.imagesLoaded(function(){
  1246. $container.masonry();
  1247. $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
  1248. });
  1249. $container.infinitescroll({
  1250. itemSelector: '.entry',
  1251. navSelector: '.pagination',
  1252. nextSelector: '.next',
  1253. loadingImg: '',
  1254. loadingText: '',
  1255. doneText: 'no more posts',
  1256. bufferPx: 2000,
  1257. {block:ifloadmore}
  1258. errorCallback: function () {
  1259. jQuery ('.load-more').delay(10).fadeOut();
  1260. $('.entry').last().after($('.load-more'));
  1261. }
  1262. {/block:ifloadmore}
  1263.  
  1264. },
  1265.  
  1266. function( newElements ) {
  1267. var $newElems = $( newElements );
  1268. $newElems.find('.photo-slideshow').pxuPhotoset({
  1269. lightbox: true,
  1270. rounded: false,
  1271. gutter: '{select:photoset gutters}px',
  1272. photoset: '.photo-slideshow',
  1273. photoWrap: '.photo-data',
  1274. photo: '.pxu-photo'
  1275. },
  1276.  
  1277. function(){
  1278. resizeVideos(); },
  1279.  
  1280.  
  1281. function(){
  1282. $container.masonry();
  1283. });
  1284.  
  1285.  
  1286.  
  1287. $newElems.unnest({
  1288. yourCaption: ".photo_caption",
  1289. newCaptionUsername: true,
  1290. originalPostCaptionUsername: true,
  1291. tumblrAvatars: true,
  1292. tumblrAvatarClass: ".tumblr_avatar",
  1293. usernameColon: false
  1294. });
  1295.  
  1296. $newElems.imagesLoaded(function(){
  1297. $container.masonry( 'appended', $newElems );
  1298. $newElems.animate({ opacity: 1, zIndex: 1 });
  1299.  
  1300. });
  1301.  
  1302. });
  1303.  
  1304.  
  1305. {block:ifloadmore}
  1306. $(window).unbind('.infscr');
  1307. $('.load-more').click(function(){
  1308. $container.infinitescroll('retrieve');
  1309. return false
  1310. }); {/block:ifloadmore}
  1311. {/block:IndexPage}
  1312.  
  1313. });
  1314. </script>
  1315.  
  1316. <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"
  1317. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
  1318. <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
  1319. 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
  1320. 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
  1321. 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
  1322. 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
  1323. 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
  1324. 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
  1325. 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
  1326. 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
  1327. 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
  1328. 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
  1329. 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
  1330. 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
  1331. 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
  1332. 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
  1333. 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
  1334. S41.9,103.9,45.3,102.3z"/>
  1335. </svg>
  1336. </div>
  1337.  
  1338. </body>
  1339. </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!