API tools faq
paste
planthed

Doomed

planthed
Jul 10th, 2016
2,638
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.24 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. Doomed @ 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:Popup" content=""/>
  26.  
  27. <meta name="color:Text" content="#000000"/>
  28. <meta name="color:Accent" content="#BDC0DA"/>
  29.  
  30. <meta name="text:Home label" content="home" />
  31. <meta name="text:Ask label" content="ask"/>
  32. <meta name="text:Navigation label" content="extra"/>
  33. <meta name="text:Archive label" content="Past" />
  34.  
  35. <meta name="text:blogtitle" content="">
  36. <meta name="text:Link 1" content="uno">
  37. <meta name="text:Link 1 URL" content="/">
  38. <meta name="text:Link 2" content="dos">
  39. <meta name="text:Link 2 URL" content="/">
  40. <meta name="text:Link 3" content="tres">
  41. <meta name="text:Link 3 URL" content="/">
  42. <meta name="text:Link 4" content="cuatro">
  43. <meta name="text:Link 4 URL" content="/">
  44. <meta name="text:Link 5" content="cinco">
  45. <meta name="text:Link 4 URL" content="/">
  46.  
  47.  
  48. <meta name="if:Black header with scroll" content="1">
  49. <meta name="if:Load more" content="" />
  50. <meta name="if:Hide captions" content="">
  51. <meta name="if:Submit link" content="">
  52. <meta name="if:Scroll to top" content="1">
  53. <meta name="if:White Tiny cursor" content="" />
  54. <meta name="if:Black Tiny cursor" content="" />
  55. <meta name="if:Transparent tumblr controls" content="1">
  56.  
  57.  
  58. <meta name="select:body font" content="Hind" title="Hind">
  59. <meta name="select:body font" content="Open Sans" title="Open Sans">
  60. <meta name="select:body font" content="Karla" title="Karla">
  61. <meta name="select:body font" content="Maven Pro" title="Maven Pro">
  62. <meta name="select:body font" content="Inconsolata" title="Inconsolata">
  63. <meta name="select:body font" content="Roboto" title="Roboto">
  64. <meta name="select:body font" content="Source Sans Pro" title="Source Sans Pro">
  65. <meta name="select:body font" content="Source Code Pro" title="Source Code Pro">
  66.  
  67.  
  68. <meta name="select:photoset gutters" content="0" title="0px">
  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. <!---fonts--->
  79.  
  80. <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'>
  81.  
  82. <!---pxu script--->
  83. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  84.  
  85. <!--- tooltips script --->
  86. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  87. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  88. <script>
  89. (function($){
  90. $(document).ready(function(){
  91. $("a[title]").style_my_tooltips({
  92. tip_follows_cursor:true,
  93. tip_delay_time:90,
  94. tip_fade_speed:600,
  95. attribute:"title"
  96. });});})(jQuery);
  97. </script>
  98.  
  99.  
  100. <style type="text/css">
  101.  
  102.  
  103. #s-m-t-tooltip{
  104. max-width:300px;
  105. padding:10px;
  106. min-height:7px;
  107. margin:20px 0px 0px 20px;
  108. line-height:100%;
  109. background:#fff;
  110. border-bottom:1px solid #eee;
  111. word-wrap:break-word;
  112. word-break:break-all;
  113. opacity:1;
  114. z-index:9999999999999999999;
  115. }
  116.  
  117.  
  118. iframe.tmblr-iframe{
  119. position:fixed!important;
  120. top:53px!important;
  121. right:-30px!important;
  122. opacity:.7;
  123. -webkit-transform: scale(0.8);
  124. -moz-transform: scale(0.8);
  125. -o-transform: scale(0.8);
  126. transform: scale(0.8);
  127. z-index:9999!important;
  128. {block:ifTransparentTumblrControls}
  129. -webkit-filter:invert(100%);
  130. -moz-filter:invert(100%);
  131. -o-filter:invert(100%);
  132. -ms-filter:invert(100%);
  133. filter:invert(100%);
  134. opacity:0.2;
  135. {/block:ifTransparentTumblrControls}
  136. {block:ifNOTTransparentTumblrControls}
  137. -webkit-filter:invert(80%);
  138. -moz-filter:invert(80%);
  139. -o-filter:invert(80%);
  140. -ms-filter:invert(80%);
  141. filter:invert(80%);
  142. {block:ifNOTTransparentTumblrControls}
  143. }
  144.  
  145. /*tumblr controls and lightbox*/
  146.  
  147. #tumblr_lightbox,.tmblr-lightbox{
  148. background:rgba(247, 247, 247, 1)!important;}
  149.  
  150. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  151. opacity:0!important;
  152. }
  153.  
  154. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image, .lightbox-image {
  155. box-shadow:none!important;
  156. border-radius:0px!important;
  157. padding:10px!important;
  158. background:#fff!important;
  159. border-bottom:1px solid #eee!important;
  160. }
  161.  
  162. ::-webkit-scrollbar{
  163. height:3px;
  164. width:11px;
  165. background:inherit;
  166. background:#eee;
  167. border:5px solid #f7f7f7;
  168. }
  169.  
  170. ::-webkit-scrollbar-track {background:transparent;}
  171.  
  172. ::-webkit-scrollbar-thumb {
  173. height:150px!important;
  174. background:#ddd;
  175. border:5px solid #f7f7f7;
  176. }
  177.  
  178. /*tiny cursor*/
  179.  
  180.  
  181. html, body, img, a {
  182. {block:ifWhiteTinycursor}
  183. cursor:url(http://static.tumblr.com/vmteopo/fhxo3gbrd/small_white_cursor.png), auto;
  184. {/block:ifWhiteTinycursor}
  185. {block:ifBlackTinyCursor}
  186. cursor: url('http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), auto;
  187. {/block:ifBlackTinyCursor}
  188. }
  189.  
  190. a:hover, a:active, iframe{
  191. {block:ifWhiteTinycursor}cursor:url(http://static.tumblr.com/vmteopo/RQ9o3gbth/small_white_cursor_help.png), crosshair;
  192. {/block:ifWhiteTinycursor}
  193. {block:ifBlackTinyCursor}
  194. cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair;
  195. {/block:ifBlackTinyCursor}
  196. }
  197.  
  198.  
  199. /*main structure*/
  200.  
  201. body{
  202. background:#f7f7f7;
  203. font-size:10px;
  204. font-family:{select:body font}, sans-serif;
  205. color:{color:text};
  206. line-height:150%;
  207. -moz-osx-font-smoothing:grayscale;
  208. -webkit-font-smoothing:antialiased;
  209. font-smoothing:antialiased;
  210. }
  211.  
  212.  
  213. a, a:link, a:active, a:visited{
  214. color:{color:Accent};
  215. text-decoration:none;
  216. -webkit-transition:all 0.3s linear;
  217. -moz-transition:all 0.3s linear;
  218. transition:all 0.3s linear;}
  219. a:hover {color:{color:text};}
  220.  
  221.  
  222. .center {
  223. position:relative;
  224. margin:100px auto;
  225. max-width:calc(100% - 90px);
  226. {block:PermalinkPage}
  227. width:630px;
  228. {/block:PermalinkPage}
  229. }
  230.  
  231. #posts{
  232. position:relative;
  233. {block:PermalinkPage}
  234. margin-top:100px;
  235. {/block:PermalinkPage}
  236. }
  237.  
  238. .entry {
  239. margin:20px;
  240. width:240px;
  241. padding:15px;
  242. background:#fff;
  243. border-bottom:1px solid #eee;
  244. {block:indexpage}
  245. opacity:0;
  246. z-index:-1;
  247. {/block:indexpage}
  248. {block:PermalinkPage}
  249. width:500px;
  250. padding-bottom:10px;
  251. {/block:PermalinkPage}
  252. overflow:hidden;
  253. -webkit-transition: all .3s ease;
  254. -moz-transition: all .3s ease;
  255. -o-transition: all .3s ease;
  256. transition: all .3s ease;
  257.  
  258. }
  259.  
  260.  
  261. .entry img{
  262. max-width:100%;
  263. display:block;
  264. position:relative;
  265. overflow:hidden;
  266. }
  267.  
  268. .caption{
  269. margin-top:10px;
  270. {block:ifhidecaptions}
  271. display:none;
  272. {/block:ifhidecaptions}
  273. }
  274.  
  275.  
  276. .perm{
  277. border-top:1px solid #eee;
  278. margin-top:15px;
  279. margin-left:-15px;
  280. width:calc(100% + 18px);
  281. padding:6px 5px 0px 7px;
  282. height:8px;
  283. background:#fff;
  284. }
  285.  
  286. .perm a{color:{color:text};}
  287. .perm a:hover{color:{color:Accent};}
  288.  
  289. .butt{
  290. position:absolute;
  291. text-align:right;
  292. right:0px;
  293. margin-top:-16px;
  294. }
  295.  
  296. .butt svg{
  297. width:1em;
  298. height:1em;
  299. fill:#888;
  300. margin:5px;
  301. -webkit-transition:opacity 0.5s linear;
  302. -webkit-transition:all 0.5s linear;
  303. -moz-transition:all 0.5s linear;
  304. transition:all 0.5s linear;
  305. }
  306.  
  307. .butt svg:hover, .buli svg:hover, .our_button svg:hover, .like_button svg:hover{
  308. fill:{color:Accent}!important;
  309. -webkit-transition:opacity 0.5s linear;
  310. -webkit-transition:all 0.5s linear;
  311. -moz-transition:all 0.5s linear;
  312. transition:all 0.5s linear;
  313. }
  314.  
  315. .custom-like-button {
  316. position: relative;
  317. display: inline-block;
  318. width:20px;
  319. height:20px;
  320. left:-7px;
  321. cursor: pointer;
  322. }
  323.  
  324. .like_button {
  325. position: absolute;
  326. top:0;
  327. left:0;
  328. right:0;
  329. bottom:0;
  330. width:100%;
  331. height:100%;
  332. opacity:0;
  333. z-index:999!important;
  334. }
  335. .like_button iframe {
  336. width:100% !important;
  337. height:100% !important;
  338. }
  339.  
  340. .like_button svg {
  341. position:absolute;
  342. width:100%;
  343. height:100%;
  344. top:0;
  345. left:0;
  346. right:0;
  347. bottom:0;
  348. }
  349.  
  350. .like_button:hover + svg {fill:{color:Accent}!important;}
  351. .like_button.liked + svg { fill:{color:Accent}!important;}
  352.  
  353.  
  354. .video, .video iframe, .tumblr_video_container {
  355. display:block;
  356. width:240px;
  357. height:auto!important;
  358. {block:PermalinkPage}
  359. width:500px;
  360. {/block:PermalinkPage}
  361. }
  362.  
  363.  
  364.  
  365. pre {
  366. white-space: pre-wrap;
  367. white-space: -moz-pre-wrap;
  368. white-space: -pre-wrap;
  369. white-space: -o-pre-wrap;
  370. word-wrap: break-word;
  371. }
  372.  
  373. p {margin:5px 0;}
  374.  
  375. p:first-of-type {
  376. margin-top:0;
  377. padding-top:0;
  378. }
  379.  
  380. p:last-of-type {
  381. margin-bottom:0;
  382. padding-bottom:0;
  383. }
  384.  
  385.  
  386. small{font-size:1em;}
  387. big{font-size:2em;}
  388.  
  389. h1, h2, h3, h4 {
  390. font-size:2em;
  391. margin:0;
  392. padding:0;
  393. }
  394.  
  395.  
  396. /*audio player*/
  397.  
  398. .playbox {
  399. position:absolute;
  400. z-index:9;
  401. background:white;
  402. opacity:1;
  403. width:50px;
  404. border:1px solid #eee;
  405. height:50px;
  406. -webkit-transition:opacity 0.5s linear;
  407. -webkit-transition:all 0.5s linear;
  408. -moz-transition:all 0.5s linear;
  409. transition:all 0.5s linear;
  410. }
  411.  
  412. .button {
  413. position:relative;
  414. z-index: 1000;
  415. overflow:hidden;
  416. width:25px;
  417. height:25px;
  418. margin:11px 11px 11px 11px;
  419. }
  420.  
  421. .info {
  422. margin-left:50px;
  423. border:1px solid #eee;
  424. min-height:20px;
  425. padding:6px;
  426. padding-left:10px;
  427. font-size:13px;
  428. letter-spacing:1px;
  429. text-align:left;
  430. line-height:150%;
  431. text-transform:uppercase;
  432. }
  433.  
  434. /*title*/
  435.  
  436. .tit{
  437. font-size:1.3em;
  438. color:{color:Accent};
  439. text-transform:uppercase;
  440. letter-spacing:1px;
  441. margin-bottom:6px;
  442. }
  443.  
  444.  
  445. blockquote{
  446. border-left:1px solid #eee;
  447. margin:10px 0px 10px 0px;
  448. padding-left:10px;
  449. }
  450.  
  451. .quote{
  452. font-size:1.3em;
  453. }
  454.  
  455. .qs{
  456. margin-top:10px!important;
  457. text-transform:uppercase;
  458. letter-spacing:1px;
  459. text-align:left;
  460. }
  461.  
  462. .qs:before {
  463. display:block;
  464. margin-bottom:10px;
  465. content:"";
  466. width:40px;
  467. height:2px;
  468. background:{color:Accent};
  469. }
  470.  
  471.  
  472.  
  473. /*ask style*/
  474.  
  475.  
  476. .as{
  477. color:{color:text};
  478. font-style:italic;
  479. margin:5px;
  480. text-align:right;
  481. }
  482.  
  483.  
  484. .q{
  485. background:#f7f7f7;
  486. padding:10px;
  487. }
  488.  
  489.  
  490.  
  491. .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{
  492. color:{color:Accent};
  493. }
  494.  
  495.  
  496. .c{position:fixed;bottom:10px;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;border-bottom:1px solid #eee;}.c:hover{background:black;}.c a{color:{color:text};}.c:hover a{color:white;}
  497.  
  498. .entry li {
  499. list-style:none;
  500. line-height:170%;
  501. text-align:left;
  502. }
  503.  
  504. .entry li:before {
  505. display:block;
  506. position:absolute;
  507. margin-left:-20px;
  508. margin-top:8px;
  509. content:"";
  510. width:14px;
  511. height:1px;
  512. background:#ddd;}
  513.  
  514.  
  515. /*permalink notes*/
  516.  
  517.  
  518.  
  519. .inf{
  520. display:block;
  521. margin-top:15px;
  522. border-top:1px solid #eee;
  523. margin-left:-15px;
  524. width:calc(100% + 20px);
  525. padding:10px;
  526. padding-bottom:0px;
  527. line-height:17px;
  528. }
  529.  
  530. .tg{display:block;}
  531. .tg a:after{content:',';}
  532. .tg a:last-of-type:after {content:'.';}
  533. .inf a, .notas a, .tg a{color:{color:text};}
  534. .inf a:hover, .notas a:hover, .tg a:hover{color:{color:Accent};}
  535.  
  536. .notas{
  537. padding-top:10px;
  538. display:none;
  539. margin-left:-15px;
  540. width:calc(100% + 30px);
  541. color:{color:text};
  542. overflow:hidden;
  543. }
  544.  
  545. .notas li {
  546. list-style:none;
  547. line-height:170%;
  548. text-align:left;}
  549.  
  550. .notas li:before {
  551. display:block;
  552. position:absolute;
  553. content:"";
  554. width:0px;
  555. height:0px;}
  556.  
  557. ol.notes {
  558. padding:0px!important;
  559. margin: 0;
  560. list-style-type: none;
  561. }
  562. ol.notes li.note {
  563. padding:8px;
  564. border-top:1px solid #eee;
  565. }
  566. ol.notes li.note img.avatar {
  567. float:right;
  568. border-radius:50%;
  569. padding:0px!important;
  570. border:1px solid #fff;
  571. }
  572. ol.notes li.note blockquote a {
  573. text-decoration: none;
  574. }
  575. li.more_notes_link_container {
  576. text-transform: uppercase;
  577. font-size:1em;
  578. letter-spacing:1px;
  579. height:8px;
  580. }
  581.  
  582. img:not(.lightbox-image) {
  583. max-width:100%;
  584. height:auto;
  585. }
  586.  
  587.  
  588.  
  589. .pagination {
  590. visibility:hidden;
  591. display:none;
  592. opacity:0;
  593. }
  594.  
  595.  
  596. #infscr-loading { display:none!Important; }
  597.  
  598. footer{
  599. width:100%;
  600. margin:auto;
  601. float:center;
  602. margin-top:50px;
  603. margin-bottom:50px;
  604. text-align:center;}
  605.  
  606.  
  607. a.load-more {
  608. margin:auto;
  609. width:50px;
  610. padding:10px;
  611. color:{color:text};
  612. letter-spacing:1px;
  613. text-transform:uppercase;
  614. background:#fff;
  615. border-bottom:1px solid #eee;
  616. }
  617.  
  618.  
  619. a.load-more:hover{
  620. color:{color:Accent};
  621. border-bottom:1px solid {color:Accent};
  622. {block:IfBlackHeaderWithScroll}
  623. background:black;
  624. color:#fff;
  625. border-bottom:1px solid black;
  626. {/block:IfBlackHeaderWithScroll}
  627. }
  628.  
  629. .header{
  630. position:fixed;
  631. width:100%;
  632. padding:15px;
  633. height:20px;
  634. left:0px;
  635. right:0px;
  636. top:0px;
  637. font-size:11px;
  638. line-height:210%;
  639. letter-spacing:1px;
  640. background:#fff;
  641. text-transform:uppercase;
  642. border-bottom:1px solid #eee;
  643. z-index:999999;
  644. -webkit-transition:all 0.5s linear;
  645. -moz-transition:all 0.5s linear;
  646. transition:all 0.5s linear;
  647. }
  648.  
  649. .header a{color:{color:text};margin:5px;}
  650. .header a:hover{color:{color:Accent};}
  651. .header2 a{color:#fff;}
  652. .header2{background:black;color:#fff;border-bottom:1px solid black;}
  653.  
  654.  
  655. .search .query {
  656. border: 0;outline: 0;position:absolute;margin-left:105px;
  657. border-top:1px solid #eee;padding: 5px;
  658. font-family: inherit;margin-top:-26px;font-size: inherit;
  659. color: inherit;width:100px;
  660. background-color: transparent;-webkit-transition:all 0.5s linear;
  661. -moz-transition:all 0.5s linear;
  662. transition:all 0.5s linear;
  663. }
  664.  
  665. .search .query:hover{
  666. border-top:1px solid {color:Accent};
  667. color:{color:Accent};
  668. }
  669.  
  670. ::-webkit-input-placeholder {color: inherit;}
  671. :-moz-placeholder {color: inherit; opacity:1;}
  672. ::-moz-placeholder {color: inherit; opacity:1;}
  673. :-ms-input-placeholder {color: inherit;}
  674.  
  675.  
  676. input:focus::-webkit-input-placeholder {color: transparent;}
  677. input:focus:-moz-placeholder {color: transparent;}
  678. input:focus::-moz-placeholder {color: transparent;}
  679. input:focus:-ms-input-placeholder { color: transparent;}
  680.  
  681. #modal{cursor:pointer;
  682. }
  683.  
  684. .popup{
  685. position:fixed;
  686. display:none;
  687. width:100%;
  688. height:100%;
  689. left:0%;
  690. top:0%;
  691. right:0%;
  692. bottom:0%;
  693. z-index:999999999999;
  694. background:#f7f7f7;
  695. }
  696.  
  697. .close {
  698. position:fixed;
  699. width:100%;
  700. height:100%;
  701. z-index:-1;}
  702.  
  703.  
  704. .section{
  705. position:relative;
  706. margin:160px auto;
  707. z-index:1;
  708. width:210px;
  709. height:auto;
  710. padding:20px;
  711. padding-bottom:10px;
  712. background:#fff;
  713. border-bottom:1px solid #eee;
  714. }
  715.  
  716. .desc{
  717. margin-top:10px;
  718. margin-bottom:10px;
  719. z-index:99999;
  720. position:relative;
  721. }
  722.  
  723. .desc img{
  724. {block:ifPopupImage}
  725. display:block;
  726. visibility:visible;
  727. float:left;
  728. width:70px;
  729. margin-right:10px;
  730. {/block:ifPopupImage}
  731. }
  732.  
  733. .ntitle{
  734. text-transform:uppercase;
  735. letter-spacing:1px;
  736. font-size:15px;
  737. display:block;
  738. border-bottom:1px solid #eee;
  739. padding-bottom:10px;
  740. }
  741.  
  742. .navigate{
  743. display:inline-block;
  744. width:220px;
  745. height:auto);
  746. }
  747.  
  748. .navigate a{
  749. display:inline-block;
  750. width:100px;
  751. padding:5px;
  752. margin-left:-5px;
  753. border-top:1px solid #eee;
  754. color:{color:text};
  755. }
  756.  
  757. .navigate a:hover{
  758. border-top:1px solid {color:Accet};
  759. color:{color:Accent};
  760. }
  761.  
  762. #scroll:link, #scroll:visited {display:none;}
  763.  
  764. </style>
  765. </head>
  766. <body>
  767. <div class="popup modal"><a class="close"></a><div class="section">
  768. <div class="ntitle">{text:Blogtitle}</div><div class="desc"><img src="{image:Popup}">{description}</div>
  769. <div class="navigate">{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}{block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}{block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}<form action="/search" method="get" class="search">
  770. <input type="text" name="q" value="" class="query" placeholder="search">
  771. </form></div></div></div>
  772.  
  773.  
  774. <div class="header">
  775. <div class="nav">
  776. <a href="/">{text:Home Label}</a><a href="/ask">{text:Ask Label}</a><a id="modal">{text:Navigation Label}</a>{block:IfSubmitLink}<a href="/submit">Submit</a>{/block:IfSubmitLink}<a href="/archive">{text:Archive Label}</a><a href="http://planthed.tumblr.com" target="_blank">credit</a><a href="javascript:;" id="scroll" rel="nofollow">scroll to top</a>
  777. </div></div>
  778.  
  779. <div class="center">
  780. <div id="posts">
  781. {block:Posts}
  782. <div class="entry" id="{PostID}">
  783.  
  784. {block:Text}
  785. {block:Title}
  786. <div class="tit">{Title}</div>
  787. {/block:Title}
  788. {Body}
  789. {/block:Text}
  790.  
  791. {block:Link}
  792. <div class="tit">
  793. <a href="{URL}">{Name} <i class="fa fa-angle-right"></i></a></div>
  794. {block:Description}{Description}{/block:Description}
  795. {block:Link}
  796.  
  797.  
  798. {block:Photo}
  799. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>
  800. {block:IndexPage}
  801. {block:Caption}
  802. <div class="caption">{Caption}</div>
  803. {/block:Caption}
  804. {/block:IndexPage}
  805. {/block:Photo}
  806.  
  807.  
  808. {block:Photoset}
  809. <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>
  810. {block:IndexPage}
  811. {block:Caption}
  812. <div class="caption">{Caption}</div>
  813. {/block:Caption}
  814. {/block:IndexPage}
  815. {/block:Photoset}
  816.  
  817.  
  818. {block:Quote}
  819. <div class="quote">❝&nbsp;{quote}</div>
  820. <div class="qs">{block:Source}{Source}{/block:Source}</div>
  821. {/block:Quote}
  822.  
  823. {block:Chat}
  824. <div class="chat">
  825. {block:Title}<span class="title">{Title}</span></span>{/block:Title}
  826. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<i>{Label}</i> {/block:Label}{Line}</div></div>{/block:Lines}
  827. </div>
  828. {/block:Chat}
  829.  
  830. {block:Audio}
  831. <div class="playbox">
  832. <div class="button">
  833. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  834. <div class="info">
  835. <div style="color:{color:Accent}"><span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName} </div>
  836. <div style="font-size:0.8em;"><span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</div>
  837. </div>
  838. {block:IndexPage}
  839. {block:Caption}
  840. <div class="caption">{Caption}</div>
  841. {/block:Caption}
  842. {/block:IndexPage}
  843. {/block:Audio}
  844.  
  845.  
  846. {block:Video}
  847. <div class="video">{Video-500}</div>
  848. {block:IndexPage}
  849. {block:Caption}
  850. <div class="caption">{Caption}</div>
  851. {/block:Caption}
  852. {/block:IndexPage}
  853. {/block:Video}
  854.  
  855.  
  856. {block:Answer}
  857. <div class="q">{Question}</div>
  858. <div class="as">sent by {Asker}</div>
  859. {Answer}
  860. {/block:Answer}
  861.  
  862. {block:IndexPage}
  863. <div class="perm">
  864. <a href="{permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>
  865. <div class="butt"><a title="reblog" href="{ReblogURL}">
  866. <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>
  867. <div class="custom-like-button">
  868. {LikeButton}
  869. <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>
  870. </span>
  871. </div>
  872. </div>
  873. </div>
  874. {/block:IndexPage}
  875.  
  876. <!-- {block:ContentSource}{SourceURL}
  877. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  878. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  879. {/block:ContentSource}
  880. {block:NoRebloggedFrom}
  881. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  882. {/block:NoRebloggedFrom} -->
  883.  
  884.  
  885. {block:PermalinkPage}
  886. {block:Caption}
  887. <div class="caption">{Caption}</div>
  888. {/block:Caption}
  889. {block:Date}
  890. <div class="inf">
  891. Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm} <br>
  892. {block:RebloggedFrom}
  893. source: <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  894. {/block:RebloggedFrom}
  895. <div class="tg">
  896. {block:HasTags}
  897. tags: {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;
  898. {/block:Tags}{/block:HasTags}
  899. </div>
  900. <a title="show notes" class="show">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a></div>
  901. <div class="notas">
  902. {block:PostNotes}
  903. {PostNotes}
  904. {/block:PostNotes}
  905. {/block:Date}
  906. </div>
  907. {/block:PermalinkPage}
  908. {/block:Date}
  909. </div>
  910. {/block:Posts}
  911. </div>
  912.  
  913. {block:Pagination}
  914. {block:ifloadmore}
  915. <footer>
  916. <a href="#" class="load-more">load more</a></footer>
  917. {/block:ifloadmore}
  918. {/block:Pagination}
  919.  
  920. {block:Pagination}
  921. <div class="pagination">
  922. {block:PreviousPage}
  923. <a href="{PreviousPage}">prev</a>
  924. {/block:PreviousPage}
  925. {block:NextPage}
  926. <a href="{NextPage}" class="next">next</a>
  927. {/block:NextPage}</div>
  928. {/block:Pagination}
  929. </div>
  930.  
  931. <div class="c"><a href="http://painthemes.tumblr.com" target="_blank">pt</a></div>
  932. <!--Like seriously guys, DON'T TOUCH any of this scripts unless you know what it does or you will ruin your whole theme--->
  933. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  934. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  935. <script src ="http://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  936. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  937. {block:IndexPage}
  938. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  939. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  940. {/block:IndexPage}
  941. <script>
  942. {block:IfScrollToTop}
  943. $(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")}})});
  944. {/block:IfScrollToTop}
  945. $(function(){$("#modal").click(function(){ id = $(this).attr("id");
  946. $(".popup."+id).fadeIn(); });
  947. $("a.close").click(function(){ $(".popup").fadeOut(); });
  948. });
  949.  
  950. $(document).ready(function(){ $(".show").click(function(){
  951. $(".notas").slideToggle("slow");});});
  952.  
  953. {block:IfBlackHeaderWithScroll}
  954. $(document).ready (function () { $(window).scroll (function () {
  955. var sT = $(this).scrollTop(); if (sT >= 100) {
  956. $('.header').addClass('header2') }else { $('.header').removeClass('header2') }})})
  957. {/block:IfBlackHeaderWithScroll}
  958.  
  959. $(document).ready(function(){
  960. $('.photo-slideshow').pxuPhotoset({
  961. lightbox: true,
  962. rounded: false,
  963. gutter: '{select:photoset gutters}px',
  964. photoset: '.photo-slideshow',
  965. photoWrap: '.photo-data',
  966. photo: '.pxu-photo'
  967. });
  968. {block:IndexPage}
  969. var $container = $('#posts');
  970. $container.masonry({ itemSelector: '.entry' });
  971. $container.imagesLoaded(function(){
  972. $container.masonry();
  973. $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
  974. });
  975. $container.infinitescroll({
  976. itemSelector: '.entry',
  977. navSelector: '.pagination',
  978. nextSelector: '.next',
  979. loadingImg: '',
  980. loadingText: '',
  981. doneText: 'no more posts',
  982. bufferPx: 2000,
  983. {block:ifloadmore}
  984. errorCallback: function () {
  985. jQuery ('.load-more').delay(40).fadeOut (50);
  986. $('.entry').last().after($('.load-more'));
  987. }
  988. {/block:ifloadmore}
  989.  
  990. },
  991.  
  992. function( newElements ) {
  993. var $newElems = $( newElements );
  994. $newElems.find('.photo-slideshow').pxuPhotoset({
  995. lightbox: true,
  996. rounded: false,
  997. gutter: '{select:photoset gutters}px',
  998. photoset: '.photo-slideshow',
  999. photoWrap: '.photo-data',
  1000. photo: '.pxu-photo'
  1001. },
  1002.  
  1003. function(){
  1004. resizeVideos(); },
  1005.  
  1006.  
  1007. function(){
  1008. $container.masonry();
  1009. });
  1010.  
  1011. var $newElemsIDs = $newElems.map(function(){
  1012. return this.id;
  1013. }).get();
  1014. console.log($newElems, $newElemsIDs);
  1015. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1016.  
  1017. $newElems.imagesLoaded(function(){
  1018. $container.masonry( 'appended', $newElems );
  1019. $newElems.animate({ opacity: 1, zIndex: 1 });
  1020.  
  1021. });
  1022.  
  1023. });
  1024.  
  1025.  
  1026. {block:ifloadmore}
  1027. $(window).unbind('.infscr');
  1028. $('.load-more').click(function(){
  1029. $container.infinitescroll('retrieve');
  1030. return false
  1031. }); {/block:ifloadmore}
  1032. {/block:IndexPage}
  1033.  
  1034. });
  1035. </script>
  1036. </body>
  1037. </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!