API tools faq
paste
Advertisement
planthed

Overdose

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