API tools faq
paste
Advertisement
Guest User

jongin top theme

a guest
Mar 30th, 2017
79
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.21 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. theme #30
  6. - by cathms -
  7.  
  8. Last update: Nov 24, 2016
  9. - don't take parts of this code
  10. - don't remove this comment
  11. - don't remove the credit
  12.  
  13. -->
  14.  
  15. <html>
  16. <head>
  17.  
  18. <script type="text/javascript"
  19. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  20. <script>
  21. $(document).ready(function() {
  22. //
  23. $('a.poplight[href^=#]').click(function() {
  24. var popID = $(this).attr('rel'); //Get Popup Name
  25. var popURL = $(this).attr('href'); //Get Popup href to define size
  26. var query= popURL.split('?');
  27. var dim= query[1].split('&');
  28. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  29. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  30. var popMargTop = ($('#' + popID).height() + 80) / 2;
  31. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  32. //Apply Margin to Popup
  33. $('#' + popID).css({
  34. 'margin-top' : -popMargTop,
  35. 'margin-left' : -popMargLeft
  36. });
  37. $('body').append('<div id="fade"></div>');
  38. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  39. return false;
  40. });
  41. $('a.close, #fade').live('click', function() {
  42. $('#fade , .popup_block').fadeOut(function() {
  43. $('#fade, a.close').remove(); //fade them both out
  44. });
  45. return false;
  46. });
  47. });
  48. </script>
  49.  
  50.  
  51. <title>{Title}</title>
  52. <link rel="shortcut icon" href="http://static.tumblr.com/jjefkbc/KUNn9xmnw/kai.gif">
  53. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  54. <meta name="description" content="" />
  55. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  56.  
  57. <meta name="color:Background" content="#f5f5f5" />
  58. <meta name="color:Posts bg" content="#ffffff" />
  59. <meta name="color:Text" content="#999999" />
  60. <meta name="color:Link" content="#444444" />
  61. <meta name="color:Link hover" content="#999999" />
  62. <meta name="color:Info" content="#444444" />
  63. <meta name="color:Bold" content="#444444" />
  64. <meta name="color:Borders" content="#eeeeee" />
  65. <meta name="color:Scrollbar" content="#444444" />
  66.  
  67. <meta name="text:Link 01 URL" content="/" />
  68. <meta name="text:Link 01 title" content="Link 01">
  69. <meta name="text:Link 02 URL" content="/" />
  70. <meta name="text:Link 02 title" content="Link 02">
  71. <meta name="text:Link 03 URL" content="/" />
  72. <meta name="text:Link 03 title" content="Link 03">
  73. <meta name="text:Link 04 URL" content="/" />
  74. <meta name="text:Link 04 title" content="Link 04">
  75. <meta name="text:Link 05 URL" content="/" />
  76. <meta name="text:Link 05 title" content="Link 05">
  77. <meta name="text:Link 06 URL" content="/" />
  78. <meta name="text:Link 06 title" content="Link 06">
  79.  
  80. <meta name="if:Show caption" content="1">
  81. <meta name="if:Infinite scroll" content="0">
  82. <meta name="if:No rescaling" content="0">
  83. <meta name="if:More links" content="0">
  84. <meta name="if:Buttons" content="1">
  85.  
  86. <meta name="select:Posts width" content="250" title="250px"/>
  87. <meta name="select:Posts width" content="300" title="300px"/>
  88. <meta name="select:Posts width" content="350" title="350px"/>
  89. <meta name="select:Posts width" content="400" title="400px"/>
  90. <meta name="select:Posts width" content="500" title="500px"/>
  91. <meta name="select:Posts width" content="540" title="540px"/>
  92.  
  93. <meta name="image:Sidebar" content="">
  94. <meta name="image:Background" content="">
  95.  
  96. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  97.  
  98. <link href="http://static.tumblr.com/nb65v05/PkToc9oiw/resizing.css" rel="stylesheet" type="text/css"/>
  99. <link href="http://static.tumblr.com/nb65v05/EvVo293om/style.css" rel="stylesheet" type="text/css"/>
  100. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  101. {block:ifNoRescaling}<link href="http://static.tumblr.com/nb65v05/dXHo8qjrq/nrsclng.css" rel="stylesheet" type="text/css"/>{/block:ifNoRescaling}
  102.  
  103. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  104. <script>
  105. (function($){
  106. $(document).ready(function(){
  107. $("[title]").style_my_tooltips({
  108. tip_follows_cursor:true,
  109. tip_delay_time:200,
  110. tip_fade_speed:300
  111. }
  112. );
  113. });
  114. })(jQuery);
  115. </script>
  116.  
  117. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  118. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  119.  
  120. <style type="text/css">
  121.  
  122. body {
  123. font:09px helvetica,sans-serif, cambria, calibri;
  124. margin:0;
  125. color:{color:text};
  126. background:{color:Background} {block:ifBackgroundImage}url('{image:Background}') fixed{/block:ifBackgroundImage};}
  127.  
  128. a {
  129. color:{color:link};
  130. text-decoration: none;
  131. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  132. -o-transition:all 0.6s ease-in-out;/*opera*/
  133. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  134. -ms-transition:all 0.6s ease-in-out;/*ie*/
  135. transition:all 0.6s ease-in-out;/*w3c*/}
  136.  
  137. a:hover {
  138. color:{color:link hover};}
  139.  
  140. em, strong {
  141. color:{color:bold};}
  142.  
  143. small {
  144. font-size:10px;}
  145.  
  146. ol {list-style-type:lower-roman;}
  147.  
  148. sub, sup{font-size: 10px;}
  149.  
  150. .container {
  151. width:{select:posts width}px;
  152. margin: fixed;}
  153.  
  154. #entries{
  155. width:{select:posts width}px;
  156. position:relative;
  157. margin-left:447px;
  158. margin-top:290px;
  159. margin-bottom:120px;
  160. }
  161.  
  162. .posts {
  163. width:{select:posts width}px;
  164. overflow:hidden;
  165. word-wrap: break-word;
  166. {block:IndexPage}
  167. margin-top:35px;
  168. {/block:IndexPage}
  169. background-color:{color:posts bg};
  170. border-radius:5px;
  171. }
  172.  
  173. .posts h2{
  174. font-family:sans-serif;
  175. font-weight:bold;
  176. font-style:italic;
  177. padding:20px;
  178. padding-bottom:0;
  179. padding-top:10px;
  180. margin:0;
  181. font-size:13px;}
  182.  
  183. .posts blockquote {
  184. border-left: 1px solid {color:borders};
  185. padding-left: 5px;
  186. margin:05px;}
  187.  
  188. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  189.  
  190. .posts .images{
  191. display:block;
  192. {block:ifNotNoRescaling}
  193. width: 100%;
  194. {/block:ifNotNoRescaling}
  195.  
  196. }
  197.  
  198. .photo-slideshow .count-1 {
  199. max-width:{select:posts width};}
  200.  
  201. .photo-slideshow .count-2 {
  202. max-width:calc({select:posts width}px/2 - 2px)!important;
  203. max-width:-moz-calc({select:posts width}px/2 - 2px)!important;}
  204.  
  205. .photo-slideshow .count-3 {
  206. max-width:calc({select:posts width}px/3 - 2px)!important;
  207. max-width:-moz-calc({select:posts width}px/3 - 2px)!important;}
  208.  
  209. .photo-slideshow .count-3:last-of-type {
  210. max-width:calc({select:posts width}px/3 - 3px)!important;
  211. max-width:-moz-calc({select:posts width}px/3 - 3px)!important;}
  212.  
  213. .photo-slideshow .count-3:first-of-type {
  214. max-width:calc({select:posts width}px/3 - 3px)!important;
  215. max-width:-moz-calc({select:posts width}px/3 - 3px)!important;}
  216.  
  217.  
  218. /* SIDEBAR */
  219.  
  220. #jongin {
  221. position:fixed;
  222. margin-top: -252px;
  223. margin-left: 379px;
  224. width:100px;
  225. height:290px;
  226. padding:2px;
  227. z-index:99999;
  228. background-color:none;
  229. }
  230.  
  231. #jongin img {
  232. width:180px;
  233. height:225px;
  234. opacity:1;
  235. -webkit-transition: all 0.7s ease-in-out;
  236. -moz-transition: all 0.7s ease-in-out;
  237. -o-transition: all 0.7s ease-in-out;
  238. -ms-transition: all 0.7s ease-in-out;
  239. transition: all 0.7s ease-in-out;
  240. }
  241.  
  242. #exo {
  243. position:fixed;
  244. margin-top: -232px;
  245. margin-left: 560px;
  246. width:106px;
  247. height:50px;
  248. padding:3px;
  249. z-index:99999;
  250. background-color:none;
  251. }
  252.  
  253. #exo img {
  254. width:45px;
  255. height:45px;
  256. -webkit-transition: all 0.7s ease-in-out;
  257. -moz-transition: all 0.7s ease-in-out;
  258. -o-transition: all 0.7s ease-in-out;
  259. -ms-transition: all 0.7s ease-in-out;
  260. transition: all 0.7s ease-in-out;
  261. }
  262.  
  263. .bg {
  264. position:fixed;
  265. margin-top:-606px;
  266. width:200%;
  267. height:600px;
  268. left:0px;
  269. background:#f5f5f5;
  270. z-index:9;
  271. padding-left:2px;
  272. }
  273.  
  274. .sidebg {
  275. position:fixed;
  276. width:131px;
  277. height:200px;
  278. left:413px;
  279. margin-top:-230px;
  280. background:#fff;
  281. z-index:9999;
  282. padding-left:2px;
  283. }
  284.  
  285. .title {
  286. position:fixed;
  287. margin-top:-230px;
  288. margin-left:552px;
  289. font-family:arial;
  290. font-size:27px;
  291. line-height:38px;
  292. letter-spacing:-1.5px;
  293. word-spacing:-1px;
  294. text-transform:uppercase;
  295. text-align:none;
  296. font-weight:600;
  297. background:#434c45;
  298. color:#fff;
  299. overflow:auto;
  300. padding:0px 0px 0px 64px;
  301. width:208px;
  302. height:46px;
  303. border-radius: 0px 25px 0px 0px;
  304. z-index:9999;
  305. }
  306.  
  307. .title2 {
  308. position:fixed;
  309. margin-top:-214px;
  310. margin-left:555px;
  311. font-family:arial;
  312. font-size:9px;
  313. line-height:39px;
  314. letter-spacing:2.3px;
  315. word-spacing:2px;
  316. text-transform:uppercase;
  317. text-align:none;
  318. font-weight:500;
  319. background:none;
  320. color:#fff;
  321. overflow:auto;
  322. padding:0px 0px 0px 63px;
  323. width:208px;
  324. height:46px;
  325. border-radius: 0px 25px 0px 0px;
  326. z-index:9999;
  327. }
  328.  
  329. .desc1 {
  330. position:fixed;
  331. margin-top:-180px;
  332. margin-left:552px;
  333. font-family:arial;
  334. font-size:6.5px;
  335. line-height:8px;
  336. letter-spacing:0px;
  337. word-spacing:0px;
  338. text-transform:uppercase;
  339. text-align:justify;
  340. background:#fff;
  341. color:#888;
  342. overflow:auto;
  343. padding:6px 7px 5px 9px;
  344. width:133px;
  345. height:74px;
  346. z-index:9999;
  347. }
  348.  
  349. .yah {
  350. position:fixed;
  351. margin-top:-180px;
  352. margin-left:705px;
  353. font-family:arial;
  354. font-size:6.5px;
  355. line-height:8px;
  356. letter-spacing:0px;
  357. word-spacing:0px;
  358. text-transform:uppercase;
  359. text-align:justify;
  360. font-weight:400;
  361. background:#fff;
  362. color:#888;
  363. overflow:auto;
  364. padding:9px 7px 2px 50px;
  365. width:62px;
  366. height:30px;
  367. z-index:999;
  368. }
  369.  
  370. .nah {
  371. position:fixed;
  372. margin-top:-135px;
  373. margin-left:705px;
  374. font-family:arial;
  375. font-size:6.5px;
  376. line-height:8px;
  377. letter-spacing:0px;
  378. word-spacing:0px;
  379. text-transform:uppercase;
  380. text-align:justify;
  381. font-weight:400;
  382. background:#fff;
  383. color:#888;
  384. overflow:auto;
  385. padding:8px 7px 2px 50px;
  386. width:62px;
  387. height:30px;
  388. z-index:999;
  389. }
  390.  
  391. .plus {
  392. position:fixed;
  393. margin-top:-171px;
  394. margin-left:715px;
  395. font-size:20px;
  396. line-height:11px;
  397. background:none;
  398. color:#434c45;
  399. border-right: #eee solid 1px;
  400. overflow:auto;
  401. padding:2px 0px 0px 0px;
  402. width:26px;
  403. height:23px;
  404. z-index:9999;
  405. }
  406.  
  407. .minus {
  408. position:fixed;
  409. margin-top:-127px;
  410. margin-left:715px;
  411. font-size:19px;
  412. line-height:11px;
  413. background:none;
  414. color:#434c45;
  415. border-right: #eee solid 1px;
  416. overflow:auto;
  417. padding:2px 0px 0px 0px;
  418. width:26px;
  419. height:23px;
  420. z-index:9999;
  421. }
  422.  
  423. .updoots {
  424. position:fixed;
  425. margin-top:-57px;
  426. margin-left:552px;
  427. width:129px;
  428. height:15px;
  429. font-style:calabri;
  430. background-color:#fff;
  431. font-size:6.5px;
  432. color:#888;
  433. text-transform:uppercase;
  434. padding:10px 10px 2px 10px;
  435. z-index:9999;
  436. text-align:center;
  437. }
  438.  
  439. .coll {
  440. position:fixed;
  441. margin-top:-38px;
  442. margin-left:352px;
  443. font-family:arial;
  444. font-size:6.5px;
  445. line-height:11px;
  446. letter-spacing:0px;
  447. word-spacing:0px;
  448. text-transform:uppercase;
  449. text-align:center;
  450. font-weight:100;
  451. background:none;
  452. color:#888;
  453. overflow:auto;
  454. padding:9px 6px 8px 6px;
  455. width:198px;
  456. height:23px;
  457. z-index:999999;
  458. }
  459.  
  460. .cntr {
  461. position:fixed;
  462. margin-top:-91px;
  463. margin-left:705px;
  464. font-family:arial;
  465. font-size:6.5px;
  466. line-height:8px;
  467. letter-spacing:0px;
  468. word-spacing:0px;
  469. text-transform:uppercase;
  470. text-align:center;
  471. font-weight:400;
  472. background:#fff;
  473. color:#888;
  474. overflow:auto;
  475. padding:7px 5px 6px 5px;
  476. width:75px;
  477. height:17px;
  478. z-index:999999;
  479. }
  480.  
  481. .cute {
  482. position:fixed;
  483. margin-left:552px;
  484. margin-top:-90px;
  485. width:320px;
  486. font-size:13px;
  487. z-index:9999;
  488. }
  489.  
  490. .cute a {
  491. display:inline-block;
  492. text-align:center;
  493. margin-left:7px;
  494. background-color:#fff;
  495. color:#888;
  496. padding-top:4px;
  497. padding-left:0px;
  498. border-radius:50%;
  499. border:1px solid transparent;
  500. width:25px;
  501. height:20px;
  502. transition:all .7s ease-in-out;
  503. -webkit-transition:all .7s ease-in-out;
  504. -moz-transition:all .7s ease-in-out;
  505. -o-transition:all .7s ease-in-out;
  506. }
  507.  
  508. .cute a:hover {
  509. color:#fff;
  510. background-color:#434c45;
  511. transition:all .7s ease-in-out;
  512. -webkit-transition:all .7s ease-in-out;
  513. -moz-transition:all .7s ease-in-out;
  514. -o-transition:all .7s ease-in-out;
  515. }
  516.  
  517. .baek {
  518. position:fixed;
  519. margin-top:-91px;
  520. margin-left:794px;
  521. font-size:15px;
  522. line-height:10px;
  523. letter-spacing:0px;
  524. word-spacing:0px;
  525. text-transform:uppercase;
  526. text-align:center;
  527. font-weight:400;
  528. background:#fff;
  529. color:#888;
  530. overflow:auto;
  531. padding:7px 8px 8px 7px;
  532. width:15px;
  533. height:15px;
  534. z-index:999999999;
  535. }
  536.  
  537. /* MUSIC */
  538.  
  539. .nowplaying {
  540. position:fixed;
  541. margin-top:-57px;
  542. margin-left:706px;
  543. font-family:arial;
  544. font-size:6.5px;
  545. line-height:9px;
  546. text-transform:uppercase;
  547. text-align:justify;
  548. font-weight:400;
  549. background:#fff;
  550. color:#888;
  551. overflow:auto;
  552. padding:9px 5px 5px 25px;
  553. width:88px;
  554. height:13px;
  555. z-index:999;
  556. }
  557.  
  558. #box{
  559. overflow:hidden;
  560. position:fixed;
  561. width:20px;
  562. height:19px;
  563. margin-top:-53px;
  564. margin-left:709px;
  565. background:#fff; /* This is the background color */
  566. z-index:99999;
  567. }
  568.  
  569. #icon{
  570. /* This is for the positioning of the music gif: */
  571. margin-top:3px;
  572. margin-left:2px;
  573. -webkit-transition: all 0.5s linear;
  574. -moz-transition: all 0.5s linear;
  575. transition: all 0.5s linear;
  576. z-index:9999;
  577. }
  578.  
  579. #box:hover #icon{
  580. margin-top:-20px;
  581. -webkit-transition: all 0.5s linear;
  582. -moz-transition: all 0.5s linear;
  583. transition: all 0.5s linear;
  584. z-index:9999;
  585. }
  586.  
  587. #musicbox{
  588. width:8px;
  589. height:8px;
  590. overflow:hidden;
  591. /* This is for the positioning of the music player: */
  592. margin-top:12px;
  593. margin-left:4px;
  594. z-index:9999;
  595. }
  596.  
  597. #muxic{
  598. margin-top:-6px;
  599. margin-left:-35px;
  600. }
  601.  
  602.  
  603. /* POPUP!!!! */
  604.  
  605. .popup_block{
  606. display:none;
  607. background:#fff;
  608. padding:10px;
  609. float:left;
  610. position:fixed;
  611. height:40px;
  612. top:50%;left:50%;
  613. border-radius: 10px 10px 10px 10px;
  614. z-index: 999999999999999999;
  615. }
  616.  
  617. *html #fade {position: absolute;}
  618. *html .popup_block {position: absolute;}
  619. #fade {
  620. display:none;
  621. position:fixed;
  622. left:0px;
  623. top:0px;
  624. width:100%;
  625. height:100%;
  626. z-index:999999999;
  627. background:#f5f5f5;
  628. opacity:1;
  629. }
  630.  
  631. .sunshine {
  632. position:fixed;
  633. margin-top:2px;
  634. margin-left:59px;
  635. font-family:arial;
  636. font-size:11px;
  637. line-height:11px;
  638. letter-spacing:0px;
  639. word-spacing:0px;
  640. text-transform:uppercase;
  641. text-align:justify;
  642. font-weight:100;
  643. background:transparent;
  644. color:#bbb;
  645. overflow:auto;
  646. padding:2px 2px 2px 11px;
  647. width:120px;
  648. height:33px;
  649. border-left: solid 1px #eee;
  650. z-index:9;
  651. }
  652.  
  653. .exotxt {
  654. position:fixed;
  655. margin-top:2px;
  656. margin-left:55px;
  657. font-family:arial;
  658. font-size:11px;
  659. line-height:11px;
  660. letter-spacing:0px;
  661. word-spacing:0px;
  662. text-transform:uppercase;
  663. text-align:justify;
  664. font-weight:100;
  665. background:transparent;
  666. color:#bbb;
  667. overflow:auto;
  668. padding:2px 2px 2px 15px;
  669. width:120px;
  670. height:33px;
  671. border-left: solid 1px #eee;
  672. z-index:9;
  673. }
  674.  
  675. .kaibaek {
  676. position:fixed;
  677. }
  678.  
  679. .kaibaek img {
  680. width:50px;
  681. height:50px;
  682. border-radius: 10px 10px 10px 10px;
  683. float:left;
  684. margin-left:-10px;
  685. margin-top:-10px;
  686. padding:5px;
  687. opacity:1;
  688. background-color:white;
  689. }
  690.  
  691. .exo {
  692. position:fixed;
  693. }
  694.  
  695. .exo img {
  696. width:50px;
  697. height:50px;
  698. border-radius: 10px 10px 10px 10px;
  699. float:left;
  700. margin-left:-10px;
  701. margin-top:-10px;
  702. padding:5px;
  703. opacity:.4;
  704. background-color:white;
  705. }
  706.  
  707.  
  708.  
  709.  
  710. /* QUOTE POSTS */
  711. .quote {
  712. font-family:sans-serif;
  713. font-style:italic;
  714. padding:10px;}
  715.  
  716. .quotetext-short {
  717. font-size: 13px;}
  718.  
  719. .quotetext-medium {
  720. font-size: 13px;}
  721.  
  722. .quotetext-long {
  723. font-size: 13px;}
  724.  
  725. .quote-source {
  726. text-align:right;}
  727.  
  728. /* CHAT POSTS */
  729. .odd, .even {
  730. margin:0px;
  731. padding:10px;
  732. border-bottom:1px solid {color:borders};}
  733.  
  734. .odd:first-of-type {
  735. border-top:1px solid {color:borders};}
  736.  
  737. /* AUDIO POSTS */
  738. .audio {
  739. width:auto;
  740. overflow:hidden;
  741. max-height:75px;
  742. position:relative;
  743. clear:both;
  744. background-color:#fafafa;
  745. }
  746.  
  747. .tumblr_audio_player {
  748. height:15px;
  749. width:15px;
  750. padding:10px;
  751. margin-left:20px;
  752. margin-top:20px;
  753. display:block;
  754. float:left;
  755. clear:both;
  756. background-color:#fff;
  757. border-radius:100%;
  758. opacity:0.6;
  759. }
  760.  
  761. .au-info {
  762. position:relative;
  763. overflow:auto;
  764. text-transform:uppercase;
  765. height:75px;
  766. padding-left:10px;
  767. padding-right:10px;
  768. display: table-cell;
  769. vertical-align: middle;
  770. text-align:left;
  771. width:{select:posts width}px;
  772. }
  773.  
  774. img.au-image{
  775. float:left;
  776. width:75px;
  777. margin-left:-55px;
  778. }
  779.  
  780. /* VIDEO POSTS*/
  781. .video{
  782. position:relative;
  783. z-index:1;}
  784.  
  785. .tumblr_video_container {
  786. width:auto!important;
  787. height:auto!important;}
  788.  
  789. .video .instagram-media {
  790. max-height:none!important;
  791. box-shadow:none!important;
  792. border:1px solid {color:borders}!important;
  793. width:calc({select:posts width}px - 3px)!important;}
  794.  
  795. /* ASK POSTS */
  796. .question{
  797. border-bottom:1px solid {color:borders};
  798. background-color:#fafafa;
  799. padding:10px;
  800. line-height:150%;
  801. font-style:italic;
  802. }
  803.  
  804. .question img{
  805. float:left;
  806. border-radius:100%;
  807. margin-right:10px;
  808. margin-bottom:0px;
  809. }
  810.  
  811. /* CAPTION */
  812. .caption{
  813. padding:05px;
  814. padding-left:15px;
  815. padding-right:15px;
  816. }
  817.  
  818. .caption a{
  819. border-bottom:1px solid {color:borders};}
  820.  
  821. .caption img, .answer img{
  822. max-width:100%;
  823. height:auto;}
  824.  
  825. /* INFO */
  826. .posts-info{
  827. padding:10px;
  828. text-align:left;
  829. font:09px calibri;
  830. letter-spacing:1px;
  831. text-transform:uppercase;
  832. border-top:1px solid {color:borders};
  833. line-height:200%;}
  834.  
  835. .posts-info a, .posts-info1 a {
  836. color:{color:info};
  837. }
  838.  
  839. .posts-info1{
  840. padding:10px;
  841. text-align:left;
  842. text-transform:lowercase;
  843. font:09px calibri;
  844. text-transform:uppercase;
  845. letter-spacing:1px;
  846. }
  847.  
  848. a.tag {
  849. text-decoration:none;
  850. margin-right:3px;
  851. border-bottom:1px solid {color:borders}!important;
  852. }
  853.  
  854. /* NOTES */
  855. #notes{
  856. width:{select:posts width}px;
  857. margin-left:0px;
  858. max-height:190px;
  859. overflow:auto;
  860. margin-top:15px;}
  861.  
  862. .notes img{border-radius:100%;}
  863.  
  864. ol.notes {
  865. padding: 0px;
  866. margin: 0;
  867. list-style-type: none;}
  868.  
  869. ol.notes li.note {padding: 10px;}
  870.  
  871. ol.notes li.note img.avatar {
  872. vertical-align: -4px;
  873. float:left;
  874. margin-right: 10px;
  875. width: 16px;
  876. height: 16px;}
  877.  
  878. ol.notes li.note span.action {}
  879.  
  880. ol.notes li.note .answer_content {font-weight: normal;}
  881.  
  882. ol.notes li.note blockquote {
  883. border-color: {color:borders};
  884. padding: 4px 10px;
  885. margin: 10px 0px 0px 25px;}
  886.  
  887. /* EXTRAS */
  888.  
  889. a.c{
  890. position:fixed;
  891. bottom:10px;
  892. right:12px;
  893. font: 09px georgia;
  894. letter-spacing:1px;
  895. text-align:right;
  896. z-index:9999999;}
  897.  
  898. #vignette, #tumblr_lightbox_right_image, #tumblr_lightbox_left_image {
  899. visibility: hidden;}
  900.  
  901. #tumblr_lightbox img {
  902. box-shadow: none !important;
  903. border-radius:0 !important;}
  904.  
  905. #tumblr_lightbox {background-color: transparent !important;}
  906.  
  907. #tumblr_lightbox div:nth-child(2) {
  908. background-color: #fff;
  909. opacity: .8;}
  910.  
  911. #tumblr_lightbox a img {
  912. border: 3px solid #fff !important;
  913. border-radius:05px;}
  914.  
  915. ::-webkit-scrollbar {
  916. width: 3px;
  917. height: 3px;
  918. background: {color:background};}
  919.  
  920. ::-webkit-scrollbar-thumb {
  921. background-color:{color:scrollbar};}
  922.  
  923. #s-m-t-tooltip{
  924. position:absolute;
  925. z-index:99999999999999;
  926. max-width:120px;
  927. margin:10px 15px;
  928. padding:3px 6px;
  929. text-align:justify;
  930. background-color:#fff;
  931. font-family:arial;
  932. font-weight:100;
  933. color:#888;
  934. line-height:8px;
  935. font-size:6.5px;
  936. letter-spacing:0px;
  937. text-transform:uppercase;
  938. box-shadow:1px 1px 10px rgba(0,0,0,.1);
  939. -webkit-animation: CH 600ms;
  940. }
  941.  
  942. @-webkit-keyframes CH {
  943. 0% {-webkit-transform: scale(.3);}
  944. 50% {-webkit-transform: scale(1.05);}
  945. 70% {-webkit-transform: scale(.9);}
  946. 100% {-webkit-transform: scale(1);}
  947. }
  948.  
  949. ::selection {
  950. background: {color:link};
  951. color: white;}
  952. ::-moz-selection {
  953. background: {color:link};
  954. color: white;}
  955. ::-webkit-selection {
  956. background: {color:link};
  957. color: white;}
  958.  
  959. /* SCROLL TO TOP */
  960. .scrollup{
  961. width:30px;
  962. height:30px;
  963. opacity:0.3;
  964. position:fixed;
  965. bottom:10px;
  966. right:0px;
  967. display:none;}
  968.  
  969. .scrollup:hover{cursor:pointer;}
  970.  
  971.  
  972. .cthrough {
  973. cursor:pointer;
  974. }
  975.  
  976. .sub{
  977.  
  978. }
  979.  
  980. .sub a{
  981. padding:0;
  982. }
  983.  
  984. .like_and_reblog_buttons {
  985. list-style: none;
  986. float:right;
  987. z-index:9!important;
  988. width:50px;}
  989.  
  990. .like_and_reblog_buttons li {
  991. float: right;
  992. margin: 0;
  993. height: 23px;
  994. display:inline-block;
  995. margin-top:-3px;
  996. }
  997.  
  998. .like_and_reblog_buttons li:last-child {
  999. padding-right:07px;}
  1000.  
  1001. </style>
  1002.  
  1003. <script type="text/javascript">
  1004. jQuery(document).ready(function() {
  1005. jQuery(".sub").hide();
  1006. //toggle the componenet with class msg_body
  1007. jQuery(".cthrough").click(function()
  1008. {
  1009. jQuery(this).next(".sub").slideToggle(500);
  1010. });});
  1011. </script>
  1012.  
  1013. </head>
  1014.  
  1015. <body>
  1016.  
  1017. <div class="container">
  1018. <div class="sidebar">
  1019.  
  1020. <div id="jongin"><img src="http://i.imgur.com/ny86G5c.png"/></div>
  1021.  
  1022. <div id="exo"><a href="#?w=190" rel="box1" class="poplight" title="WE ARE ONE!"></a></div>
  1023.  
  1024. <div class="bg"></div>
  1025. <div class="sidebg"></div>
  1026.  
  1027. <div class="title">94 : KIMJONGIN </div>
  1028. <div class="title2">'카이' / 1994년 1월 14일 / 엑소.
  1029. </div>
  1030.  
  1031. <div class="desc1"> <b>KIM JONGIN</b> ALSO KNOWN AS 'KAI'. <b>1/9 OF EXO</b> UNDER SM ENTERTAINMENT. FROM SUNCHEON, SOUTH KOREA THIS TWENTY-THREE YEARS OLD IS THE GROUP'S MAIN DANCER, VISUAL, VOCALIST, AND ASPIRING MODEL/ACTOR. PERPETUALLY SLEEPY BUT IS THE MOST DEDICATED AND HARDWORKING IDOL YOU WILL EVER MEET. </div>
  1032.  
  1033. <div class="yah"></a> dancing, dogs, sleep, sweaters, action movies </div>
  1034. <div class="nah"></a> coffee, wearing socks, injuries, warm weather </div>
  1035. <div class="plus">
  1036. <i class="fa fa-plus" aria-hidden="true"></i>
  1037. </div>
  1038. <div class="minus">
  1039. <i class="fa fa-minus" aria-hidden="true"></i>
  1040. </div>
  1041.  
  1042. <div class="baek"><i class="fa fa-heart-o"></i></a></div>
  1043.  
  1044. <div class="cute">
  1045. <a title="current location: seoul, south korea!"><i class="fa fa-map-marker" aria-hidden="true"></i></a>
  1046. <a href="/" title="home"><i class="fa fa-home" aria-hidden="true"></i></a>
  1047. <a href="/ask" title="ask"><i class="fa fa-envelope-o" aria-hidden="true"></i></a>
  1048. <a href="/p" title="profile"><i class="fa fa-bars" aria-hidden="true"></i></a>
  1049. </div>
  1050.  
  1051. <div class="coll">
  1052. PART OF : <a href="http://smlective.tumblr.com/">SMLECTIVE</a> & <a href="https://idol-enterprise.tumblr.com/">IE</a>
  1053. </div>
  1054.  
  1055. <div class="cntr">
  1056. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5403765";
  1057. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  1058. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=EXO-L&e2=EXO-L\'S&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  1059. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  1060. </script>
  1061. <br>EST. NOV 2016
  1062. </div>
  1063.  
  1064. <div class="nowplaying"><marquee scrollamount="3" >AUTOPLAY WARNING! THE SONG YOU ARE CURRENTLY LISTENING TO IS Bad Dreams by BEVY MACO (ft. Summer Soul).</marquee>
  1065. </div>
  1066.  
  1067. <div id="box"><div id="icon">
  1068. <img src="http://68.media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif"/>
  1069. </div>
  1070. <div id="musicbox"><div id="muxic"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="105" height="20">
  1071. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  1072. <param name="bgcolor" value="#ffffff" />
  1073. <param name="FlashVars" value="mp3=https://dl.dropboxusercontent.com/u/76942780/BEVY%20MACO%20-%20Bad%20Dreams%20(ft.%20Summer%20Soul).mp3&amp;width=105&amp;height=20&amp;autoplay=1&amp;shuffle=1&amp;loop=1&amp;volume=30&amp;showslider=0&amp;loadingcolor=81919b&amp;bgcolor1=ffffff&amp;bgcolor2=ffffff&amp;slidercolor1=ffffff&amp;slidercolor2=ffffff&amp;sliderovercolor=ffffff&amp;buttoncolor=dddddd&amp;buttonovercolor=eeeeee&amp;textcolor=cccccc&amp;showlist=0" />
  1074. </object>
  1075. </div></div></div></aside>
  1076.  
  1077. </div>
  1078.  
  1079. <div id="box1" class="popup_block">
  1080. <div class="exo"><img src="http://i.imgur.com/fPaYlf6.gif"/></div>
  1081. <div class= "exotxt">
  1082. <b><a title="i'll write something nice about you dweebs later.">120408</a> :</b>
  1083. 거의 함께 5 년. 영원히 함께. we are one. 엑소 사랑하자!
  1084. </div>
  1085.  
  1086. </div>
  1087.  
  1088. </div></div></div></div></div></div></div></div></div></div>
  1089.  
  1090. <div id="box2" class="popup_block">
  1091. <div class="kaibaek"><img src="http://i.imgur.com/0UMv1Z9.png"/></div>
  1092. <div class= "sunshine">
  1093. <b><a title="do you like how i made this popup look like we're dating? *wink emoji* anyways, this date means a lot to me. i feel like the new year will bring forth many new and exciting adventures. all of which i'd love to share with you. you're my best friend. you're someone that i can always turn to, someone i've become so close to that we're practically inseparable. please never leave my side?">170101</a> :</b> 눈부셔 넌 빛을 머금은 걸까 ?
  1094. 성큼 다가온 너란 기적 이제 난.
  1095. </div>
  1096.  
  1097. </div>
  1098.  
  1099. </div></div></div></div></div></div></div></div></div></div>
  1100.  
  1101.  
  1102.  
  1103. <div class="updoots"><script language="JavaScript1.2">
  1104.  
  1105. //Translucent scroller- By Dynamic Drive
  1106. //For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
  1107. //This credit MUST stay intact for use
  1108.  
  1109. var scroller_width='130px'
  1110. var scroller_height='16.5px'
  1111. var bgcolor='#ffffff'
  1112. var pause=4500 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
  1113.  
  1114. var scrollercontent=new Array()
  1115. //Define scroller contents. Extend or contract array as needed
  1116. scrollercontent[0]='3/18: EXOrDIUM in Kuala Lumpur'
  1117. scrollercontent[1]='4/02: EXOrDIUM in Singapore'
  1118. scrollercontent[2]='4/25: EXOrDIUM in New York'
  1119. scrollercontent[3]='4/28: EXOrDIUM in Los Angeles'
  1120. scrollercontent[4]='FILMING FOR DRAMA: "Andante"'
  1121.  
  1122.  
  1123. ////NO need to edit beyond here/////////////
  1124.  
  1125. var ie4=document.all
  1126. var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1
  1127.  
  1128. if (ie4||dom)
  1129. document.write('<div style="position:relative;width:'+scroller_width+';height:'+scroller_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);opacity:0.2;"></div></div>')
  1130. else if (document.layers){
  1131. document.write('<ilayer id=tickernsmain visibility=hide width='+scroller_width+' height='+scroller_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+scroller_width+' height='+scroller_height+' left=0 top=0>'+scrollercontent[0]+'</layer></ilayer>')
  1132. }
  1133.  
  1134. var curpos=scroller_height*(1)
  1135. var degree=10
  1136. var curcanvas="canvas0"
  1137. var curindex=0
  1138. var nextindex=1
  1139.  
  1140. function moveslide(){
  1141. if (curpos>0){
  1142. curpos=Math.max(curpos-degree,0)
  1143. tempobj.style.top=curpos+"px"
  1144. }
  1145. else{
  1146. clearInterval(dropslide)
  1147. if (crossobj.filters)
  1148. crossobj.filters.alpha.opacity=100
  1149. else if (crossobj.style.opacity)
  1150. crossobj.style.opacity=1
  1151. nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
  1152. tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
  1153. tempobj.innerHTML=scrollercontent[curindex]
  1154. nextindex=(nextindex<scrollercontent.length-1)? nextindex+1 : 0
  1155. setTimeout("rotateslide()",pause)
  1156. }
  1157. }
  1158.  
  1159. function rotateslide(){
  1160. if (ie4||dom){
  1161. resetit(curcanvas)
  1162. crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
  1163. crossobj.style.zIndex++
  1164. if (crossobj.filters)
  1165. document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20
  1166. else if (crossobj.style.opacity)
  1167. document.getElementById("canvas0").style.opacity=document.getElementById("canvas1").style.opacity=0.2
  1168. var temp='setInterval("moveslide()",50)'
  1169. dropslide=eval(temp)
  1170. curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
  1171. }
  1172. else if (document.layers){
  1173. crossobj.document.write(scrollercontent[curindex])
  1174. crossobj.document.close()
  1175. }
  1176. curindex=(curindex<scrollercontent.length-1)? curindex+1 : 0
  1177. }
  1178.  
  1179. function resetit(what){
  1180. curpos=parseInt(scroller_height)*(1)
  1181. var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
  1182. crossobj.style.top=curpos+"px"
  1183. }
  1184.  
  1185. function startit(){
  1186. crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
  1187. if (ie4||dom){
  1188. crossobj.innerHTML=scrollercontent[curindex]
  1189. rotateslide()
  1190. }
  1191. else{
  1192. document.tickernsmain.visibility='show'
  1193. curindex++
  1194. setInterval("rotateslide()",pause)
  1195. }
  1196. }
  1197.  
  1198. if (ie4||dom||document.layers)
  1199. window.onload=startit
  1200.  
  1201. </script></div></div>
  1202.  
  1203. {block:Pagination}<div class="pag" {block:IfInfiniteScroll}style="display:none;"{/block:IfInfiniteScroll}>
  1204. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  1205.  
  1206. {block:NextPage}<a href="{NextPage}" class="next">next</a>{/block:NextPage}</div>
  1207. {/block:Pagination}
  1208. </div>
  1209.  
  1210. <!--- sidebar --->
  1211.  
  1212.  
  1213. <div id="entries">
  1214. {block:Posts}
  1215.  
  1216. {block:ContentSource}
  1217. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1218. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1219. {/block:SourceLogo}
  1220. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1221. {/block:ContentSource}
  1222.  
  1223. <div class="posts">
  1224.  
  1225. {block:Date}
  1226. <div class="posts-info1" style="border-bottom:1px solid {color:borders};{block:Photo}border-bottom:0px solid {color:borders};{/block:Photo}{block:Photoset}border-bottom:0px solid {color:borders};{/block:Photoset}{block:Audio}border-bottom:0px solid {color:borders};{/block:Audio}">
  1227. <a href="{Permalink}" title="{TimeAgo}">
  1228. {ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}, {12HourWithZero}:{Minutes}{CapitalAmPm}</a>
  1229. </div>{/block:Date}
  1230.  
  1231. {block:Text}
  1232. {block:Title}<h2>{Title}</h2>{/block:Title}
  1233. <div class="caption">{Body}</div>
  1234. {/block:Text}
  1235.  
  1236. {block:Photo}
  1237. <center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">{LinkCloseTag}</center>
  1238. {block:ifShowCaption}
  1239. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1240. {/block:ifShowCaption}
  1241. {block:ifNotShowCaption}
  1242. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  1243. {/block:ifNotShowCaption}
  1244. {/block:Photo}
  1245.  
  1246. {block:Photoset}<div class="set"><center>
  1247. <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></div>
  1248. {block:ifShowCaption}
  1249. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1250. {/block:ifShowCaption}
  1251. {block:ifNotShowCaption}
  1252. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  1253. {/block:ifNotShowCaption}
  1254. {/block:Photoset}
  1255.  
  1256. {block:Quote}<div class="quote">
  1257. <div class="quotetext-{Length}">{Quote}</div>
  1258. {block:Source}
  1259. <div class="quote-source">{Source}</div>
  1260. {/block:Source}
  1261. </div>{/block:Quote}
  1262.  
  1263. {block:Link}
  1264. <h2><a href="{URL}" target="{Target}">{Name} <b>&rarr;</b></a></h2>
  1265. {block:Description}<div class="caption">{Description}</div>
  1266. {/block:Description}
  1267. {/block:Link}
  1268.  
  1269. {block:Chat}
  1270. {block:Title}<h2>{Title}</h2>{/block:Title}
  1271. {block:Lines}<ul class="{Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></ul>{/block:Lines}
  1272. {/block:Chat}
  1273.  
  1274. {block:Audio}
  1275. <div class="audio">
  1276. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  1277. {block:AlbumArt}
  1278. <img src="{AlbumArtURL}" class="au-image">
  1279. {/block:AlbumArt}
  1280. <div class="au-info">{block:TrackName}{TrackName}{/block:TrackName}
  1281. {block:Artist}<br><small><b>{Artist}</b></small>{/block:Artist}
  1282. </div>
  1283.  
  1284. </div>
  1285. {block:ifShowCaption}
  1286. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1287. {/block:ifShowCaption}
  1288. {block:ifNotShowCaption}
  1289. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  1290. {/block:ifNotShowCaption}
  1291. {/block:Audio}
  1292.  
  1293. {block:Video}
  1294. <div class="video">{Video-500}</div>
  1295. {block:ifShowCaption}
  1296. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1297. {/block:ifShowCaption}
  1298. {block:ifNotShowCaption}
  1299. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  1300. {/block:ifNotShowCaption}
  1301. {/block:Video}
  1302.  
  1303. {block:Answer}
  1304. <div class="question"><img src="{AskerPortraitURL-30}">
  1305. <b>{Asker} asked</b><br>{Question}</div>
  1306. <div class="caption">{Answer}</div>
  1307. {/block:Answer}
  1308.  
  1309. {block:Date}
  1310. <div class="posts-info">{block:ifButtons}{block:indexpage}
  1311. <div class="like_and_reblog_buttons"><li>{ReblogButton size="15"}</li><li>{LikeButton size="13"}</li></div>{/block:indexpage}{/block:ifButtons}
  1312. <div style="font:08px calibri;">
  1313. {block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:permalinkpage}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:permalinkpage}{/block:RebloggedFrom}
  1314. {block:HasTags} {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags} {/block:HasTags}</div>
  1315. {block:NoteCount}<b><a href="{Permalink}">{NoteCountWithLabel}</a></b>{/block:NoteCount}
  1316. </div>{/block:Date}
  1317. </div><!--- posts --->
  1318.  
  1319. {block:PermalinkPage}
  1320. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  1321. {/block:PermalinkPage}
  1322.  
  1323. {/block:Posts}
  1324. </div><!--- entries --->
  1325. </div><!--- container --->
  1326.  
  1327. <script>
  1328. $(document).ready(function(){
  1329. $('.video iframe').each(function(){
  1330. var scale = $(this).parents('.video').width() / 500;
  1331. $(this).attr({
  1332. width: Math.floor($(this).attr('width') * scale),
  1333. height: Math.floor($(this).attr('height') * scale)
  1334. });
  1335. });
  1336. });
  1337. </script>
  1338.  
  1339. <script>
  1340. $(document).ready(function(){
  1341. $('.photo-slideshow').pxuPhotoset({
  1342. lightbox: true,
  1343. rounded: false,
  1344. gutter: '0px',
  1345. borderRadius: '0px',
  1346. photoset: '.photo-slideshow',
  1347. photoWrap: '.photo-data',
  1348. photo: '.pxu-photo'
  1349. });
  1350. });
  1351. </script>
  1352.  
  1353. {block:IndexPage}{block:ifInfiniteScroll}
  1354. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1355.  
  1356. <script type="text/javascript">
  1357. $(function(){
  1358. var $container = $('#entries');
  1359. $container.infinitescroll({
  1360. bufferPx: 400,
  1361. itemSelector: '.posts',
  1362. navSelector: '.pag',
  1363. nextSelector: '.next',
  1364. loading: {
  1365. img: 'http://static.tumblr.com/nb65v05/NgXntm6a6/untitled-1.png',
  1366. msg: null,
  1367. msgText: ''
  1368. }
  1369. },
  1370. function( newElements ) {
  1371. var $newElems = $( newElements );
  1372. $newElems.find('.photo-slideshow').pxuPhotoset({
  1373. lightbox: true,
  1374. rounded: false,
  1375. gutter: '0px',
  1376. borderRadius: '0px',
  1377. photoset: '.photo-slideshow',
  1378. photoWrap: '.photo-data',
  1379. photo: '.pxu-photo'
  1380. });
  1381. $newElems.find('.video iframe').each(function(){
  1382. var scale = $(this).parents('.video').width() / 500;
  1383. $(this).attr({
  1384. width: Math.floor($(this).attr('width') * scale),
  1385. height: Math.floor($(this).attr('height') * scale)
  1386. });
  1387. });
  1388. });
  1389.  
  1390. });
  1391. </script>
  1392. {/block:ifInfiniteScroll}{/block:IndexPage}
  1393.  
  1394. <a href="http://cathms.tumblr.com/" title="theme by cathms. tweaked by yours truly. any questions just ask!" target="_blank" class="c">tc</a>
  1395.  
  1396. {block:ifInfiniteScroll}
  1397. <script type="text/javascript">
  1398. $(document).ready(function(){
  1399. $(window).scroll(function(){
  1400. if ($(this).scrollTop() > 100) {
  1401. $('.scrollup').fadeIn();
  1402. } else {
  1403. $('.scrollup').fadeOut();}});
  1404. $('.scrollup').click(function(){
  1405. $("html, body").animate({ scrollTop: 0 }, 600);
  1406. return false;});});
  1407. </script>
  1408.  
  1409. <a class="scrollup"><i class="fa fa-chevron-up fa-2x"></i></a>
  1410. {/block:ifInfiniteScroll}
  1411.  
  1412. </body>
  1413. </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!