API tools faq
paste
Advertisement
cvndythemes

fyeahperformanceunit_theme

cvndythemes
Feb 4th, 2018
159
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.90 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. >> ETHEREAL THEMES // CUSTOM THEME
  16.  
  17. Designed by etherealthemes for
  18. fyperformanceunit.tumblr.com and
  19. svtgifsets.tumblr.com
  20. etherealthemes.tumblr.com
  21. ⓒ 2015 - 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. PXU Photosets by @shythemes
  36.  
  37. -->
  38.  
  39.  
  40.  
  41.  
  42. <!-- COLORS -->
  43.  
  44. <meta name="color:Background" content="#ffffff" />
  45. <meta name="color:Scrollbar" content="#000000" />
  46. <meta name="color:Text" content="#000000" />
  47. <meta name="color:Links" content="#000000" />
  48.  
  49. <meta name="color:Accent" content="#0b4e70" />
  50. <meta name="color:Accent Two" content="#3697ca" />
  51.  
  52. <meta name="color:Topbar Background" content="#000000" />
  53. <meta name="color:Topbar Links" content="#ffffff" />
  54.  
  55. <meta name="color:Container" content="#ffffff" />
  56.  
  57. <meta name="color:Welcome Background" content="#000000" />
  58. <meta name="color:Welcome Text" content="#ffffff" />
  59.  
  60. <meta name="color:Sidebar Background" content="#ffffff" />
  61. <meta name="color:Sidebar Title Background" content="#000000" />
  62. <meta name="color:Sidebar Titles" content="#ffffff" />
  63. <meta name="color:Sidebar Icons" content="#ffffff" />
  64.  
  65. <meta name="color:Schedule Dates" content="#ffffff" />
  66.  
  67. <meta name="color:Posts Background" content="#ffffff" />
  68. <meta name="color:Post Info Background" content="#000000" />
  69. <meta name="color:Post Info Text" content="#ffffff" />
  70.  
  71. <meta name="color:Footer" content="#000000" />
  72. <meta name="color:Footer Text" content="#ffffff" />
  73.  
  74.  
  75.  
  76. <!-- IF -->
  77. <meta name="if:Topbar Title" content="1">
  78. <meta name="if:Full Width Header" content="0">
  79.  
  80.  
  81. <!-- IMAGES -->
  82. <meta name="image:Header" content="http://placehold.it/1400X500"/>
  83. <meta name="image:Sidebar" content="https://78.media.tumblr.com/843f268e45f62a6f36c711d9d8b75d07/tumblr_p2j4ilxpPV1qfsrsoo1_400.gif"/>
  84. <meta name="image:Footer" content="http://placehold.it/90X90"/>
  85.  
  86.  
  87.  
  88.  
  89. <!-- SELECT -->
  90. <meta name="select:Lightbox" content="0,0,0," title="Black">
  91. <meta name="select:Lightbox" content="255,255,255," title="White">
  92.  
  93.  
  94.  
  95.  
  96. <!-- SCRIPTS -->
  97. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  98.  
  99. <script src="http://static.tumblr.com/zvesamf/uCToz2tqz/jquery.style-my-tooltips.js"></script>
  100.  
  101. <script>
  102. (function($){
  103. $(document).ready(function(){
  104. $("[title]").style_my_tooltips({
  105. tip_delay_time:200,
  106. tip_fade_speed:300,
  107. tip_follows_cursor:true
  108. }
  109. );
  110. });
  111. })(jQuery);
  112. </script>
  113.  
  114. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  115.  
  116. <script>
  117. $container.infinitescroll({
  118. itemSelector: '.posts',
  119. navSelector: '.pagination',
  120. nextSelector: '.pagination a',
  121. loadingImg: '',
  122. loadingText: '<em></em>',
  123. bufferPx: 2000
  124. },
  125. function( newElements ) {
  126. var $newElems = $(newElements);
  127. var $newElemsIDs = $newElems.map(function(){
  128. return this.id;
  129. }).get();
  130. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  131. });
  132. </script>
  133.  
  134.  
  135.  
  136.  
  137. <!-- STYLESHEET -->
  138.  
  139. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  140.  
  141. <link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i" rel="stylesheet">
  142.  
  143. <style type="text/css">
  144.  
  145. /* --- SCROLLBAR ---*/
  146.  
  147. ::-webkit-scrollbar-thumb {
  148. background-color:{color:Scrollbar};
  149. border:2px solid {color:Background};
  150. }
  151.  
  152. ::-webkit-scrollbar-button {
  153. background-color:{color:Background};
  154. height:0px;
  155. }
  156.  
  157. ::-webkit-scrollbar {
  158. width:6px;
  159. background:{color:Background};
  160. }
  161.  
  162. /* --- SELECTION ---*/
  163.  
  164. ::-moz-selection {
  165. color:{color:Container};
  166. background:{color:Accent};
  167. opacity:1;
  168. }
  169.  
  170. ::selection {
  171. color:{color:Container};
  172. background:{color:Accent};
  173. opacity:1;
  174. }
  175.  
  176. /* --- TOOLTIPS ---*/
  177.  
  178. #s-m-t-tooltip {
  179. max-width:200px;
  180. margin:15px;
  181. background-color:{color:Accent Two};
  182. padding:5px;
  183. line-height:100%;
  184. word-wrap:break-word;
  185. text-transform:uppercase;
  186. word-break:break-all;
  187. color:{color:Container};
  188. z-index:99999999;
  189. }
  190.  
  191. /* --- TUMBLR TOOLS --- */
  192.  
  193. {block:IndexPage}
  194. iframe.tmblr-iframe {
  195. z-index:99999999999999!important;
  196. top:31px!important;
  197. right:0!important;
  198. opacity:0;
  199. padding-right:60px;
  200. transform:scale(0.6);
  201. transform-origin:100% 0;
  202. -webkit-transform:scale(0.6);
  203. -webkit-transform-origin:100% 0;
  204. -o-transform:scale(0.6);
  205. -o-transform-origin:100% 0;
  206. -moz-transform:scale(0.6);
  207. -moz-transform-origin:100% 0;
  208. -ms-transform:scale(0.6);
  209. -ms-transform-origin:100% 0;
  210. }
  211.  
  212. iframe.tmblr-iframe:hover {opacity:0.5!important;}
  213.  
  214. .tcontrols {
  215. position:fixed;
  216. top:39px;
  217. right:20px;
  218. z-index:999999999;
  219. color:{color:Topbar Links};
  220. font-size:12px;
  221. transition:.3s ease-in-out;
  222. -webkit-transition:.3s ease-in-out;
  223. -moz-transition:.3s ease-in-out;
  224. }
  225. {/block:IndexPage}
  226.  
  227.  
  228. {block:PermalinkPage}
  229. iframe.tmblr-iframe {
  230. z-index:99999999999999!important;
  231. top:31px!important;
  232. right:0!important;
  233. opacity:0.5;
  234. padding-right:30px;
  235. transform:scale(0.6);
  236. transform-origin:100% 0;
  237. -webkit-transform:scale(0.6);
  238. -webkit-transform-origin:100% 0;
  239. -o-transform:scale(0.6);
  240. -o-transform-origin:100% 0;
  241. -moz-transform:scale(0.6);
  242. -moz-transform-origin:100% 0;
  243. -ms-transform:scale(0.6);
  244. -ms-transform-origin:100% 0;
  245. }
  246. {/block:PermalinkPage}
  247.  
  248. /* --- BODY --- */
  249.  
  250. body {
  251. margin:0px;
  252. padding:0px;
  253. font-family:'Roboto', sans-serif;
  254. color:{color:Text};
  255. font-size:10px;
  256. font-weight:400;
  257. line-height:150%;
  258. font-weight:normal;
  259. word-wrap:normal;
  260. text-align:left;
  261. background:{color:Background};
  262. }
  263.  
  264. a {
  265. color:{color:Links};
  266. text-decoration:none;
  267. border:0;
  268. }
  269.  
  270. b,strong {font-weight:700;}
  271. i,italic {font-style:italic;}
  272. small {font-size:10px;}
  273. big {font-size:10px;}
  274.  
  275. hr.divider, hr, hr.separator {
  276. display: block;
  277. margin-top: 0.5em;
  278. margin-bottom: 0.5em;
  279. margin-left: auto;
  280. margin-right: auto;
  281. border-style: inset;
  282. border-color:{color:Text};
  283. border-bottom: 1px;
  284. }
  285.  
  286. pre {
  287. white-space: pre-wrap;
  288. white-space: -moz-pre-wrap;
  289. white-space: -pre-wrap;
  290. white-space: -o-pre-wrap;
  291. word-wrap: break-word;
  292. }
  293.  
  294. /* --- TOPBAR --- */
  295.  
  296. .topbar {
  297. position:fixed;
  298. top:0;
  299. left:0;
  300. width:100%;
  301.  
  302. {block:IfTopbarTitle}
  303. padding-top:44px;
  304. height:56px;
  305. {/block:IfTopbarTitle}
  306.  
  307. {block:IfNotTopbarTitle}
  308. padding-top:40px;
  309. height:60px;
  310. {/block:IfNotTopbarTitle}
  311.  
  312. text-align:center;
  313. background:{color:Topbar Background};
  314. font-style:italic;
  315. z-index:3;
  316. }
  317.  
  318. {block:IfTopbarTitle}
  319.  
  320. #topbartitlefixed {
  321. position:fixed;
  322. margin:0 auto;
  323. width:155px;
  324. top:38px;
  325. left:50%;
  326. right:50%;
  327. margin-left:-87.5px;
  328. display:inline-block;
  329. padding:5px 10px;
  330. color:{color:Topbar Links};
  331. font-size:14px;
  332. text-transform:uppercase;
  333. text-align:center;
  334. }
  335.  
  336. .tbtitlefixed {
  337. z-index:4;
  338. font-style:italic;
  339. text-transform:uppercase;
  340. display:inline-block;
  341. padding:6px 12px;
  342. background:{color:Topbar Background};
  343. transition:.4s ease-in-out;
  344. -webkit-transition:.4s ease-in-out;
  345. -moz-transition:.4s ease-in-out;
  346. }
  347.  
  348. #topbartitle {
  349. position:fixed;
  350. margin:0 auto;
  351. width:155px;
  352. top:38px;
  353. left:50%;
  354. right:50%;
  355. margin-left:-87.5px;
  356. display:inline-block;
  357. padding:5px 10px;
  358. color:{color:Accent Two};
  359. font-size:14px;
  360. text-transform:uppercase;
  361. text-align:center;
  362. }
  363.  
  364. .tbtitle {
  365. z-index:5;
  366. font-style:italic;
  367. text-transform:uppercase;
  368. display:inline-block;
  369. padding:6px 12px;
  370. background:{color:Topbar Background};
  371. transition:.4s ease-in-out;
  372. -webkit-transition:.4s ease-in-out;
  373. -moz-transition:.4s ease-in-out;
  374. -webkit-filter: brightness(1.5);
  375. filter: brightness(1.5);
  376. }
  377.  
  378. .hide {opacity:0;left:0px;}
  379.  
  380. .show {opacity:1;left:83px;}
  381.  
  382. {/block:IfTopbarTitle}
  383.  
  384. .topbarleft {margin-right:87.5px;text-align:right;}
  385.  
  386. {block:IfTopbarTitle}
  387. .topbarright {margin-left:87.5px;text-align:left;}
  388. {/block:IfTopbarTitle}
  389.  
  390. {block:IfTopbarTitle}
  391. .topbarleft, .topbarright {
  392. position:relative;
  393. padding:0px;
  394. top:-1px;
  395. display:inline-block;
  396. margin-top:-12px;
  397. width:calc(50% - 90px);
  398. }
  399. {/block:IfTopbarTitle}
  400.  
  401. .topbarleft a, .topbarright a {
  402. display:inline-block;
  403. padding:6px 18px 6px 14px;
  404. text-decoration:none;
  405. font-size:10px;
  406. color:{color:Topbar Links};
  407. margin:0px 8px;
  408. text-transform:uppercase;
  409. transition:.4s ease-in-out;
  410. -webkit-transition:.4s ease-in-out;
  411. -moz-transition:.4s ease-in-out;
  412. }
  413.  
  414.  
  415. {block:IfNotTopbarTitle}
  416. .topbarleft {
  417. position:relative;
  418. padding-top:10px;
  419. top:-1px;
  420. display:inline-block;
  421. margin-top:-12px;
  422. width:100%;
  423. text-align:center;
  424. }
  425. {/block:IfNotTopbarTitle}
  426.  
  427. .topbarleft a:nth-child(2n + 1):hover {background:{color:Accent};}
  428. .topbarleft a:nth-child(2n + 2):hover {background:{color:Accent Two};}
  429.  
  430. {block:IfTopbarTitle}
  431. .topbarright a:nth-child(2n + 1):hover {background:{color:Accent};}
  432. .topbarright a:nth-child(2n + 2):hover {background:{color:Accent Two};}
  433. {/block:IfTopbarTitle}
  434.  
  435. /* --- HEADER --- */
  436.  
  437. .header {
  438. margin:0 auto;
  439. margin-top:100px;
  440. {block:IfFullWidthHeader}
  441. width:100%;
  442. background-repeat:repeat-x;
  443. {/block:IfFullWidthHeader}
  444.  
  445. {block:IfNotFullWidthHeader}
  446. width:1000px;
  447. background-repeat:no-repeat;
  448. {/block:IfNotFullWidthHeader}
  449.  
  450. height:500px;
  451. background-image: url('{image:Header}');
  452. background-position:center center;
  453.  
  454. }
  455.  
  456. .header img {
  457. width:100%;
  458. height:500px;
  459. }
  460.  
  461. /* --- CONTAINER --- */
  462.  
  463. .container {
  464. margin:0 auto;
  465. width:950px;
  466. padding:20px 25px 20px 25px;
  467. background:{color:Background};
  468. }
  469.  
  470. #end {
  471. clear: both;
  472. text-align:center;
  473. }
  474.  
  475. /* --- WELCOME --- */
  476.  
  477. .welcome {
  478. margin:0 auto;
  479. width:680px;
  480. padding:40px 140px;
  481. background:{color:Welcome Background};
  482. color:{color:Welcome Text};
  483. font-size:13px;
  484. letter-spacing:1px;
  485. font-style:italic;
  486. text-align:center;
  487. line-height:140%;
  488. }
  489.  
  490. .welcome:first-letter {
  491. color:{color:Accent};
  492. font-size:19px;
  493. }
  494.  
  495. .welcome em {
  496. text-transform:uppercase;
  497. font-weight:700;
  498. }
  499.  
  500. .welcome b {
  501. color:{color:Welcome Text};
  502. font-weight:400;
  503. transition:.5s ease-in-out;
  504. -webkit-transition:.5s ease-in-out;
  505. -moz-transition:.5s ease-in-out;
  506. }
  507.  
  508. .welcome:hover b:nth-child(2n + 1) {color:{color:Accent};}
  509. .welcome:hover b:nth-child(2n + 2) {color:{color:Accent Two};}
  510.  
  511. /* --- SIDEBAR --- */
  512.  
  513. .sidebar {
  514. float:left;
  515. width:350px;
  516. margin-top:30px;
  517. }
  518.  
  519. .side {
  520. width:350px;
  521. margin-bottom:30px;
  522. }
  523.  
  524. .sidecontent {
  525. background:{color:Sidebar Background};
  526. padding:10px;
  527. }
  528.  
  529. .sidebartitlecont {
  530. background:{color:Sidebar Title Background};
  531. height:15px;
  532. padding:10px;
  533. }
  534.  
  535. .sidebartitle {
  536. float:left;
  537. font-size:13px;
  538. font-style:italic;
  539. text-transform:uppercase;
  540. display:inline-block;
  541. color:{color:Sidebar Titles};
  542. }
  543.  
  544. .sidebartitlecont i {
  545. color:{color:Sidebar Icons};
  546. float:right;
  547. font-size:15px;
  548. text-align:right!important;
  549. }
  550.  
  551. /* --- SIDEBAR EXTRAS --- */
  552.  
  553. .affiliates {display:inline-block;}
  554.  
  555. .affiliates img {
  556. height:50px;
  557. width:50px;
  558. border-radius:50%;
  559. margin:4px!important;
  560. }
  561.  
  562. .members {
  563. text-align:left;
  564. }
  565.  
  566. .membercont {
  567. display:block;
  568. height:50px;
  569. margin-bottom:10px;
  570. }
  571.  
  572. .memberavi {
  573. width:60px;
  574. height:45px;
  575. }
  576.  
  577. .memberavi img {
  578. height:40px;
  579. width:40px;
  580. padding:4px;
  581. }
  582.  
  583. .membername {
  584. text-align:left;
  585. width:240px;
  586. height:15px;
  587. font-size:11px;
  588. margin:-25px 0px 0px 25px;
  589. }
  590.  
  591. .membername a {
  592. color:{color:Text};
  593. border:0;
  594. opiact:1
  595. text-decoration:none;
  596. transition:.3s ease-in-out;
  597. -webkit-transition:.3s ease-in-out;
  598. -moz-transition:.3s ease-in-out;
  599. }
  600.  
  601. .membername a:hover {opacity:0.6;}
  602.  
  603. .event {
  604. line-height:165%;
  605. margin-bottom:20px;
  606. }
  607.  
  608. .eventdate {
  609. display:inline-block;
  610. text-align:center;
  611. text-transform:uppercase;
  612. padding:1px 4px;
  613. color:{color:Schedule Dates};
  614. background:{color:Accent Two};
  615. }
  616.  
  617. /* --- POSTS --- */
  618.  
  619. .posts {
  620. float:right;
  621. width:520px;
  622. padding:5px;
  623. margin:24px -15px 0px 0px;
  624. }
  625.  
  626. .iposts {
  627. width:500px;
  628. padding:10px;
  629. background:{color:Posts Background};
  630. }
  631.  
  632. .iposts img {max-width:500px;}
  633.  
  634. .ipostpxu {
  635. margin-left:5px;
  636. width:490px;
  637. }
  638.  
  639. /* --- POST INFO --- */
  640.  
  641. .postinfo {
  642. background:{color:Post Info Background};
  643. padding:10px;
  644. font-style:italic;
  645. color:{color:Post Info Text};
  646. font-size:11px;
  647. }
  648.  
  649. .postnotes {
  650. display:inline-block;
  651. color:{color:Post Info Text};
  652. text-transform:uppercase;
  653. }
  654.  
  655. .postnotes a {
  656. color:{color:Post Info Text};
  657. text-transform:uppercase;
  658. }
  659.  
  660. .postdate {
  661. display:inline-block;
  662. text-transform:uppercase;
  663. color:{color:Post Info Text};
  664. padding-right:4px;
  665. }
  666.  
  667. .postdate a {
  668. display:inline-block;
  669. color:{color:Post Info Text};
  670. text-transform:uppercase;
  671. }
  672.  
  673.  
  674. /* --- POST CONTROL --- */
  675.  
  676. .postcontrol {
  677. float:right;
  678. margin-top:0px;
  679. }
  680.  
  681. .postcontrol i {
  682. color:{color:Post Info Text};
  683. height:auto;
  684. padding:1px;
  685. display:block;
  686. overflow:visible;
  687. height:auto;
  688. }
  689.  
  690. .postcontrol a {
  691. position:relative;
  692. display:inline-block;
  693. overflow:hidden;
  694. padding:0px 0px 0px 4px;
  695. }
  696.  
  697. .postcontrol .reblog i {
  698. font-size:10px;
  699. }
  700.  
  701. .reblog i {
  702. color:{color:Post Info Text};
  703. transition:.3s ease-in-out;
  704. -webkit-transition:.3s ease-in-out;
  705. -moz-transition:.3s ease-in-out;
  706. }
  707.  
  708. .postcontrol .like .liked + i {
  709. color:{color:Post Info Text};
  710. }
  711.  
  712. .like i {
  713. color:{color:Post Info Text};
  714. font-size:9px;
  715. transition:.3s ease-in-out;
  716. -webkit-transition:.3s ease-in-out;
  717. -moz-transition:.3s ease-in-out;
  718. }
  719.  
  720. .postcontrol .like .liked + i {
  721. color:{color:Accent Two};
  722. }
  723.  
  724. .postcontrol .like .like_button {
  725. position:relative;
  726. }
  727.  
  728. .postcontrol .like .like_button iframe {
  729. position:absolute;
  730. top:0;
  731. left:0;
  732. bottom:0;
  733. right:0;
  734. z-index:2;
  735. opacity:0;
  736. }
  737.  
  738. /* --- POST END --- */
  739.  
  740. .postend {
  741. padding:10px 10px 25px 10px;
  742. background:{color:Posts Background};
  743. font-style:italic;
  744. color:{color:Text};
  745. font-size:11px;
  746. text-transform:lowercase;
  747. font-weight:700;
  748. }
  749.  
  750. .postsrc {
  751. float:right;
  752. color:{color:Text};
  753. }
  754.  
  755. .postsrc a {
  756. color:{color:Text};
  757. text-decoration:none;
  758. border:0;
  759. }
  760.  
  761. /* --- POST TAGS --- */
  762.  
  763. .ipostscont {margin-bottom:100px;}
  764.  
  765. .ipostscont:hover .posttags {opacity:1;}
  766.  
  767. .posttags {
  768. width:500px;
  769. padding:10px;
  770. color:{color:Text};
  771. background:{color:Posts Background};
  772. text-transform:uppercase;
  773. font-style:italic;
  774. text-align:center;
  775. opacity:0;
  776. transition:.3s ease-in-out;
  777. -webkit-transition:.3s ease-in-out;
  778. -moz-transition:.3s ease-in-out;
  779. }
  780.  
  781. .posttags a {
  782. text-transform:lowercase!important;
  783. color:{color:Links};
  784. text-decoration:none;
  785. border:0;
  786. }
  787.  
  788. /* --- POST STYLES --- */
  789.  
  790. h1, h2 {
  791. display:inline-block;
  792. font-size:11px;
  793. color:{color:Text};
  794. display:inline-block;
  795. text-transform:uppercase;
  796. font-style:italic;
  797. font-weight:700;
  798. }
  799.  
  800. blockquote {
  801. padding: 10px;
  802. text-decoration:none;
  803. letter-spacing:1px;
  804. border-left: 1px solid {color:Text};
  805. }
  806.  
  807. blockquote img {
  808. max-width: 100%;
  809. display: block;
  810. margin-bottom:5px;
  811. }
  812.  
  813. .user_1 .label {font-weight: 700;}
  814. .user_2 .label {font-weight: 400;}
  815. .user_3 .label {font-weight: 700;}
  816. .user_4 .label {font-weight: 400;}
  817. .user_5 .label {font-weight: 700;}
  818. .user_6 .label {font-weight: 400;}
  819. .user_7 .label {font-weight: 700;}
  820. .user_8 .label {font-weight: 400;}
  821.  
  822. ul.chat {list-style:none; margin: 0px 0px 0px 0px; padding: 0px;}
  823.  
  824. .chat li {
  825. list-style: none;
  826. margin: 0px;
  827. padding: 2px;
  828. border: none;
  829. }
  830.  
  831. .chat li:first-child {border: none; }
  832.  
  833. /* --- QUESTIONS --- */
  834.  
  835. .question {
  836. margin:0px 0px 0px 0px;
  837. width:500px;
  838. text-align:justify;
  839. display:inline-block;
  840. line-height:110%;
  841. }
  842.  
  843. .question img {
  844. width:48px;
  845. height:48px;
  846. border-radius:50%;
  847. padding:10px 10px 10px 10px;
  848. }
  849.  
  850. /* --- AUDIO --- */
  851.  
  852. .audio { background:{color:Posts Container};}
  853.  
  854. .player {
  855. position:absolute;
  856. margin-top:-69px;
  857. margin-left:35px;
  858. opacity:0.5;
  859. }
  860.  
  861. .audiop, .player {display:inline-block;}
  862.  
  863. .trackname {
  864. margin-left:120px;
  865. margin-top:-72px;
  866. color:{color:Text};
  867. text-transform:uppercase;
  868. font-weight:700;
  869. }
  870.  
  871. .artist {
  872. margin-left:120px;
  873. margin-top:-5px;
  874. color:{color:Text};
  875. }
  876.  
  877. .audiop {
  878. position:absolute;
  879. display:block;
  880. margin-top:4px
  881. margin-top:-109px;
  882. }
  883.  
  884. .audioimg img {
  885. margin-top:10px;
  886. height:100px;
  887. width:100px;
  888. }
  889.  
  890. .tumblr_audio_player {
  891. width:30px;
  892. height:27px;
  893. overflow:hidden;
  894. }
  895.  
  896. .soundcloud_audio_player{padding-top:15px;}
  897.  
  898. /* --- LIGHTBOXES ---*/
  899.  
  900. .vignette, #vignette {opacity:0; }
  901.  
  902. .lightbox-image, #tumblr_lightbox img {
  903. box-shadow:none !important;
  904. border-radius:0 !important;
  905. max-width:none;
  906. -moz-box-sizing:border-box;
  907. box-sizing:border-box;
  908. }
  909.  
  910. .tmblr-lightbox, #tumblr_lightbox {
  911. background-color:rgba({select:Lightbox}.90) !important;
  912. }
  913.  
  914. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  915.  
  916.  
  917. /* ---PERMALINK NOTES --- */
  918.  
  919. #permanote {
  920. width:500px;
  921. max-height:300px;
  922. margin:-50px 0 20px 17px;
  923. background:transparent;
  924. padding:0px 0px 0px 9px;
  925. text-align:center;
  926. overflow-x:hidden;
  927. overflow-y:scroll;
  928. text-align:center;
  929. font-size:10px;
  930. text-transform:normal;
  931. color:{color:Text};
  932. }
  933.  
  934. ol.notes {
  935. display:inline-block;
  936. padding:0px;
  937. margin:15px 0px;
  938. background:transparent;
  939. list-style-type:none;
  940. text-align:center;
  941. border-bottom:0px;
  942. letter-spacing: 1px;
  943. }
  944.  
  945. .notes a {display:inline-block;text-align:center;}
  946.  
  947. ol.notes li.note {padding:0px;float:left;text-align:center;}
  948.  
  949. ol.notes li.note img.avatar {
  950. width:32px;
  951. height:32px;
  952. margin:0px 2px 0px 2px;
  953. }
  954.  
  955. ol.notes li.note span.action {display:none;}
  956.  
  957. ol.notes li.note .answer_content {display:none;}
  958.  
  959. ol.notes li.note blockquote {display:none;}
  960.  
  961. ol.notes li.note blockquote a {display:none;}
  962.  
  963. ol.notes li.note.more_notes_link_container {
  964. display:block;
  965. position:relative;
  966. text-align:center;
  967. display:block;
  968. width:100%;
  969. padding-top:10px;
  970. text-align:center;
  971. font-size:10px;
  972. text-transform:normal;
  973. color:{color:Text};
  974. }
  975.  
  976. .more_notes_link {
  977. text-align:center;
  978. font-size:10px;
  979. text-transform:normal;
  980. color:{color:Text};
  981. }
  982.  
  983. /* --- FOOTER --- */
  984.  
  985. footer {
  986. margin:0 auto;
  987. padding:15px 75px 15px 75px;
  988. background:{color:Footer};
  989. width:790px;
  990. text-align:center;
  991. font-size:10px;
  992. text-transform:normal;
  993. color:{color:Footer Text};
  994. font-style:italic;
  995. word-spacing:10px;
  996. }
  997.  
  998. footer b {font-weight:700;}
  999.  
  1000. .copyright {
  1001. position:relative;
  1002. top:-40px;
  1003. left:-76px;
  1004. text-transform:uppercase;
  1005. display:inline-block;
  1006. color:{color:Footer Text};
  1007. }
  1008.  
  1009. .footeravatar {
  1010. position:relative;
  1011. top:0px;
  1012. left:-71px;
  1013. height:90px;
  1014. width:90px;
  1015. display:inline-block;
  1016. }
  1017.  
  1018. .footeravatar img {
  1019. height:90px;
  1020. width:90px;
  1021. }
  1022.  
  1023. .disclaimer {
  1024. position:relative;
  1025. top:0px;
  1026. left:0px;
  1027. text-align:center;
  1028. line-height:135%;
  1029. display:inline-block;
  1030. color:{color:Footer Text};
  1031. }
  1032.  
  1033. .pagination {
  1034. position:relative;
  1035. top:-40px;
  1036. left:-77px;
  1037. display:inline-block;
  1038. font-size:10px;
  1039. text-transform:uppercase;
  1040. padding:10px;
  1041. text-align:center;
  1042. margin:20px 0px 0px 0px;
  1043. word-spacing:10px;
  1044. color:{color:Footer Text};
  1045. }
  1046.  
  1047. .pagination a {
  1048. display:inline-block;
  1049. text-transform:uppercase;
  1050. color:{color:Footer Text};
  1051. min-width:15px;
  1052. }
  1053.  
  1054. .pagination .current {
  1055. display:inline-block;
  1056. margin:8px;
  1057. color:{color:Footer Text};
  1058. min-width:15px;
  1059. }
  1060.  
  1061. .pagination a.jump {
  1062. font-size:10px;
  1063. line-height:10px;
  1064. color:{color:Footer Text};
  1065. min-width:15px;
  1066. }
  1067.  
  1068. /* --- SCROLL TO TOP --- */
  1069.  
  1070. #scrollToTop {
  1071. display:none;
  1072. position:fixed;
  1073. bottom:10px;
  1074. right:10px;
  1075. color:{color:Text};
  1076. font-size:9px;
  1077. text-transform:uppercase;
  1078. display:inline-block;
  1079. padding:5px;
  1080. transition:.2s ease-in-out;
  1081. -webkit-transition:.2s ease-in-out;
  1082. -moz-transition:.2s ease-in-out;
  1083. -o-transition:.2s ease-in-out;
  1084. }
  1085.  
  1086. {CustomCSS}
  1087. </style>
  1088.  
  1089. </head>
  1090. <body>
  1091.  
  1092.  
  1093.  
  1094.  
  1095. <!-- START TOPBAR -->
  1096. {block:IfTopbarTitle}
  1097. <div id="topbartitlefixed" class="tbtitlefixed">FY!PERFORMANCEUNIT</div>
  1098. <div id="topbartitle" class="tbtitle hide">FY!PERFORMANCEUNIT</div>
  1099. {/block:IfTopbarTitle}
  1100.  
  1101. <div class="topbar">
  1102.  
  1103. <div class="topbarleft">
  1104. <a href ="#">Link</a>
  1105. <a href ="#">Link</a>
  1106. <a href ="#">Link</a>
  1107. <a href ="#">Link</a>
  1108. <a href ="#">Link</a>
  1109.  
  1110. {block:IfNotTopbarTitle}
  1111. <a href ="#">Link</a>
  1112. <a href ="#">Link</a>
  1113. <a href ="#">Link</a>
  1114. <a href ="#">Link</a>
  1115. <a href ="#">Link</a>
  1116. {/block:IfNotTopbarTitle}
  1117. </div>
  1118.  
  1119.  
  1120. {block:IfTopbarTitle}
  1121. <div class="topbarright">
  1122. <a href ="#">Link</a>
  1123. <a href ="#">Link</a>
  1124. <a href ="#">Link</a>
  1125. <a href ="#">Link</a>
  1126. <a href ="#">Link</a>
  1127. </div>
  1128. {/block:IfTopbarTitle}
  1129.  
  1130.  
  1131. {block:IndexPage}
  1132. <div class="tcontrols">
  1133. <b>+</b>
  1134. </div>
  1135. {/block:IndexPage}
  1136.  
  1137. </div>
  1138. <!-- END TOPBAR -->
  1139.  
  1140.  
  1141.  
  1142.  
  1143. <!-- START HEADER -->
  1144. <div class="header"></div>
  1145. <!-- END HEADER -->
  1146.  
  1147.  
  1148.  
  1149.  
  1150. <!-- START CONTAINER -->
  1151. <div class="container">
  1152.  
  1153.  
  1154.  
  1155.  
  1156. <!-- START WELCOME -->
  1157. <div class="welcome">
  1158.  
  1159. Welcome to <em>FY!PERFORMANCEUNIT</em>, dedicated to <b>Seventeen</b>’s choreography subunit. Performance Unit consists of leader <b>Hoshi</b>, and members <b>Jun</b>, <b>The8</b>, and <b>Dino</b>. We hope to provide you updates regarding the unit, as well as each individual member.
  1160.  
  1161. </div>
  1162. <!-- END WELCOME -->
  1163.  
  1164.  
  1165.  
  1166.  
  1167. <!-- START SIDEBAR -->
  1168. <div class="sidebar">
  1169.  
  1170.  
  1171.  
  1172. <!-- Sidebar Image -->
  1173. <div class="side">
  1174. <center>
  1175. <img src="{image:Sidebar}" />
  1176. </center>
  1177. </div>
  1178.  
  1179.  
  1180.  
  1181.  
  1182. <!-- Twitter -->
  1183. <div class="side">
  1184. <div class="sidebartitlecont">
  1185. <div class="sidebartitle">Twitter</div>
  1186. <div class"sidebartitleicon">
  1187. <i class="fa fa-user" aria-hidden="true"></i>
  1188. </div>
  1189. </div>
  1190. <div class="sidecontent">
  1191.  
  1192. <a class="twitter-timeline" data-width="350" data-height="350" data-link-color="#000" href="https://twitter.com/pledis_17">Tweets by pledis_17</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
  1193.  
  1194.  
  1195. </div>
  1196. </div>
  1197.  
  1198.  
  1199.  
  1200.  
  1201.  
  1202. <!-- Members -->
  1203. <div class="side">
  1204. <div class="sidebartitlecont">
  1205. <div class="sidebartitle">Members</div>
  1206. <div class"sidebartitleicon">
  1207. <i class="fa fa-user" aria-hidden="true"></i>
  1208. </div>
  1209. </div>
  1210. <div class="sidecontent">
  1211.  
  1212. <div class="members">
  1213. {block:GroupMembers}
  1214. {block:GroupMember}
  1215. <div class="membercont">
  1216. <div class="memberavi">
  1217. <img title="{GroupMemberTitle}" src="{GroupMemberPortraitURL-48}">
  1218. </div>
  1219.  
  1220. <div class="membername">
  1221. <a href="{GroupMemberURL}" class="membername">{GroupMemberName}</a></div>
  1222.  
  1223. </div>
  1224. {/block:GroupMember}
  1225. {/block:GroupMembers}
  1226. </div>
  1227.  
  1228. </div>
  1229. </div>
  1230.  
  1231.  
  1232.  
  1233.  
  1234. <!-- Affiliates -->
  1235. <div class="side">
  1236. <div class="sidebartitlecont">
  1237. <div class="sidebartitle">Affiliates</div>
  1238. <div class"sidebartitleicon">
  1239. <i class="fa fa-bookmark" aria-hidden="true"></i>
  1240. </div>
  1241. </div>
  1242. <div class="sidecontent">
  1243. <div class="affiliates">
  1244. <center>
  1245.  
  1246. <a href="http://dinodata.tumblr.com" title="dinodata"><img src="https://68.media.tumblr.com/avatar_1b5fb7bcbdb4_128.png" /></a>
  1247.  
  1248. <a href="http://seungkwandata.tumblr.com" title="seungkwandata"><img src="https://68.media.tumblr.com/avatar_7c03600c78b5_128.png" /></a>
  1249.  
  1250. <a href="/apply" title="apply"><img src="https://static.tumblr.com/zvesamf/6Sgp2j58g/affiliates.jpg" /></a>
  1251. <a href="/apply" title="apply"><img src="https://static.tumblr.com/zvesamf/6Sgp2j58g/affiliates.jpg" /></a>
  1252. <a href="/apply" title="apply"><img src="https://static.tumblr.com/zvesamf/6Sgp2j58g/affiliates.jpg" /></a>
  1253.  
  1254.  
  1255. <a href="/apply" title="apply"><img src="https://static.tumblr.com/zvesamf/6Sgp2j58g/affiliates.jpg" /></a>
  1256. <a href="/apply" title="apply"><img src="https://static.tumblr.com/zvesamf/6Sgp2j58g/affiliates.jpg" /></a>
  1257. <a href="/apply" title="apply"><img src="https://static.tumblr.com/zvesamf/6Sgp2j58g/affiliates.jpg" /></a>
  1258. <a href="/apply" title="apply"><img src="https://static.tumblr.com/zvesamf/6Sgp2j58g/affiliates.jpg" /></a>
  1259. <a href="/apply" title="apply"><img src="https://static.tumblr.com/zvesamf/6Sgp2j58g/affiliates.jpg" /></a>
  1260.  
  1261.  
  1262. </center>
  1263. </div>
  1264.  
  1265. </div>
  1266. </div>
  1267.  
  1268.  
  1269.  
  1270.  
  1271. <!-- Schedule -->
  1272. <div class="side">
  1273. <div class="sidebartitlecont">
  1274. <div class="sidebartitle">Schedule</div>
  1275. <div class"sidebartitleicon">
  1276. <i class="fa fa-calendar" aria-hidden="true"></i>
  1277. </div>
  1278. </div>
  1279. <div class="sidecontent">
  1280.  
  1281. <div class="event">
  1282. <div class="eventdate">Jan 8th</div>
  1283.  
  1284. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante. Donec nec elit molestie massa finibus pulvinar non nec lacus. Nullam ipsum nulla, sodales non ornare et, accumsan a sem. Donec tempus leo non laoreet viverra. Vestibulum ac nunc sem. Aenean vitae convallis velit, non molestie augue. Curabitur tristique eleifend mi, malesuada fringilla erat tristique imperdiet.
  1285. </div>
  1286.  
  1287.  
  1288.  
  1289. <div class="event">
  1290. <div class="eventdate">Jan 11th</div>
  1291.  
  1292. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante. Donec nec elit molestie massa finibus pulvinar non nec lacus. Nullam ipsum nulla, sodales non ornare et, accumsan a sem. Donec tempus leo non laoreet viverra. Vestibulum ac nunc sem. Aenean vitae convallis velit, non molestie augue. Curabitur tristique eleifend mi, malesuada fringilla erat tristique imperdiet.
  1293. </div>
  1294.  
  1295.  
  1296.  
  1297. </div>
  1298. </div>
  1299.  
  1300.  
  1301.  
  1302.  
  1303. <!-- Statistics -->
  1304. <div class="side">
  1305. <div class="sidebartitlecont">
  1306. <div class="sidebartitle">Statistics</div>
  1307. <div class"sidebartitleicon">
  1308. <i class="fa fa-star" aria-hidden="true"></i>
  1309. </div>
  1310. </div>
  1311. <div class="sidecontent">
  1312.  
  1313. <b>ABOUT:</b> Performance Unit
  1314. <br>
  1315. <b>ESTABLISHED:</b> January 2017
  1316. <br>
  1317. <b>CURRENTLY ONLINE:</b>
  1318. <br>
  1319. <b>TOTAL VISITS:</b>
  1320. <br>
  1321. <b>THEME:</b> <a href="http://etherealthemes.co.vu">ethereal</a>
  1322.  
  1323.  
  1324. </div>
  1325. </div>
  1326.  
  1327.  
  1328.  
  1329. </div>
  1330. <!-- END SIDEBAR -->
  1331.  
  1332.  
  1333.  
  1334.  
  1335.  
  1336.  
  1337.  
  1338.  
  1339.  
  1340. <!-- START POSTS -->
  1341. <div class="posts">
  1342.  
  1343. {block:Posts}
  1344.  
  1345. <div class="ipostscont">
  1346.  
  1347. <!-- START POST INFO -->
  1348. <div class="postinfo">
  1349.  
  1350. {block:NoteCount} <div class="postnotes"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount} {block:Date}<div class="postdate">Posted <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix} {Year}</a></div>{/block:Date}
  1351.  
  1352. {block:IndexPage}
  1353. <div class="postcontrol">
  1354. <a href="{ReblogURL}" target="_blank" class="reblog"><i class="fa fa-retweet" aria-hidden="true"></i></a>
  1355. <a href="#" class="like">{LikeButton}<i class="fa fa-heart" aria-hidden="true"></i></a>
  1356. </div>
  1357. {/block:IndexPage}
  1358.  
  1359. </div>
  1360. <!-- END POST INFO -->
  1361.  
  1362.  
  1363.  
  1364.  
  1365. <!-- POST STYLES START -->
  1366. <div class="iposts" id="{PostID}">
  1367.  
  1368. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1369.  
  1370. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  1371. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  1372.  
  1373. {block:Quote}<h1>“{Quote}”</h1><br>-{Source}</b>{/block:Quote}
  1374.  
  1375. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1376.  
  1377. {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>
  1378. {block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  1379.  
  1380. {block:Chat}
  1381. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  1382. {/block:Chat}
  1383.  
  1384. {block:Audio}
  1385. <div class="audio">{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}" /></div>{block:AlbumArt}{block:AudioPlayer}<div class="player">{AudioPlayerBlack}</div>{/block:AudioPlayer}<div class="audiop"><div class="trackname">{block:TrackName}<b>{TrackName}</b>{/block:TrackName} {block:Artist}{Artist}{/block:Artist}</div><div class="albuname">{block:Album}<b>{Album}</b>{/block:Album}</div></div>{block:Caption}{Caption}{/block:Caption}
  1386. </div>{/block:Audio}
  1387.  
  1388. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1389.  
  1390. {block:Answer}
  1391. <div class="question">
  1392. <img src="{AskerPortraitURL-48}" align="left" /> {Asker} asked: {Question}</div>
  1393. {Answer}{/block:Answer}
  1394.  
  1395.  
  1396.  
  1397.  
  1398.  
  1399.  
  1400. </div>
  1401. <!-- POST STYLES END -->
  1402.  
  1403.  
  1404.  
  1405.  
  1406. <!-- POST END START -->
  1407. {block:RebloggedFrom}
  1408. <div class="postend">
  1409.  
  1410. <div class="postsrc">
  1411. <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>
  1412.  
  1413. {block:ContentSource}
  1414. / <a title="{ReblogRootName}" href="{SourceURL}">src</a>
  1415. {/block:ContentSource}
  1416.  
  1417. </div>
  1418.  
  1419. </div>
  1420. {/block:RebloggedFrom}
  1421. <!-- POST END END -->
  1422.  
  1423.  
  1424.  
  1425.  
  1426. <!-- POST TAGS START -->
  1427. <div class="posttagcont">
  1428. <div class="posttags">
  1429. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:HasTags}
  1430. </div>
  1431. </div>
  1432. <!-- POST TAGS END -->
  1433.  
  1434. </div>
  1435.  
  1436.  
  1437. <!-- PERMALINK NOTES -->
  1438. {block:PostNotes}
  1439. <div id="permanote"><center>{PostNotes-64}</center></div>
  1440. {/block:PostNotes}
  1441.  
  1442.  
  1443. {/block:Posts}
  1444.  
  1445.  
  1446. </div>
  1447.  
  1448.  
  1449.  
  1450.  
  1451. <div id="end"></div>
  1452.  
  1453.  
  1454. <!-- FOOTER START -->
  1455. <footer>
  1456.  
  1457. {block:IndexPage}
  1458.  
  1459. <div class="copyright">copyright <b>fy!performanceunit</b> 2017-2018</div>
  1460.  
  1461. <div class="footeravatar"><img src="{image:Footer}"></div>
  1462.  
  1463. {block:Pagination}
  1464. <div class="pagination">
  1465. {block:PreviousPage}
  1466. <a href="{PreviousPage}">previous</a>
  1467. {/block:PreviousPage}
  1468.  
  1469. {block:JumpPagination length="10"}
  1470. {block:CurrentPage}
  1471. <span class="current_page">{PageNumber}</span>
  1472. {/block:CurrentPage}
  1473.  
  1474. {block:JumpPage}
  1475. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1476. {/block:JumpPage}
  1477. {/block:JumpPagination}
  1478.  
  1479. {block:NextPage}
  1480. <a class="next" href="{NextPage}">next</a>
  1481. {/block:NextPage}
  1482. </div>
  1483.  
  1484. {/block:Pagination}
  1485.  
  1486. {/block:IndexPage}
  1487.  
  1488.  
  1489.  
  1490. <div class="disclaimer">
  1491.  
  1492. Our site claims no credit for any videos posted on this site unless stated otherwise. information on this blog are copyright to their respectful owners. If there is any content
  1493. appearing on this blog that belongs to you and do not wish for it appear on this site, please message us with a link to say which post and it will be promptly removed.
  1494.  
  1495. </div>
  1496.  
  1497. </footer>
  1498. <!-- FOOTER END -->
  1499.  
  1500.  
  1501. </div>
  1502. <!-- END CONTAINER -->
  1503.  
  1504.  
  1505.  
  1506.  
  1507.  
  1508.  
  1509. <!-- ADDITIONAL SCRIPTS -->
  1510. <script>
  1511. var updatePhotosetCss = "<style id='updatePhotosetStyle'> .photoset .photoset_row img { display: block; } .photoset .photoset_row.photoset_row_1 img { max-width: 540px; } .photoset .photoset_row.photoset_row_2 img { max-width: 268px; } .photoset .photoset_row.photoset_row_3 img { max-width: 177px; } .photoset .photoset_row .photoset_photo { margin-left: 4px; } .photoset .photoset_row { text-align: center; width: 540px; } .photoset { width: 540px; }</style>";
  1512. function updatePhotoset() {
  1513.  
  1514. $(".photoset:not(.540-resized)").each( function (i, e) {
  1515. if($(this.contentDocument).find("#updatePhotosetStyle").size() <= 0)
  1516. $(this.contentDocument).find("head").append(updatePhotosetCss);
  1517. var photoset = $(this.contentDocument).find(".photoset");
  1518. var photosetRows = photoset.find(".photoset_row");
  1519. photoset.find(".photoset_photo")
  1520. .each(function () {
  1521. var hiResSrc = $(this).attr("href");
  1522. var img = $(this).find('img');
  1523. img.attr("src", hiResSrc );
  1524. img.attr("style", "");
  1525. });
  1526. photosetRows.attr("style", "");
  1527. photoset.attr("style","");
  1528. photoset.addClass("540-resized");
  1529. $(this).height($(this.contentDocument.body).height());
  1530. });
  1531. }
  1532.  
  1533. updatePhotoset();
  1534.  
  1535. var photosetTimer = setInterval(updatePhotoset, 1500);
  1536. $(window).on('load', function () { setTimeout(function() {clearInterval(photosetTimer)}, 2000); })
  1537. </script>
  1538.  
  1539. <script>
  1540. myID = document.getElementById("topbartitle");
  1541.  
  1542. var myScrollFunc = function () {
  1543. var y = window.scrollY;
  1544. if (y >= 500) {
  1545. myID.className = "tbtitle show"
  1546. } else {
  1547. myID.className = "tbtitle hide"
  1548. }
  1549. };
  1550.  
  1551. window.addEventListener("scroll", myScrollFunc);
  1552. </script>
  1553.  
  1554. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1555. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1556. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1557.  
  1558. <script>
  1559. $(document).ready(function(){
  1560. $('.photo-slideshow').pxuPhotoset({
  1561. lightbox: true,
  1562. rounded: false,
  1563. gutter: '1px',
  1564. borderRadius: '0px',
  1565. photoset: '.photo-slideshow',
  1566. photoWrap: '.photo-data',
  1567. photo: '.pxu-photo'
  1568. });
  1569. });
  1570. </script>
  1571.  
  1572. {block:IndexPage}
  1573. <script>
  1574. $(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")}})});
  1575. </script>
  1576.  
  1577. <a href="javascript:;" id="scrollToTop" rel="nofollow">to top</a>
  1578. {/block:IndexPage}
  1579.  
  1580.  
  1581. </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!