API tools faq
paste
Guest User

Untitled

a guest
Oct 22nd, 2016
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 52.02 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme: breezeblocks 2.0 -- updated 1.6.2016
  5. - sorrism -
  6.  
  7.  
  8. -->
  9.  
  10. <!DOCTYPE html>
  11. <head>
  12.  
  13. <link href='http://static.tumblr.com/blpgwiz/usPm404d2/bounce_normal.css' rel='stylesheet' type='text/css'>
  14.  
  15.  
  16. <title>{title}</title>
  17.  
  18. <link rel="shortcut icon" href="https://65.media.tumblr.com/983e00b7a843ac5296ccef85ad4569a0/tumblr_inline_mz64draZSa1r9ajsd.gif">
  19.  
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. <!--Default Variables-->
  24.  
  25. <meta name="color:Background" content="#fafafa"/>
  26. <meta name="color:Text" content="#363636"/>
  27. <meta name="color:Link" content="#777777"/>
  28. <meta name="color:Link Hover" content="#eeeeee"/>
  29. <meta name="color:Blog Title" content="#bbbbbb"/>
  30. <meta name="color:Title" content="#000000"/>
  31. <meta name="color:Scrollbar" content="#aaaaaa" />
  32. <meta name="color:Borders" content="#eeeeee"/>
  33. <meta name="color:Text Borders" content="#eeeeee"/>
  34. <meta name="color:Posts" content="#ffffff"/>
  35. <meta name="color:Accents" content="#fbfbfb"/>
  36. <meta name="color:Shadow" content="#eeeeee"/>
  37.  
  38. <meta name="image:Sidebar" content=""/>
  39. <meta name="image:Background" content=""/>
  40.  
  41. <meta name="if:Hide Tags" content="0"/>
  42. <meta name="if:Large Image" content="0"/>
  43. <meta name="if:Search Bar" content="0"/>
  44. <meta name="if:Infinite Scroll" content="0"/>
  45. <meta name="if:Manual Load" content="1"/>
  46. <meta name="if:Stretch Background" content="1"/>
  47.  
  48.  
  49. <meta name="select:Post Width" content="275" title="275px"/>
  50. <meta name="select:Post Width" content="300" title="300px"/>
  51. <meta name="select:Post Width" content="350" title="350px"/>
  52. <meta name="select:Post Width" content="400" title="400px"/>
  53. <meta name="select:Post Width" content="450" title="450px"/>
  54. <meta name="select:Post Width" content="500" title="500px"/>
  55. <meta name="select:Post Width" content="540" title="540px"/>
  56.  
  57. <meta name="select:Caption" content="def" title="Default"/>
  58. <meta name="select:Caption" content="inl" title="Inline"/>
  59. <meta name="select:Caption" content="hide def" title="Hide Default"/>
  60. <meta name="select:Caption" content="hide inl" title="Hide Inline"/>
  61.  
  62.  
  63. <link href='http://static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'><script src="//use.edgefonts.net/open-sans:n4,i4,n7,i7.js"></script>
  64.  
  65. <!--CSS customization here. -->
  66.  
  67. <link rel="stylesheet" href="font-awesome.min.css">
  68. <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  69.  
  70.  
  71. <style type="text/css">
  72.  
  73.  
  74. @font-face
  75. {font-family: "bromello";src: url('https://dl.dropboxusercontent.com/s/af6ib25lbk0qf2f/bromello.ttf?dl=1'); format("truetype");}
  76.  
  77.  
  78. @font-face
  79. {font-family: "cheddar";src: url('https://dl.dropboxusercontent.com/s/gxnnftdccgik3ys/cheddar%20jack.ttf?dl=1'); format("truetype");}
  80.  
  81.  
  82.  
  83.  
  84. /* Buzz Out */
  85.  
  86. @-webkit-keyframes hvr-buzz-out {
  87. 10% {
  88. -webkit-transform: translateX(3px) rotate(2deg);
  89. transform: translateX(3px) rotate(2deg);
  90. }
  91.  
  92. 20% {
  93. -webkit-transform: translateX(-3px) rotate(-2deg);
  94. transform: translateX(-3px) rotate(-2deg);
  95. }
  96.  
  97. 30% {
  98. -webkit-transform: translateX(3px) rotate(2deg);
  99. transform: translateX(3px) rotate(2deg);
  100. }
  101.  
  102. 40% {
  103. -webkit-transform: translateX(-3px) rotate(-2deg);
  104. transform: translateX(-3px) rotate(-2deg);
  105. }
  106.  
  107. 50% {
  108. -webkit-transform: translateX(2px) rotate(1deg);
  109. transform: translateX(2px) rotate(1deg);
  110. }
  111.  
  112. 60% {
  113. -webkit-transform: translateX(-2px) rotate(-1deg);
  114. transform: translateX(-2px) rotate(-1deg);
  115. }
  116.  
  117. 70% {
  118. -webkit-transform: translateX(2px) rotate(1deg);
  119. transform: translateX(2px) rotate(1deg);
  120. }
  121.  
  122. 80% {
  123. -webkit-transform: translateX(-2px) rotate(-1deg);
  124. transform: translateX(-2px) rotate(-1deg);
  125. }
  126.  
  127. 90% {
  128. -webkit-transform: translateX(1px) rotate(0);
  129. transform: translateX(1px) rotate(0);
  130. }
  131.  
  132. 100% {
  133. -webkit-transform: translateX(-1px) rotate(0);
  134. transform: translateX(-1px) rotate(0);
  135. }
  136. }
  137.  
  138. @keyframes hvr-buzz-out {
  139. 10% {
  140. -webkit-transform: translateX(3px) rotate(2deg);
  141. transform: translateX(3px) rotate(2deg);
  142. }
  143.  
  144. 20% {
  145. -webkit-transform: translateX(-3px) rotate(-2deg);
  146. transform: translateX(-3px) rotate(-2deg);
  147. }
  148.  
  149. 30% {
  150. -webkit-transform: translateX(3px) rotate(2deg);
  151. transform: translateX(3px) rotate(2deg);
  152. }
  153.  
  154. 40% {
  155. -webkit-transform: translateX(-3px) rotate(-2deg);
  156. transform: translateX(-3px) rotate(-2deg);
  157. }
  158.  
  159. 50% {
  160. -webkit-transform: translateX(2px) rotate(1deg);
  161. transform: translateX(2px) rotate(1deg);
  162. }
  163.  
  164. 60% {
  165. -webkit-transform: translateX(-2px) rotate(-1deg);
  166. transform: translateX(-2px) rotate(-1deg);
  167. }
  168.  
  169. 70% {
  170. -webkit-transform: translateX(2px) rotate(1deg);
  171. transform: translateX(2px) rotate(1deg);
  172. }
  173.  
  174. 80% {
  175. -webkit-transform: translateX(-2px) rotate(-1deg);
  176. transform: translateX(-2px) rotate(-1deg);
  177. }
  178.  
  179. 90% {
  180. -webkit-transform: translateX(1px) rotate(0);
  181. transform: translateX(1px) rotate(0);
  182. }
  183.  
  184. 100% {
  185. -webkit-transform: translateX(-1px) rotate(0);
  186. transform: translateX(-1px) rotate(0);
  187. }
  188. }
  189.  
  190.  
  191.  
  192.  
  193.  
  194. /* Pop */
  195. @-webkit-keyframes hvr-pop {
  196. 50% {
  197. -webkit-transform: scale(1.2);
  198. transform: scale(1.2);
  199. }
  200. }
  201.  
  202. @keyframes hvr-pop {
  203. 50% {
  204. -webkit-transform: scale(1.2);
  205. transform: scale(1.2);
  206. }
  207. }
  208.  
  209.  
  210.  
  211.  
  212. /* Wobble top */
  213. @-webkit-keyframes hvr-wobble-top {
  214. 16.65% {
  215. -webkit-transform: skew(-12deg);
  216. transform: skew(-12deg);
  217. }
  218.  
  219. 33.3% {
  220. -webkit-transform: skew(10deg);
  221. transform: skew(10deg);
  222. }
  223.  
  224. 49.95% {
  225. -webkit-transform: skew(-6deg);
  226. transform: skew(-6deg);
  227. }
  228.  
  229. 66.6% {
  230. -webkit-transform: skew(4deg);
  231. transform: skew(4deg);
  232. }
  233.  
  234. 83.25% {
  235. -webkit-transform: skew(-2deg);
  236. transform: skew(-2deg);
  237. }
  238.  
  239. 100% {
  240. -webkit-transform: skew(0);
  241. transform: skew(0);
  242. }
  243. }
  244.  
  245.  
  246.  
  247. @keyframes hvr-wobble-top {
  248. 16.65% {
  249. -webkit-transform: skew(-12deg);
  250. transform: skew(-12deg);
  251. }
  252.  
  253. 33.3% {
  254. -webkit-transform: skew(10deg);
  255. transform: skew(10deg);
  256. }
  257.  
  258. 49.95% {
  259. -webkit-transform: skew(-6deg);
  260. transform: skew(-6deg);
  261. }
  262.  
  263. 66.6% {
  264. -webkit-transform: skew(4deg);
  265. transform: skew(4deg);
  266. }
  267.  
  268. 83.25% {
  269. -webkit-transform: skew(-2deg);
  270. transform: skew(-2deg);
  271. }
  272.  
  273. 100% {
  274. -webkit-transform: skew(0);
  275. transform: skew(0);
  276. }
  277. }
  278.  
  279.  
  280.  
  281.  
  282. /*tumblr controls and lightbox*/
  283.  
  284. .tmblr-lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  285.  
  286. .tmblr-lightbox img {opacity:0;}
  287.  
  288. .lightbox-caption {
  289. color:{color:title}!important;
  290. font-family:inherit!important;
  291. font-size:1em!important;
  292. font-weight:normal!important;
  293. text-shadow:none!important;
  294. }
  295.  
  296. .lightbox-image {
  297. -moz-box-shadow:none!important;
  298. -webkit-box-shadow:none!important;
  299. box-shadow:none!important;
  300. -moz-border-radius:3px!important;
  301. -webkit-border-radius:3px!important;
  302. border-radius:3px!important;
  303. padding:0px!important;
  304. border:3px solid {color:posts}!important;
  305. margin-top:-3px!important;
  306. margin-left:-3px!important;
  307. opacity:1!important;
  308. }
  309.  
  310. .vignette {opacity:0!Important;}
  311.  
  312.  
  313. /*tooltip*/
  314.  
  315. .ui-tooltip {
  316. position:absolute;
  317. z-index:99999999999999999999999999999999999999;
  318. padding-top:12px;
  319. padding-left:10px;
  320. }
  321.  
  322. .ui-tooltip-content {
  323. max-width:250px;
  324. background:#ffb399;
  325. padding-top:3px;
  326. padding-bottom:3px;
  327. padding-right:5px;
  328. padding-left:5px;
  329. font-size:11px;
  330. font-family:calibri;
  331. color:#fff;
  332. text-transform:lowercase;
  333. }
  334.  
  335. /*scrollbar*/
  336.  
  337. ::-webkit-scrollbar {
  338. height:2px;
  339. width:4px;
  340. background:inherit;
  341. }
  342.  
  343. ::-webkit-scrollbar-thumb{
  344. border-radius:2px;
  345. -moz-border-radius:2px;
  346. -webkit-border-radius:2px;
  347. background:{color:scrollbar};
  348. }
  349.  
  350.  
  351. ::-moz-selection {
  352. color:{color:link};
  353. }
  354.  
  355. ::selection {
  356. color:{color:link};
  357. }
  358.  
  359.  
  360. /*general*/
  361.  
  362. html, body, a {
  363. cursor:default;
  364. }
  365.  
  366. body {
  367. background:{color:background};
  368. color:{color:text};
  369. font:9px/1.5em open-sans, arial, sans-serif;
  370. word-wrap:break-word;
  371. text-align:left;
  372. -moz-osx-font-smoothing:grayscale;
  373. -webkit-font-smoothing:antialiased;
  374. font-smoothing:antialiased;
  375. margin:0;
  376. cursor:default;
  377. }
  378.  
  379. a {
  380. color:{color:link};
  381. text-decoration:none;
  382. cursor:help;
  383. }
  384.  
  385. a:hover {
  386. color:{color:link hover};
  387. text-decoration:none;
  388. cursor:help;
  389. }
  390.  
  391. img {
  392. opacity:1;
  393. border:0;
  394. text-decoration:none;
  395. max-width:100%;
  396. height:auto;
  397. }
  398.  
  399. blockquote {
  400. padding:.25em 0 .25em 15px;
  401. margin:.5em 0;
  402. border-left:1px solid {color:text borders};
  403. }
  404.  
  405. pre {
  406. padding:0;
  407. margin:0;
  408. line-height:inherit!important;
  409. background:transparent;
  410. font-family:inherit!Important;
  411. font-size:inherit!important;
  412. white-space:pre-wrap;
  413. white-space:-moz-pre-wrap;
  414. white-space:-pre-wrap;
  415. white-space:-o-pre-wrap;
  416. word-wrap:break-word;
  417. }
  418.  
  419. p {margin:1em 0;}
  420.  
  421. p:first-of-type {margin-top:0;}
  422.  
  423. p:last-of-type {margin-bottom:0;}
  424.  
  425. b, strong, b a, strong a {color:{color:title};}
  426.  
  427. ol, ul {
  428. list-style:none;
  429. text-align:left;
  430. padding-left:0;
  431. }
  432.  
  433. li {
  434. position:relative;
  435. padding:.25em 0 .25em 25px;
  436. margin-left:15px;
  437. }
  438.  
  439. ol li {counter-increment:list;}
  440.  
  441. ol li:before, ul li:before {
  442. left:0;
  443. position:absolute;
  444. vertical-align:baseline!important;
  445. }
  446.  
  447. ol li:before {content:counter(list) '.';}
  448.  
  449. ul li:before {
  450. content:'○';
  451. margin-top:-1px;
  452. vertical-align:middle!important;
  453. }
  454.  
  455. .chat li:before, .pagenotes li:before {display:none;}
  456.  
  457. .chat li {margin:0;}
  458.  
  459. small, big, sub, pre {
  460. font-size:1em!important;
  461. line-height:1.4em!important;
  462. vertical-align:baseline!important;
  463. }
  464.  
  465. h1, h2, h3, h4 {
  466. margin:1.5em 0;
  467. font-size:1.5em;
  468. padding:0;
  469. color:{color:title};
  470. font-weight:normal;
  471. }
  472.  
  473. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  474.  
  475. hr {
  476. border:none;
  477. box-shadow:0;
  478. margin:2em auto;
  479. width:25px;
  480. border-top:2px solid {color:link hover};
  481. }
  482.  
  483. form, footer, article {
  484. -webkit-animation-name: fade-in;
  485. -webkit-animation-duration: 1.5s;
  486. }
  487.  
  488.  
  489.  
  490.  
  491.  
  492.  
  493.  
  494.  
  495. /*this my turf now*/
  496.  
  497.  
  498. .uhhh {
  499. position:fixed;
  500. width:900px;
  501. height:1600px;
  502. bottom:0px;
  503. right:0px;
  504. margin-bottom:-100px;
  505. margin-right:-205px;
  506. background-color:#e1e1e1;
  507. -ms-transform: rotate(5deg);
  508. -webkit-transform: rotate(5deg);
  509. transform: rotate(5deg);
  510. }
  511.  
  512.  
  513.  
  514. .everything {
  515. width:515px;
  516. height:570px;
  517. position:fixed;
  518. bottom:0px;
  519. right:0px;
  520. margin-bottom:0px;
  521. margin-right:70px;
  522. }
  523.  
  524.  
  525. #sideimg {
  526. position:fixed;
  527. height:570px;
  528. width:440px;
  529. margin-top:0px;
  530. margin-left:70px;
  531. background-image:url('https://67.media.tumblr.com/445eb0cb89e7b88152ae037185293dad/tumblr_inline_ofev23idaf1u928fo_540.png');
  532. background-repeat:no-repeat;
  533. }
  534.  
  535.  
  536.  
  537.  
  538.  
  539. #title {
  540. position:fixed;
  541. margin-left:-45px;
  542. margin-top:113px;
  543. color:#fff;
  544. text-shadow:-1px 1px 0px #ffb399;
  545. font-size:50px;
  546. font-family:"bromello";
  547. }
  548.  
  549.  
  550.  
  551. .twice {
  552. position:fixed;
  553. margin-left:370px;
  554. margin-top:66px;
  555. color:#fff;
  556. font-family:"cheddar";
  557. font-size:48px;
  558. -ms-transform: rotate(10deg);
  559. -webkit-transform: rotate(10deg);
  560. transform: rotate(10deg);
  561. }
  562.  
  563. .twice a {
  564. color:#ffb399;
  565. text-shadow:-1px 1px 0px #fff;
  566. transition:all .4s ease-in-out;
  567. -webkit-transition:all .4s ease-in-out;
  568. -moz-transition:all .4s ease-in-out;
  569. -o-transition:all .4s ease-in-out;
  570. }
  571.  
  572. .twice a:hover {
  573. color:#fff;
  574. text-shadow:-1px 1px 0px #ffb399;
  575. transition:all .4s ease-in-out;
  576. -webkit-transition:all .4s ease-in-out;
  577. -moz-transition:all .4s ease-in-out;
  578. -o-transition:all .4s ease-in-out;
  579. }
  580.  
  581.  
  582.  
  583. .friends {
  584. position:fixed;
  585. margin-left:430px;
  586. margin-top:30px;
  587. color:#fff;
  588. font-family:"cheddar";
  589. font-size:32px;
  590. -ms-transform: rotate(-12deg);
  591. -webkit-transform: rotate(-12deg);
  592. transform: rotate(-12deg);
  593. }
  594.  
  595. .friends a {
  596. color:#ffb399;
  597. text-shadow:-1px 1px 0px #fff;
  598. transition:all .4s ease-in-out;
  599. -webkit-transition:all .4s ease-in-out;
  600. -moz-transition:all .4s ease-in-out;
  601. -o-transition:all .4s ease-in-out;
  602. }
  603.  
  604. .friends a:hover {
  605. color:#fff;
  606. text-shadow:-1px 1px 0px #ffb399;
  607. transition:all .4s ease-in-out;
  608. -webkit-transition:all .4s ease-in-out;
  609. -moz-transition:all .4s ease-in-out;
  610. -o-transition:all .4s ease-in-out;
  611. }
  612.  
  613.  
  614. .squad {
  615. position:fixed;
  616. margin-left:438px;
  617. margin-top:66px;
  618. color:#fff;
  619. font-family:"cheddar";
  620. font-size:34px;
  621. -ms-transform: rotate(-34deg);
  622. -webkit-transform: rotate(-34deg);
  623. transform: rotate(-34deg);
  624. }
  625.  
  626. .squad a {
  627. color:#fff;
  628. text-shadow:-1px 1px 0px #ffb399;
  629. transition:all .4s ease-in-out;
  630. -webkit-transition:all .4s ease-in-out;
  631. -moz-transition:all .4s ease-in-out;
  632. -o-transition:all .4s ease-in-out;
  633. }
  634.  
  635. .squad a:hover {
  636. color:#ffb399;
  637. text-shadow:-1px 1px 0px #fff;
  638. transition:all .4s ease-in-out;
  639. -webkit-transition:all .4s ease-in-out;
  640. -moz-transition:all .4s ease-in-out;
  641. -o-transition:all .4s ease-in-out;
  642. }
  643.  
  644.  
  645. .him {
  646. position:fixed;
  647. margin-left:388px;
  648. margin-top:33px;
  649. color:#fff;
  650. font-family:"cheddar";
  651. font-size:40px;
  652. -ms-transform: rotate(2deg);
  653. -webkit-transform: rotate(2deg);
  654. transform: rotate(2deg);
  655. }
  656.  
  657. .him a {
  658. color:#fff;
  659. text-shadow:-1px 1px 0px #ffb399;
  660. transition:all .4s ease-in-out;
  661. -webkit-transition:all .4s ease-in-out;
  662. -moz-transition:all .4s ease-in-out;
  663. -o-transition:all .4s ease-in-out;
  664. }
  665.  
  666. .him a:hover {
  667. color:#ffb399;
  668. text-shadow:-1px 1px 0px #fff;
  669. transition:all .4s ease-in-out;
  670. -webkit-transition:all .4s ease-in-out;
  671. -moz-transition:all .4s ease-in-out;
  672. -o-transition:all .4s ease-in-out;
  673. }
  674.  
  675.  
  676.  
  677.  
  678. #dtitle {
  679. position:fixed;
  680. padding-left:6px;
  681. padding-top:2px;
  682. padding-bottom:3px;
  683. width:164px;
  684. height:12px;
  685. margin-left:0px;
  686. margin-top:272px;
  687. background-color:#ffb399;
  688. color:#fff;
  689. text-transform:uppercase;
  690. font-size:10px;
  691. letter-spacing:1.5px;
  692. text-shadow:-1px 1px 0px #aaa;
  693. border-radius:5px 0px 0px 0px;
  694. }
  695.  
  696.  
  697. #desc {
  698. position:fixed;
  699. padding-left:5px;
  700. padding-right:5px;
  701. padding-top:1px;
  702. margin-top:289px;
  703. margin-left:0px;
  704. line-height:12px;
  705. font-family:calibri;
  706. font-size:9px;
  707. width:170px;
  708. height:75px;
  709. background-color:#fff;
  710. color:#999;
  711. border-radius:0px 0px 5px 5px;
  712. }
  713.  
  714.  
  715. #ptitle {
  716. position:fixed;
  717. padding-left:5px;
  718. padding-top:2px;
  719. padding-bottom:3px;
  720. width:125px;
  721. height:12px;
  722. margin-left:0px;
  723. margin-top:154px;
  724. background-color:#ffb399;
  725. color:#fff;
  726. text-transform:uppercase;
  727. font-size:10px;
  728. letter-spacing:1.5px;
  729. text-shadow:-1px 1px 0px #aaa;
  730. border-radius:5px 5px 0px 0px;
  731. }
  732.  
  733.  
  734. #profile {
  735. position:fixed;
  736. padding-left:5px;
  737. padding-top:2px;
  738. padding-bottom:4px;
  739. margin-top:171px;
  740. margin-left:0px;
  741. line-height:140%;
  742. font-family:calibri;
  743. text-transform:uppercase;
  744. font-size:8px;
  745. width:123px;
  746. height:86px;
  747. text-align:left;
  748. background-color:#fff;
  749. color:#999;
  750. border-radius:0px 0px 0px 5px;
  751. }
  752.  
  753.  
  754. #profile b, strong {
  755. color:#999;
  756. }
  757.  
  758.  
  759.  
  760. .fa {
  761. display: inline-block;
  762. font-family:FontAwesome;
  763. font-size:12px;
  764. word-spacing:7px;
  765. }
  766.  
  767. .fa a {
  768. color:#ffb399;
  769. transition:all .4s ease-in-out;
  770. -webkit-transition:all .4s ease-in-out;
  771. -moz-transition:all .4s ease-in-out;
  772. -o-transition:all .4s ease-in-out;
  773. }
  774.  
  775. .fa a:hover {
  776. color:#fff;
  777. transition:all .4s ease-in-out;
  778. -webkit-transition:all .4s ease-in-out;
  779. -moz-transition:all .4s ease-in-out;
  780. -o-transition:all .4s ease-in-out;
  781. }
  782.  
  783.  
  784.  
  785. #navi {
  786. position:fixed;
  787. margin-left:0px;
  788. margin-top:372px;
  789. word-spacing:5px;
  790. }
  791.  
  792.  
  793. #navi a {
  794. background-color:#fff;
  795. padding-top:5px;
  796. height:19px;
  797. width:24px;
  798. display:inline-block;
  799. border-radius:20em;
  800. font-size:12px;
  801. text-align:center;
  802. color:#ffb399;
  803. transition:all .4s ease-in-out;
  804. -webkit-transition:all .4s ease-in-out;
  805. -moz-transition:all .4s ease-in-out;
  806. -o-transition:all .4s ease-in-out;
  807. }
  808.  
  809.  
  810. #navi a:hover {
  811. background-color:#ffb399;
  812. color:#fff;
  813. transition:all .4s ease-in-out;
  814. -webkit-transition:all .4s ease-in-out;
  815. -moz-transition:all .4s ease-in-out;
  816. -o-transition:all .4s ease-in-out;
  817. }
  818.  
  819.  
  820.  
  821.  
  822. #box{
  823. overflow:hidden;
  824. position:fixed;
  825. width:24px;
  826. height:24px;
  827. margin-top:163px;
  828. margin-left:188px;
  829. background-color:#ffb399;
  830. border-radius:5px;
  831. border:1px solid #fff;
  832. }
  833.  
  834. #icon{
  835. margin-top:6px;
  836. margin-left:5px;
  837. -webkit-transition: all 0.5s linear;
  838. -moz-transition: all 0.5s linear;
  839. transition: all 0.5s linear;
  840. }
  841.  
  842. #box:hover #icon{
  843. margin-top:-20px;
  844. -webkit-transition: all 0.5s linear;
  845. -moz-transition: all 0.5s linear;
  846. transition: all 0.5s linear;
  847. }
  848.  
  849. #musicbox{
  850. width:8px;
  851. height:8px;
  852. overflow:hidden;
  853. /* This is for the positioning of the music player: */
  854. margin-top:17px;
  855. margin-left:8px;
  856. }
  857.  
  858. #music{
  859. margin-top:-6px;
  860. margin-left:-35px;
  861. }
  862.  
  863.  
  864.  
  865.  
  866.  
  867.  
  868. #fade {
  869. display: none;
  870. background: #000;
  871. position: fixed;
  872. left: 0;
  873. top: 0;
  874. width: 100%;
  875. height: 100%;
  876. opacity: .7;
  877. z-index: 9999;
  878. }
  879.  
  880.  
  881. .popup_block{
  882. display: none;
  883. background: #fff;
  884. float: left;
  885. position: fixed;
  886. top: 50%;
  887. left: 50%;
  888. z-index: 99999;
  889. box-shadow:0px 0px 2px #333;
  890. border-radius:5px;
  891. color:#777;
  892. }
  893.  
  894. .popup_block b,strong {
  895. font-family:"cheddar";
  896. font-size:30px;
  897. color:#ffb399;
  898. text-shadow:-1px 1px #777;
  899. font-weight:normal;
  900. }
  901.  
  902.  
  903. .popup_block a {
  904. color:#aaa;
  905. }
  906.  
  907. .popup_block a:hover {
  908. color:#777;
  909. }
  910.  
  911.  
  912. .popup_block blockquote {
  913. border-left:1px solid #ffb399;
  914. margin-left:5px;
  915. }
  916.  
  917.  
  918. img.btn_close {
  919. float: right;
  920. margin: -55px -55px 0 0;
  921. }
  922.  
  923. *html #fade {
  924. position: absolute;
  925. }
  926.  
  927. *html .popup_block {
  928. position: absolute;
  929. }
  930.  
  931.  
  932.  
  933.  
  934.  
  935.  
  936.  
  937. /*aside*/
  938.  
  939. aside {
  940. width:200px;
  941. top:100px;
  942. position:fixed;
  943. }
  944.  
  945. aside, .posts, footer a {
  946. background:{color:posts};
  947. border-radius:2px;
  948. -moz-border-radius:2px;
  949. -webkit-border-radius:2px;
  950. box-shadow:0px 1px 2px {color:shadow};
  951. -webkit-box-shadow:0px 1px 2px {color:shadow};
  952. -moz-box-shadow:0px 1px 2px {color:shadow};
  953. }
  954.  
  955. .right {left:calc(50% + {select:post width}px / 2 + {block:ifSidebarImage}{block:ifnotLargeImage}136{/block:ifnotLargeImage}{block:ifLargeImage}75{/block:ifLargeImage}{/block:ifSidebarImage}{block:ifnotSidebarImage}75{/block:ifnotSidebarImage}px);}
  956.  
  957. .left {left:calc(50% - {select:post width}px / 2 - 275px);}
  958.  
  959. .btit {
  960. padding:calc(23px - .75em) 15px;
  961. font-size:1.3em;
  962. line-height:1.5em;
  963. text-transform:uppercase;
  964. letter-spacing:2px;
  965. display:block;
  966. position:relative;
  967. color:{color:blog title};
  968. }
  969.  
  970. .btit:after {
  971. content:'';
  972. width:25px;
  973. height:2px;
  974. background:{color:link hover};
  975. top:calc(100% - 2px);
  976. position:absolute;
  977. left:15px;
  978. }
  979.  
  980. #d {padding:15px 15px 0 15px;}
  981.  
  982.  
  983. .ic {
  984. display:inline-block;
  985. {block:ifnotLargeImage}
  986. position:absolute;
  987. left:-61px;
  988. {/block:ifnotLargeImage}
  989. }
  990.  
  991. .ic img {
  992. display:block;
  993. width:46px;
  994. height:46px;
  995. -moz-border-radius:2px;
  996. -webkit-border-radius:2px;
  997. border-radius:2px;
  998. {block:ifLargeImage}
  999. width:200px;
  1000. border-bottom-left-radius:0px;
  1001. -webkit-border-bottom-left-radius:0px;
  1002. -moz-border-bottom-left-radius:0px;
  1003. border-bottom-right-radius:0px;
  1004. -webkit-border-bottom-right-radius:0px;
  1005. -moz-border-bottom-right-radius:0px;
  1006. height:auto;
  1007. {/block:ifLargeImage}
  1008. }
  1009.  
  1010. /*pagination*/
  1011.  
  1012. footer {
  1013. width:{select:post width}px;
  1014. margin:0 auto 100px auto;
  1015. text-align:center;
  1016. {block:ifinfinitescroll}
  1017. {block:ifnotmanualload}
  1018. display:none;
  1019. {/block:ifnotmanualload}
  1020. {/block:ifinfinitescroll}
  1021. }
  1022.  
  1023. footer a {
  1024. padding:10px 15px;
  1025. -moz-border-radius:2px;
  1026. -webkit-border-radius:2px;
  1027. border-radius:2px;
  1028. font-size:.9em;
  1029. display:inline-block;
  1030. text-transform:uppercase;
  1031. letter-spacing:1px;
  1032. background:{color:posts};
  1033. }
  1034.  
  1035. #pagination {
  1036. text-align:right;
  1037. {block:ifinfinitescroll}
  1038. display:none;
  1039. {/block:ifinfinitescroll}
  1040. }
  1041.  
  1042. #plain {
  1043. float:left;
  1044. text-align:left;
  1045. }
  1046.  
  1047. #infscr-loading {display:none!important;}
  1048.  
  1049. .nice {
  1050. position:fixed;
  1051. right:15px;
  1052. bottom:10px;
  1053. padding:3px;
  1054. font-size:7px;
  1055. letter-spacing:1px;
  1056. text-align:center;
  1057. text-transform:uppercase;
  1058. background:{color:posts};
  1059. }
  1060.  
  1061. /*posts*/
  1062.  
  1063. section {
  1064. width:{select:post width}px;
  1065. margin:40px 150px;
  1066. }
  1067.  
  1068. article {
  1069. width:{select:post width}px;
  1070. position:relative;
  1071. margin-bottom:75px;
  1072. }
  1073.  
  1074. .posts {
  1075. -moz-border-radius:2px;
  1076. -webkit-border-radius:2px;
  1077. border-radius:2px;
  1078. overflow:hidden;
  1079. }
  1080.  
  1081. .posts img {
  1082. -webkit-filter: grayscale(100%);
  1083. }
  1084.  
  1085. .ph {
  1086. position:relative;
  1087. overflow:hidden;
  1088. }
  1089.  
  1090. .ph img {
  1091. width:100%;
  1092. display:block;
  1093. -webkit-filter: grayscale(100%);
  1094. }
  1095.  
  1096. .video * {
  1097. display:block;
  1098. min-width:100%;
  1099. -webkit-filter: grayscale(100%);
  1100. }
  1101.  
  1102. a.read_more {text-transform:lowercase;}
  1103.  
  1104. a.tumblr_blog {
  1105. display:inline-block;
  1106. margin-bottom:5px;
  1107. }
  1108.  
  1109. /*titles*/
  1110.  
  1111. .title {
  1112. color:{color:title};
  1113. font-size:1.3em;
  1114. line-height:1.4em;
  1115. padding:15px;
  1116. }
  1117.  
  1118. .title a {color:{color:title};}
  1119.  
  1120. .title a:hover {color:{color:link};}
  1121.  
  1122. .tex, .source, .caption, .a {padding:15px;}
  1123.  
  1124. .ted {margin-top:-15px;}
  1125.  
  1126. /*captions*/
  1127.  
  1128. .ugh .caption {border-top:1px solid {color:borders};}
  1129.  
  1130. .inl.ree .caption p:first-of-type, .inl.ree .caption blockquote:first-of-type, .inl.ree .text p:first-of-type, .inl.ree .text blockquote:first-of-type {display:inline;}
  1131.  
  1132. .inl.ree .caption p:first-of-type::after {content:' ';}
  1133.  
  1134. .inl.ree .caption blockquote:first-of-type, .inl.ree .text blockquote:first-of-type {
  1135. border:0;
  1136. padding:0;
  1137. }
  1138.  
  1139. {block:indexpage}.hide .caption {display:none!important;}{/block:indexpage}
  1140.  
  1141. .posts img, .posts li, .posts blockquote, .caption img {max-width:100%;}
  1142.  
  1143. .caption *:last-child, .a *:last-child, .text *:last-child {
  1144. margin-bottom:0!important;
  1145. padding-bottom:0!Important;
  1146. }
  1147.  
  1148. /*asks*/
  1149.  
  1150. .q {
  1151. padding:15px;
  1152. background:{color:accents};
  1153. border-bottom:1px solid {color:borders};
  1154. position:relative;
  1155. }
  1156.  
  1157. .as, .as a {
  1158. color:{color:text};
  1159. text-transform:lowercase;
  1160. }
  1161.  
  1162. /*chat*/
  1163.  
  1164. .chat {
  1165. padding:0;
  1166. margin:0;
  1167. list-style:none;
  1168. }
  1169.  
  1170. .l.odd {background:{color:accents};}
  1171.  
  1172. .l {
  1173. padding:15px;
  1174. border-bottom:1px solid {color:borders};
  1175. }
  1176.  
  1177. .l:last-of-type {border:0;}
  1178.  
  1179. .label {color:{color:title};}
  1180.  
  1181. /*audio*/
  1182.  
  1183. .tumblr_audio_player {
  1184. width:{select:post width}px;
  1185. height:30px;
  1186. margin-top:-2px;
  1187. }
  1188.  
  1189. .player {
  1190. width:25px;
  1191. height:24px;
  1192. position:absolute;
  1193. left:15px;
  1194. opacity:.5;
  1195. top:calc(50% - 12px);
  1196. display:block;
  1197. overflow:hidden;
  1198. }
  1199.  
  1200. .hold {
  1201. background:{color:accents};
  1202. position:relative;
  1203. display:block;
  1204. min-height:24px;
  1205. padding:15px;
  1206. }
  1207.  
  1208. .audio_info {
  1209. vertical-align:middle;
  1210. margin-left:40px;
  1211. max-width:calc(100% - 40px);
  1212. }
  1213.  
  1214. .audio_info span {
  1215. white-space:nowrap;
  1216. overflow:hidden;
  1217. text-overflow:ellipsis;
  1218. display:block;
  1219. }
  1220.  
  1221. .hold .artist {color:rgba({RGBcolor:text},.7);}
  1222.  
  1223. /*permalink and notes*/
  1224.  
  1225. .when {
  1226. padding:calc(23px - .75em) 15px;
  1227. text-transform:uppercase;
  1228. letter-spacing:1px;
  1229. border-bottom:1px solid {color:borders};
  1230. }
  1231.  
  1232. .when a {
  1233. display:inline-block;
  1234. font-size:.9em;
  1235. }
  1236.  
  1237. .when svg {
  1238. width:12px;
  1239. margin:-1px 15px 0 0;
  1240. display:inline-block;
  1241. fill:{color:text};
  1242. vertical-align:middle;
  1243. }
  1244.  
  1245. .when a:hover svg {fill:{color:link hover};}
  1246.  
  1247. .rr {
  1248. float:right;
  1249. text-align:right;
  1250. }
  1251.  
  1252. .rr a {
  1253. height:1em;
  1254. position:relative;
  1255. display:inline-block;
  1256. }
  1257.  
  1258. .rr svg {margin:0 0 0 15px;}
  1259.  
  1260. .like:hover svg {fill:{color:link};}
  1261.  
  1262. .like .liked + svg {fill:#D95E40;}
  1263.  
  1264. .like_button {cursor:pointer;}
  1265.  
  1266. .like_button iframe {
  1267. position:absolute;
  1268. opacity:0;
  1269. top:0;
  1270. bottom:0;
  1271. right:0;
  1272. z-index:2;
  1273. }
  1274.  
  1275. #permalink {
  1276. padding:15px;
  1277. font-size:.9em;
  1278. text-transform:uppercase;
  1279. letter-spacing:1px;
  1280. }
  1281.  
  1282. .nope {padding-top:0!important;}
  1283.  
  1284. #permalink a {color:{color:text};}
  1285.  
  1286. .inf {
  1287. padding:15px;
  1288. {block:ifhidetags}
  1289. {block:indexpage}
  1290. display:none;
  1291. {/block:indexpage}
  1292. {/block:ifhidetags}
  1293. }
  1294.  
  1295. .inf svg {
  1296. height:12px;
  1297. display:inline-block;
  1298. fill:{color:text};
  1299. vertical-align:middle;
  1300. width:12px;
  1301. margin-top:-2px;
  1302. }
  1303.  
  1304. .inf .mm {
  1305. display:inline-block;
  1306. position:absolute;
  1307. padding-right:15px;
  1308. z-index:2;
  1309. left:15px;
  1310. width:15px;
  1311. }
  1312.  
  1313. .inf .mm:before {
  1314. content:'';
  1315. width:30px;
  1316. top:0;
  1317. z-index:-1;
  1318. bottom:0;
  1319. left:0px;
  1320. position:absolute;
  1321. background:-moz-linear-gradient(right, rgba(255,255,255,0) 0, {color:Posts} 100%);
  1322. background:-webkit-gradient(linear, right top, left top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, {color:Posts}));
  1323. background:-webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0, {color:Posts} 100%);
  1324. background:-o-linear-gradient(right, rgba(255,255,255,0) 0, {color:Posts} 100%);
  1325. background:-ms-linear-gradient(right, rgba(255,255,255,0) 0, {color:Posts} 100%);
  1326. background:linear-gradient(to left, rgba(255, 255, 255, 0) 0, {color:Posts} 100%);
  1327. }
  1328.  
  1329. .tags {
  1330. position:relative;
  1331. padding-left:30px;
  1332. {block:indexpage}
  1333. overflow:hidden;
  1334. white-space:nowrap;
  1335. {/block:indexpage}
  1336. }
  1337.  
  1338. {block:indexpage}
  1339. .tags_inner {
  1340. padding:0px 40px 0px 0;
  1341. position:relative;
  1342. float:left;
  1343. }
  1344.  
  1345. .tags.draggable .tags_inner {
  1346. -webkit-touch-callout:none;
  1347. -webkit-user-select:none;
  1348. -khtml-user-select:none;
  1349. -moz-user-select:none;
  1350. -ms-user-select:none;
  1351. user-select:none;
  1352. }
  1353.  
  1354. .tags:after {
  1355. content:'';
  1356. width:20px;
  1357. top:0;
  1358. bottom:0;
  1359. right:0;
  1360. position:absolute;
  1361. background:
  1362. -moz-linear-gradient(left, rgba(255,255,255,0) 0, {color:Posts} 100%);
  1363. background:
  1364. -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, {color:Posts}));
  1365. background:
  1366. -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, {color:Posts} 100%);
  1367. background:
  1368. -o-linear-gradient(left, rgba(255,255,255,0) 0, {color:Posts} 100%);
  1369. background:
  1370. -ms-linear-gradient(left, rgba(255,255,255,0) 0, {color:Posts} 100%);
  1371. background:
  1372. linear-gradient(to right, rgba(255, 255, 255, 0) 0, {color:Posts} 100%);
  1373. }
  1374. {/block:indexpage}
  1375.  
  1376. .tags a {
  1377. margin-right:10px;
  1378. display:inline;
  1379. text-transform:uppercase;
  1380. letter-spacing:1px;
  1381. font-size:.9em;
  1382. }
  1383.  
  1384. .pagenotes .title {border-bottom:1px solid {color:borders};}
  1385.  
  1386. ol.notes {
  1387. list-style-type:none;
  1388. padding:10px 15px;
  1389. margin:0px;
  1390. overflow-y:auto;
  1391. max-height:300px;
  1392. }
  1393.  
  1394. ol.notes li.note {
  1395. display:block;
  1396. font-size:.9em;
  1397. text-transform:uppercase;
  1398. letter-spacing:1px;
  1399. padding:5px 0;
  1400. margin:0;
  1401. }
  1402.  
  1403. ol.notes li.note:nth-child(odd) * {color:{color:text};}
  1404.  
  1405. ol.notes li.note:nth-child(even) * {color:rgba({RGBcolor:text},.7);}
  1406.  
  1407. ol.notes li.note img.avatar {display:none!important;}
  1408.  
  1409. .more_notes_link,.notes_loading {
  1410. display:block;
  1411. text-align:left!important;
  1412. color:{color:title};
  1413. }
  1414.  
  1415.  
  1416. input::-webkit-input-placeholder {color:{color:text};}
  1417.  
  1418. input::-moz-placeholder {color:{color:text};}
  1419.  
  1420. input:-moz-placeholder {color:{color:text};}
  1421.  
  1422. input:-ms-input-placeholder {color:{color:text};}
  1423.  
  1424. {customCss}
  1425.  
  1426. </style>
  1427.  
  1428.  
  1429.  
  1430.  
  1431.  
  1432.  
  1433.  
  1434. <script type="text/javascript"
  1435. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  1436.  
  1437. <script>
  1438.  
  1439.  
  1440.  
  1441. $(document).ready(function() {
  1442.  
  1443. //
  1444.  
  1445.  
  1446.  
  1447. //When you click on a link with class of poplight and the href starts with a #
  1448.  
  1449. $('a.poplight[href^=#]').click(function() {
  1450.  
  1451. var popID = $(this).attr('rel'); //Get Popup Name
  1452.  
  1453. var popURL = $(this).attr('href'); //Get Popup href to define size
  1454.  
  1455.  
  1456.  
  1457. //Pull Query & Variables from href URL
  1458.  
  1459. var query= popURL.split('?');
  1460.  
  1461. var dim= query[1].split('&');
  1462.  
  1463. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  1464.  
  1465.  
  1466.  
  1467. //Fade in the Popup and add close button
  1468.  
  1469. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
  1470.  
  1471.  
  1472. //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
  1473.  
  1474. var popMargTop = ($('#' + popID).height() + 80) / 2;
  1475.  
  1476. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  1477.  
  1478.  
  1479.  
  1480. //Apply Margin to Popup
  1481.  
  1482. $('#' + popID).css({
  1483.  
  1484. 'margin-top' : -popMargTop,
  1485.  
  1486. 'margin-left' : -popMargLeft
  1487.  
  1488. });
  1489.  
  1490.  
  1491.  
  1492. //Fade in Background
  1493.  
  1494. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  1495.  
  1496. $('#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
  1497.  
  1498.  
  1499.  
  1500. return false;
  1501.  
  1502. });
  1503.  
  1504.  
  1505.  
  1506. //Close Popups and Fade Layer
  1507.  
  1508. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  1509.  
  1510. $('#fade , .popup_block').fadeOut(function() {
  1511.  
  1512. $('#fade, a.close').remove(); //fade them both out
  1513.  
  1514. });
  1515.  
  1516. return false;
  1517.  
  1518. });
  1519.  
  1520.  
  1521.  
  1522.  
  1523.  
  1524. });
  1525.  
  1526. </script>
  1527.  
  1528.  
  1529.  
  1530.  
  1531.  
  1532.  
  1533.  
  1534.  
  1535. </head>
  1536.  
  1537.  
  1538.  
  1539. <body>
  1540.  
  1541.  
  1542.  
  1543.  
  1544. <div id="about" class="popup_block" style="background-image:url('https://66.media.tumblr.com/cd1a3e6ebedf48f05ca3d3d96cfbfa03/tumblr_of5dsqXPqJ1ujot02o1_r1_540.gif'); background-size:400px; background-repeat:no-repeat;">
  1545. <div style="padding:5px; margin-top:185px;">
  1546. <ul>
  1547. <li>Has been dancing since the age of 3.</li>
  1548. <li>Despite her elimination during the survival show 'SIXTEEN', she was added in as the 9th member during the final.</li>
  1549. <li>Has three dogs back in Japan named Petco, Pudin and Lucky.</li>
  1550. <li>Trained for 3 years and 6 months and became a trainee the same day as Sana.</li>
  1551. <li>She is an avid jokbal fanatic.</li>
  1552. <li>Even though she is a food lover, she dislikes cucumber, watermelon and melon.</li>
  1553. <li>Her favourite colour is pink.</li>
  1554. </ul>
  1555. </div>
  1556. </div>
  1557.  
  1558.  
  1559.  
  1560. <div id="navigation" class="popup_block" style="padding:10px">
  1561. <b>about her</b>
  1562. <blockquote>
  1563. <a href="/tagged/( — 1109; )">visual</a>
  1564. <br>
  1565. <a href="/tagged/( — 1020; )">twice</a>
  1566. <br>
  1567. <a href="/tagged/( — headcanon; )">biography</a>
  1568. <br>
  1569. <a href="/tagged/( — MP3; )">tunes</a>
  1570. <br>
  1571. <a href="/tagged/( — inked; )">words</a>
  1572. </blockquote>
  1573. <br>
  1574. <b>interactions</b>
  1575. <blockquote>
  1576. <a href="/tagged/( — projection; )">voice</a>
  1577. <br>
  1578. <a href="/tagged/( — reverie; )">thoughts</a>
  1579. <br>
  1580. <a href="/tagged/( — script; )">replies</a>
  1581. <br>
  1582. <a href="/tagged/( — mailbox; )">asks</a>
  1583. <br>
  1584. <a href="/tagged/( — ooc; )">ooc</a>
  1585. </blockquote>
  1586. </div>
  1587.  
  1588.  
  1589.  
  1590.  
  1591. <div id="ooc" class="popup_block" style="padding:15px; height:300px; overflow-y:scroll; overflow-x:hidden;">
  1592. <b>general blog</b> — This is a general roleplay blog of Twice's Hirai Momo. While gif/icons may be used in threads, it's perfectly okay if you don't use them so don't feel pressured. Most threads will also be in a para format however I am also open to script and novella.
  1593. <br><br>
  1594. <b>aim is available</b> — While I may be on dash and all, I will have days where I'm too tired or have been busy most of the day but I'll most likely be on aim (<i>@moon.jp</i>)! Don't hesitate in adding me however let me know who you are when you do add so I'm not confused or anything. I'm more casual there however I'm open to more serious threads should anyone ever want to roleplay there.
  1595. <br><br>
  1596. <b>status and sexuality</b> — Both are assumed single and straight respectively however, any information in relation to this is undisclosed to the public and will only be known to those who are told personally by Momo herself. JYP has also set a 3 year dating ban on Twice therefore they are assumed unable to do so until said time.
  1597. <br><br>
  1598. <b>pre-established</b> — These relationships are always welcomed as well as general plotting and I am also more than happy to plot in a different verse if it were to suit the thread better.
  1599. <br><br>
  1600. <b>safe for work</b> — Both muse and mun are over the age of 18 however, there won't be any inappropriate content on this blog.
  1601. <br><br>
  1602. <b>general disclaimer</b> — As much as I would love to be, I am in no way affiliated with Momo, Twice or JYP Ent. All icons and gif icons used are made by myself however gifs and images are credited to their original makers and takers.
  1603. </div>
  1604.  
  1605.  
  1606.  
  1607. <div id="oneinamillion" class="popup_block" style="padding:10px;">
  1608. <center><b>one in a million</b></center>
  1609. <br><br>
  1610. <center>
  1611. <span style="word-spacing:20px">
  1612. <a href="/tagged/( — 0922; )" title="#bunnyeon">
  1613. <img src="https://66.media.tumblr.com/57e9acfb5b57e8b40400e71b60f4799d/tumblr_oalak4fErI1vaey0oo6_250.png" width="100"></a>
  1614. <a href="/tagged/( — 1101; )" title="#nojams1">
  1615. <img src="https://66.media.tumblr.com/87ec7128c45fb75608b1930f0ad80f24/tumblr_oalak4fErI1vaey0oo4_250.png" width="100"></a>
  1616. <a href="/tagged/( — 1109; )" title="#peach">
  1617. <img src="https://67.media.tumblr.com/4a7d1ce46716fa22b19d23bbdfdf8136/tumblr_oalak4fErI1vaey0oo7_250.png" width="100"></a>
  1618. <br>
  1619. <br>
  1620. <a href="/tagged/( — 1229; )" title="#sailormoon">
  1621. <img src="https://67.media.tumblr.com/e822d3fadf410bb6adfc4f15c449278b/tumblr_oalak4fErI1vaey0oo8_250.png" width="100"></a>
  1622. <a href="/tagged/( — 0201; )" title="#vitamin j">
  1623. <img src="https://66.media.tumblr.com/22dff3c170da8a0bb33c9f8978f54c1c/tumblr_oalak4fErI1vaey0oo3_250.png" width="100"></a>
  1624. <a href="http://myouiari.tumblr.com/" title="#blackswan">
  1625. <img src="https://66.media.tumblr.com/867393cc89c457efe2258287f5e6dbd5/tumblr_oalak4fErI1vaey0oo5_250.png" width="100"></a>
  1626. <br>
  1627. <br>
  1628. <a href="http://kmdubu.tumblr.com/" title="#happyvirus">
  1629. <img src="https://67.media.tumblr.com/282b0f5cdded6ea468f9752e6377f795/tumblr_oalak4fErI1vaey0oo2_250.png" width="100"></a>
  1630. <a href="/tagged/( — 0423; )" title="#nojams2">
  1631. <img src="https://67.media.tumblr.com/e33ad0e943b91faa2363ef5eecd5ed35/tumblr_oalak4fErI1vaey0oo1_250.png" width="100"></a>
  1632. <a href="/tagged/( — 0614; )" title="#yeoshin">
  1633. <img src="https://67.media.tumblr.com/12a9b6c400d8647a98192b61e5468f7f/tumblr_oalak4fErI1vaey0oo9_250.png" width="100"></a>
  1634. </span></center>
  1635. </div>
  1636.  
  1637.  
  1638.  
  1639. <div id="specialstars" class="popup_block" style="padding:10px;">
  1640. <center>I can't express how thankful I am for each of you.</center>
  1641. <br>
  1642. <br>
  1643. <center><span style="font-family:arial; font-size:10px; color:#888888; border-bottom:0px #bfbfbf solid; word-spacing:10px">
  1644. <a href="http://sonaries.tumblr.com/" title="lina">
  1645. <img src="https://66.media.tumblr.com/d49a43099c7b8f85bd3bdc6e646a3daa/tumblr_odga9tH6do1vehkxro1_250.png" width="60"></a>
  1646. <a href="http://sooyoug.tumblr.com/" title="joy">
  1647. <img src="https://66.media.tumblr.com/7f3fc93dc14812c978b2126e1eb5c46f/tumblr_oalju4GKUy1vaey0oo5_250.png" width="60"></a>
  1648. <a href="http://crudist.tumblr.com/" title="iris">
  1649. <img src="https://66.media.tumblr.com/e9117a1cf53522fe4d5f3846a5407d04/tumblr_odga9tH6do1vehkxro2_250.png" width="60"></a>
  1650. <a href="http://jinvenchy.tumblr.com/" title="nana">
  1651. <img src="https://67.media.tumblr.com/c1488731d5c294c1c03964dca4ac4de1/tumblr_oalju4GKUy1vaey0oo8_250.png" width="60"></a>
  1652. <span title="sooah">
  1653. <img src="https://66.media.tumblr.com/e3227858e663d87f5ff937db6992c257/tumblr_odh3cqs1Eh1vqhnpro1_250.png" width="60"></span>
  1654. <br>
  1655. <br>
  1656. <span title="lane">
  1657. <img src="https://67.media.tumblr.com/b7413cc5116d603e9ad297870ee2ecd8/tumblr_odgnculL1E1vehkxro1_250.png" width="60"></span>
  1658. <a href="http://sshiruka.tumblr.com/" title="jimin">
  1659. <img src="https://67.media.tumblr.com/3cb646507b1dd6635dd3eb3b989d697b/tumblr_oalju4GKUy1vaey0oo4_250.png" width="60"></a>
  1660. <a href="http://hxnryz.tumblr.com/" title="henry">
  1661. <img src="https://66.media.tumblr.com/6fe84a440fe106c4138727bd1aef5e6d/tumblr_oalju4GKUy1vaey0oo2_250.png" width="60"></a>
  1662. <span title="mark">
  1663. <img src="https://67.media.tumblr.com/d0d2507273556821d54a67d9fea5aca5/tumblr_odgkhvZ2H11vehkxro2_250.png" width="60"></span>
  1664. <span title="jinyoung">
  1665. <img src="https://67.media.tumblr.com/53662c870847b4424c826f5fb571e765/tumblr_odgkhvZ2H11vehkxro1_250.png" width="60"></span>
  1666. </span></center>
  1667. </div>
  1668.  
  1669.  
  1670.  
  1671. <div id="baby" class="popup_block" style="background-image:url('http://66.media.tumblr.com/0a9e8d056c6e6a84bc16123a7408ae0e/tumblr_n7ry8eKTp51tdrnx5o1_500.png'); background-size:300px; background-repeat:no-repeat;">
  1672. <div style="padding:10px; margin-top:270px; text-align:center;">
  1673. ‘ he has the most adorable eyes you could ever fall for, and the cutest smile that could take your breath away. he has the ability to make you laugh everytime he speaks and whenever i look into his eyes, it's so very hard to turn away. ’
  1674. <br><br>
  1675. <a href="/tagged/( — fox; )" title="him.">one.</a>
  1676. <a href="/tagged/( — candy boy; )" title="my moonlight.">two.</a>
  1677. <a href="/tagged/( — 160905; )" title="got me daydreamin'.">three.</a>
  1678. <a href="https://www.youtube.com/watch?v=ph3l5bzgoPc" title="♡">four.</a>
  1679. </span>
  1680. </div>
  1681. </div>
  1682.  
  1683.  
  1684.  
  1685. <div id="senshi" class="popup_block" style="padding:10px;">
  1686. <center><b>senshi squad</b></center>
  1687. <br>
  1688. <br>
  1689. <center>
  1690. <img src="http://67.media.tumblr.com/tumblr_m8cqfzPKp61roozkr.gif" title="mars." width="100">
  1691. <br>
  1692. <br>
  1693. <span style="word-spacing: 20px;">
  1694. <a href="http://sooruto.tumblr.com/" title="moon." width="120">
  1695. <img src="http://66.media.tumblr.com/2746493daae95e8958c1f7957eb14265/tumblr_inline_n33u73qIHU1qfc9y0.gif"></a>
  1696. <a href="http://bxra.tumblr.com/" title="mercury." width="120">
  1697. <img src="http://67.media.tumblr.com/3ed7d9c0e3016e87fb79a0ea48050744/tumblr_inline_n33u4lFbra1qfc9y0.gif"></a>
  1698. <a href="http://jinvenchy.tumblr.com/" title="venus." width="120">
  1699. <img src="http://65.media.tumblr.com/175aca6f0e9c1643a7719e5260cd1a23/tumblr_inline_n33uogD6LM1qfc9y0.gif"></a>
  1700. <br>
  1701. <a href="http://toyouke.tumblr.com/" title="jupiter." width="120">
  1702. <img src="http://65.media.tumblr.com/3f5ad5991169051df69b312f2b57731a/tumblr_inline_n33u3ySAxk1qfc9y0.gif"></a>
  1703. <a href="http://hyuboo.tumblr.com/" title="saturn." width="120">
  1704. <img src="http://66.media.tumblr.com/9e443310cf87dbb1af1f2ff89ab8c20f/tumblr_inline_n33u9eIPCs1qfc9y0.gif"></a>
  1705. <br>
  1706. <a href="http://mijvliete.tumblr.com/" title="uranus." width="120">
  1707. <img src="http://66.media.tumblr.com/8c8ba98f390bccbe538a015968c282ed/tumblr_inline_n33uodpAQS1qfc9y0.gif"></a>
  1708. <a href="http://ahynvg.tumblr.com/" title="neptune." width="120">
  1709. <img src="http://66.media.tumblr.com/da4a963404aef7221965f787610c4bec/tumblr_inline_n33u5abetg1qfc9y0.gif"></a>
  1710. <a href="" title="pluto." width="120">
  1711. <img src="http://66.media.tumblr.com/ea8cb328ef72c5e3813bfb581bafca65/tumblr_inline_n33u5oGuQf1qfc9y0.gif"></a>
  1712. </span>
  1713. </center>
  1714. </div>
  1715.  
  1716.  
  1717.  
  1718.  
  1719. <div class="uhhh"></div>
  1720.  
  1721.  
  1722.  
  1723. <div class="everything">
  1724.  
  1725.  
  1726. <div id="dtitle">about the girl</div>
  1727.  
  1728.  
  1729. <div id="desc">
  1730. she's a ball of sunshine. they call her peach,
  1731. <br>
  1732. and she's known for her powerful dancing
  1733. <br>
  1734. and energetic, charismatic stage presence
  1735. <br>
  1736. despite her cute and eccentric off-camera
  1737. <br>
  1738. personality. a big heart and an even bigger
  1739. <br>
  1740. appetite. official "nico nico nii!" trend-setter.
  1741. </div>
  1742.  
  1743. <div id="ptitle">official profile</div>
  1744.  
  1745. <div id="profile">
  1746. <b>full name:</b> hirai momo
  1747. <br>
  1748. <b>nicknames:</b> momoring,
  1749. <br>
  1750. moguri, mukmo, peach
  1751. <br>
  1752. <b>d.o.b:</b> nov. 9th, 1996
  1753. <br>
  1754. <b>p.o.b:</b> kyoto, japan
  1755. <br>
  1756. <b>blood type:</b> a
  1757. <br>
  1758. <b>height:</b> 167cm / 6'0
  1759. <br>
  1760. <b>weight:</b> 50kg / 140lbs
  1761. </div>
  1762.  
  1763.  
  1764.  
  1765. <div id="sideimg"></div>
  1766.  
  1767.  
  1768. <div id="title">sweet peach</div>
  1769.  
  1770.  
  1771. <div id="navi">
  1772. <a href="/" title="home"><i class="fa fa-home" aria-hidden="true"></i></a>
  1773. <a href="/ask" title="inbox"><i class="fa fa-inbox" aria-hidden="true"></i></a>
  1774. <a href="#?w=400" rel="about" class="poplight" title="about"><i class="fa fa-user" aria-hidden="true"></i></a>
  1775. <a href="#?w=200" rel="navigation" class="poplight" title="navigation"><i class="fa fa-navicon" aria-hidden="true"></i></a>
  1776. <a href="#?w=300" rel="ooc" class="poplight" title="mun note"><i class="fa fa-book" aria-hidden="true"></i></a>
  1777. <a title="ariana grande - moonlight"><i class="fa fa-music" aria-hidden="true"></i></a>
  1778. </div>
  1779.  
  1780.  
  1781.  
  1782.  
  1783.  
  1784.  
  1785. <div class="twice"><a href="#?w=400" rel="oneinamillion" class="poplight">twice</a></div>
  1786.  
  1787. <div class="friends"><a href="#?w=400" rel="specialstars" class="poplight">friends</a></div>
  1788.  
  1789. <div class="squad"><a href="#?w=300" rel="senshi" class="poplight">squad</a></div>
  1790.  
  1791. <div class="him"><a href="#?w=300" rel="baby" class="poplight">him</a></div>
  1792.  
  1793.  
  1794.  
  1795. <div id="box">
  1796. <div id="icon">
  1797. <img src="http://66.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif"/>
  1798. </div>
  1799. <div id="musicbox"><div id="music">
  1800. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="200" height="100">
  1801. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  1802. <param name="bgcolor" value="#ffb399" />
  1803. <param name="FlashVars" value="mp3=https%3A//dl.dropboxusercontent.com/s/sfroqvbppsj0fek/Ariana%2520Grande%2520-%2520Moonlight%2520%2528Audio%2529.mp3&amp;volume=75&amp;autoplay=1&amp;loop=1&amp;showslider=0&amp;loadingcolor=ffb399&amp;bgcolor=ffb399&amp;bgcolor1=ffb399&amp;bgcolor2=ffb399&amp;slidercolor1=ffb399&amp;slidercolor2=ffb399&amp;sliderovercolor=ffb399&amp;buttonovercolor=ffffff" />
  1804. </object>
  1805. </div></div></div>
  1806.  
  1807.  
  1808.  
  1809. </div>
  1810.  
  1811.  
  1812.  
  1813.  
  1814.  
  1815. <section id="entries">
  1816.  
  1817. {block:Posts}
  1818.  
  1819. <article id="{PostID}" class="{select:caption} {select:Caption}{block:RebloggedFrom} ree{/block:RebloggedFrom}"><div class="posts {block:audio}ugh{/block:audio}">
  1820.  
  1821. {block:date}<div class="when"><span class="rr"><a href="{ReblogURL}" target="_blank" class="r"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M108.7,159.2c-22.3,0-42.4-14.9-48.8-36.2c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c8.1,26.8,32.3,44.7,60.3,44.7c34.7,0,63-28.3,63-63c0-34.7-28.3-63-63-63c-19.7,0-38.2,9.4-50,24.6l-2.5-19.8c-0.4-3.3-3.4-5.6-6.7-5.2c-3.3,0.4-5.6,3.4-5.2,6.7L49,88.1c0.4,3,3,5.2,5.9,5.2c0.2,0,0.5,0,0.7,0l36.2-4.1c3.3-0.4,5.7-3.3,5.3-6.6s-3.3-5.7-6.6-5.3L66.2,80c9.4-14.1,25.3-22.8,42.5-22.8c28.1,0,51,22.9,51,51S136.8,159.2,108.7,159.2z"/></svg></a><a class="like">{LikeButton}<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/></svg></a></span><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M108,184.3c42.1,0,76.3-34.2,76.3-76.3S150.1,31.7,108,31.7S31.7,65.9,31.7,108S65.9,184.3,108,184.3z M108,43.7c35.5,0,64.3,28.9,64.3,64.3s-28.9,64.3-64.3,64.3S43.7,143.5,43.7,108S72.5,43.7,108,43.7z"/><path d="M98.3,120.7l25.7,20c1.1,0.8,2.4,1.3,3.7,1.3c1.8,0,3.6-0.8,4.7-2.3c2-2.6,1.6-6.4-1.1-8.4L108,113.1V72c0-3.3-2.7-6-6-6s-6,2.7-6,6v44C96,117.9,96.9,119.6,98.3,120.7z"/></svg> <a href="{permalink}"> {month} {dayofmonth}{dayofmonthsuffix}</a></div>{/block:date}
  1822.  
  1823.  
  1824. {block:Quote}<div class="title quote">{Quote}</div>{block:Source}<div class="source ted">{Source}</div>{/block:Source}{/block:Quote}
  1825.  
  1826. {block:Text}
  1827. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1828. <div class="tex {block:title}ted{/block:title}">{Body}</div>
  1829. {/block:Text}
  1830.  
  1831. {block:Link}
  1832. <div class="title"><a href="{URL}">{Name}</a></div>
  1833. {block:Description}<div class="tex ted">{Description}</div>{/block:Description}
  1834. {/block:Link}
  1835.  
  1836. {block:Chat}
  1837. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1838. <ol class="chat">
  1839. {block:Lines}
  1840. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  1841. {/block:Lines}
  1842. </ol>
  1843. {/block:Chat}
  1844.  
  1845. <div class="ph">
  1846. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:Photo}
  1847.  
  1848. {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img alt="{PhotoAlt}" 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>{/block:Photoset}
  1849.  
  1850. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  1851.  
  1852. {block:Audio}{block:AudioPlayer}<div class="hold"><div class="player">{AudioPlayerWhite}</div><div class="audio_info">{block:TrackName}<span>{TrackName}</span>{/block:TrackName}{block:Artist}<span class="artist">{Artist}</span>{/block:Artist}</div></div>{/block:AudioPlayer}{/block:Audio}
  1853. </div>
  1854.  
  1855. {block:Answer}<div class="q"><span class="as">{Asker} sent: </span>{Question}</div><div class="a">{Answer}</div>{/block:Answer}
  1856.  
  1857. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1858.  
  1859. {block:Date}{block:permalinkpage}{block:RebloggedFrom}<div id="permalink" {block:Caption}class="nope"{/block:Caption}>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} / source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</div>{/block:RebloggedFrom}{/block:permalinkpage}{block:HasTags}<div class="inf {block:Caption}nope{/block:Caption}{block:answer}nope{/block:answer}{block:text}nope{/block:text}{block:link}nope{/block:link}{block:quote}nope{/block:quote}" {block:chat}style="border-top:1px solid {Color:borders}"{/block:chat}><span class="mm"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M95.2,186C95.3,186,95.3,186,95.2,186c1.7,0,3.2-0.6,4.3-1.7l64.8-66.7c2.3-2.4,2.3-6.1-0.1-8.4L94.7,39.7c-1.1-1.1-2.7-1.7-4.2-1.7c0,0,0,0,0,0l-67.1,0.1c-3.3,0-6,2.6-6,5.9L17,109.9c0,1.6,0.6,3.2,1.8,4.3l72.3,70.2C92.2,185.5,93.7,186,95.2,186z M29.4,50L88,49.8l63.6,63.6l-56.5,58.2L29,107.4L29.4,50z M200.3,110.2c2.3,2.3,2.3,6,0,8.4l-64.8,66.8c-1.2,1.2-2.7,1.8-4.3,1.8c-1.5,0-3-0.6-4.2-1.7c-2.4-2.3-2.4-6.1-0.1-8.5l60.7-62.6L130.2,56c-2.3-2.4-2.3-6.2,0.1-8.5c2.4-2.3,6.2-2.3,8.5,0.1L200.3,110.2z M67.1,77.7c0,4.6-3.8,8.4-8.4,8.4s-8.4-3.8-8.4-8.4c0-4.6,3.8-8.4,8.4-8.4S67.1,73.1,67.1,77.7z"/></svg></span><div class="tags draggable"><div class="tags_inner">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div></div></div>{/block:HasTags}{/block:Date}
  1860. </div></article>
  1861.  
  1862. {block:PostNotes}<article class="pagenotes"><div class="posts"><div class="title">{NoteCountWithLabel}</div>{PostNotes}</div></article>{/block:PostNotes}
  1863.  
  1864. {/block:Posts}
  1865.  
  1866.  
  1867. <footer><div id="pagination">{block:previousPage}<a href="{previousPage}" {block:NextPage}id="plain"{/block:NextPage}>backward</a>{/block:previousPage}{block:NextPage}<a href="{NextPage}" id="next">forward</a>{/block:NextPage}</div>{block:ifinfinitescroll}{block:ifmanualload}{block:NextPage}<a class="load">load more</a>{/block:NextPage}{/block:ifmanualload}{/block:ifinfinitescroll}</footer>
  1868.  
  1869.  
  1870. </section>
  1871.  
  1872.  
  1873.  
  1874. {block:ContentSource}
  1875. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1876. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1877. {/block:SourceLogo}
  1878. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1879. {/block:ContentSource}
  1880.  
  1881. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>{block:indexpage}<script src="http://static.tumblr.com/sas2ex2/Uvzo2if15/tags.js"></script>{block:ifinfinitescroll}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}{/block:indexpage}<script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script><script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1882. <script>
  1883. $(document).ready(function(){
  1884. $('.photo-slideshow').pxuPhotoset({
  1885. lightbox: true,
  1886. rounded: false,
  1887. gutter: '1px',
  1888. photoset: '.photo-slideshow',
  1889. photoWrap: '.photo-data',
  1890. photo: '.pxu-photo'
  1891. });
  1892. $(document).tooltip({track:true});
  1893. $('iframe.tumblr_audio_player').each(function(){
  1894. var audio = $(this).attr('src')
  1895. $(this).attr('src', audio + '&color=transparent');
  1896. });
  1897. var $container = $('section');
  1898. {block:indexpage}{block:ifinfinitescroll}
  1899. $container.infinitescroll({
  1900. itemSelector: 'article',
  1901. navSelector: '#pagination',
  1902. nextSelector: '#pagination a',
  1903. loadingImg: '',
  1904. loadingText: '<em></em>',
  1905. errorCallback: function(){ $('.load').text('no more posts').parent('footer').delay(4000).slideUp(400); },
  1906. bufferPx: 3000
  1907. },
  1908. function( newElements ) {
  1909. var $newElems = $( newElements );
  1910. var $newID = $newElems.map(function() {return this.id;}).get();
  1911. Tumblr.LikeButton.get_status_by_post_ids($newID);
  1912. $newElems.find('.photo-slideshow').pxuPhotoset({
  1913. lightbox: true,
  1914. rounded: false,
  1915. gutter: '1px',
  1916. photoset: '.photo-slideshow',
  1917. photoWrap: '.photo-data',
  1918. photo: '.pxu-photo'
  1919. });
  1920. resizeVideos();
  1921. dragTags();
  1922. $newElems.find('iframe.tumblr_audio_player').each(function(){
  1923. var audio = $(this).attr('src')
  1924. $(this).attr('src', audio + '&color=transparent');
  1925. });
  1926. });
  1927. {block:ifmanualload}
  1928. $(window).unbind('.infscr');
  1929. $('.load').click(function(){
  1930. $('footer').fadeTo("400", 0);
  1931. $container.delay(400).infinitescroll('retrieve');
  1932. $(this).parent('footer').delay(400).fadeTo("400", 1);
  1933. });
  1934. {/block:ifmanualload}
  1935. {/block:ifinfinitescroll}{/block:indexpage}
  1936. });
  1937. </script>
  1938. <a class="nice" href="http://sorrism.tumblr.com" target="_blank" title="tweaked by @hanjsol for @moguuri's usage only!">theme</a>
  1939. </body>
  1940.  
  1941. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!