API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 24th, 2017
89
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. theme #39
  6. - by cathms -
  7.  
  8. Last update: nov 17, 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.  
  21. <script>
  22.  
  23.  
  24.  
  25. $(document).ready(function() {
  26.  
  27. //
  28.  
  29.  
  30.  
  31. //When you click on a link with class of poplight and the href starts with a #
  32.  
  33. $('a.poplight[href^=#]').click(function() {
  34.  
  35. var popID = $(this).attr('rel'); //Get Popup Name
  36.  
  37. var popURL = $(this).attr('href'); //Get Popup href to define size
  38.  
  39.  
  40.  
  41. //Pull Query & Variables from href URL
  42.  
  43. var query= popURL.split('?');
  44.  
  45. var dim= query[1].split('&');
  46.  
  47. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  48.  
  49.  
  50.  
  51. //Fade in the Popup and add close button
  52.  
  53. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  54.  
  55.  
  56. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  57.  
  58. var popMargTop = ($('#' + popID).height() + 80) / 2;
  59.  
  60. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  61.  
  62.  
  63.  
  64. //Apply Margin to Popup
  65.  
  66. $('#' + popID).css({
  67.  
  68. 'margin-top' : -popMargTop,
  69.  
  70. 'margin-left' : -popMargLeft
  71.  
  72. });
  73.  
  74.  
  75.  
  76. //Fade in Background
  77.  
  78. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  79.  
  80. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  81.  
  82.  
  83.  
  84. return false;
  85.  
  86. });
  87.  
  88.  
  89.  
  90. //Close Popups and Fade Layer
  91.  
  92. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  93.  
  94. $('#fade , .popup_block').fadeOut(function() {
  95.  
  96. $('#fade, a.close').remove(); //fade them both out
  97.  
  98. });
  99.  
  100. return false;
  101.  
  102. });
  103.  
  104.  
  105.  
  106.  
  107.  
  108. });
  109.  
  110. </script>
  111.  
  112. <title>{Title} {block:TagPage}— #{Tag}{/block:TagPage} {block:PostSummary}— {PostSummary}{/block:PostSummary}</title>
  113. <link rel="shortcut icon" href="{Favicon}">
  114. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  115. <meta name="description" content="" />
  116. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  117.  
  118. <meta name="image:Background" content="">
  119. <meta name="image:Sidebar" content="">
  120.  
  121. <meta name="color:Background" content="#ffffff" />
  122. <meta name="color:Posts" content="#fafafa" />
  123. <meta name="color:Text" content="#999999" />
  124. <meta name="color:Link" content="#444444" />
  125. <meta name="color:Link hover" content="#999999" />
  126. <meta name="color:Info" content="#444444" />
  127. <meta name="color:Bold" content="#444444" />
  128. <meta name="color:Borders" content="#eeeeee" />
  129. <meta name="color:Scrollbar" content="#444444" />
  130.  
  131. <meta name="select:Background position" content="initial" title="initial"/>
  132. <meta name="select:Background position" content="5% 5%" title="left top"/>
  133. <meta name="select:Background position" content="5% 50%" title="left center"/>
  134. <meta name="select:Background position" content="5% 95%" title="left bottom"/>
  135. <meta name="select:Background position" content="95% 5%" title="right top"/>
  136. <meta name="select:Background position" content="95% 50%" title="right center"/>
  137. <meta name="select:Background position" content="95% 95%" title="right bottom"/>
  138.  
  139. <meta name="select:Background repeat" content="repeat" title="repeat"/>
  140. <meta name="select:Background repeat" content="no-repeat" title="no repeat"/>
  141.  
  142. <meta name="select:Body font" content="karla" title="Karla"/>
  143. <meta name="select:Body font" content="roboto" title="Roboto"/>
  144. <meta name="select:Body font" content="helvetica" title="Helvetica"/>
  145. <meta name="select:Body font" content="arial" title="Arial"/>
  146. <meta name="select:Body font" content="cambria" title="Cambria"/>
  147. <meta name="select:Body font" content="calibri" title="Calibri"/>
  148. <meta name="select:Body font" content="trebuchet ms" title="Trebuchet ms"/>
  149.  
  150. <meta name="select:Body font size" content="10px" title="10px"/>
  151. <meta name="select:Body font size" content="09px" title="09px"/>
  152. <meta name="select:Body font size" content="11px" title="11px"/>
  153.  
  154. <meta name="select:Posts width" content="250" title="250px"/>
  155. <meta name="select:Posts width" content="300" title="300px"/>
  156. <meta name="select:Posts width" content="350" title="350px"/>
  157. <meta name="select:Posts width" content="400" title="400px"/>
  158. <meta name="select:Posts width" content="450" title="450px"/>
  159. <meta name="select:Posts width" content="500" title="500px"/>
  160. <meta name="select:Posts width" content="540" title="540px"/>
  161.  
  162. <meta name="if:Show caption" content="1">
  163. <meta name="if:Infinite scroll" content="0">
  164. <meta name="if:Manual load" content="0">
  165. <meta name="if:No rescaling" content="0">
  166. <meta name="if:Custom gutter" content="0">
  167.  
  168. <meta name="text:Margin" content="90" />
  169. <meta name="text:Gutter" content="4" />
  170. <meta name="text:Link 01 URL" content="/" />
  171. <meta name="text:Link 01 title" content="Link 01">
  172. <meta name="text:Link 02 URL" content="/" />
  173. <meta name="text:Link 02 title" content="Link 02">
  174. <meta name="text:Link 03 URL" content="/" />
  175. <meta name="text:Link 03 title" content="Link 03">
  176.  
  177. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  178. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  179. <link href='https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  180.  
  181. <style type="text/css">
  182. #fade {
  183. display: none;
  184. position: fixed;
  185. left: 0;
  186. top: 0;
  187. width: 100%;background:#000;
  188.  
  189. height: 100%;
  190. opacity:.8;z-index:999999999;
  191. }
  192.  
  193. .popup_block{
  194. display: none;
  195. background: #FFFFFF;
  196. padding: 20px;
  197. float: left;
  198. position: fixed;
  199. top: 50%;
  200. left: 50%;
  201. z-index:9999999999;
  202. }
  203.  
  204. img.btn_close {
  205. float: right;
  206. margin: -55px -55px 0 0;
  207. }
  208.  
  209. *html #fade {
  210. position: absolute;
  211. }
  212.  
  213. *html .popup_block {
  214. position: absolute;
  215. }
  216.  
  217. body {
  218. font:{select:body font size} {select:body font}, sans-serif;
  219. margin:0;
  220. color:{color:text};
  221. background:#f6f6f6 {block:ifBackgroundImage}url('{image:Background}') fixed{/block:ifBackgroundImage};
  222. background-position: {select:background position};
  223. background-repeat: {select:background repeat};}
  224.  
  225. a {
  226. color:{color:link};
  227. text-decoration: none;
  228. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  229. -o-transition:all 0.6s ease-in-out;/*opera*/
  230. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  231. -ms-transition:all 0.6s ease-in-out;/*ie*/
  232. transition:all 0.6s ease-in-out;/*w3c*/}
  233.  
  234. a:hover {
  235. color:{color:link hover};}
  236.  
  237. b, strong {
  238. color:#323d55;
  239. font-size:7px;
  240. }
  241.  
  242. small {
  243. font-size:09px;}
  244.  
  245. ol {list-style-type:lower-roman;}
  246.  
  247. sub, sup{font-size: 10px;}
  248.  
  249. .container {
  250. width:{select:posts width}px;
  251. margin:0 auto;
  252. padding-bottom:{text:margin}px;
  253. padding-top:{text:margin}px;
  254. overflow:auto;
  255. }
  256.  
  257. .entries{
  258. width:{select:posts width}px;
  259. }
  260.  
  261. .posts_hold{
  262. {block:IndexPage}
  263. margin-top:{text:Margin}px;
  264. {/block:IndexPage}
  265. position:relative;
  266. }
  267.  
  268. {block:IndexPage}
  269. .posts_hold:first-of-type{
  270. margin-top:0;}
  271. {/block:IndexPage}
  272.  
  273. .posts_hold h2{
  274. font-size:18px;
  275. font-weight:bold;
  276. margin:05px;
  277. padding:0;
  278. }
  279.  
  280. .posts_hold blockquote {
  281. border-left: 1px solid {color:borders};
  282. padding-left: 5px;
  283. margin:05px;}
  284.  
  285. .posts_hold img, .posts_hold li, .posts_hold blockquote {max-width: 100%;height:auto;}
  286.  
  287. .tmblr-full img {
  288. width:100%;}
  289.  
  290. .posts_hold .images{
  291. {block:ifNotNoRescaling}
  292. width: 100%;
  293. {/block:ifNotNoRescaling}
  294. display:block;
  295. overflow:hidden;
  296. }
  297.  
  298. .posts {
  299. position:relative;
  300. width:{select:posts width}px;
  301. overflow:hidden;
  302. word-wrap: break-word;
  303. background-color:#fff;
  304. }
  305.  
  306. /* SIDEBAR */
  307.  
  308. .sidebar {
  309. width: 125px;
  310. position:fixed;
  311. text-align:center;
  312. margin-left:calc(-125px - {text:margin}px);
  313. }
  314.  
  315. .sidebar .sidebar-image{
  316. max-width:125px;
  317. display:block;
  318. margin-left: auto;
  319. margin-right: auto;}
  320.  
  321. .sb-title{
  322. border-top:1px solid {color:borders};
  323. border-bottom:1px solid {color:borders};
  324. padding:10px;
  325. text-align:center;
  326. font-size:12px;
  327. font-weight:700;
  328. background-color:{color:posts};
  329. margin-bottom:05px;
  330. }
  331.  
  332. .sidebar .na{
  333. font-size:16px;
  334. -webkit-transition:all 0.3s ease-in-out;/*chrome-safari*/
  335. -o-transition:all 0.3s ease-in-out;/*opera*/
  336. -moz-transition:all 0.3s ease-in-out;/*mozilla firefox*/
  337. -ms-transition:all 0.3s ease-in-out;/*ie*/
  338. transition:all 0.3s ease-in-out;/*w3c*/
  339. display:block;
  340. width:125px;
  341. margin-top:05px;
  342. }
  343.  
  344. .sidebar:hover .na{
  345. margin-top:10px;
  346. }
  347.  
  348. /* DESCRIPTION */
  349. .description{
  350. position:fixed;
  351. top:349px;
  352. left:100px;
  353. width:170px;
  354. background: #fff;
  355. text-align:center;
  356. line-height:13px;
  357. color:#b9b3b0;
  358. text-transform:uppercase;
  359. height:58px;
  360. font-family:'Montserrat';
  361. border-top:25px solid #323d55;
  362. font-size:7px;
  363. z-index:-99;
  364. padding:4px;
  365. overflow:auto;
  366. -moz-border-radius: 6px;
  367. -webkit-border-radius:6px;
  368. border-top-left-radius:6px;
  369. }
  370.  
  371. /* NAVIGATION / LINKS */
  372.  
  373. .navi {
  374. display:none;
  375. text-align:left;
  376. text-transform:uppercase;
  377. font-size:08px;
  378. letter-spacing:1px;
  379. }
  380.  
  381. .navi a{
  382. display:block;
  383. border:0 solid {color:Borders}!important;
  384. padding:5px;
  385. }
  386.  
  387. .navi ol {
  388. margin:0;padding:0;
  389. margin-left:20px;
  390. list-style-type:decimal-leading-zero;
  391. }
  392.  
  393. /* PAGINATION */
  394. .pag{
  395. margin-top:{text:margin}px;
  396. text-align:center;
  397. text-transform:uppercase;
  398. font-size:09px;
  399. letter-spacing:1px;
  400. }
  401.  
  402. .pag a{
  403. padding-left:05px;
  404. padding-right:05px;
  405. }
  406.  
  407. /* QUOTE POSTS */
  408. .quote {
  409. padding:10px;
  410. text-align:left;
  411. font-style:italic;
  412. border-bottom:1px solid {color:borders};
  413. }
  414.  
  415. .quotetext-short {
  416. font-size: 14px;
  417. }
  418.  
  419. .quotetext-medium {
  420. font-size: 12px;
  421. }
  422.  
  423. .quotetext-long {
  424. font-size: {select:body font size};
  425. }
  426.  
  427. .quote-source {
  428. text-align:right;
  429. display:inline-block;
  430. text-transform:lowercase;
  431. font-style:normal;
  432. padding-top:10px;
  433. margin-top:10px;
  434. border-top:1px solid {color:borders};
  435. }
  436.  
  437. /* CHAT POSTS */
  438. .odd, .even {
  439. margin:0px;
  440. padding:10px;
  441. border-bottom:1px solid {color:borders};}
  442.  
  443. .odd:first-of-type {
  444. border-top:0px solid {color:borders};}
  445.  
  446. /* AUDIO POSTS */
  447. .audio {
  448. width:auto;
  449. overflow:hidden;
  450. max-height:75px;
  451. position:relative;
  452. clear:both;
  453. background-color:{color:borders};
  454. }
  455.  
  456. .tumblr_audio_player {
  457. height:15px;
  458. width:15px;
  459. padding:10px;
  460. margin-left:20px;
  461. margin-top:20px;
  462. display:block;
  463. float:left;
  464. clear:both;
  465. background-color:#fff;
  466. border-radius:100%;
  467. opacity:0.6;
  468. }
  469.  
  470. .au-info {
  471. position:relative;
  472. overflow:auto;
  473. text-transform:uppercase;
  474. height:75px;
  475. padding-left:10px;
  476. padding-right:10px;
  477. display: table-cell;
  478. vertical-align: middle;
  479. text-align:left;
  480. width:{select:posts width}px;
  481. }
  482.  
  483. img.au-image{
  484. float:left;
  485. width:55px;
  486. margin-left:-55px;
  487. padding:10px;
  488. border-right:1px solid {color:posts};
  489. }
  490. /* VIDEO POSTS*/
  491. .video{
  492. overflow:hidden;
  493. width:{select:posts width}px;}
  494.  
  495. .video .instagram-media {
  496. max-height:none!important;
  497. box-shadow:none!important;
  498. max-width:calc({select:posts width}px - 3px)!important;}
  499.  
  500. /* ASK POSTS */
  501. .quest{
  502. padding:15px;
  503. background-color:#fff;
  504. border-bottom:1px solid {color:borders};
  505. font-size:09px;
  506. text-transform:uppercase;
  507. letter-spacing:1px;
  508. }
  509.  
  510. /* CAPTION */
  511. .caption{
  512. border-bottom:1px solid {color:borders};
  513. background-color:#fff;
  514. overflow:hidden;
  515. box-sizing: border-box;
  516. padding-left:10px;
  517. padding-right:10px;
  518. }
  519.  
  520. /* INFO */
  521. .posts-info{
  522. background-color:#fff;
  523. padding:10px;
  524. color:#323d55;
  525. border-bottom:1px solid {color:borders};
  526. overflow:hidden;
  527. }
  528.  
  529. .posts-info a{
  530. color:#323d55;
  531. }
  532.  
  533. a.tag {
  534. text-decoration:none;
  535. margin-right:3px;
  536. }
  537.  
  538. /* NOTES */
  539.  
  540. .notes{
  541. width:100%;
  542. margin-left:0px;
  543.  
  544. }
  545.  
  546. .notes img{border-radius:100%;}
  547.  
  548. ol.notes {
  549. padding: 0px;
  550. margin: 0;
  551. list-style-type: none;}
  552.  
  553. ol.notes li.note {padding: 10px;
  554. padding-left:0;
  555. padding-right:0;
  556. }
  557.  
  558. ol.notes li.note img.avatar {
  559. vertical-align: -4px;
  560. float:left;
  561. margin-right: 10px;
  562. margin-left:0;
  563. width: 16px;
  564. height: 16px;}
  565.  
  566. ol.notes li.note span.action {}
  567.  
  568. ol.notes li.note .answer_content {font-weight: normal;}
  569.  
  570. ol.notes li.note blockquote {
  571. border-color: {color:borders};
  572. padding: 4px 10px;
  573. margin: 10px 0px 0px 25px;}
  574.  
  575. /* EXTRAS */
  576. a.c{
  577. position:fixed;
  578. bottom:25px;
  579. right:25px;
  580. font:07px 'trebuchet ms';
  581. text-transform:uppercase;
  582. letter-spacing:1px;
  583. text-align:right;
  584. z-index:9999999;
  585. background-color:#fff;
  586. border:1px solid #e9e9e9;
  587. padding:05px;
  588. border-radius:100%;
  589. color:#8c8c8c;
  590. }
  591.  
  592. .vignette, #vignette {
  593. opacity:0;
  594. }
  595. .lightbox-image, #tumblr_lightbox img {
  596. box-shadow:none !important;
  597. border-radius:0 !important;
  598. max-width:none;
  599. }
  600.  
  601. .tmblr-lightbox, #tumblr_lightbox {
  602. background-color:rgba(255,255,255,.8) !important;
  603. }
  604.  
  605. #tumblr_lightbox img {
  606. border:3px solid #fff !important;
  607. -moz-box-sizing:border-box;
  608. box-sizing:border-box;
  609. }
  610.  
  611. .lightbox-image {
  612. padding:3px;
  613. background-color:rgba(255,255,255,1) !important;
  614. }
  615.  
  616. ::-webkit-scrollbar {
  617. width: 3px;
  618. height: 3px;
  619. background: {color:background};}
  620.  
  621. ::-webkit-scrollbar-thumb {
  622. background-color:{color:scrollbar};}
  623.  
  624. #s-m-t-tooltip{
  625. margin:24px 14px 7px 12px;
  626. letter-spacing:1px;
  627. z-index:9999999999999;
  628. line-height:16px;
  629. background-color:{color:background};
  630. color:{color:link};
  631. border:1px solid {color:borders};
  632. text-transform:uppercase;
  633. padding-left:03px;
  634. padding-right:03px;
  635. border-radius:3px;
  636. font-size:08px;}
  637.  
  638. ::selection {
  639. background: {color:link};
  640. color: white;}
  641. ::-moz-selection {
  642. background: {color:link};
  643. color: white;}
  644. ::-webkit-selection {
  645. background: {color:link};
  646. color: white;}
  647.  
  648. /* SCROLL TO TOP */
  649. .scrollup{
  650. width:30px;
  651. height:30px;
  652. opacity:0.3;
  653. position:fixed;
  654. bottom:70px;
  655. right:22px;
  656. display:none;
  657. text-align:center;
  658. }
  659.  
  660. .scrollup:hover{cursor:pointer;}
  661.  
  662. #infscr-loading {display:none!important;}
  663.  
  664. .more{
  665. margin-top:{text:margin}px;
  666. text-align:center;
  667. }
  668.  
  669. .perma_hold {
  670. position:absolute;
  671. width:100%;
  672. height:calc(100% - 45px);
  673. top:0;
  674. left:0;
  675. overflow:hidden;
  676. margin-top:45px;
  677. opacity:1;
  678. z-index:9999;
  679. background:rgba(255,255,255,0.9);
  680. }
  681.  
  682. .perma {
  683. top:50%;
  684. line-height:0;
  685. transform: translate(0px, -50%);
  686. position:relative;
  687. text-align:center;
  688. text-transform:uppercase;
  689. }
  690.  
  691. .posts-info2{
  692. background-color:{color:posts};
  693. padding:10px;
  694. height:25px;
  695. }
  696.  
  697. .posts-info2 img.um{
  698. width:25px;
  699. margin-right:10px;
  700. border-radius:100%;
  701. float:left;
  702. }
  703.  
  704. .myg{
  705. display:none;
  706. }
  707. .myg i{
  708. float:right;
  709. font-size:14px;
  710. line-height:25px;
  711. }
  712.  
  713. .buttons, .no{
  714. float:right;
  715. }
  716.  
  717. .buttons a {
  718. position:relative;
  719. display:inline-block;
  720. padding-left:03px;
  721. }
  722.  
  723. .custom-like-button {
  724. position: relative;
  725. display: inline-block;
  726. cursor: pointer;
  727. }
  728.  
  729. .like_button {
  730. position: absolute;
  731. top: -03px;
  732. left: 03px;
  733. right: 0;
  734. bottom: 0px;
  735. width: 11px;
  736. height: 11px;
  737. opacity: 0;
  738. z-index: 10;
  739. }
  740.  
  741. .like_button iframe {
  742. width: 100% !important;
  743. height: 100% !important;
  744. }
  745.  
  746. .our_button {
  747. position: absolute;
  748. top: 0;
  749. left: 0;
  750. right: 0;
  751. bottom: 0;
  752. width: 100%;
  753. height: 100%;
  754. z-index: 1;
  755. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  756. -o-transition:all 0.6s ease-in-out;/*opera*/
  757. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  758. -ms-transition:all 0.6s ease-in-out;/*ie*/
  759. transition:all 0.6s ease-in-out;/*w3c*/
  760. }
  761.  
  762. .like_button:hover + .our_button {
  763. color: {color:link hover};
  764. }
  765.  
  766. .like_button.liked + .our_button {
  767. color: red;
  768. }
  769.  
  770. .posts-info2 img.um{
  771. width:25px;
  772. margin-right:10px;
  773. border-radius:100%;
  774. float:left;
  775. }
  776.  
  777. .pi{
  778. display: table;
  779. height:25px;
  780. }
  781.  
  782. .pi da{
  783. display: table-cell;
  784. vertical-align: middle;
  785. margin:0 auto;
  786. }
  787.  
  788. .perm{
  789. margin-top:30px;
  790. }
  791.  
  792. .nc{
  793. text-transform:uppercase;
  794. color:{color:link};
  795. }
  796.  
  797. .butt:hover, .myg:hover{
  798. cursor:pointer;
  799. }
  800.  
  801. .bod{
  802. padding:10px;
  803. border-bottom:1px solid {color:borders};
  804. }
  805.  
  806. .not{
  807. padding-top:15px;
  808. border-top:1px solid {color:borders};
  809. margin-top:15px;
  810. }
  811.  
  812. .line1 {
  813. width: 300px;
  814. height: 3000px;
  815. background-color:#323d55;
  816. top: -400px;
  817. left: -390px;
  818. z-index:-9999999999999;
  819. position:fixed;
  820. -webkit-transform: rotate(15deg);
  821. }
  822.  
  823. #peach {
  824. position:fixed;
  825. z-index:9;
  826. }
  827.  
  828. #fawk2 {
  829. position:fixed;
  830. z-index:-999999;
  831. left:65px;
  832. }
  833.  
  834. #profile{
  835. position:fixed;
  836. top:442px;
  837. left:100px;
  838. width:110px;
  839. background: #fff;
  840. text-align:left;
  841. line-height:13px;
  842. color:#b9b3b0;
  843. text-transform:uppercase;
  844. height:50px;
  845. font-family:'Montserrat';
  846.  
  847. font-size:7px;
  848. z-index:99999999;
  849. padding:4px;
  850. overflow:auto;
  851. -moz-border-radius: 6px;
  852. -webkit-border-radius:6px;
  853. border-top-left-radius:6px;
  854. }
  855.  
  856. #linku {
  857. z-index:99999;
  858. -webkit-animation:pop-in 0.9s;
  859. -moz-animation:pop-in 0.9s;
  860. -ms-animation:pop-in 0.9s;
  861. width:310px;
  862. height:25px;
  863. float: left;
  864. left:145px;
  865. top:310px;
  866. position: fixed;
  867. -webkit-transition: all 0.4s ease-out;
  868. -moz-transition: all 0.1s ease-out;
  869.  
  870.  
  871. }
  872.  
  873. #linku a{
  874. display: inline-block;
  875. float: left;
  876. padding:1px;
  877. margin-left: 4px ;
  878. height: 20px; width: 20px;
  879. -webkit-transition: all .8s ease-out;
  880. -moz-transition: all .8s ease-out;
  881. -webkit-transition: all .8s ease-out;
  882. -moz-transition: all .8s ease-out;
  883. background-color:#fff;
  884. border-radius:50px;
  885. overflow:hidden;
  886. color:#323d55;
  887. font-size:12px;
  888. text-transform:uppercase;
  889. line-height:20px;
  890. text-align:center;
  891.  
  892. }
  893.  
  894. #linku a:hover{
  895. color:#323d55;
  896.  
  897. -webkit-animation: RH infinite 3s;
  898. }
  899.  
  900. #thing4 {
  901. position:fixed;
  902. left:720px;
  903. width:314px;
  904. padding-left:4px;
  905. padding-bottom:4px;
  906. padding-right:4px;
  907. padding-top:7px;
  908. background-color: #fff;
  909. height:15px;
  910. color:#b9b3b0;
  911. font-size:7px;
  912. bottom:130px;
  913. font-family:arial;
  914. text-transform:uppercase;
  915. border-bottom:3px solid #dabbb1;
  916. -moz-border-radius: 6px;
  917. -webkit-border-radius:6px;
  918. border-top-left-radius:6px;
  919.  
  920. }
  921.  
  922.  
  923. #aim {
  924. position:fixed;
  925. font-family:'Montserrat';
  926. font-size:8px;
  927. left:136px;
  928. color:#fff;
  929. z-index:999999;
  930. top:357px;
  931. }
  932.  
  933. #box{
  934. overflow:hidden;
  935. position:fixed;
  936. z-index:9999999;
  937. width:18px;
  938. -moz-border-radius: 6px;
  939. -webkit-border-radius:6px;
  940. border-top-left-radius:6px;
  941. height:18px;
  942. top:353px; /* You can change the number or change it to bottom*/
  943. left:105px; /* You can change the number or change it to right*/
  944. background:#ffffff; /* This is the background color */
  945. }
  946.  
  947. #icon{
  948. /* This is for the positioning of the music gif: */
  949. margin-top:4px;
  950. margin-left:4px;
  951. -webkit-transition: all 0.5s linear;
  952. -moz-transition: all 0.5s linear;
  953. transition: all 0.5s linear;
  954. }
  955.  
  956. #box:hover #icon{
  957. margin-top:-20px;
  958. -webkit-transition: all 0.5s linear;
  959. -moz-transition: all 0.5s linear;
  960. transition: all 0.5s linear;
  961. }
  962.  
  963. #musicbox{
  964. width:8px;
  965. height:8px;
  966. overflow:hidden;
  967. /* This is for the positioning of the music player: */
  968. margin-top:14px;
  969. margin-left:5px;
  970. }
  971.  
  972. #music{
  973. margin-top:-6px;
  974. margin-left:-35px;
  975. }
  976.  
  977. .sfm input {background-color: #f5f5f5;
  978. font-size: 8px;
  979. border: 0px;
  980. text-transform: uppercase;
  981. margin-top: 0px;
  982. color: #999;
  983. letter-spacing: 1px;
  984. padding: 4px 8px;
  985. font-family: calibri, helvetica, arial;}
  986.  
  987.  
  988. #location {
  989. position:fixed;
  990. background:transparent;
  991. padding:5px;
  992. width:18px;
  993. height:37px;
  994. top:309px;
  995. z-index:99999999999999999999999999999999px;
  996. left:230px;
  997. text-align:center;
  998. -moz-border-radius: 6px;
  999. -webkit-border-radius:6px;
  1000. border-top-left-radius:6px;
  1001. }
  1002.  
  1003. #likes {
  1004. position:fixed;
  1005. background:#fff;
  1006. border:1px solid #fff;
  1007. padding:5px;
  1008. width:18px;
  1009. height:40px;
  1010. top:501px;
  1011. left:100px;
  1012. text-align:center;
  1013. -moz-border-radius: 6px;
  1014. -webkit-border-radius:6px;
  1015. border-top-left-radius:6px;
  1016. }
  1017.  
  1018. #fav {
  1019. position:fixed;
  1020. background:#fff;
  1021. border:1px solid #fff;
  1022. padding:5px;
  1023. width:58px;
  1024. color:#b9b3b0;
  1025. text-align:left;
  1026. text-transform:uppercase;
  1027. height:40px;
  1028. top:501px;
  1029. z-index:;
  1030. line-height:13px;
  1031. left:122px;
  1032. font-size:8px;
  1033. text-align:left;
  1034. -moz-border-radius: 6px;
  1035. -webkit-border-radius:6px;
  1036. border-top-left-radius:6px;
  1037. }
  1038.  
  1039. #dislikes {
  1040. position:fixed;
  1041. background:#fff;
  1042. border:1px solid #fff;
  1043. padding:5px;
  1044. width:18px;
  1045. height:40px;
  1046. top:501px;
  1047. left:193px;
  1048. text-align:center;
  1049. -moz-border-radius: 6px;
  1050. -webkit-border-radius:6px;
  1051. border-top-left-radius:6px;
  1052. }
  1053.  
  1054. #unfav {
  1055. position:fixed;
  1056. background:#fff;
  1057. border:1px solid #fff;
  1058. padding:5px;
  1059. width:58px;
  1060. color:#b9b3b0;
  1061. line-height:13px;
  1062. text-align:left;
  1063. text-transform:uppercase;
  1064. height:40px;
  1065. top:501px;
  1066. z-index:;
  1067. left:217px;
  1068. font-size:8px;
  1069. text-align:left;
  1070. -moz-border-radius: 6px;
  1071. -webkit-border-radius:6px;
  1072. border-top-left-radius:6px;
  1073. }
  1074.  
  1075. #thing6 {
  1076. overflow:auto;
  1077. width:91px;
  1078. height:33px;
  1079. background:transparent;
  1080. position:fixed;
  1081. top:396px;
  1082. left:283px;
  1083. padding:4px;
  1084. text-align:center;
  1085. font-family: arial, sans-serif;
  1086. font-size:7px;
  1087. line-height:13px;
  1088. z-index:9999999;
  1089. letter-spacing:0px;
  1090. text-transform:uppercase;
  1091. }
  1092.  
  1093. .pulse2 {
  1094. -webkit-animation: pulse2 1s linear infinite;
  1095. -moz-animation: pulse2 1s linear infinite;
  1096. -ms-animation: pulse2 1s linear infinite;
  1097. animation: pulse2 1s linear infinite;
  1098. }
  1099.  
  1100. @keyframes "pulse2" {
  1101. 0% {
  1102. -webkit-transform: scale(1.1);
  1103. -moz-transform: scale(1.1);
  1104. -o-transform: scale(1.1);
  1105. -ms-transform: scale(1.1);
  1106. transform: scale(1.1);
  1107. }
  1108. 50% {
  1109. -webkit-transform: scale(0.8);
  1110. -moz-transform: scale(0.8);
  1111. -o-transform: scale(0.8);
  1112. -ms-transform: scale(0.8);
  1113. transform: scale(0.8);
  1114. }
  1115. 100% {
  1116. -webkit-transform: scale(1);
  1117. -moz-transform: scale(1);
  1118. -o-transform: scale(1);
  1119. -ms-transform: scale(1);
  1120. transform: scale(1);
  1121. }
  1122.  
  1123. }
  1124.  
  1125. @-moz-keyframes pulse2 {
  1126. 0% {
  1127. -moz-transform: scale(1.1);
  1128. transform: scale(1.1);
  1129. }
  1130. 50% {
  1131. -moz-transform: scale(0.8);
  1132. transform: scale(0.8);
  1133. }
  1134. 100% {
  1135. -moz-transform: scale(1);
  1136. transform: scale(1);
  1137. }
  1138.  
  1139. }
  1140.  
  1141. @-webkit-keyframes "pulse2" {
  1142. 0% {
  1143. -webkit-transform: scale(1.1);
  1144. transform: scale(1.1);
  1145. }
  1146. 50% {
  1147. -webkit-transform: scale(0.8);
  1148. transform: scale(0.8);
  1149. }
  1150. 100% {
  1151. -webkit-transform: scale(1);
  1152. transform: scale(1);
  1153. }
  1154.  
  1155. }
  1156.  
  1157. @-ms-keyframes "pulse2" {
  1158. 0% {
  1159. -ms-transform: scale(1.1);
  1160. transform: scale(1.1);
  1161. }
  1162. 50% {
  1163. -ms-transform: scale(0.8);
  1164. transform: scale(0.8);
  1165. }
  1166. 100% {
  1167. -ms-transform: scale(1);
  1168. transform: scale(1);
  1169. }
  1170.  
  1171.  
  1172.  
  1173.  
  1174.  
  1175. </style>
  1176. </head>
  1177.  
  1178. <body>
  1179.  
  1180. <div id="blub" class="popup_block">
  1181. PAGE CONTENT HERE!
  1182. </div>
  1183.  
  1184.  
  1185. <div id="thing6"><div class="heart pulse2"><a href="#?w=250" rel="blub" class="poplight"><div style="color:#fff; font-size:10px;"><i class="fa fa-heart" aria-hidden="true"></i></div>
  1186. </div></div></div></div></a></div>
  1187.  
  1188.  
  1189. <div id="likes"><i style="color:#323d55; font-size:20px; margin-top:7px;" class="fa fa-thumbs-up" aria-hidden="true"></i></div>
  1190. <div id="fav"><div style="margin-top:3px">bunnies, action movies, food.</div></div>
  1191.  
  1192. <div id="dislikes"><i style="color:#323d55; font-size:20px; margin-top:10px;" class="fa fa-thumbs-down" aria-hidden="true"></i></div>
  1193. <div id="unfav"><div style="margin-top:9px">spiders, ghosts, bugs.</div></div>
  1194.  
  1195.  
  1196. <div id="location"><i style="color:#323d55; z-index:999999999999999999; font-size:20px; margin-top:10px;" class="fa fa-map-marker" title="seoul, sk." aria-hidden="true"></i></div>
  1197.  
  1198.  
  1199. <div id="io"><img style="position:fixed; margin-top:441px; margin-left:220px;" src="http://imgur.com/So7JULF.png"></div>
  1200.  
  1201. <div id="profile"><b>name:</b> jung eunbi.<br><b>stage name:</b> eunha.<br><b>birthdate:</b> may 30, 1997.<br><b>position:</b> vocalist.<br><b>height:</b> 163cm.<br><b>blood type:</b> o.<br><b>specialty:</b> singing, acting.</div>
  1202.  
  1203.  
  1204.  
  1205.  
  1206.  
  1207. <div id="box"><div id="icon">
  1208. <i class="fa fa-music" style="color:#323d55;" aria-hidden="true"></i>
  1209.  
  1210. </div>
  1211. <div id="musicbox"><div id="music">
  1212.  
  1213. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="200" height="100">
  1214. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  1215. <param name="bgcolor" value="#ffffff" />
  1216. <param name="FlashVars" value="mp3=http%3A//k003.kiwi6.com/hotlink/hemvomw017/San_Holo_-_Light_Taska_Black_Remix_2_.mp3&amp;bgcolor1=ffffff&amp;bgcolor2=ffffff&amp;slidercolor1=dabbb1&amp;slidercolor2=dabbb1&amp;buttoncolor=dabbb1&amp;buttonovercolor=dabbb1" />
  1217. </object>
  1218.  
  1219. </div></div></div>
  1220.  
  1221. <div id="aim"><b><i class="fa fa-asterisk" aria-hidden="true"></b></i>
  1222. add me <i>@nounscape</i> !</div>
  1223.  
  1224. <div id="linku"><br><a href="/" title="+ home"><i class="fa fa-home" aria-hidden="true"></i>home</a> <a href="http://www.tumblr.com/dashboard" title="+ dash"><i class="fa fa-power-off" aria-hidden="true"></i></i></a> <a href="/ask" title="+ message"><i class="fa fa-envelope" aria-hidden="true"></i></i></a></div>
  1225.  
  1226.  
  1227.  
  1228. <div id="peach"><img style="margin-top:280px; margin-left:200px; width:230px; height:273px;" src="http://imgur.com/0at2dhw.png"></div>
  1229.  
  1230. <div class="container">
  1231. <div class="sidebar">
  1232.  
  1233.  
  1234.  
  1235. <img src="{image:sidebar}" class="sidebar-image">
  1236. {block:ShowDescription}<div class="description"><b>#</b> jung eunbi, stage name eunha. gfriend's smallest and cutest member. <strike>likes svt's mingyu</strike>. and chicken. and everything cute. uhh. line line line. </div>{/block:ShowDescription}
  1237. {block:ShowTitle}
  1238. <div class="sb-title"><a href="/">{title}</a></div>{/block:ShowTitle}
  1239.  
  1240. <div id="fawk2"><img style="width:250px; height:286px; -webkit-transform: rotate(-30deg); margin-top:140px; z-index:-99999; margin-left:-10px;" src="http://imgur.com/AtPEyST.png"></div>
  1241.  
  1242. <div id="title"></div>
  1243.  
  1244. <div id="con">
  1245.  
  1246. <div class="line1"></div>
  1247. </div>
  1248.  
  1249. </div>
  1250.  
  1251.  
  1252.  
  1253. <!--- sidebar --->
  1254.  
  1255. <div class="entries">
  1256. {block:Posts}
  1257.  
  1258. {block:ContentSource}
  1259. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1260. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1261. {/block:SourceLogo}
  1262. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1263. {/block:ContentSource}
  1264.  
  1265. <div class="posts_hold">
  1266.  
  1267. <div class="posts" id="{PostID}">
  1268.  
  1269. {block:Date}
  1270. <div class="posts-info2" 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}{block:Answer}display:none;{/block:Answer}">
  1271. {block:IndexPage}<span class="myg" {block:Photoset}style="display:inline;"{/block:Photoset}{block:Photo}style="display:inline;"{/block:Photo}><i class="fa fa-ellipsis-v fa-fw" aria-hidden="true"></i>
  1272. <div class="perma_hold" style="display:none">
  1273. <div class="perma"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  1274. </div>
  1275. </span>{/block:IndexPage}
  1276. {block:indexPage}{block:NoteCount}
  1277. <span class="no" {block:Photoset}style="display:none;"{/block:Photoset}{block:Photo}style="display:none;"{/block:Photo}><a href="{Permalink}">{NoteCount}N</a></span>{/block:NoteCount}{/block:indexPage}
  1278. {block:RebloggedFrom}<img src="{ReblogParentPortraitURL-128}" class="um">
  1279. <div class="pi"><da>
  1280. <a href="{ReblogParentURL}" class="via"><b>{ReblogParentName}</b></a><br>
  1281. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}, {12HourWithZero}:{Minutes}{CapitalAmPm}">{TimeAgo}</a>
  1282. </da></div>
  1283. {/block:RebloggedFrom}
  1284. {block:NotReblog}
  1285. <img src="{PortraitURL-128}" class="um">
  1286. <div class="pi"><da>
  1287. <a class="via"><b>original</b></a><br><a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}, {12HourWithZero}:{Minutes}{CapitalAmPm}">{TimeAgo}</a>
  1288. </da></div>
  1289. {/block:NotReblog}
  1290. </div>
  1291. {/block:Date}
  1292.  
  1293. {block:Text}<div class="bod">
  1294. {block:Title}<h2>{Title}</h2>{/block:Title}
  1295. {Body}</div>
  1296. {/block:Text}
  1297.  
  1298. {block:Photo}
  1299. <center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="images">{LinkCloseTag}</center>
  1300. {/block:Photo}
  1301.  
  1302. {block:Photoset}<div class="set"><center>
  1303. <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>
  1304.  
  1305. {/block:Photoset}
  1306.  
  1307. {block:Quote}<div class="quote">
  1308. <div class="quotetext-{Length}">{Quote}</div>
  1309. {block:Source}
  1310. <div class="quote-source">{Source}</div>
  1311. {/block:Source}
  1312. </div>{/block:Quote}
  1313.  
  1314. {block:Link}<div class="bod">
  1315. <h2><a href="{URL}" target="{Target}">{Name} <b>&rarr;</b></a></h2>
  1316. {block:Description}{Description}{/block:Description}</div>
  1317. {/block:Link}
  1318.  
  1319. {block:Chat}
  1320. {block:Title}<div class="bod"><h2>{Title}</h2></div>{/block:Title}
  1321. {block:Lines}<ul class="{Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></ul>{/block:Lines}
  1322. {/block:Chat}
  1323.  
  1324. {block:Audio}
  1325. <div class="audio">
  1326. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  1327. {block:AlbumArt}
  1328. <img src="{AlbumArtURL}" class="au-image">
  1329. {/block:AlbumArt}
  1330. <div class="au-info"><span>{block:TrackName}{TrackName}{/block:TrackName}
  1331. {block:Artist}<br><small><b>{Artist}</b></small>{/block:Artist}</span>
  1332. </div>
  1333.  
  1334. </div>
  1335. {/block:Audio}
  1336.  
  1337. {block:Video}
  1338. <div class="video">{Video-500}</div>
  1339. {/block:Video}
  1340.  
  1341. {block:Answer}
  1342. <div class="quest">
  1343. {Question}</div>
  1344. <div class="posts-info2">{block:indexPage}{block:NoteCount}<span class="no"><a href="{Permalink}">{NoteCount}N</a></span>{/block:NoteCount}{/block:indexPage}<img src="{AskerPortraitURL-128}" class="um">
  1345. <div class="pi"><da><span class="vi">{Asker}</span><br><a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}, {12HourWithZero}:{Minutes}{CapitalAmPm}">{TimeAgo}</a></da></div>
  1346. </div>
  1347.  
  1348. <div class="caption" style="border-top:1px solid {color:borders};margin-top:0px;padding-top:0px;">
  1349. {Answer}</div>
  1350. {/block:Answer}
  1351.  
  1352. </div><!--- posts --->
  1353.  
  1354. {block:ifShowCaption}
  1355. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1356. {/block:ifShowCaption}
  1357. {block:ifNotShowCaption}
  1358. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  1359. {/block:ifNotShowCaption}
  1360.  
  1361. {block:Date}<div class="posts-info">
  1362. {block:IndexPage}<span class="buttons">
  1363. <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh fa-fw" aria-hidden="true"></i></a>
  1364. <span class="custom-like-button">{LikeButton}<a class="our_button"><i class="fa fa-heart fa-fw" aria-hidden="true"></i></a></span>
  1365. </span>
  1366. {/block:IndexPage}
  1367. {block:HasTags}<i class="fa fa-tags fa-fw" aria-hidden="true"></i> {block:Tags}<a href="{TagURL}" class="tag">{Tag}</a> {/block:Tags} {/block:HasTags}
  1368. </div>
  1369. {/block:Date}
  1370.  
  1371. {block:PermalinkPage}<div class="perm">
  1372. <div class="nc">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:RebloggedFrom} / <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}</div>
  1373. {block:PostNotes}<div class="notes not">{PostNotes}</div>{/block:PostNotes}</div>
  1374. {/block:PermalinkPage}
  1375.  
  1376. </div><!--- posts_hold --->
  1377.  
  1378. {/block:Posts}
  1379.  
  1380. </div><!--- entries --->
  1381.  
  1382. {block:Pagination}<div class="pag" {block:IfInfiniteScroll}style="display:none;"{/block:IfInfiniteScroll}>
  1383. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  1384. {CurrentPage}/{TotalPages}
  1385. {block:NextPage}<a href="{NextPage}" class="next">next</a>{/block:NextPage}</div>
  1386. {/block:Pagination}
  1387.  
  1388. {block:ifManualLoad}{block:Pagination}
  1389. <div class="more"><a href="#">load more</a></div>
  1390. {/block:Pagination}{/block:ifManualLoad}
  1391.  
  1392. </div><!--- container --->
  1393.  
  1394. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1395. {block:ifNotCustomGutter}<link href="http://static.tumblr.com/nb65v05/PkToc9oiw/resizing.css" rel="stylesheet" type="text/css"/>{/block:ifNotCustomGutter}
  1396. <link href="http://static.tumblr.com/nb65v05/EvVo293om/style.css" rel="stylesheet" type="text/css"/>
  1397. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1398. {block:ifNoRescaling}<link href="http://static.tumblr.com/nb65v05/dXHo8qjrq/nrsclng.css" rel="stylesheet" type="text/css"/>{/block:ifNoRescaling}
  1399. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  1400. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  1401. {block:ifInfiniteScroll}<script src="http://static.tumblr.com/nb65v05/QLXo03qup/jquery.infinitescroll.min.js"></script>{/block:ifInfiniteScroll}
  1402. <script src="https://npmcdn.com/imagesloaded@4.1/imagesloaded.pkgd.min.js"></script>
  1403.  
  1404. <script>
  1405. $(document).ready(function(){
  1406.  
  1407. $(".myg").click(function(){
  1408. $(this).find(".perma_hold").fadeToggle();
  1409. });
  1410.  
  1411. $(".na").click(function(){
  1412. $(".navi").slideToggle();
  1413. });
  1414.  
  1415. $('.na').click(function() {
  1416. $('.butt',this).toggle();
  1417. });
  1418.  
  1419. // minimal soundcloud player © shythemes.tumblr
  1420. var color = '#acd7bb';
  1421. $('.soundcloud_audio_player').each(function(){
  1422. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  1423. });
  1424.  
  1425. $("[title]").style_my_tooltips({
  1426. tip_follows_cursor:true,
  1427. tip_delay_time:200,
  1428. tip_fade_speed:300
  1429. }
  1430. );
  1431.  
  1432. $(window).scroll(function () {
  1433. if ($(this).scrollTop() > 100) {
  1434. $('.scrollup').fadeIn();
  1435. } else {
  1436. $('.scrollup').fadeOut();
  1437. }
  1438. });
  1439.  
  1440. $('.scrollup').click(function () {
  1441. $("html, body").animate({
  1442. scrollTop: 0
  1443. }, 600);
  1444. return false;
  1445. });
  1446.  
  1447. $('.photo-slideshow').pxuPhotoset({
  1448. lightbox: true,
  1449. rounded: false,
  1450. {block:ifNotCustomGutter}
  1451. gutter: '0px',{/block:ifNotCustomGutter}
  1452. {block:ifCustomGutter}
  1453. gutter: {text:Gutter},{/block:ifCustomGutter}
  1454. borderRadius: '0px',
  1455. photoset: '.photo-slideshow',
  1456. photoWrap: '.photo-data',
  1457. photo: '.pxu-photo'
  1458. });
  1459.  
  1460. {block:IndexPage}
  1461.  
  1462. var $container = $('.entries');
  1463.  
  1464. {block:ifInfiniteScroll}
  1465. $container.infinitescroll({
  1466. navSelector: '.pag',
  1467. nextSelector: '.next',
  1468. itemSelector: '.posts_hold',
  1469. loadingImg : " ",
  1470. bufferPx: 3000,
  1471. errorCallback: function(){
  1472. $('.more').text('no more posts');}
  1473. },
  1474. function( newElements ) {//m- from .css to )//
  1475. var $newElems = $(newElements).css({ opacity: 0 });
  1476. // ensure that images load before adding to masonry layout
  1477. $newElems.imagesLoaded(function(){
  1478. // show elems now they're ready
  1479. $newElems.animate({opacity: 1});
  1480. });
  1481.  
  1482. var $newElemsIDs = $newElems.map(function(){
  1483. return this.id;
  1484. }).get();
  1485. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1486.  
  1487. $( newElements ).find('.photo-slideshow').pxuPhotoset({
  1488. lightbox: true,
  1489. rounded: false,
  1490. {block:ifNotCustomGutter}
  1491. gutter: '0px',{/block:ifNotCustomGutter}
  1492. {block:ifCustomGutter}
  1493. gutter: {text:Gutter},{/block:ifCustomGutter}
  1494. borderRadius: '0px',
  1495. photoset: '.photo-slideshow',
  1496. photoWrap: '.photo-data',
  1497. photo: '.pxu-photo'
  1498. });
  1499.  
  1500. $( newElements ).find(".myg").click(function(){
  1501. $(this).find(".perma_hold").fadeToggle();
  1502. });
  1503.  
  1504. $( newElements ).find('.soundcloud_audio_player').each(function(){
  1505. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: {select:Posts width} });
  1506. });
  1507.  
  1508. resizeVideos();
  1509. });
  1510.  
  1511. {block:ifManualLoad}
  1512. // manual trigger //
  1513. $(window).unbind('.infscr');
  1514. $('.more').click(function(){
  1515. $container.infinitescroll('retrieve');
  1516. return false
  1517. }); {/block:ifManualLoad}
  1518.  
  1519. {/block:ifInfiniteScroll}
  1520. {/block:IndexPage}
  1521.  
  1522. });
  1523. </script>
  1524.  
  1525.  
  1526.  
  1527. <a href="http://cathms.tumblr.com/" target="_blank" class="c">tc</a>
  1528.  
  1529. {block:IndexPage}{block:ifInfiniteScroll}<div class="scrollup"><a><i class="fa fa-chevron-up fa-2x"></i><br>scroll to top</a></div>{/block:ifInfiniteScroll}{/block:IndexPage}
  1530.  
  1531. </body>
  1532. </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!