API tools faq
paste
Advertisement
kyngri

Hyemimimi

kyngri
Dec 21st, 2014
205
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.99 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!---
  5. THEME: 23
  6. BY: Heidi (Previously Crayoned & Zohne of Zojoh) tweaked by pyohaem for personal use only, no stealing.
  7.  
  8. Dear person in my source code,
  9.  
  10. I see you.
  11. And I will find you.
  12. Because I always do.
  13.  
  14. Sincerely,
  15. Someone you don't
  16. want to mess with.
  17.  
  18. PS. If you want to know how to do something, just ask. Simple as that. Ignore your pride and ask. It's less dramatic and you'll be more respected in the long-run.
  19. --->
  20.  
  21. <head>
  22.  
  23. <script language=JavaScript> var message="Boo."; function clickIE4(){ if (event.button==2) { alert(message); return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("return false") </script>
  24.  
  25. <script type="text/javascript">function tb8_makeArray(n){this.length = n;return this.length;}tb8_messages = new tb8_makeArray(3);tb8_messages[0] = " ʏᴏᴜ & ɪ ";tb8_messages[1] = " ᴍᴀᴍɪʜʟᴀᴘɪɴᴀᴛᴀᴘᴀɪ. ";tb8_rptType = 'infinite';tb8_rptNbr = 5;tb8_speed = 100;tb8_delay = 2000;var tb8_counter=1;var tb8_currMsg=0;var tb8_tekst ="";var tb8_i=0;var tb8_TID = null;function tb8_pisi(){tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);document.title = tb8_tekst;tb8_sp=tb8_speed;tb8_i++;if (tb8_i==tb8_messages[tb8_currMsg].length){tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;}if (tb8_currMsg == tb8_messages.length){if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){clearTimeout(tb8_TID);return;}tb8_counter++;tb8_currMsg = 0;}tb8_TID = setTimeout("tb8_pisi()", tb8_sp);}tb8_pisi()</script>
  26.  
  27. <title>{Title}</title>
  28. {block:Description}
  29. <meta name="description" content="{MetaDescription}" />
  30. {/block:Description}
  31. <link rel="shortcut icon" href="https://31.media.tumblr.com/3fbcd2e49db5e1b4e85ca75564552bb7/tumblr_inline_ndgzhe7jQ31t3297y.png" />
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  33.  
  34.  
  35. <meta name="color:Background" content="#ffffff" />
  36. <meta name="color:Text" content="#bbbbbb" />
  37. <meta name="color:Desc Text" content="#bbbbbb" />
  38. <meta name="color:Links" content="#a2bec7" />
  39. <meta name="color:Links Hover" content="#e4e4e4" />
  40. <meta name="color:Lines" content="#e4e4e4" />
  41. <meta name="color:Scrollbar" content="#dbdbdb" />
  42. <meta name="color:Scroll" content="#f6f6f6" />
  43. <meta name="color:Bold" content="#b3b3b3" />
  44. <meta name="color:Italic" content="#cccccc"/>
  45. <meta name="color:Blockquote" content="#b6b6b6" />
  46. <meta name="color:Borders" content="#f5f5f5"/>
  47. <meta name="color:Posts" content="#fff" />
  48. <meta name="color:Chat" content="#fff" />
  49.  
  50. <meta name="color:Ask" content="#adadad" />
  51. <meta name="color:Ask Background" content="#f8f8f8" />
  52.  
  53. <meta name="image:Background" content="" />
  54. <meta name="image:Sidebar1" content=""/>
  55.  
  56. <meta name="text:link1" content="" />
  57. <meta name="text:title1" content="" />
  58. <meta name="text:link2" content="" />
  59. <meta name="text:title2" content="" />
  60. <meta name="text:link3" content="" />
  61. <meta name="text:title3" content="" />
  62. <meta name="text:link4" content="" />
  63. <meta name="text:title4" content="" />
  64.  
  65. <meta name="if:ShowCaptions" content="1" />
  66. <meta name="if:InfiniteScroll" content="1" />
  67. <meta name="if:400px" content="0" />
  68. <meta name="if:monochrome" content="1" />
  69.  
  70.  
  71. <style type="text/css">
  72.  
  73.  
  74. iframe#tumblr_controls {
  75. top:0%!important;
  76. right:0%!important;
  77. position:fixed!important;
  78. z-index:99999999!important;
  79. opacity:0.3;
  80. -webkit-filter:invert(100%);
  81. -moz-filter:invert(100%);
  82. -o-filter:invert(100%);
  83. -ms-filter:invert(100%);
  84. filter:invert(100%);
  85. }
  86.  
  87. /* scrollbar */
  88.  
  89. @font-face { font-family: "wendy"; src: url('https://dl.dropboxusercontent.com/s/yr32rdtfszs02ze/wendy.ttf?dl=1'); format(“truetype”);}
  90. @font-face {font-family: "neou"; src:url('https://dl.dropboxusercontent.com/s/ggesu9cscg40a2p/neou-thin.ttf?dl=1'); format(“truetype”);}
  91. @font-face {font-family: "alexbrush";src: url('https://dl.dropboxusercontent.com/s/y48zvcvymdw1vmo/alexbrush-regular.ttf?dl=1'); format("truetype");}
  92. @font-face {font-family: "laine";src: url('https://dl.dropboxusercontent.com/s/q2nwfx6s9t3k759/laine.ttf?dl=1'); format("truetype");}
  93. @font-face{ font-family:"signerica"; src: url('https://dl.dropboxusercontent.com/s/kfe6jebile02ki3/signerica_thin.ttf?dl=1'); format(“truetype”);}
  94.  
  95.  
  96.  
  97. ::-webkit-scrollbar-thumb:vertical {
  98. background-color:{color:Scrollbar};
  99. border:2px solid {color:Scroll};
  100. }
  101. ::-webkit-scrollbar-thumb:horizontal {
  102. background-color:{color:Scrollbar};
  103. border:2px solid {color:Scroll};
  104. }
  105. ::-webkit-scrollbar {
  106. background-color:{color:Scrollbar};
  107. border:5px solid {color:Scroll};
  108. width:11px;
  109. height:7px;
  110. }
  111. ::-webkit-scrollbar-button:start:decrement {
  112. background-color:{color:Scrollbar};
  113. display:block;height:8px;
  114. border-right:2px solid {color:Scroll};
  115. border-left:2px solid {color:Scroll};
  116. }
  117.  
  118. ::-webkit-scrollbar-button:end:increment {
  119. background-color:{color:Scrollbar};
  120. display:block;height:8px;
  121. border-right:2px solid {color:Scroll};
  122. border-left:2px solid {color:Scroll};
  123. }
  124.  
  125. /*Body*/
  126.  
  127.  
  128.  
  129. body {
  130. margin:0;
  131. padding:0;
  132. border:0;
  133. background:url('{image:Background}');
  134. background-attachment:fixed;
  135. background-repeat:repeat;
  136. background-color:{color:Background};
  137. color:{color:Text};
  138. font-family:calibri;
  139. font-size:10px;
  140. line-height:11px;
  141. text-align:justify;
  142. word-wrap:break-word;
  143. }
  144.  
  145. a {
  146. color:{color:Links};
  147. text-decoration:none;
  148. -webkit-transition: 0.5s;
  149. -moz-transition: 0.5s;
  150. -o-transition: 0.5s;
  151. -ms-transition: 0.5s;
  152. transition: 0.5s;
  153. }
  154. a:hover{
  155. color:{color:Links Hover};
  156. text-shadow: 2px 2px 6px #111;
  157. -webkit-transition: 0.5s;
  158. -moz-transition: 0.5s;
  159. -o-transition: 0.5s;
  160. -ms-transition: 0.5s;
  161. transition: 0.5s;
  162. }
  163.  
  164. pre {
  165. width:95%;
  166. white-space:pre-wrap;
  167. word-wrap:break-word;
  168. background:#a2bec7;
  169. padding:4px;
  170. }
  171.  
  172. pre a {
  173. color:white;
  174. }
  175.  
  176. blockquote {
  177. width:90%;
  178. margin-left:15px;
  179. padding:5px;
  180. border-left:1px solid {color:Blockquote};
  181. }
  182.  
  183. sub {
  184. font-size:9px;
  185. }
  186.  
  187. small {
  188. font-size:8px;
  189. }
  190.  
  191. b, strong {
  192. color:{color:Bold};
  193. font-weight:bold;
  194. }
  195.  
  196. i, em {
  197. color:{color:Italic};
  198. font-style:italic;
  199. }
  200.  
  201. ul,ol {
  202. padding:2px;
  203. margin-left:25px;
  204. }
  205.  
  206. ul {
  207. list-style-type:square;
  208. }
  209.  
  210. /* bff */
  211.  
  212. #corazon {
  213. position:absolute;
  214. bottom:-30px;
  215. left:-30px;
  216. z-index:999999;
  217. }
  218.  
  219. #corazon img {
  220. width:50px;
  221. padding:4px;
  222. border:3px double {color:Borders};
  223. border-radius:100px;
  224. }
  225.  
  226. /* Sidebar wrapper*/
  227.  
  228. .animated {
  229. -webkit-animation-duration: 1s;
  230. animation-duration: 1s;
  231. -webkit-animation-fill-mode: both;
  232. animation-fill-mode: both;
  233. -webkit-animation-timing-function: ease-in;
  234. animation-timing-function: ease-in;
  235. }
  236.  
  237. @-webkit-keyframes fadeInRight {
  238. 0% {
  239. opacity: 0;
  240. -webkit-transform: translateX(20px);
  241. }
  242. 100% {
  243. opacity: 1;
  244. -webkit-transform: translateX(0);
  245. }
  246. }
  247. @keyframes fadeInRight {
  248. 0% {
  249. opacity: 0;
  250. transform: translateX(20px);
  251. }
  252. 100% {
  253. opacity: 1;
  254. transform: translateX(0);
  255. }
  256. }
  257. .fadeInRight {
  258. -webkit-animation-name: fadeInRight;
  259. animation-name: fadeInRight;
  260. }
  261.  
  262. #sbwrap {
  263. position:fixed;
  264. width:420px;
  265. height:190px;
  266. right:1000px;
  267. bottom:320px;
  268. z-index:99;
  269. }
  270.  
  271. /* Corners */
  272.  
  273. #sb_outer:after {
  274. content:"";
  275. width:60px;
  276. height:60px;
  277. top:-1px;
  278. left:-1px;
  279. position:absolute;
  280. z-index:-1;
  281. background:{color:Links};
  282. }
  283.  
  284.  
  285. #sb_outer:before{
  286. content:"";
  287. width:60px;
  288. height:60px;
  289. bottom:-1px;
  290. right:-1px;
  291. position:absolute;
  292. z-index:-1;
  293. background:{color:Links};
  294. }
  295.  
  296. #sb {
  297. position:absolute;
  298. top:0px;
  299. bottom:0px;
  300. width:420px;
  301. height:190px;
  302. background:{color:Background};
  303. border-top-right-radius:100px;
  304. border-bottom-left-radius:100px;
  305. }
  306.  
  307. #sig {
  308. position:absolute;
  309. top:-50px;
  310. left:80px;
  311. text-align:center;
  312. z-index:1;
  313. }
  314.  
  315.  
  316. #sbline1 {
  317. position:absolute;
  318. width:250px;
  319. height:5px;
  320. left:60px;
  321. top:30px;
  322. background:{color:Borders};
  323. border-top-right-radius:10px;
  324. }
  325.  
  326. #sbline2 {
  327. position:absolute;
  328. width:250px;
  329. height:3px;
  330. left:100px;
  331. top:38px;
  332. background:{color:Borders};
  333. border-bottom-left-radius:50px;
  334. }
  335.  
  336. #sbbutterflies {
  337. position:absolute;
  338. width:100px;
  339. height:200px;
  340. bottom:0px;
  341. right:-40px;
  342. z-index:9;
  343. }
  344.  
  345. #sbbutterflies img {
  346. -webkit-transition: 0.8s;
  347. -moz-transition: 0.8s;
  348. -o-transition: 0.8s;
  349. -ms-transition: 0.8s;
  350. transition: 0.8s;
  351. }
  352.  
  353. #sbbutterflies img:hover{
  354. -webkit-filter: blur(15px);
  355. -webkit-transition:all 0.9s;
  356. -moz-transition:all 0.9s;
  357. -ms-transition:all 0.9s;
  358. -o-transition:all 0.9s;
  359. transition:all 0.9s;
  360. -webkit-transition: all 0.5s ease-out;
  361. -moz-transition: all 0.5s ease-out;
  362. transition: all 0.5s ease-out;
  363. }
  364.  
  365. #kook {
  366. opacity:0;
  367. position:absolute;
  368. bottom:-27px;
  369. right:0px;
  370. z-index:-1;
  371. -webkit-transition: all 1.5s ease-in-out;
  372. -moz-transition: all 1.5s ease-in-out;
  373. -o-transition: all 1.5s ease-in-out;
  374. transition: all 1.5s ease-in-out;
  375. }
  376.  
  377. #kook img {
  378. width:40px;
  379. padding:4px;
  380. border:3px double {color:Borders};
  381. border-radius:100px;
  382. -webkit-transition: all 1.5s ease-in-out;
  383. -moz-transition: all 1.5s ease-in-out;
  384. -o-transition: all 1.5s ease-in-out;
  385. transition: all 1.5s ease-in-out;
  386. }
  387.  
  388. #sbwrap:hover #kook {
  389. z-index:999;
  390. opacity:1;
  391. right:45px;
  392. -webkit-transition: all 1.5s ease-in-out;
  393. -moz-transition: all 1.5s ease-in-out;
  394. -o-transition: all 1.5s ease-in-out;
  395. transition: all 1.5s ease-in-out;
  396. }
  397.  
  398.  
  399. /* NAVIGATION */
  400.  
  401. #sblink {
  402. position:absolute;
  403. width:70px;
  404. height:150px;
  405. bottom:0px;
  406. left:10px;
  407. opacity:.4;
  408. z-index:1;
  409. -webkit-transition: 0.8s;
  410. -moz-transition: 0.8s;
  411. -o-transition: 0.8s;
  412. -ms-transition: 0.8s;
  413. transition: 0.8s;
  414. }
  415.  
  416. #sblink:hover {
  417. opacity:1;
  418. -webkit-transition: 0.8s;
  419. -moz-transition: 0.8s;
  420. -o-transition: 0.8s;
  421. -ms-transition: 0.8s;
  422. transition: 0.8s;
  423. }
  424.  
  425. #sblink1, #sblink2, #sblink3, #sblink4 {
  426. z-index:9!important;
  427. font-size:10px;
  428. padding:1px;
  429. width:10px;
  430. height:10px;
  431. -webkit-border-radius:10px;
  432. -moz-border-radius:10px;
  433. border-radius:10px;
  434. position:absolute;
  435. opacity:0;
  436. bottom:0px;
  437. left:0px;
  438. background-color:{color:Links};
  439. border:1px solid {color:Borders};
  440. -webkit-transition: all 2s ease-in-out;
  441. -moz-transition: all 2s ease-in-out;
  442. -o-transition: all 2s ease-in-out;
  443. transition: all 2s ease-in-out;
  444. -webkit-transform: translate3d(0,0,0);
  445. -moz-transform: translate3d(0,0,0);
  446. -o-transform: translate3d(0,0,0);
  447. -ms-transform: translate3d(0,0,0);
  448. transform: translate3d(0,0,0);}
  449.  
  450.  
  451. #sblink1:hover, #sblink2:hover, #sblink3:hover, #sblink4:hover{
  452. background-color:{color:Links Hover}!important;
  453. -webkit-transition: 0.8s;
  454. -moz-transition: 0.8s;
  455. -o-transition: 0.8s;
  456. -ms-transition: 0.8s;
  457. transition: 0.8s;
  458. }
  459.  
  460. #sblink1 {
  461. -webkit-transition-delay: 0.1s;
  462. -moz-transition-delay: 0.1s;
  463. -o-transition-delay: 0.1s;
  464. -ms-transition-delay: 0.1s;
  465. transition-delay: 0.1s; }
  466. #sblink2 {
  467. -webkit-transition-delay: 0.3s;
  468. -moz-transition-delay: 0.3s;
  469. -o-transition-delay: 0.3s;
  470. -ms-transition-delay: 0.3s;
  471. transition-delay: 0.3s; }
  472. #sblink3 {
  473. -webkit-transition-delay: 0.5s;
  474. -moz-transition-delay: 0.5s;
  475. -o-transition-delay: 0.5s;
  476. -ms-transition-delay: 0.5s;
  477. transition-delay: 0.5s; }
  478. #sblink4 {
  479. -webkit-transition-delay: 0.7s;
  480. -moz-transition-delay: 0.7s;
  481. -o-transition-delay: 0.7s;
  482. -ms-transition-delay: 0.7s;
  483. transition-delay: 0.7s; }
  484.  
  485. #sbwrap:hover #sblink1, #sidebar.hover_effect #sblink1 {
  486. opacity:1;
  487. -webkit-transform: translate(10px,-10px);
  488. -moz-transform: translate(10px,-10px);
  489. -o-transform: translate(10px,-10px);
  490. -ms-transform: translate(10px,-10px);
  491. transform: translate(10px,-10px);}
  492.  
  493. #sbwrap:hover #sblink2, #sidebar.hover_effect #sblink2 {
  494. opacity:1;
  495. -webkit-transform: translate(50px,-50px);
  496. -moz-transform: translate(50px,-50px);
  497. -o-transform: translate(50px,-50px);
  498. -ms-transform: translate(50px,-50px);
  499. transform: translate(50px,-50px);}
  500.  
  501.  
  502.  
  503. #sbwrap:hover #sblink3, #sidebar.hover_effect #sblink3 {
  504. opacity:1;
  505. -webkit-transform: translate(10px, -90px);
  506. -moz-transform: translate(10px, -90px);
  507. -o-transform: translate(10px, -90px);
  508. -ms-transform: translate(10px, -90px);
  509. transform: translate(10px, -90px);}
  510.  
  511. #sbwrap:hover #sblink4, #sidebar.hover_effect #sblink4 {
  512. opacity:1;
  513. -webkit-transform: translate(50px,-130px);
  514. -moz-transform: translate(50px,-130px);
  515. -o-transform: translate(50px,-130px);
  516. -ms-transform: translate(50px,-130px);
  517. transform: translate(50px,-130px);}
  518.  
  519. #sblinkline1{
  520. position:absolute;
  521. width:0px;
  522. height:0px;
  523. background:{color:Lines};
  524. left:6px;
  525. bottom:33px;
  526. -webkit-transition: all 2s ease-in-out;
  527. -moz-transition: all 2s ease-in-out;
  528. -o-transition: all 2s ease-in-out;
  529. transition: all 2s ease-in-out;
  530. -webkit-transform: rotate(-46deg);
  531. -moz-transform: rotate(-46deg);
  532. -ms-transform: rotate(-46deg);
  533. -o-transform: rotate(-46deg);
  534. }
  535.  
  536. #sblinkline1 {
  537. -webkit-transition-delay: 0.1s;
  538. -moz-transition-delay: 0.1s;
  539. -o-transition-delay: 0.1s;
  540. -ms-transition-delay: 0.1s;
  541. transition-delay: 0.1s;
  542. }
  543.  
  544. #sbwrap:hover #sblinkline1 {
  545. height:1px;
  546. width:55px;
  547. }
  548.  
  549. #sblinkline2{
  550. position:absolute;
  551. width:0px;
  552. height:0px;
  553. background:{color:Lines};
  554. left:10px;
  555. bottom:76px;
  556. -webkit-transition: all 2s ease-in-out;
  557. -moz-transition: all 2s ease-in-out;
  558. -o-transition: all 2s ease-in-out;
  559. transition: all 2s ease-in-out;
  560. -webkit-transform: rotate(46deg);
  561. -moz-transform: rotate(46deg);
  562. -ms-transform: rotate(46deg);
  563. -o-transform: rotate(46deg);
  564. }
  565.  
  566. #sblinkline2 {
  567. -webkit-transition-delay: 0.5s;
  568. -moz-transition-delay: 0.5s;
  569. -o-transition-delay: 0.5s;
  570. -ms-transition-delay: 0.5s;
  571. transition-delay: 0.5s;
  572. }
  573.  
  574. #sbwrap:hover #sblinkline2 {
  575. height:1px;
  576. width:55px; }
  577.  
  578. #sblinkline3{
  579. position:absolute;
  580. width:0px;
  581. height:0px;
  582. background:{color:Lines};
  583. left:8px;
  584. bottom:117px;
  585. -webkit-transition: all 2s ease-in-out;
  586. -moz-transition: all 2s ease-in-out;
  587. -o-transition: all 2s ease-in-out;
  588. transition: all 2s ease-in-out;
  589. -webkit-transform: rotate(-46deg);
  590. -moz-transform: rotate(-46deg);
  591. -ms-transform: rotate(-46deg);
  592. -o-transform: rotate(-46deg);
  593. }
  594.  
  595. #sblinkline3 {
  596. -webkit-transition-delay: 0.9s;
  597. -moz-transition-delay: 0.9s;
  598. -o-transition-delay: 0.9s;
  599. -ms-transition-delay: 0.9s;
  600. transition-delay: 0.9s;
  601. }
  602.  
  603. #sbwrap:hover #sblinkline3 {
  604. height:1px;
  605. width:55px; }
  606.  
  607. /* desc */
  608.  
  609. #snow {
  610. position:absolute;
  611. left:100px;
  612. top:50px;
  613. width:200px;
  614. height:100px;
  615. padding:4px;
  616. overflow:auto;
  617. border:3px double {color:Borders};
  618. font-family:wendy;
  619. letter-spacing:1px;
  620. font-size:10px;
  621. line-height:10px;
  622. text-align:center;
  623. }
  624.  
  625. /* Center Wrapper*/
  626.  
  627. .animated {
  628. -webkit-animation-duration: 1s;
  629. animation-duration: 1s;
  630. -webkit-animation-fill-mode: both;
  631. animation-fill-mode: both;
  632. -webkit-animation-timing-function: ease-in;
  633. animation-timing-function: ease-in;
  634. }
  635.  
  636. @-webkit-keyframes fadeInLeft {
  637. 0% {
  638. opacity: 0;
  639. -webkit-transform: translateX(-20px);
  640. }
  641. 100% {
  642. opacity: 1;
  643. -webkit-transform: translateX(0);
  644. }
  645. }
  646. @keyframes fadeInLeft {
  647. 0% {
  648. opacity: 0;
  649. transform: translateX(-20px);
  650. }
  651. 100% {
  652. opacity: 1;
  653. transform: translateX(0);
  654. }
  655. }
  656. .fadeInLeft {
  657. -webkit-animation-name: fadeInLeft;
  658. animation-name: fadeInLeft;
  659. }
  660.  
  661. #wrapper {
  662. position:fixed;
  663. width:490px;
  664. height:540px;
  665. right:30px;
  666. bottom:150px;
  667. z-index:999;
  668. }
  669.  
  670. #extraextra {
  671. text-align:center;
  672. line-height:45px;
  673. position:absolute;
  674. bottom:0px;
  675. right:100px;
  676. width:50px;
  677. z-index:-1;
  678. opacity:0;
  679. -webkit-transition: all 1s ease-in-out;
  680. -moz-transition: all 1s ease-in-out;
  681. -o-transition: all 1s ease-in-out;
  682. transition: all 1s ease-in-out;
  683. }
  684.  
  685. #extraextra img {
  686. width:30px;
  687. -webkit-filter:invert(100%);
  688. -moz-filter:invert(100%);
  689. -o-filter:invert(100%);
  690. -ms-filter:invert(100%);
  691. filter:invert(100%);
  692. }
  693.  
  694. #wrapper:hover #extraextra{
  695. right:50px;
  696. opacity:1;
  697. z-index:9;
  698. -webkit-transition: all 1s ease-in-out;
  699. -moz-transition: all 1s ease-in-out;
  700. -o-transition: all 1s ease-in-out;
  701. transition: all 1s ease-in-out;
  702. }
  703.  
  704. /* Music Player */
  705.  
  706. #box {
  707. overflow:hidden;
  708. position:absolute;
  709. width:18px;
  710. height:18px;
  711. top:95px;
  712. left:5px;
  713. background:#ffffff;
  714. border:1px solid {color:Borders};
  715. opacity:0;
  716. z-index:10;
  717. -webkit-transition: all 0.5s ease-in-out;
  718. -moz-transition: all 0.5s ease-in-out;
  719. -o-transition: all 0.5s ease-in-out;
  720. -ms-transition: all 0.5s ease-in-out;
  721. transition: all 0.5s ease-in-out;
  722. }
  723.  
  724. #boxgif {
  725. margin-top:3px;
  726. margin-left:2px;
  727. -webkit-transition: all 0.5s linear;
  728. -moz-transition: all 0.5s linear;
  729. transition: all 0.5s linear;
  730. z-index:3;
  731. }
  732.  
  733. #box:hover #boxgif {
  734. margin-top:-20px;
  735. -webkit-transition: all 0.5s linear;
  736. -moz-transition: all 0.5s linear;
  737. transition: all 0.5s linear;
  738. }
  739.  
  740. #musica {
  741. margin-top:5px;
  742. margin-left:-5px;
  743. opacity:1;
  744. z-index:2;
  745. }
  746.  
  747. #wrapper:hover #box {
  748. opacity:1;
  749. -webkit-transition: all 0.5s ease-in-out;
  750. -moz-transition: all 0.5s ease-in-out;
  751. -o-transition: all 0.5s ease-in-out;
  752. -ms-transition: all 0.5s ease-in-out;
  753. transition: all 0.5s ease-in-out;
  754. }
  755.  
  756.  
  757. #wrapperbg {
  758. position:absolute;
  759. right:0px;
  760. top:0px;
  761. }
  762.  
  763. #wrapper_outer {
  764. position:absolute;
  765. width:365px;
  766. height:410px;
  767. left:0px;
  768. bottom:0px;
  769. border:5px solid {color:Borders};
  770. z-index:9999;
  771. }
  772.  
  773. #wrapper_post{
  774. position:absolute;
  775. overflow:auto;
  776. width:355px;
  777. height:400px;
  778. bottom:3px;
  779. left:3px;
  780. border:2px solid {color:Borders};
  781. z-index:999;
  782. }
  783.  
  784. /*Posts & Post Wrapper*/
  785.  
  786. .posts {
  787. {block:ifnot400px}
  788. width:250px;
  789. {/block:ifnot400px}
  790. {block:if400px}
  791. width:400px;
  792. {/block:if400px}
  793. padding:20px;
  794. margin-bottom:25px;
  795. margin-left:25px;
  796. margin-top:20px;
  797. border:3px double {color:Borders};
  798. background-color:{color:Posts};
  799. color:{color:Text};
  800. font-family:calibri;
  801. font-size:9px;
  802. line-height:11px;
  803. text-align:justify;
  804. word-wrap:break-word;
  805. }
  806.  
  807. .posts img {
  808. max-width:100%;
  809. {block:ifMonochrome}-webkit-filter: grayscale(100%); {/block:ifMonochrome}
  810. }
  811.  
  812. #photo img {
  813. max-width:100%;
  814. display:block;
  815. {block:IndexPage}{block:ifImagefade}
  816. opacity:.7;
  817. -moz-transition:all ease-in-out 0.7s;
  818. -webkit-transition:all ease-in-out 0.7s;
  819. -o-transition:all ease-in-out 0.7s;
  820. transition:all ease-in-out 0.7s;{/block:ifImagefade}
  821. {/block:IndexPage}
  822. {block:ifMonochrome}-webkit-filter: grayscale(100%); {/block:ifMonochrome}
  823. }
  824.  
  825. #pset, #vid {
  826. margin-bottom:-2px;
  827. {block:IndexPage}{block:ifImagefade}
  828. opacity:.7;
  829. -moz-transition:all ease-in-out 0.7s;
  830. -webkit-transition:all ease-in-out 0.7s;
  831. -o-transition:all ease-in-out 0.7s;
  832. transition:all ease-in-out 0.7s;{/block:ifImagefade}
  833. {/block:IndexPage}
  834. {block:ifMonochrome}-webkit-filter: grayscale(100%); {/block:ifMonochrome}
  835. }
  836. {block:ifImagefade}
  837. .posts:hover #pset, .posts:hover #vid, .posts:hover #photo img {
  838. opacity:1;
  839. }
  840. {/block:ifImagefade}
  841.  
  842. #h2 {
  843. font-family:neou;
  844. font-size:16px;
  845. font-style:normal;
  846. line-height:16px;
  847. text-align:center;
  848. }
  849.  
  850. /* Chat */
  851.  
  852. #chat {
  853. padding-top:2px;
  854. padding-bottom:3px;
  855. padding-left:5px;
  856. padding-right:5px;
  857. line-height:11px;
  858. color:{color:Text};
  859. font-family:wendy;
  860. letter-spacing:1px;
  861. font-size:10px;
  862. font-style:normal;
  863. }
  864.  
  865. #chat.odd {
  866. border:1px solid {color:Borders};
  867. }
  868.  
  869. /* Question */
  870.  
  871. #asker {
  872. font-family:neou;
  873. text-align:center;
  874. font-size:20px;
  875. text-transform:lowercase;
  876. color:{color:Ask};
  877. text-shadow: 2px 2px 6px #aaa;
  878. border-bottom:1px solid #fafafa;
  879. }
  880.  
  881. #question {
  882. padding:5px;
  883. border-bottom:4px solid {color:Borders};
  884. text-transform:normal;
  885. text-align:center;
  886. }
  887.  
  888. /* Quote */
  889.  
  890. #quote {
  891. font-family:MS Gothic;
  892. font-size:15px;
  893. line-height:15px;
  894. font-style:normal;
  895. text-align:center;
  896. }
  897.  
  898.  
  899. #source {
  900. font-family:neou;
  901. font-size:15px;
  902. line-height:15px;
  903. letter-spacing:1px;
  904. text-align:center;
  905. text-transform:normal;
  906. }
  907.  
  908. /* Audio */
  909.  
  910. #audio {
  911. padding-top:3px;
  912. padding-left:5px;
  913. padding-right:5px;
  914. padding-bottom:5px;
  915. border-left:1px solid {color:Borders};
  916. }
  917.  
  918. #info {
  919. color:{color:Text};
  920. font-family:wendy;
  921. font-size:10px;
  922. line-height:10px;
  923. letter-spacing:1px;
  924. text-transform:uppercase;
  925. text-align:left;
  926. }
  927.  
  928. #player {
  929. width:26px;
  930. height:28px;
  931. border-left:7px solid #fff;
  932. border-right:7px solid #fff;
  933. border-top:6px solid #fff;
  934. border-bottom:6px solid #fff;
  935. background-color:#fff;
  936. display:block;
  937. overflow:hidden;
  938. position:absolute;
  939. opacity:0.3;
  940. -moz-transition:all linear 0.8s;
  941. -webkit-transition:all linear 0.8s;
  942. -o-transition:all linear 0.8s;
  943. transition:all linear 0.8s;
  944. }
  945.  
  946. #art {
  947. width:40px;
  948. height:28px;
  949. background-color:{color:Posts};
  950. -webkit-filter:grayscale({text:Amount of Grayscale}%);
  951. -moz-filter:grayscale({text:Amount of Grayscale}%);
  952. -ms-filter:grayscale({text:Amount of Grayscale}%);
  953. -o-filter:grayscale({text:Amount of Grayscale}%);
  954. filter:grayscale({text:Amount of Grayscale}%);
  955. }
  956.  
  957. .posts:hover #player {
  958. opacity:.8;
  959. }
  960.  
  961.  
  962. /* Indexpage Permalink */
  963.  
  964. #perm2 {
  965. width:100%;
  966. height:0px;
  967. font-family:wendy;
  968. font-size:10px;
  969. line-height:16px;
  970. text-align:center;
  971. text-transform:uppercase;
  972. letter-spacing:1px;
  973. overflow:hidden;
  974. text-align:center;
  975. -moz-transition:all ease-in-out 0.7s;
  976. -webkit-transition:all ease-in-out 0.7s;
  977. -o-transition:all ease-in-out 0.7s;
  978. transition:all ease-in-out 0.7s;
  979. }
  980.  
  981. .posts:hover #perm2 {
  982. height:20px;
  983. margin-top:-10px;
  984. padding-bottom:5px;
  985. }
  986.  
  987. /* Permalinkpage Permalink */
  988.  
  989. #perm {
  990. width:286px;
  991. margin-top:-25px;
  992. margin-left:25px;
  993. padding:5px;
  994. background:transparent;
  995. font-family:wendy;
  996. letter-spacing:1px;
  997. font-size:10px;
  998. text-transform:uppercase;
  999. text-align:center;
  1000. }
  1001.  
  1002.  
  1003. /* Pagination */
  1004.  
  1005. #page {
  1006. position:absolute;
  1007. width:420px;
  1008. left:0px;
  1009. bottom:5px;
  1010. color:{color:Links};
  1011. font-family:wendy;
  1012. font-size:10px;
  1013. line-height:10px;
  1014. text-align:center;
  1015. }
  1016.  
  1017. /* Hover Links CSS */
  1018.  
  1019. #s-m-t-tooltip{
  1020. max-width:300px;
  1021. margin-top:25px;
  1022. margin-left:15px;
  1023. padding:4px;
  1024. z-index:9999999999;
  1025. background-color:white;
  1026. color:{color:Text};
  1027. font-family:wendy;
  1028. font-size:10px;
  1029. line-height:10px;
  1030. letter-spacing:1px;
  1031. font-style:normal;
  1032. text-transform:normal;
  1033. border-left:4px solid {color:Links};
  1034. border-right:4px solid {color:Links};
  1035. border-radius:7px 0px 7px 0px;
  1036. word-wrap:break-word;
  1037. }
  1038.  
  1039. /* popup */
  1040.  
  1041. #fade {
  1042. display: none;
  1043. position: fixed;
  1044. left: 0;
  1045. top: 0;
  1046. width: 100%;
  1047. height: 100%;
  1048. opacity: .5;
  1049. z-index:99;
  1050. }
  1051.  
  1052. .popup_block{
  1053. display: none;
  1054. height:410px;
  1055. position: absolute;
  1056. bottom: 5px;
  1057. right: 120px;
  1058. z-index: 99999;
  1059. background-color:{color:Background};
  1060. -webkit-animation:HOVER 600ms;
  1061. }
  1062.  
  1063. @-webkit-keyframes HOVER {
  1064. 0% {-webkit-transform: scale(.3);}
  1065. 50% {-webkit-transform: scale(1.05);}
  1066. 70% {-webkit-transform: scale(.9);}
  1067. 100% {-webkit-transform: scale(1);}
  1068. }
  1069.  
  1070.  
  1071. .popupscroll{
  1072. position:absolute;
  1073. width:355px;
  1074. height:360px;
  1075. bottom:5px;
  1076. left:8px;
  1077. overflow:auto;
  1078. font-family:calibri;
  1079. font-size:9px;
  1080. letter-spacing:1px;
  1081. text-align:center;
  1082. color:{color:Text}
  1083. }
  1084.  
  1085. .popupscroll img {
  1086. -webkit-filter: grayscale(100%);
  1087. }
  1088.  
  1089. #h4 {
  1090. font-family:neou;
  1091. text-align:center;
  1092. font-size:20px;
  1093. color:{color:Links};
  1094. text-shadow: 2px 2px 6px #aaa;
  1095. border-bottom:1px solid #fafafa;
  1096. width:365px;
  1097. margin-top:0px;
  1098. text-decoration:none;
  1099. line-height:28px;
  1100. z-index: 999;
  1101. }
  1102.  
  1103.  
  1104. img.btn_close {
  1105. float: right;
  1106. margin: -55px -55px 0 0;
  1107. }
  1108.  
  1109. *html #fade {
  1110. position: absolute;
  1111. }
  1112.  
  1113. *html .popup_block {
  1114. position: absolute;
  1115. }
  1116.  
  1117. </style>
  1118.  
  1119. {block:IndexPage}
  1120. {block:ifInfiniteScroll}
  1121. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  1122. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1123. {/block:ifInfiniteScroll}
  1124. {/block:IndexPage}
  1125.  
  1126.  
  1127. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  1128. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1129. <script>(function($){$(document).ready(function(){$("[title],a[title],img[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:30,tip_fade_speed:300,attribute:"title"});});})(jQuery);</script>
  1130. <script type="text/javascript"
  1131. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  1132. <script>$(document).ready(function() {$('a.poplight[href^=#]').click(function() {var popID = $(this).attr('rel');var popURL = $(this).attr('href');var query= popURL.split('?');var dim= query[1].split('&');var popWidth = dim[0].split('=')[1];$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');var popMargTop = ($('#' + popID).height() + 80) / 2;var popMargLeft = ($('#' + popID).width() + 80) / 2;$('#' + popID).css({'margin-top' : -popMargTop,'margin-left' : -popMargLeft});$('body').append('<div id="fade"></div>');$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();return false;});$('a.close, #fade').live('click', function() {$('#fade , .popup_block').fadeOut(function() {$('#fade, a.close').remove();});return false;});});</script>
  1133.  
  1134. </head>
  1135.  
  1136. <body>
  1137. <body bgcolor="#fafafa" ondragstart="return false" onselectstart="return false">
  1138. <body onkeydown="return false">
  1139.  
  1140. <div id="sbwrap" class="animated fadeInLeft">
  1141. <div id="sb_outer"></div>
  1142. <div id="sb">
  1143.  
  1144. <div id="sig"><a href="/profile" title="+ I'll only seem cool for a moment before my true dorkiness comes out."><img src="https://31.media.tumblr.com/aa1b24bc704c205faa105d0d3beac8d6/tumblr_inline_na19hwi0AW1slekhb.png"></a></div>
  1145. <div id="sbline1"></div>
  1146. <div id="sbline2"></div>
  1147. <div id="sbbutterflies">
  1148. <img src="https://31.media.tumblr.com/55ee4808d792a0e0c7ed6b178ff571a9/tumblr_inline_ndghwo0NSd1t3297y.png" title="+ It’s not my responsibility to be beautiful. I’m not alive for that purpose. My existence is not about how desirable you find me." style="position:absolute; bottom:190px; right:20px; opacity:.5;">
  1149. <img src="https://31.media.tumblr.com/9c5dbe1c5840e86d8def249cc2544176/tumblr_inline_ndghwe9vrG1t3297y.png" title="+ I don’t broadcast every high and I don’t hide every low. I’m trying to live. I’m not trying to convince the world I have life." style="position:absolute; bottom:150px; right:10px; opacity:.6;">
  1150. <img src="https://31.media.tumblr.com/64b6d85d721057090ee36a857e8588f4/tumblr_inline_ndghw4fM5c1t3297y.png" title="+ Life is like a piano. The white keys represent happiness and the black keys represent sadness. But as you go through life, remember that the black keys make music too." style="position:absolute; bottom:80px; right:-10px; opacity:.7;">
  1151. <img src="https://31.media.tumblr.com/d0f9aa08e13611401d763b51d98b2106/tumblr_inline_ndghvrSD5B1t3297y.png" title="+ I want to inspire people. I want someone to look at me and say, ‘Because of you I didn’t give up.’" style="position:absolute; bottom:-10px; right:-30px; opacity:.8;">
  1152. </div>
  1153. <div id="kook"><a href="http://jungkxok.tumblr.com/" title="+ You're my favorite person."><img src="https://31.media.tumblr.com/d8d6c2f0148a072910d48217c1ca341a/tumblr_inline_ndvjmkP0kW1slekhb.gif"></a></div>
  1154. <div id="sblink">
  1155. <a href="{text:link4}" title="{text:title4}"><div id="sblink1"></div></a>
  1156. <div id="sblinkline1"></div>
  1157. <a href="{text:link3}" title="{text:title3}"><div id="sblink2"></div></a>
  1158. <div id="sblinkline2"></div>
  1159. <a href="{text:link2}" title="{text:title2}"><div id="sblink3"></div></a>
  1160. <div id="sblinkline3"></div>
  1161. <a href="{text:link1}" title="{text:title1}"><div id="sblink4"></div></a>
  1162. </div>
  1163. <div id="snow"><big><big><big>❝</big></big></big>Pyo Hyemi, Nine Muses' second vocalist and resident boss. Born, April fourth, nineteen-ninety-one, and raised in Gwangju, South Korea, currently living out the dream in Seoul with my sisters.
  1164. <p>Singing is something that expresses my feelings. Just like a best friend, although we occasionally become disagreeable, time and time again, I find my way back to it.</p>
  1165. <script language="JavaScript">
  1166. var ref = (''+document.referrer+'');
  1167. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID3359389&e1=&e2=&r=' + ref + '"><\/script>');
  1168. </script> ; <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2189130&name="></script>
  1169. </div>
  1170. {block:ifnotInfiniteScroll}
  1171. {block:Pagination}<div id="page">
  1172. {block:PreviousPage}
  1173. <a href="{PreviousPage}">Future</a>
  1174. {/block:PreviousPage}
  1175. {block:NextPage}
  1176. <a id="next" href="{NextPage}">Past</a>
  1177. {/block:NextPage}
  1178. </div>{/block:Pagination}
  1179. {/block:ifnotInfiniteScroll}
  1180. </div>
  1181. </div>
  1182.  
  1183. <div id="wrapper" class="animated fadeInRight">
  1184. <div id="box">
  1185. <div id="boxgif">
  1186. <img src="https://31.media.tumblr.com/tumblr_m7w2n46Pdl1r6o8v2.gif"/>
  1187. </div>
  1188. <div id="musica">
  1189. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="25" height="20">
  1190. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
  1191. <param name="bgcolor" value="#f1f1f1" />
  1192. <param name="FlashVars" value="mp3=https://db.tt/KCmtuDlb&amp;width=25&amp;loop=1&amp;autoplay=1&amp;showslider=0&amp;bgcolor=ffffff&amp;bgcolor1=ffffff&amp;bgcolor2=ffffff&amp;buttoncolor=a2bec7&amp;buttonovercolor=a2bec7" />
  1193. </object>
  1194. </div>
  1195. </div>
  1196.  
  1197. <div id="wrapperbg"><a href="/tagged/o%3Anrainydays"><img src="https://31.media.tumblr.com/f8b3512429e47edaae7598813e19a890/tumblr_inline_ndgd1yx6TI1t3297y.png" title="+ You will be stupid. You will worry your parents. You will question your own choices, your relationships, your jobs, your friends, where you live, what you studied in college, that you went to college at all… If that happens, you’re doing it right." style="width:300px; opacity:.7;"></a></div>
  1198.  
  1199. <div id="extraextra">
  1200. <a href="#?w=365" rel="tweets" class="poplight" title="+ Tweets"><img src="https://31.media.tumblr.com/d666d79d7a874816badb75d26d14fa45/tumblr_inline_ncqtwqa1vQ1slekhb.png"></a>
  1201. <a href="#?w=365" rel="insta" class="poplight" title="+ Life in a nutshell"><img src="https://31.media.tumblr.com/24c0ecd7c29d59270ab1f3004e506491/tumblr_inline_ncquy2cqpN1slekhb.png"></a>
  1202. <a href="#?w=365" rel="namyu" class="poplight" title="+ The dumbs, and my sisters"><img src="https://31.media.tumblr.com/4299604123be819393c1397b4e9f3673/tumblr_inline_naxr9eh72I1slekhb.png"></a>
  1203. <a href="#?w=365" rel="ppg" class="poplight" title="+ The OT3"><img src="https://31.media.tumblr.com/c343aa266a5fa0d48765ab1cc8ae5981/tumblr_inline_nalaj5jDgC1slekhb.png"></a>
  1204. <a href="http://cheongukapts.tk/" title="+ APT. 204"><img src="https://31.media.tumblr.com/d9b2b30562f0760e3d332e45408e0049/tumblr_inline_naqmcy0LLr1slekhb.png"></a>
  1205. <a href="http://starxempire.tumblr.com/" title="+ The Empire"><img src="https://31.media.tumblr.com/d0441e3f267d5f978e6852cfb6a4b99f/tumblr_inline_ncojwdZuV11slekhb.png"></a>
  1206. </div>
  1207. <div id="corazon">
  1208. <a href="#?w=365" rel="corazonn" class="poplight" title="+ Because, no matter what, you know I love you more than words can say, and even these words can't express the full meaning of my love for you"><img src="https://31.media.tumblr.com/8c929ff13bfa46f5d4e53ee513027c44/tumblr_inline_nd1xzj8b5z1slekhb.gif" ></a>
  1209. </div>
  1210. <div id="wrapper_outer">
  1211. <div id="wrapper_post">
  1212. <div class="autopagerize_page_element" >
  1213. {block:Posts}
  1214. <div class="posts">
  1215.  
  1216. {block:IndexPage}
  1217. <div id="perm2">
  1218. <div><a href="{Permalink}">{TimeAgo}</a> • {NoteCountWithLabel} • <a href="{ReblogURL}">reblog</a>{block:HasTags} • <a title="{block:Tags}★{Tag} {/block:Tags}">+</a>
  1219. {/block:HasTags}</div>
  1220. </div>
  1221. {/block:IndexPage}
  1222.  
  1223. {block:ContentSource}
  1224. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1225. {/block:SourceLogo}
  1226. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1227. {/block:ContentSource}
  1228.  
  1229.  
  1230. {block:Photo}
  1231. <div id="photo">
  1232. {LinkOpenTag}
  1233. <img src="{PhotoURL-500}" alt='{PhotoAlt}'/>
  1234. {LinkCloseTag}
  1235. </div>
  1236. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1237. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1238. {/block:Photo}
  1239.  
  1240.  
  1241. {block:Photoset}
  1242. <div id="pset">
  1243. {block:ifnot400px}
  1244. {Photoset-250}
  1245. {/block:ifnot400px}
  1246. {block:if400px}
  1247. {Photoset-400}
  1248. {/block:if400px}
  1249. {/block:IndexPage}
  1250. </div>
  1251. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1252. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1253. {/block:Photoset}
  1254.  
  1255.  
  1256. {block:Video}
  1257. <div id="vid">
  1258. {block:ifnot400px}
  1259. <center>{Video-250}</center>
  1260. {/block:ifnot400px}
  1261. {block:if400px}
  1262. <center>{Video-400}</center>
  1263. {/block:if400px}
  1264. </div>
  1265. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1266. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1267. {/block:Video}
  1268.  
  1269.  
  1270. {block:Audio}
  1271. <table border="0" cellpadding="0" cellspacing="5" ><tr>
  1272. <td id="art" valign="top">
  1273. <div id="player">{AudioPlayerWhite}</div>
  1274. </td>
  1275. <td valign="top" id="audio">
  1276. {block:TrackName}
  1277. <div id="info">
  1278. <font color="{color:Links}">Track:</font> {TrackName}
  1279. </div>
  1280. {/block:TrackName}
  1281. {block:Artist}
  1282. <div id="info">
  1283. <font color="{color:Links}">Artist:</font> {Artist}
  1284. </div>
  1285. {/block:Artist}
  1286. <div id="info">
  1287. <font color="{color:Links}">Plays:</font> {PlayCount}
  1288. </div>
  1289. </td>
  1290. </tr>
  1291. </table>
  1292. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1293. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1294. {/block:Audio}
  1295.  
  1296. {block:Text}
  1297. {block:Title}<div id="h2">+ {Title}</div>{/block:Title}
  1298. {Body}
  1299. {/block:Text}
  1300.  
  1301. {block:Link}
  1302. <div id="h2"><a href="{URL}" {Target}>+ {Name}</a></div>
  1303. {block:Description}{Description}{/block:Description}
  1304. {/block:Link}
  1305.  
  1306.  
  1307. {block:Answer}
  1308. <div id="asker">{Asker}</div>
  1309. <div id="question">{Question}</div>
  1310. {Answer}
  1311. {/block:Answer}
  1312.  
  1313. {block:Quote}
  1314. <div id="quote"><div style="text-align:left;font-size:50px;color:{color:Borders};">❝</div><br>{Quote}</div><br>
  1315. <div style="text-align:right;font-size:50px;color:{color:Borders};">❞</div><br><br>
  1316. {block:Source}<div id="source">+ {Source}</div>{/block:Source}
  1317. {/block:Quote}
  1318.  
  1319.  
  1320. {block:Chat}
  1321. {block:Title}<div id="h2">+ {Title}</div>{/block:Title}
  1322. {block:Lines}<div id="chat" class="{Alt} user_{UserNumber}">
  1323. {block:Label}
  1324. <font color="{color:Links}">{Label}</font>
  1325. {/block:Label}
  1326. {Line}</div>
  1327. {/block:Lines}
  1328. {/block:Chat}
  1329.  
  1330.  
  1331. </div>
  1332.  
  1333. {block:PermalinkPage}
  1334. <div id="perm">{block:Date}Posted {Timeago} on {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  1335.  
  1336. {block:RebloggedFrom}<br>via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> | origin <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a> {/block:RebloggedFrom}
  1337.  
  1338. {block:HasTags}<br>saved: {block:Tags}<a href="{TagURL}">★{Tag}</a> {/block:Tags}{/block:HasTags}
  1339. </div>
  1340. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1341. {/block:PermalinkPage}
  1342.  
  1343.  
  1344. {/block:Posts}
  1345. </div>
  1346. </div>
  1347. </div>
  1348.  
  1349. <div id="tweets" class="popup_block">
  1350. <div id="h4">+ PYOPYO Tweets</div>
  1351. <div class="popupscroll" style="width:350px;">
  1352. <a class="twitter-timeline" href="https://twitter.com/hyemiiiii_" data-widget-id="517125021035028480">Tweets by @hyemiiiii_</a>
  1353. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  1354. </div>
  1355. </div>
  1356.  
  1357. <div id="insta" class="popup_block">
  1358. <div id="h4">+ PYOPYO Insta</div>
  1359. <div class="popupscroll">
  1360. <iframe src="http://www.intagme.com/in/?u=cHlvcHlvaHllbWl8aW58MTAwfDR8NjB8fHllc3w1fHVuZGVmaW5lZHx5ZXM=" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:auto; height: 960px;" ></iframe>
  1361. </div>
  1362. </div>
  1363.  
  1364. <div id="namyu" class="popup_block">
  1365. <div id="h4">+ Forever Nine</div>
  1366. <div class="popupscroll">
  1367. <a href="http://moonbak.tumblr.com/"><img src="https://33.media.tumblr.com/85d0ad8a7523386c7392ac54cabacb21/tumblr_n7n4cbOPBt1shm8txo3_250.gif" style="width:80px; padding:4px; border:3px double {color:Borders};"></a> <a href="/"><img src="https://31.media.tumblr.com/968db9c70a996f5e03f31dd5477a691c/tumblr_n7n4cbOPBt1shm8txo1_250.gif" style="width:80px; padding:4px; border:3px double {color:Borders};"></a> <a href="http://snsngh.tumblr.com/"><img src="https://33.media.tumblr.com/dc25a7082cb91a287331551152136d1c/tumblr_n7n4cbOPBt1shm8txo8_250.gif" style="width:80px; padding:4px; border:3px double {color:Borders};"></a><br>
  1368. <a href="http://saemjoo.tumblr.com/"><img src="https://33.media.tumblr.com/7597b8b2a42d25538ad5eb5b1bf4f1f5/tumblr_n7n4cbOPBt1shm8txo7_250.gif" style="width:80px; padding:4px; border:3px double {color:Borders};"></a> <a href="http://turtlemin.tumblr.com/"><img src="https://38.media.tumblr.com/bc62be891fc4464d1228a87396cbd1cb/tumblr_n7n4cbOPBt1shm8txo2_250.gif" style="width:80px; padding:4px; border:3px double {color:Borders};"></a> <a href="http://euaexrin.tumblr.com/"><img src="https://31.media.tumblr.com/bf2f1102ed5c39008cd92d2979365778/tumblr_n7n4cbOPBt1shm8txo4_250.gif" style="width:80px; padding:4px; border:3px double {color:Borders};"></a><br>
  1369. <a href="http://prkenji.tumblr.com/"><img src="https://33.media.tumblr.com/afa487c87df8ee48a9f94477b9439bae/tumblr_n7n4cbOPBt1shm8txo9_250.gif" style="width:80px; padding:4px; border:3px double {color:Borders};"></a> <a href="http://prkvungri.tumblr.com/"><img src="https://33.media.tumblr.com/1245294c887c815b5f7ffe7cc7128ab1/tumblr_n7n4cbOPBt1shm8txo6_250.gif" style="width:80px; padding:4px; border:3px double {color:Borders};"></a> <a href="http://xryusera.tumblr.com/"><img src="https://33.media.tumblr.com/452478ff6f68bba1f8eb964731fdca2e/tumblr_n7n4cbOPBt1shm8txo5_250.gif" style="width:80px; padding:4px; border:3px double {color:Borders};"></a>
  1370. <div style="position:absolute; width:355px; text-align:center; bottom:15px; left:0px; font-family:alexbrush;font-size: 20px; line-height:20px;"><a href="/tagged/10%3A0812">Namyu Namyu hwaiting!</a></div>
  1371. </div>
  1372. </div>
  1373.  
  1374. <div id="corazonn" class="popup_block">
  1375. <div id="h4">+ Meet <a href="http://turtlemin.tumblr.com/">Mi Corazon</a></div>
  1376. <div class="popupscroll">
  1377. <div style="text-shadow: 2px 2px #000, -1px -1px #aaa; font-family: arial; color:#fff; font-size: 30px; line-height:30px; font-weight: bold; letter-spacing: -4px;">February third, twenty-thirteen</div>
  1378. <p><i>The day I was approached by this one special anon, although I didn't expect them to be as special as what they are to me right now. They were just the sweetest thing, I didn't ever believe I was actually going to have an anon that stuck around, continuously messaging me. Then one day, another special day, this anon had accidentally revealed themselves. It was funny. I decided to leave the message in my inbox and message them as if I was just this random person messaging them, but then they basically gave their self away from that message from me. And ever since, that special anon has become my best friend. One that holds this certain spot in my heart. So this is to you, my best friend:</i></p>
  1379. <p>My best friend. My other half. I love you more than any number of words can express, and even more than that. The love I have for you can't even be expressed with even that one word, love. It is much more than that. I would have to say that that four letter word is an understatement when it comes to this.</p>
  1380. <p>You were there for me from the very beginning. Through all my ups and downs, even at my lowest point, which I didn't think it was possible for me to even come back up from that. I felt so broken and lost, the only thing on my mind was to leave and to not ever come back. But you kept me here, and no matter how many times I say it, I truly appreciate you for keeping me here. For showing me that there is a light at the end of the dark tunnel, I just got to push through it and to not give up. So I didn't give up, and if it wasn't for you, I wouldn't be here right now, writing this. I don't really know where I'd be really.. But I hope you know that I'll always be here for you as well. And I was there, in your darkest moment also. No matter how many dark moments you have, I'll be there to show you that the sun must shine through at some point after a rainstorm. Don't ever forget that.</p>
  1381. <p>You are the one who understands me the most. Who gets me and doesn't judge my weirdness, mainly because you're weird as well haha. I love that about you, that we can be ourselves with each other, so free, not caring what others think. Basically, I love everything about you. From your awkwardness, to your smiling, to even your sadness, because if we weren't ever sad, we wouldn't know how being happy actually feels.</p>
  1382. <p>I hope you'll be there in the end for me as I will always be there for you, through thick and thin. You are the one that gets me from the simplest to the most complex things. You must know that I love you for you, for who you are, and that love could go around the world a billion times, and counting.</p>
  1383. <p>To infinity and beyond, Park Minha. ♥</p>
  1384. <p><a href="/tagged/j:igabootp"><img src="https://31.media.tumblr.com/7e15721000a5ed9339f2ebc1bb27013f/tumblr_n6ggvmUGCj1r9a8ozo1_500.gif" style="width:200px; padding:4px; border:3px double {color:Borders};"></a></p>
  1385. </div>
  1386. </div>
  1387.  
  1388.  
  1389. <div id="ppg" class="popup_block">
  1390. <div id="h4">+ The Powerpuff Girls</div>
  1391. <div class="popupscroll">
  1392. <a href="http://mxvha.tumblr.com/">
  1393. <img src="https://38.media.tumblr.com/f07254721f5f431f0f2c434eeee02a7f/tumblr_n2xew9Bk2c1r85bico4_250.gif" style="position:absolute; left:10px; top:0px; width:70px; padding:4px; border:3px double {color:Borders};">
  1394. </a>
  1395. <div style="position:absolute; left:150px; top:10px; text-shadow: 2px 2px #000, -1px -1px #aaa; font-family: arial; color:#fff; font-size: 35px; line-height:35px; font-weight: bold; letter-spacing: -4px;">Bubbles</div>
  1396. <div style="position:absolute; left:110px; top:45px; width:200px; height:50px;overflow:auto;">The cute and sensitive one. Her personality ingredient is sugar and her signature color is blue. She is seen as kind and very sweet but she is also capable of extreme rage and can fight monsters just as well as her sisters can.</div>
  1397. <a href="http://xkvngri.tumblr.com/">
  1398. <img src="https://31.media.tumblr.com/7ab9e0f439df65f5b8dcda6acf4b66b2/tumblr_inline_nalb0g6k1h1slekhb.gif" style="position:absolute; right:10px; top:100px; width:70px; padding:4px; border:3px double {color:Borders};">
  1399. </a>
  1400. <div style="position:absolute; right:150px; top:110px; text-shadow: 2px 2px #000, -1px -1px #aaa; font-family: arial; color:#fff; font-size: 35px; line-height:35px; font-weight: bold; letter-spacing: -4px;">Buttercup</div>
  1401. <div style="position:absolute; right:110px; top:145px; width:200px; height:50px;overflow:auto;">The toughest of the three. Her personality ingredient is spice and her signature color is green. She is a tomboy, who loves to get dirty, fights hard, and plays rough, she does not plan and is all action.</div>
  1402. <a href="/">
  1403. <img src="https://31.media.tumblr.com/b2c0572b1afe570de0843d1be4904689/tumblr_inline_nalb2j6noe1slekhb.gif" style="position:absolute; left:10px; top:200px; width:70px; padding:4px; border:3px double {color:Borders};">
  1404. </a>
  1405. <div style="position:absolute; left:150px; top:210px; text-shadow: 2px 2px #000, -1px -1px #aaa; font-family: arial; color:#fff; font-size: 35px; line-height:35px; font-weight: bold; letter-spacing: -4px;">Blossom</div>
  1406. <div style="position:absolute; left:110px; top:245px; width:200px; height:50px;overflow:auto;">The tactician and self-proclaimed leader of the Powerpuff Girls. Her personality ingredient is "everything nice" and her signature color is pink. She was named for having spoken freely and honestly and is often seen as the most level-headed, and composed member of the group and also strong and determined.</div>
  1407. </div>
  1408. </div>
  1409.  
  1410. </div>
  1411.  
  1412.  
  1413.  
  1414. <div style="position:fixed; bottom:5px; left:-5px;"><a href="http://jvngheechul.tumblr.com/" title="+ My lazy kitty cat: 14/10/20."><img src="https://31.media.tumblr.com/28729223701abe57a800cdf645747e34/tumblr_inline_ndrfxckysa1slekhb.gif" style="width:100px;"></a></div>
  1415.  
  1416. <img src="https://33.media.tumblr.com/e304fe2a41f526ca4e6b94adf6198858/tumblr_ndq0gojYRK1tj3n6no1_1280.jpg" style="position:fixed; right:550px; bottom:0px; z-index:-9; width:550px;">
  1417.  
  1418. <div style="padding:10px; bottom:5px; right:5px; position:fixed; "><a href="/notes" title="+ Theme by Heidi.">thm.</a></div>
  1419.  
  1420. </body>
  1421. </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!