API tools faq
paste
Advertisement
cvndythemes

ptonkincloset_theme

cvndythemes
May 20th, 2018
361
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.06 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5. <title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{favicon}">
  8.  
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12.  
  13.  
  14.  
  15. <!--
  16.  
  17. >> ETHEREAL THEMES // CUSTOM THEME
  18.  
  19. Designed by etherealthemes for
  20. ptonkincloset.tumblr.com
  21. ⓒ 2016 - 2018
  22.  
  23. >> TERMS OF USE
  24.  
  25. Do NOT remove the credit
  26. Do NOT claim as your own
  27.  
  28. *You can move the credit, but leave it visible
  29. *Edit as much as you'd like
  30. *Feel free to ask about basic customization
  31. *Theme suggestions always welcomed
  32.  
  33. >> CREDITS
  34.  
  35. icons by fontawesome
  36.  
  37. -->
  38.  
  39.  
  40.  
  41.  
  42. <!-- COLORS -->
  43. <meta name="color:Background" content="#ffffff" />
  44. <meta name="color:Text" content="#000000" />
  45. <meta name="color:Links" content="#2c2c2c" />
  46.  
  47. <meta name="color:Accent" content="#5f81a5" />
  48.  
  49. <meta name="color:Topbar Background" content="#ffffff" />
  50. <meta name="color:Topbar Links" content="#000000" />
  51.  
  52. <meta name="color:Table Background" content="#ffffff" />
  53. <meta name="color:Table Text" content="#000000" />
  54.  
  55. <meta name="color:Content Background" content="#ffffff" />
  56.  
  57. <meta name="color:Sidebar Text" content="#000000" />
  58.  
  59.  
  60. <!-- IMAGES -->
  61. <meta name="image:Avatar" content="https://static.tumblr.com/zvesamf/yUXp8yma3/ptonkincloset_avatar.png"/>
  62.  
  63. <meta name="image:Header" content="https://static.tumblr.com/zvesamf/Ui6p8ynkf/ptonkincloset_header.png"/>
  64.  
  65. <meta name="image:Sidebar" content="https://static.tumblr.com/zvesamf/sKPp8yqwq/ptonkincloset_gif.gif"/>
  66.  
  67. <meta name="image:Footer" content="https://static.tumblr.com/zvesamf/f65p90sit/ptonkincloset_footer.png"/>
  68.  
  69.  
  70.  
  71.  
  72. <!-- SCRIPTS -->
  73.  
  74. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
  75.  
  76. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  77.  
  78. <script src="http://static.tumblr.com/zvesamf/uCToz2tqz/jquery.style-my-tooltips.js"></script>
  79.  
  80. <script>
  81. (function($){
  82. $(document).ready(function(){
  83. $("[title]").style_my_tooltips({
  84. tip_delay_time:200,
  85. tip_fade_speed:300,
  86. tip_follows_cursor:true
  87. }
  88. );
  89. });
  90. })(jQuery);
  91. </script>
  92.  
  93. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  94.  
  95. <script>
  96. $container.infinitescroll({
  97. itemSelector: '.posts',
  98. navSelector: '.pagination',
  99. nextSelector: '.pagination a',
  100. loadingImg: '',
  101. loadingText: '<em></em>',
  102. bufferPx: 2000
  103. },
  104. function( newElements ) {
  105. var $newElems = $(newElements);
  106. var $newElemsIDs = $newElems.map(function(){
  107. return this.id;
  108. }).get();
  109. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  110. });
  111. </script>
  112.  
  113. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  114.  
  115. <link href="https://fonts.googleapis.com/css?family=Barlow:400,400i,600i|Open+Sans:400,400i,700,700i" rel="stylesheet">
  116.  
  117. <!-- STYLESHEET -->
  118. <style type="text/css">
  119.  
  120. /* --- SCROLLBAR ---*/
  121.  
  122. ::-webkit-scrollbar {height:15px;width:15px;background-color:{color:Background};}
  123.  
  124.  
  125. ::-webkit-scrollbar-track {background-color:#dbdbdb;border:7px solid {color:Background};}
  126.  
  127. ::-webkit-scrollbar-thumb {min-height:25px;min-width:25px;background-color:{color:Text};border:7px solid {color:Background};}
  128.  
  129.  
  130. /* --- SELECTION ---*/
  131.  
  132. ::-moz-selection {
  133. color:{color:Background};
  134. background:{color:Accent};
  135. opacity:1;
  136. }
  137.  
  138. ::selection {
  139. color:{color:Background};
  140. background:{color:Accent};
  141. opacity:1;
  142. }
  143.  
  144. /* --- TOOLTIPS ---*/
  145.  
  146. #s-m-t-tooltip {
  147. max-width:200px;
  148. margin:15px;
  149. background-color:{color:Accent};
  150. padding:5px 8px;
  151. font-size:10px;
  152. line-height:100%;
  153. word-wrap:break-word;
  154. text-transform:lowercase;
  155. font-style:italic;
  156. word-break:break-all;
  157. color:{color:Background};
  158. z-index:8;
  159. }
  160.  
  161. /* --- TUMBLR TOOLS --- */
  162.  
  163. {block:IndexPage}
  164. iframe.tmblr-iframe {
  165. z-index:999999!important;
  166. top:18px!important;
  167. right:0!important;
  168. opacity:0;
  169. padding-right:70px;
  170. transform:scale(0.5);
  171. transform-origin:100% 0;
  172. -webkit-transform:scale(0.5);
  173. -webkit-transform-origin:100% 0;
  174. -o-transform:scale(0.5);
  175. -o-transform-origin:100% 0;
  176. -moz-transform:scale(0.5);
  177. -moz-transform-origin:100% 0;
  178. -ms-transform:scale(0.5);
  179. -ms-transform-origin:100% 0;
  180. filter:invert(1);
  181. -webkit-filter:invert(1);
  182. -o-filter:invert(1);
  183. -moz-filter:invert(1);
  184. -ms-filter:invert(1);
  185. transition:.2s ease-in-out;
  186. -webkit-transition:.2s ease-in-out;
  187. -moz-transition:.2s ease-in-out;
  188. }
  189.  
  190. iframe.tmblr-iframe:hover {opacity:0.5!important;}
  191.  
  192. .tcontrols {
  193. position:fixed;
  194. top:24px;
  195. right:20px;
  196. z-index:9;
  197. font-weight:700;
  198. color:{color:Topbar Links};
  199. font-size:14px;
  200. transition:.2s ease-in-out;
  201. -webkit-transition:.2s ease-in-out;
  202. -moz-transition:.2s ease-in-out;
  203. }
  204.  
  205.  
  206. {/block:IndexPage}
  207.  
  208.  
  209. {block:PermalinkPage}
  210. iframe.tmblr-iframe {
  211. z-index:999999!important;
  212. top:18px!important;
  213. right:0!important;
  214. opacity:0.5;
  215. padding-right:30px;
  216. transform:scale(0.5);
  217. transform-origin:100% 0;
  218. -webkit-transform:scale(0.5);
  219. -webkit-transform-origin:100% 0;
  220. -o-transform:scale(0.5);
  221. -o-transform-origin:100% 0;
  222. -moz-transform:scale(0.5);
  223. -moz-transform-origin:100% 0;
  224. -ms-transform:scale(0.5);
  225. -ms-transform-origin:100% 0;
  226. filter:invert(1);
  227. -webkit-filter:invert(1);
  228. -o-filter:invert(1);
  229. -moz-filter:invert(1);
  230. -ms-filter:invert(1);
  231. }
  232. {/block:PermalinkPage}
  233.  
  234. /* --- BODY --- */
  235.  
  236. body {
  237. margin:0px;
  238. padding:0px;
  239. font-family: 'Open Sans', sans-serif;
  240. color:{color:Text};
  241. font-size:11px;
  242. font-weight:400;
  243. line-height:150%;
  244. font-weight:normal;
  245. word-wrap:normal;
  246. text-align:left;
  247. background:{color:Background};
  248. }
  249.  
  250. a {
  251. color:{color:Links};
  252. text-decoration:none;
  253. border:0;
  254. }
  255.  
  256. b,strong {font-weight:700;}
  257. i,italic {font-style:italic;}
  258. small {font-size:10px;}
  259. big {font-size:10px;}
  260.  
  261. hr.divider, hr, hr.separator {
  262. display: block;
  263. margin-top: 0.5em;
  264. margin-bottom: 0.5em;
  265. margin-left: auto;
  266. margin-right: auto;
  267. border-style: inset;
  268. border-color:{color:Text};
  269. border-bottom: 1px;
  270. }
  271.  
  272. pre {
  273. white-space: pre-wrap;
  274. white-space: -moz-pre-wrap;
  275. white-space: -pre-wrap;
  276. white-space: -o-pre-wrap;
  277. word-wrap: break-word;
  278. }
  279.  
  280. /* --- TOPBAR --- */
  281.  
  282. {block:IndexPage}
  283. #topbar {
  284. position:fixed;
  285. margin:0 auto;
  286. top:0;
  287. left:0;
  288. width:100%;
  289. height:190px;
  290. background:{color:Topbar Background};
  291. text-align:center;
  292. z-index:8;
  293. -webkit-transition: height .5s, line-height .5s;
  294. transition: height .5s, line-height .5s;
  295. }
  296.  
  297. .scrolled-nav {height:115px!important;}
  298.  
  299. .topbaravatar {
  300. position:fixed;
  301. top:0px;
  302. left:50%;
  303. margin-left:-121px;
  304. width:242px;
  305. height:111px;
  306. margin-top:20px;
  307. }
  308.  
  309. .scrolled-nav .topbaravatar {
  310. position:fixed;
  311. top:0px;
  312. left:50%;
  313. margin-top:15px;
  314. margin-left:-60px;
  315. width:121px;
  316. height:55px;
  317. }
  318.  
  319. .topbaravatar img {width:242px;height:111px;}
  320.  
  321. .scrolled-nav .topbaravatar img {width:121px;height:55px;}
  322.  
  323. .topbarlinks {
  324. margin-top:141px;
  325. width:100%;
  326. font-family: 'Barlow', sans-serif;
  327. font-style:italic;
  328. font-size:14px;
  329. text-transform:uppercase;
  330. font-weight:400;
  331. }
  332.  
  333. .topbarlinks a {
  334. margin:0px 15px;
  335. }
  336.  
  337. .scrolled-nav .topbarlinks {margin-top:80px;font-size:13px;}
  338.  
  339. .scrolled-nav .topbarlinks a {margin:0px 15px;}
  340.  
  341. #topbar, .topbaravatar, .topbaravatar img, .topbarlinks {transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;}
  342.  
  343. {/block:IndexPage}
  344.  
  345. {block:PermalinkPage}
  346. #topbar {
  347. position:fixed;
  348. margin:0 auto;
  349. top:0;
  350. left:0;
  351. width:100%;
  352. height:115px!important;
  353. background:{color:Topbar Background};
  354. text-align:center;
  355. z-index:8;
  356. }
  357.  
  358. .topbaravatar {
  359. position:fixed;
  360. top:0px;
  361. left:50%;
  362. margin-top:15px;
  363. margin-left:-60px;
  364. width:121px;
  365. height:55px;
  366. }
  367.  
  368. .topbaravatar img {width:121px;height:55px;}
  369.  
  370. .topbarlinks {
  371. margin-top:80px;
  372. font-size:13px;
  373. width:100%;
  374. font-family: 'Barlow', sans-serif;
  375. font-style:italic;
  376. text-transform:uppercase;
  377. font-weight:400;
  378. }
  379.  
  380. .topbarlinks a {
  381. margin:0px 15px;
  382. }
  383. {/block:PermalinkPage}
  384.  
  385. /* --- HEADER --- */
  386.  
  387. .header {
  388. margin:0 auto;
  389. width:100%;
  390. height:450px;
  391. {block:IndexPage}
  392. margin-top:190px;
  393. {/block:IndexPage}
  394.  
  395. {block:PermalinkPage}
  396. margin-top:90px;
  397. {/block:PermalinkPage}
  398. background-image: url('{image:Header}');
  399. background-position:center top;
  400. background-repeat:no-repeat;
  401. }
  402.  
  403. /* --- CONTAINER --- */
  404.  
  405. .container {
  406. margin:0 auto;
  407. width:1090px;
  408. background:white;
  409. padding:20px;
  410. }
  411.  
  412. #end {
  413. clear: both;
  414. text-align:center;
  415. }
  416.  
  417. /* --- WELCOME --- */
  418.  
  419. .tablescont {
  420. margin:0 auto;
  421. width:1055px;
  422. min-height:185px;
  423. background:{color:Table Background};
  424. padding:10px;
  425. }
  426.  
  427. .tablestitle {
  428. font-family: 'Barlow', sans-serif;
  429. font-style:italic;
  430. font-size:16px;
  431. text-transform:uppercase;
  432. font-weight:400;
  433. text-align:center;
  434. padding-bottom:10px;
  435. }
  436.  
  437. .tablestitle::first-letter {color:{color:Accent};}
  438.  
  439. .latestimg {
  440. float:left;
  441. width:535px;
  442. background:{color:Table Background};
  443. text-align:center;
  444. padding:10px;
  445. color:{color:Table Text};
  446. }
  447.  
  448. .ji-tumblr-photos {float:center;}
  449.  
  450. .ji-tumblr-photos img {height:125px;width:125px;margin:0px 2px;background-color: red;transition:0.3s ease-in-out;
  451. -webkit-transition:0.3s ease-in-out;
  452. -moz-transition:0.3s ease-in-out;}
  453.  
  454. .ji-tumblr-photos img:hover {
  455. -webkit-filter: grayscale(1); filter: grayscale(1);
  456. opacity:.8;
  457. }
  458.  
  459. .welcome {
  460. float:right;
  461. width:420px;
  462. background:{color:Table Background};
  463. padding:10px 40px;
  464. font-family: 'Barlow', sans-serif;
  465. font-style:italic;
  466. font-size:13px;
  467. color:{color:Table Text};
  468. line-height:175%;
  469. font-weight:400;
  470. text-align:center;
  471. }
  472.  
  473. .welcome b {font-weight:600;}
  474.  
  475. .welcome i {font-weight:600;text-transform:uppercase;color:{color:Accent};}
  476.  
  477. .welcome em {color:{color:Accent};}
  478.  
  479. /* --- SIDEBAR --- */
  480.  
  481. .sidebar {
  482. float:right;
  483. width:440px;
  484. background:{color:Container};
  485. margin:50px 0px 0px 10px;
  486. }
  487.  
  488. .side {
  489. width:420px;
  490. padding:10px;
  491. min-height:75px;
  492. margin-bottom:100px;
  493. background:{color:Content Background};
  494. font-style:italic;
  495. text-align:right;
  496. }
  497.  
  498. .sidebartitle {
  499. font-family: 'Barlow', sans-serif;
  500. font-style:italic;
  501. font-size:16px;
  502. text-transform:uppercase;
  503. font-weight:400;
  504. padding-bottom:10px;
  505. display:inline-block;
  506. padding:0px 10px;
  507. background:{color:Content Background};
  508. }
  509.  
  510. .sidebartitle::first-letter {color:{color:Accent};}
  511.  
  512. .sidebarborder {
  513. width:405px;
  514. margin:-8px 0px 16px 10px;
  515. background:#ececec;
  516. height:1px;
  517. }
  518.  
  519. /* --- SIDEBAR EXTRAS --- */
  520.  
  521. .about {text-align:center;padding:8px;}
  522.  
  523. .about img {width:405px;height:195px;}
  524.  
  525. .about i {
  526. font-size:16px;
  527. margin:12px 4px 8px 4px;
  528. transition:0.3s ease-in-out;
  529. -webkit-transition:0.3s ease-in-out;
  530. -moz-transition:0.3s ease-in-out;
  531. }
  532.  
  533. .about i:hover {opacity:0.8;}
  534.  
  535. .search input {
  536. border:0px;
  537. outline:0;
  538. text-align:left;
  539. font-size:11px;
  540. font-style:italic;
  541. text-transform:lowercase;
  542. color:{color:Sidebar Text};
  543. padding:4px 8px;
  544. }
  545.  
  546. #sf {width:400px;background:{color:Content Background};}
  547.  
  548. ::-webkit-input-placeholder {color:{color:Sidebar Text};}
  549. :-moz-placeholder {color:{color:Sidebar Text};opacity:1;}
  550. ::-moz-placeholder {color:{color:Sidebar Text};opacity:1;}
  551. :-ms-input-placeholder {color:{color:Sidebar Text};}
  552. input:focus::-webkit-input-placeholder {color:transparent;}
  553. input:focus:-moz-placeholder {color:transparent;}
  554. input:focus::-moz-placeholder {color:transparent;}
  555. input:focus:-ms-input-placeholder {color:transparent;}
  556.  
  557. .styles a {
  558. display:block;
  559. text-transform:lowercase;
  560. margin:5px 5px 8px 5px;
  561. font-size:11px;
  562. background-size:200% 100%;
  563. background-image: linear-gradient(to right, {color:Content Background} 50%, {color:Accent} 50%);
  564. -webkit-transition: background-position 0.5s;
  565. -moz-transition: background-position 0.5s;
  566. transition: background-position 0.5s;
  567. transition:.2s ease-in-out;
  568. -webkit-transition:.2s ease-in-out;
  569. -moz-transition:.2s ease-in-out;
  570. }
  571.  
  572. .styles a:hover {background-position:-100% 0;color:{color:Content Background};}
  573.  
  574. a.linksleft:link, a.linksleft:visited, a.linkscenter:link, a.linkscenter:visited, a.linksright:link, a.linksright:visited {text-align:center;}
  575.  
  576. .affiliates {text-align:center;}
  577.  
  578. .affiliates img {height:95px;width:68px;margin:1px;}
  579.  
  580. .stats {text-align:left;}
  581.  
  582. /* --- POSTS --- */
  583.  
  584. .posts {
  585. float:left;
  586. width:520px;
  587. padding:5px;
  588. margin:60px 10px 0px 0px;
  589. background:{color:Container};
  590. }
  591.  
  592. .iposts {
  593. width:500px;
  594. padding:10px;
  595. padding-left:10px;
  596. background:{color:Content Background};
  597. }
  598.  
  599. .iposts img {max-width:500px;}
  600.  
  601. .ipostpxu {
  602. margin-left:5px;
  603. width:490px;
  604. }
  605.  
  606. /* --- POST INFO --- */
  607.  
  608. .postinfo {
  609. background:{color:Content Background};
  610. text-transform:lowercase;
  611. padding:10px;
  612. font-style:italic;
  613. color:{color:Text};
  614. }
  615.  
  616. .postinfo b {font-weight:600;}
  617.  
  618. .postnotes {
  619. display:inline-block;
  620. font-family: 'Barlow', sans-serif;
  621. font-style:italic;
  622. font-size:13px;
  623. text-transform:uppercase;
  624. font-weight:400;
  625. }
  626.  
  627. .postnotes a {
  628. display:inline-block;
  629. color:{color:Content Background};
  630. padding:2px 6px 3px 4px;
  631. background:{color:Accent};
  632. margin-right:3px;
  633. }
  634.  
  635. .postsrc {display:inline-block;}
  636.  
  637. .postsrc a {color:{color:Text};display:inline-block;}
  638.  
  639. /* --- POST CONTROL --- */
  640.  
  641. .postcontrol {
  642. float:right;
  643. margin-top:2px;
  644. }
  645.  
  646. .postcontrol i {
  647. color:{color:Text};
  648. height:auto;
  649. padding:1px;
  650. display:block;
  651. overflow:visible;
  652. height:auto;
  653. }
  654.  
  655. .postcontrol a {
  656. position:relative;
  657. display:inline-block;
  658. overflow:hidden;
  659. padding:0px;
  660. }
  661.  
  662. .postcontrol .reblog {
  663. opacity:1;
  664. }
  665.  
  666. .postcontrol .reblog i {
  667. font-size:11px;
  668. }
  669.  
  670. .reblog i {
  671. color:{color:Text};
  672. transition:0.2s ease-in-out;
  673. -webkit-transition:0.2s ease-in-out;
  674. -moz-transition:0.2s ease-in-out;
  675. }
  676.  
  677. .postcontrol .like .liked + i {
  678. color:{color:Text};
  679. opacity:1;
  680. }
  681.  
  682. .like {
  683. position:relative;
  684. top:-1px;
  685. }
  686.  
  687. .like i {
  688. color:{color:Text};
  689. font-size:9px;
  690. transition:0.2s ease-in-out;
  691. -webkit-transition:0.2s ease-in-out;
  692. -moz-transition:0.2s ease-in-out;
  693. }
  694.  
  695. .postcontrol .like .liked + i {
  696. color:{color:Accent};
  697. }
  698.  
  699. .postcontrol .like .like_button {
  700. position:relative;
  701. }
  702.  
  703. .postcontrol .like .like_button iframe {
  704. position:absolute;
  705. top:0;
  706. left:0;
  707. bottom:0;
  708. right:0;
  709. z-index:2;
  710. opacity:0;
  711. }
  712.  
  713. /* --- POST TAGS --- */
  714.  
  715. .posttags {
  716. background:{color:Content Background};
  717. color:{color:Text};
  718. text-align:center;
  719. font-size:9px;
  720. padding:10px;
  721. margin-bottom:100px;
  722. font-style:italic;
  723. opacity:0.7;
  724. }
  725.  
  726. .posttags a {
  727. color:{color:Text};
  728. text-transform:lowercase;
  729. font-size:9px!important;
  730. text-decoration:none;
  731. margin-right:3px;
  732. }
  733.  
  734. /* --- POST STYLES --- */
  735.  
  736. h1, h2 {
  737. display:inline-block;
  738. font-size:11px;
  739. color:{color:Text};
  740. display:inline-block;
  741. text-transform:uppercase;
  742. font-style:italic;
  743. font-weight:700;
  744. }
  745.  
  746. blockquote {
  747. padding:10px;
  748. text-decoration:none;
  749. border-left:1px solid {color:Text};
  750. }
  751.  
  752. blockquote img {
  753. max-width:100%;
  754. display:block;
  755. margin-bottom:5px;
  756. }
  757.  
  758. .user_1 .label {font-weight: 700;}
  759. .user_2 .label {font-weight: 400;}
  760. .user_3 .label {font-weight: 700;}
  761. .user_4 .label {font-weight: 400;}
  762. .user_5 .label {font-weight: 700;}
  763. .user_6 .label {font-weight: 400;}
  764. .user_7 .label {font-weight: 700;}
  765. .user_8 .label {font-weight: 400;}
  766.  
  767. ul.chat {list-style:none; margin: 0px 0px 0px 0px; padding: 0px;}
  768.  
  769. .chat li {
  770. list-style: none;
  771. margin: 0px;
  772. padding: 2px;
  773. border: none;
  774. }
  775.  
  776. .chat li:first-child {border:none;}
  777.  
  778. /* --- QUESTIONS --- */
  779.  
  780. .question {
  781. margin:0px;
  782. width:500px;
  783. text-align:justify;
  784. line-height:130%;
  785. color:{color:Links};
  786. }
  787.  
  788. .questiontext {opacity:0.7;}
  789.  
  790. .question img {padding:1px 12px 0px 0px;}
  791.  
  792. .question a {color:{color:Text};}
  793.  
  794. /* --- AUDIO --- */
  795.  
  796. .audio { background:{color:Container};}
  797.  
  798. .player {
  799. position:absolute;
  800. margin-top:-69px;
  801. margin-left:35px;
  802. opacity:0.6;
  803. }
  804.  
  805. .audiop, .player {display:inline-block;}
  806.  
  807. .trackname {
  808. margin-left:120px;
  809. margin-top:-75px;
  810. color:{color:Text};
  811. text-transform:uppercase;
  812. }
  813.  
  814. .artist {
  815. margin-left:120px;
  816. margin-top:-5px;
  817. color:{color:Text};
  818. }
  819.  
  820. .albuname {
  821. margin-left:120px;
  822. margin-top:0px;
  823. color:{color:Text};
  824. }
  825.  
  826. .audiop {
  827. position:absolute;
  828. display:block;
  829. margin-top:4px
  830. margin-top:-109px;
  831. }
  832.  
  833. .audioimg img {
  834. margin-top:10px;
  835. height:100px;
  836. width:100px;
  837. }
  838.  
  839. .tumblr_audio_player {
  840. width:30px;
  841. height:27px;
  842. overflow:hidden;
  843. }
  844.  
  845. .soundcloud_audio_player {padding-top:15px;}
  846.  
  847. /* --- LIGHTBOXES ---*/
  848.  
  849. .vignette, #vignette {opacity:0;}
  850.  
  851. .lightbox-image, #tumblr_lightbox img {
  852. box-shadow:none !important;
  853. border-radius:0 !important;
  854. max-width:none;
  855. -moz-box-sizing:border-box;
  856. box-sizing:border-box;
  857. }
  858.  
  859. .tmblr-lightbox, #tumblr_lightbox {
  860. background-color:rgba(255,255,255.90) !important;
  861. }
  862.  
  863. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  864.  
  865. /* --- PAGINATION --- */
  866.  
  867. .pagination {
  868. width:500px;
  869. float:right;
  870. background:{color:Container};
  871. margin:20px 0px;
  872. font-size:12px;
  873. font-style:italic;
  874. padding:10px;
  875. font-weight:400;
  876. text-align:center;
  877. color:{color:Text};
  878. }
  879.  
  880. .pagination a {
  881. display:inline-block;
  882. color:{color:Text};
  883. padding:4px 11px 4px 8px;
  884. }
  885.  
  886. .pagination .current {
  887. display:inline-block;
  888. margin:8px;
  889. color:{color:Text};
  890. min-width:15px;
  891. }
  892.  
  893. .current_page {
  894. padding:2px 11px 2px 8px;
  895. font-weight:700;
  896. }
  897.  
  898. .pagination a.jump {
  899. font-size:10px;
  900. line-height:10px;
  901. color:{color:Text};
  902. min-width:15px;
  903. }
  904.  
  905. /* ---PERMALINK NOTES --- */
  906.  
  907. #permanote::-webkit-scrollbar {height:5px;width:2px;}
  908.  
  909. #permanote::-webkit-scrollbar-track {border:0px;background:{color:Background};}
  910.  
  911. #permanote::-webkit-scrollbar-thumb {background:{color:Text};height:5px;width:2px;border:0px;}
  912.  
  913.  
  914. #permanote {
  915. width:480px;
  916. max-height:350px;
  917. margin:-50px 0 20px 16px;
  918. padding:0px 0px 0px 9px;
  919. text-align:center;
  920. overflow-x:hidden;
  921. overflow-y:scroll;
  922. }
  923.  
  924. ol.notes {
  925. display:inline-block;
  926. padding:0px;
  927. margin:15px 0px;
  928. background:transparent;
  929. list-style-type:none;
  930. text-align:center;
  931. border-bottom:0px;
  932. }
  933.  
  934. .notes a {display:inline-block;text-align:center;}
  935.  
  936. ol.notes li.note {padding:0px;float:left;text-align:center;}
  937.  
  938. ol.notes li.note img.avatar {
  939. width:32px;
  940. height:32px;
  941. margin:0px 2px 0px 2px;
  942. }
  943.  
  944. ol.notes li.note span.action {display:none;}
  945.  
  946. ol.notes li.note .answer_content {display:none;}
  947.  
  948. ol.notes li.note blockquote {display:none;}
  949.  
  950. ol.notes li.note blockquote a {display:none;}
  951.  
  952. ol.notes li.note.more_notes_link_container {
  953. display:block;
  954. position:relative;
  955. text-align:center;
  956. display:block;
  957. width:100%;
  958. padding-top:10px;
  959. }
  960.  
  961. /* --- SCROLL TO TOP --- */
  962.  
  963. #scrollToTop {
  964. display:none;
  965. position:fixed;
  966. bottom:15px;
  967. right:10px;
  968. cursor:default;
  969. }
  970.  
  971. #scrollToTop i {
  972. color:{color:Text};
  973. font-size:10px;
  974. display:inline-block;
  975. padding:5px;
  976. transition:.2s ease-in-out;
  977. -webkit-transition:.2s ease-in-out;
  978. -moz-transition:.2s ease-in-out;
  979. -o-transition:.2s ease-in-out;
  980. }
  981.  
  982. /* --- FOOTER --- */
  983.  
  984. footer {
  985. margin:0 auto;
  986. width:900px;
  987. margin-top:50px;
  988. padding:20px;
  989. text-align:center;
  990. }
  991.  
  992. footer img {height:89px;width:160px;}
  993.  
  994. {CustomCSS}
  995. </style>
  996.  
  997. </head>
  998. <body>
  999.  
  1000.  
  1001.  
  1002.  
  1003. <!-- START TOPBAR -->
  1004. <nav id="topbar" class="nav">
  1005.  
  1006. <div class="topbaravatar"><img src="{image:Avatar}"/></div>
  1007.  
  1008. <div class="topbarlinks">
  1009. <a href="">homepage</a>
  1010. <a href="">designer index</a>
  1011. <a href="">contact</a>
  1012. </div>
  1013.  
  1014. {block:IndexPage}
  1015. <div class="tcontrols">+</div>
  1016. {/block:IndexPage}
  1017.  
  1018. </nav>
  1019. <!-- END TOPBAR -->
  1020.  
  1021.  
  1022.  
  1023.  
  1024. <!-- START HEADER -->
  1025. <div class="header"></div>
  1026. <!-- END HEADER -->
  1027.  
  1028.  
  1029.  
  1030.  
  1031. <!-- START CONTAINER -->
  1032. <div class="container">
  1033.  
  1034.  
  1035.  
  1036.  
  1037. <!-- START TABLES -->
  1038. <div class="tablescont">
  1039.  
  1040. <div class="latestimg">
  1041. <div class="tablestitle">Latest Photos</div>
  1042.  
  1043. <center>
  1044. <div class='ji-tumblr-photos'><a id='ji-tumblr-url-latestphoto-1' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo-latestphoto-1' src='' alt='' /></a><a id='ji-tumblr-url-latestphoto-2' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo-latestphoto-2' src='' alt='' /></a><a id='ji-tumblr-url-latestphoto-3' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo-latestphoto-3' src='' alt='' /></a><a id='ji-tumblr-url-latestphoto-4' href=''><img border='0' style='margin:3px' id='ji-tumblr-photo-latestphoto-4' src='' alt='' /></a>
  1045. </div>
  1046. <script type='text/javascript' src='http://ptonkincloset.tumblr.com/api/read/json?number=4&type=photo'></script>
  1047. <script type='text/javascript'>
  1048. document.getElementById('ji-tumblr-photo-latestphoto-1').setAttribute('src', tumblr_api_read.posts[0]['photo-url-250']);
  1049. document.getElementById('ji-tumblr-url-latestphoto-1').setAttribute('href', tumblr_api_read.posts[0]['url-with-slug']);
  1050. document.getElementById('ji-tumblr-photo-latestphoto-2').setAttribute('src', tumblr_api_read.posts[1]['photo-url-250']);
  1051. document.getElementById('ji-tumblr-url-latestphoto-2').setAttribute('href', tumblr_api_read.posts[1]['url-with-slug']);
  1052. document.getElementById('ji-tumblr-photo-latestphoto-3').setAttribute('src', tumblr_api_read.posts[2]['photo-url-250']);
  1053. document.getElementById('ji-tumblr-url-latestphoto-3').setAttribute('href', tumblr_api_read.posts[2]['url-with-slug']);
  1054. document.getElementById('ji-tumblr-photo-latestphoto-4').setAttribute('src', tumblr_api_read.posts[3]['photo-url-250']);
  1055. document.getElementById('ji-tumblr-url-latestphoto-4').setAttribute('href', tumblr_api_read.posts[3]['url-with-slug']);
  1056. </script>
  1057. </center>
  1058. </div>
  1059.  
  1060.  
  1061.  
  1062.  
  1063. <div class="welcome">
  1064. <div class="tablestitle">Welcome</div>
  1065. Welcome to <i>ptonkincloset</i>, your very first and most comprehensive source on anything related to Australian model and actress <b>Phoebe Jane Tonkin’s style</b>. In this blog, you will find exacts, possibly <em>dupes</em>, and a lot of <em>goodies</em> on Phoebe and her <em>effortless style</em>. Previously born as a small column on a daily update blog on Phoebe, it has now turned into its own blog.
  1066. </div>
  1067.  
  1068. </div>
  1069. <!-- END TABLES -->
  1070.  
  1071.  
  1072.  
  1073.  
  1074.  
  1075.  
  1076.  
  1077.  
  1078. <!-- START SIDEBAR -->
  1079. <div class="sidebar">
  1080.  
  1081.  
  1082.  
  1083.  
  1084. <!-- About Phoebe -->
  1085. {block:IndexPage}
  1086. <div class="side">
  1087. <div class="sidebartitle">About Phoebe</div>
  1088. <div class="sidebarborder"></div>
  1089.  
  1090. <div class="about">
  1091.  
  1092. <img src="{image:Sidebar}"/>
  1093. <p>
  1094. Sidney model and actress Phoebe Jane Tonkin was named Jan Logan Jewellery's brand ambassador in 2013, same brand who lent Phoebe her jewelry for her very first red carpet award when she was around 18. In 2014, Phoebe was named Frame Girl, for the Frame brand, and Rèalisation Par Dreamgirl. In 2015, Phoebe Tonkin started attending Chanel events and now in 2018, she has also posed for Chanel beauty. In May 2018, Phoebe Tonkin took part in the project Find Your Uniform, created by Jenni Kayne.
  1095. <p>
  1096.  
  1097. <a href=""><i class="fa fa-instagram"></i></a>
  1098. <a href=""><i class="fa fa-twitter"></i></a>
  1099.  
  1100. <p>
  1101.  
  1102. <form action="/search" method="get" class="search"><input type="text" name="q" value="" id="sf" placeholder="search this blog"/>
  1103.  
  1104.  
  1105. </div>
  1106.  
  1107.  
  1108. </div>
  1109. {/block:IndexPage}
  1110.  
  1111.  
  1112.  
  1113.  
  1114.  
  1115.  
  1116. <!-- Instagram -->
  1117. {block:IndexPage}
  1118. <div class="side">
  1119. <div class="sidebartitle">Instagram</div>
  1120. <div class="sidebarborder"></div>
  1121.  
  1122. <center>
  1123. <!-- InstaWidget --><a href="https://instawidget.net/v/user/ptonkincloset" id="link-9d1ef1606cf62fe4f140719473c59f165467c54af1532e27241bcf7f9359860b">@ptonkincloset</a><script src="https://instawidget.net/js/instawidget.js?u=9d1ef1606cf62fe4f140719473c59f165467c54af1532e27241bcf7f9359860b&width=400px"></script>
  1124. </center>
  1125.  
  1126. </div>
  1127. {/block:IndexPage}
  1128.  
  1129.  
  1130.  
  1131.  
  1132.  
  1133.  
  1134. <!-- Categories -->
  1135. <div class="side">
  1136. <div class="sidebartitle">Categories</div>
  1137. <div class="sidebarborder"></div>
  1138.  
  1139. <div class="styles">
  1140.  
  1141. <table width="100%" cellpadding="1" cellspacing="0" border="0">
  1142. <tr><td width="33%" valign="top">
  1143.  
  1144. <a class="linksleft" href="/tagged/pt:-bags">bags</a>
  1145. <a class="linksleft" href="/tagged/pt:-belts">belts</a>
  1146. <a class="linksleft" href="/tagged/pt:-books">books</a>
  1147. <a class="linksleft" href="/tagged/pt:-dresses">dresses</a>
  1148. <a class="linksleft" href="/tagged/pt:-food">food</a>
  1149. <a class="linksleft" href="/tagged/pt:-glasses">glasses</a>
  1150.  
  1151. </td><td><td width="33%" valign="top">
  1152.  
  1153. <a class="linkscenter" href="/tagged/pt:-hates">hats</a>
  1154. <a class="linkscenter" href="/tagged/pt:-jewelery">jewelery</a>
  1155. <a class="linkscenter" href="/tagged/pt:-jumpsuits">jumpsuits</a>
  1156. <a class="linkscenter" href="/tagged/pt:-lingerie">lingerie</a>
  1157. <a class="linkscenter" href="/tagged/pt:-makeup">makeup</a>
  1158. <a class="linkscenter" href="/tagged/pt:-nail polish">nail polish</a>
  1159.  
  1160. </td><td><td width="33%" valign="top">
  1161.  
  1162. <a class="linksright" href="/tagged/pt:-outerwear">outerwear</a>
  1163. <a class="linksright" href="/tagged/pt:-other">other</a>
  1164. <a class="linksright" href="/tagged/pt:-pants">pants</a>
  1165. <a class="linksright" href="/tagged/pt:-scents">scents</a>
  1166. <a class="linksright" href="/tagged/pt:-shirt">shirts</a>
  1167. <a class="linksright" href="/tagged/pt:-shoes">shoes</a>
  1168.  
  1169. </td></tr></table>
  1170.  
  1171. </div>
  1172. </div>
  1173.  
  1174.  
  1175.  
  1176.  
  1177.  
  1178.  
  1179.  
  1180. <!-- Themes -->
  1181. {block:IndexPage}
  1182. <div class="side">
  1183. <div class="sidebartitle">Themes</div>
  1184. <div class="sidebarborder"></div>
  1185.  
  1186. <div class="styles">
  1187.  
  1188. <table width="100%" cellpadding="1" cellspacing="0" border="0">
  1189. <tr><td width="50%" valign="top">
  1190.  
  1191. <a class="linksleft" href="/tagged/appearances">Appearances</a>
  1192. <a class="linksleft" href="/tagged/candids">Candids</a>
  1193. <a class="linksleft" href="/tagged/events">Events</a>
  1194. <a class="linksleft" href="/tagged/extras">Extras</a>
  1195. <a class="linksleft" href="/tagged/ig-stories">IG stories</a>
  1196.  
  1197.  
  1198. </td><td><td width="50%" valign="top">
  1199.  
  1200. <a class="linksright" href="/tagged/instagram">Instagram</a>
  1201. <a class="linksright" href="/tagged/interviews">Interviews</a>
  1202. <a class="linksright" href="/tagged/photoshoots">Photoshoots</a>
  1203. <a class="linksright" href="/tagged/movies">Movies</a>
  1204. <a class="linksright" href="/tagged/television">Television</a>
  1205.  
  1206.  
  1207. </td></tr></table>
  1208.  
  1209. </div>
  1210.  
  1211. </div>
  1212. {/block:IndexPage}
  1213.  
  1214.  
  1215.  
  1216.  
  1217.  
  1218.  
  1219. <!-- Affiliates -->
  1220. <div class="side">
  1221. <div class="sidebartitle">Affiliates</div>
  1222. <div class="sidebarborder"></div>
  1223.  
  1224. <div class="affiliates">
  1225.  
  1226. <a title="" href=""><img src="http://placehold.it/68X95"></a>
  1227. <a title="" href=""><img src="http://placehold.it/68X95"></a>
  1228. <a title="" href=""><img src="http://placehold.it/68X95"></a>
  1229. <a title="" href=""><img src="http://placehold.it/68X95"></a>
  1230. <a title="" href=""><img src="http://placehold.it/68X95"></a>
  1231.  
  1232. <a title="" href=""><img src="http://placehold.it/68X95"></a>
  1233. <a title="" href=""><img src="http://placehold.it/68X95"></a>
  1234. <a title="" href=""><img src="http://placehold.it/68X95"></a>
  1235. <a title="" href=""><img src="http://placehold.it/68X95"></a>
  1236. <a title="apply" href=""><img src="https://static.tumblr.com/zvesamf/Lbyp8ysfq/ptonkincloset_affie.png"></a>
  1237.  
  1238. </div>
  1239.  
  1240. </div>
  1241.  
  1242.  
  1243.  
  1244.  
  1245.  
  1246.  
  1247.  
  1248. <!-- Stats -->
  1249. <div class="side">
  1250. <div class="sidebartitle">Stats</div>
  1251. <div class="sidebarborder"></div>
  1252.  
  1253. <div class="stats">
  1254.  
  1255. <b>About:</b> Phoebe Jane Tonkin Style<br>
  1256. <b>Established:</b> May 2018<br>
  1257. <b>Currently Online:</b><br>
  1258. <b>Website Visits:</b><br>
  1259. <b>Theme:</b> <a href="http://ethereal-themes.tumblr.com">ethereal</a>
  1260. <p>
  1261. <center>
  1262. Ptonkincloset, is not affiliated in any kind of way with Phoebe's management, friends and family. This is a simple fanmade no-profit blog, in honor of Phoebe's fashion style.
  1263. <p>
  1264. This blog claims no credit for any images posted on this site unless stated otherwise. Images and information on this blog are copyright to their respectful owners. If there is any content appearing on this blog that belongs to you and do not wish for it appear on this site, please message us.
  1265. </center>
  1266.  
  1267. </div>
  1268.  
  1269. </div>
  1270.  
  1271.  
  1272.  
  1273.  
  1274. </div>
  1275. <!-- END SIDEBAR -->
  1276.  
  1277.  
  1278.  
  1279.  
  1280.  
  1281.  
  1282.  
  1283.  
  1284.  
  1285. <!-- START POSTS -->
  1286. <div class="posts">
  1287.  
  1288. {block:Posts}
  1289.  
  1290.  
  1291.  
  1292.  
  1293. <!-- START POST INFO -->
  1294. <div class="postinfo">
  1295.  
  1296. {block:NoteCount}<div class="postnotes"><a href="{Permalink}">{NoteCount}</a></div>{/block:NoteCount} <b><a href="{PostAuthorURL}">{PostAuthorName}</a></b>
  1297.  
  1298. {block:Date}<a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>{/block:Date}
  1299.  
  1300. {block:RebloggedFrom}<div class="postsrc">
  1301. <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>{block:ContentSource}<a title="{ReblogRootName}" href="{SourceURL}"> / src</a>{/block:ContentSource}</div>
  1302. {/block:RebloggedFrom}
  1303.  
  1304. {block:IndexPage}
  1305. <div class="postcontrol">
  1306. <a href="{ReblogURL}" target="_blank" class="reblog"><i class="fa fa-retweet"></i></a>
  1307. <a href="#" class="like">{LikeButton}<i class="fa fa-heart"></i></a>
  1308. </div>
  1309. {/block:IndexPage}
  1310.  
  1311. </div>
  1312. <!-- END POST INFO -->
  1313.  
  1314.  
  1315.  
  1316.  
  1317. <!-- POST STYLES START -->
  1318. <div class="iposts" id="{PostID}">
  1319.  
  1320. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1321.  
  1322. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  1323. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  1324.  
  1325. {block:Quote}<h1>“{Quote}”</h1><br>-{Source}</b>{/block:Quote}
  1326.  
  1327. {block:Photo}<center><div class="oddhour-high-res">
  1328. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  1329. </div></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1330.  
  1331. {block:Photoset}<div class="ipostpxu"><center><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></center>
  1332. {block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  1333.  
  1334. {block:Chat}
  1335. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  1336. {/block:Chat}
  1337.  
  1338. {block:Audio}
  1339. <div class="audio">
  1340.  
  1341. {block:AlbumArt}
  1342. <div class="audioimg">
  1343. <img src="{AlbumArtURL}" />
  1344. </div>
  1345. {block:AlbumArt}
  1346.  
  1347. {block:AudioPlayer}
  1348. <div class="player">
  1349. {AudioPlayerBlack}
  1350. </div>
  1351. {/block:AudioPlayer}
  1352.  
  1353. <div class="audiop">
  1354. {block:TrackName}
  1355. <div class="trackname">
  1356. {TrackName}
  1357. </div>
  1358. {/block:TrackName}
  1359. {block:Artist}
  1360. <div class="artist">
  1361. by {Artist}
  1362. </div>
  1363. {/block:Artist}
  1364. </div>
  1365. {block:Caption}{Caption}{/block:Caption}
  1366. </div>
  1367. {/block:Audio}
  1368.  
  1369.  
  1370. {block:Video}<center>{Video-500}{block:Caption}{Caption}{/block:Caption}</center>{/block:Video}
  1371.  
  1372. {block:Answer}
  1373. <div class="question">
  1374. <img src="{AskerPortraitURL-48}" align="left" />{Asker} asked<br>
  1375. <div class="questiontext">{Question}</div>
  1376. </div>
  1377. {Answer}{/block:Answer}
  1378.  
  1379. </div>
  1380. <!-- POST STYLES END -->
  1381.  
  1382.  
  1383.  
  1384.  
  1385. <!-- POST TAGS START -->
  1386. <div class="posttags">
  1387. {block:HasTags}{block:Tags}
  1388. #<a href="{TagURL}">{Tag}</a>&nbsp;
  1389. {/block:Tags}{/block:HasTags}
  1390. </div>
  1391. <!-- POST TAGS END -->
  1392.  
  1393.  
  1394.  
  1395.  
  1396. <!-- PERMALINK NOTES -->
  1397. {block:PostNotes}
  1398. <div id="permanote"><center>{PostNotes-64}</center></div>
  1399. {/block:PostNotes}
  1400.  
  1401.  
  1402. {/block:Posts}
  1403.  
  1404.  
  1405.  
  1406.  
  1407. <!-- START PAGINATION -->
  1408. {block:IndexPage}
  1409. {block:Pagination}
  1410. <div class="pagination">
  1411. {block:PreviousPage}
  1412. <a href="{PreviousPage}"><</a>
  1413. {/block:PreviousPage}
  1414.  
  1415. {block:JumpPagination length="10"}
  1416. {block:CurrentPage}
  1417. <span class="current_page">{PageNumber}</span>
  1418. {/block:CurrentPage}
  1419.  
  1420. {block:JumpPage}
  1421. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1422. {/block:JumpPage}
  1423. {/block:JumpPagination}
  1424.  
  1425. {block:NextPage}
  1426. <a class="next" href="{NextPage}">></a>
  1427. {/block:NextPage}
  1428. </div>
  1429.  
  1430. {/block:Pagination}
  1431. {/block:IndexPage}
  1432. <!-- END PAGINATION -->
  1433.  
  1434.  
  1435.  
  1436.  
  1437. </div><!-- END POSTS -->
  1438.  
  1439.  
  1440. <div id="end"></div>
  1441.  
  1442. <!-- START FOOTER -->
  1443. <footer>
  1444. <img src="{image:Footer}" />
  1445. </footer>
  1446. <!-- END FOOTER -->
  1447.  
  1448. </div>
  1449. <!-- END CONTAINER -->
  1450.  
  1451.  
  1452.  
  1453.  
  1454. <!-- ADDITIONAL SCRIPTS -->
  1455.  
  1456. <script>
  1457. $(document).ready(function(){
  1458. var scrollTop = 0;
  1459. $(window).scroll(function(){
  1460. scrollTop = $(window).scrollTop();
  1461. $('.counter').html(scrollTop);
  1462.  
  1463. if (scrollTop >= 200) {
  1464. $('#topbar').addClass('scrolled-nav');
  1465. } else if (scrollTop < 200) {
  1466. $('#topbar').removeClass('scrolled-nav');
  1467. }
  1468.  
  1469. });
  1470.  
  1471. });
  1472. </script>
  1473.  
  1474. {block:IndexPage}
  1475. <script>
  1476. $(function(){$window=$(window);$link=$("#scrollToTop");$link.click(function(){$("html, body").animate({scrollTop:0},"slow")});$window.scroll(function(){if($window.scrollTop()<=1000){$link.fadeOut("fast")}else{$link.fadeIn("fast")}})});
  1477. </script>
  1478.  
  1479. <a href="javascript:;" id="scrollToTop" rel="nofollow"><i class="fa fa-chevron-up" aria-hidden="true"></i></a>
  1480. {/block:IndexPage}
  1481.  
  1482. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1483. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1484. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1485.  
  1486. <script>
  1487. $(document).ready(function(){
  1488. $('.photo-slideshow').pxuPhotoset({
  1489. lightbox: true,
  1490. rounded: false,
  1491. gutter: '1px',
  1492. borderRadius: '0px',
  1493. photoset: '.photo-slideshow',
  1494. photoWrap: '.photo-data',
  1495. photo: '.pxu-photo'
  1496. });
  1497. });
  1498. </script>
  1499.  
  1500. </body></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!