Advertisement
kyngri

Thank you very much

Jan 12th, 2015
189
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 49.80 KB | None | 0 0
  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 ujikos for personal use only, no stealing.
  7. --->
  8.  
  9. <head>
  10.  
  11. <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>
  12.  
  13. <title>paperplane.</title>
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17. <link rel="shortcut icon" href="https://31.media.tumblr.com/0483a8d36e23ac52e39ef75074918fb0/tumblr_inline_nhfthb3Uyo1t7fjz8.png" />
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  19.  
  20. <meta name="color:Background" content="#ffffff" />
  21. <meta name="color:Text" content="#bbbbbb" />
  22. <meta name="color:Title" content="#bbbbbb" />
  23. <meta name="color:Desc Text" content="#bbbbbb" />
  24. <meta name="color:Desc Background" content="#fff" />
  25. <meta name="color:Links" content="#a2bec7" />
  26. <meta name="color:Links Hover" content="#e4e4e4" />
  27. <meta name="color:Lines" content="#e4e4e4" />
  28. <meta name="color:Scrollbar" content="#dbdbdb" />
  29. <meta name="color:Scroll" content="#f6f6f6" />
  30. <meta name="color:Bold" content="#b3b3b3" />
  31. <meta name="color:Italic" content="#cccccc"/>
  32. <meta name="color:Blockquote" content="#b6b6b6" />
  33. <meta name="color:Borders" content="#f5f5f5"/>
  34. <meta name="color:Borders border" content="#f5f5f5"/>
  35. <meta name="color:Posts" content="#fff" />
  36. <meta name="color:Chat" content="#fff" />
  37.  
  38. <meta name="color:Ask" content="#adadad" />
  39. <meta name="color:Ask Background" content="#f8f8f8" />
  40.  
  41. <meta name="if:ShowCaptions" content="1" />
  42. <meta name="if:InfiniteScroll" content="1" />
  43. <meta name="if:400px" content="0" />
  44. <meta name="if:monochrome" content="1" />
  45.  
  46.  
  47. <style type="text/css">
  48.  
  49.  
  50. iframe#tumblr_controls {
  51. top:0%!important;
  52. right:0%!important;
  53. position:fixed!important;
  54. z-index:99999999!important;
  55. opacity:0.3;
  56. -webkit-filter:invert(100%);
  57. -moz-filter:invert(100%);
  58. -o-filter:invert(100%);
  59. -ms-filter:invert(100%);
  60. filter:invert(100%);
  61. }
  62.  
  63. /* scrollbar */
  64.  
  65. @font-face { font-family: "wendy"; src: url('https://dl.dropboxusercontent.com/s/yr32rdtfszs02ze/wendy.ttf?dl=1'); format(“truetype”);}
  66. @font-face {font-family: "neou"; src:url('https://dl.dropboxusercontent.com/s/ggesu9cscg40a2p/neou-thin.ttf?dl=1'); format(“truetype”);}
  67. @font-face {font-family: "alexbrush";src: url('https://dl.dropboxusercontent.com/s/y48zvcvymdw1vmo/alexbrush-regular.ttf?dl=1'); format("truetype");}
  68. @font-face {font-family: "laine";src: url('https://dl.dropboxusercontent.com/s/q2nwfx6s9t3k759/laine.ttf?dl=1'); format("truetype");}
  69. @font-face{ font-family:"signerica"; src: url('https://dl.dropboxusercontent.com/s/kfe6jebile02ki3/signerica_thin.ttf?dl=1'); format(“truetype”);}
  70. @font-face {font-family: "black jack";src: url('https://dl.dropboxusercontent.com/s/ryf3a4mag4hudp6/blackjar.ttf?dl=1'); format("truetype");}
  71.  
  72. ::-webkit-scrollbar-thumb:vertical {
  73. background-color:{color:Scrollbar};
  74. border:2px solid {color:Scroll};
  75. }
  76. ::-webkit-scrollbar-thumb:horizontal {
  77. background-color:{color:Scrollbar};
  78. border:2px solid {color:Scroll};
  79. }
  80. ::-webkit-scrollbar {
  81. background-color:{color:Scrollbar};
  82. border:5px solid {color:Scroll};
  83. width:11px;
  84. height:7px;
  85. }
  86. ::-webkit-scrollbar-button:start:decrement {
  87. background-color:{color:Scrollbar};
  88. display:block;height:8px;
  89. border-right:2px solid {color:Scroll};
  90. border-left:2px solid {color:Scroll};
  91. }
  92.  
  93. ::-webkit-scrollbar-button:end:increment {
  94. background-color:{color:Scrollbar};
  95. display:block;height:8px;
  96. border-right:2px solid {color:Scroll};
  97. border-left:2px solid {color:Scroll};
  98. }
  99.  
  100. /*Body*/
  101.  
  102. body {
  103. margin:0;
  104. padding:0;
  105. border:0;
  106. background:url('{image:Background}');
  107. background-attachment:fixed;
  108. background-repeat:repeat;
  109. background-color:{color:Background};
  110. color:{color:Text};
  111. font-family:calibri;
  112. font-size:10px;
  113. line-height:11px;
  114. text-align:justify;
  115. word-wrap:break-word;
  116. }
  117.  
  118. a {
  119. color:{color:Links};
  120. text-decoration:none;
  121. -webkit-transition: all 1s ease-in-out;
  122. -moz-transition: all 1s ease-in-out;
  123. -o-transition: all 1s ease-in-out;
  124. -ms-transition: all 1s ease-in-out;
  125. transition: all 1s ease-in-out;
  126. }
  127. a:hover{
  128. color:{color:Links Hover};
  129. text-shadow: 2px 2px 6px #111;
  130. -webkit-transition: all 1s ease-in-out;
  131. -moz-transition: all 1s ease-in-out;
  132. -o-transition: all 1s ease-in-out;
  133. -ms-transition: all 1s ease-in-out;
  134. transition: all 1s ease-in-out;
  135. }
  136.  
  137. pre {
  138. width:95%;
  139. white-space:pre-wrap;
  140. word-wrap:break-word;
  141. background:{color:Background};
  142. background:url('https://33.media.tumblr.com/380427f06ae70dc9f8e5f068cf4cb214/tumblr_ngpwkgUQ2y1u1rvllo1_500.png');
  143. background-attachment:fixed;
  144. background-repeat:repeat;
  145. color:white;
  146. padding:4px;
  147. -webkit-filter:invert(100%);
  148. -moz-filter:invert(100%);
  149. -o-filter:invert(100%);
  150. -ms-filter:invert(100%);
  151. filter:invert(100%);
  152. }
  153.  
  154. blockquote {
  155. width:90%;
  156. margin-left:15px;
  157. padding:5px;
  158. border-left:1px solid {color:Blockquote};
  159. }
  160.  
  161. sub {
  162. font-size:9px;
  163. }
  164.  
  165. small {
  166. font-size:9px;
  167. }
  168.  
  169.  
  170. b, strong {
  171. color:{color:Bold};
  172. font-weight:bold;
  173. }
  174.  
  175. i, em {
  176. color:{color:Italic};
  177. font-style:italic;
  178. }
  179.  
  180. ul,ol {
  181. padding:2px;
  182. margin-left:25px;
  183. }
  184.  
  185. ul {
  186. list-style-type:square;
  187. }
  188.  
  189. /* texture*/
  190.  
  191. #centralsquare {
  192. position:fixed;
  193. right:0px;
  194. bottom:0px;
  195. width:100%;
  196. height:100%;
  197. z-index:-999;
  198. background:url('https://33.media.tumblr.com/380427f06ae70dc9f8e5f068cf4cb214/tumblr_ngpwkgUQ2y1u1rvllo1_500.png');
  199. background-attachment:fixed;
  200. background-repeat:repeat;
  201. opacity:.3;
  202. -webkit-filter:invert(100%);
  203. -moz-filter:invert(100%);
  204. -o-filter:invert(100%);
  205. -ms-filter:invert(100%);
  206. filter:invert(100%);
  207. }
  208.  
  209. /* stats */
  210.  
  211. #zoras {
  212. position:fixed;
  213. left:-93px;
  214. bottom:100px;
  215. width:200px;
  216. height:10px;
  217. text-align:left;
  218. font-family:wendy;
  219. color:#fff;
  220. font-size:10px;
  221. line-height:10px;
  222. -ms-transform: rotate(-90deg); /* IE 9 */
  223. -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  224. transform: rotate(-90deg);
  225. }
  226.  
  227. #zoras a {
  228. color:#fff;
  229. }
  230.  
  231. /* Sidebar wrapper*/
  232.  
  233. #hyrule {
  234. position:fixed;
  235. width:300px;
  236. height:230px;
  237. left:570px;
  238. bottom:100px;
  239. z-index:9999;
  240. }
  241.  
  242. #castle {
  243. position:absolute;
  244. top:0px;
  245. bottom:0px;
  246. width:300px;
  247. height:230px;
  248. border-radius:0px 100px 0px 0px;
  249. background:{color:Background};
  250. }
  251.  
  252. /* freedom */
  253.  
  254. #fairies {
  255. position:absolute;
  256. left:-20px;
  257. top:-20px;
  258. height:100px;
  259. width:100px;
  260. z-index:-2;
  261. opacity:.7;
  262. }
  263.  
  264. #fairy1 img {
  265. position:absolute;
  266. bottom:0px;
  267. left:-45px;
  268. height:40px;
  269. -webkit-transition: all 1s ease-in-out;
  270. -moz-transition: all 1s ease-in-out;
  271. -o-transition: all 1s ease-in-out;
  272. -ms-transition: all 1s ease-in-out;
  273. transition: all 1s ease-in-out;
  274. }
  275.  
  276. #fairy2 img {
  277. position:absolute;
  278. bottom:55px;
  279. left:-30px;
  280. height:25px;
  281. -webkit-transition: all 1s ease-in-out;
  282. -moz-transition: all 1s ease-in-out;
  283. -o-transition: all 1s ease-in-out;
  284. -ms-transition: all 1s ease-in-out;
  285. transition: all 1s ease-in-out;
  286. }
  287.  
  288. #fairy3 img {
  289. position:absolute;
  290. top:-25px;
  291. left:10px;
  292. height:35px;
  293. -webkit-transition: all 1s ease-in-out;
  294. -moz-transition: all 1s ease-in-out;
  295. -o-transition: all 1s ease-in-out;
  296. -ms-transition: all 1s ease-in-out;
  297. transition: all 1s ease-in-out;
  298. }
  299.  
  300. #fairy4 img {
  301. position:absolute;
  302. left:50px;
  303. top:-35px;
  304. height:30px;
  305. -webkit-transition: all 1s ease-in-out;
  306. -moz-transition: all 1s ease-in-out;
  307. -o-transition: all 1s ease-in-out;
  308. -ms-transition: all 1s ease-in-out;
  309. transition: all 1s ease-in-out;
  310. }
  311.  
  312. #fairy1 img:hover, #fairy2 img:hover, #fairy3 img:hover, #fairy4 img:hover {
  313. -webkit-filter:blur(3px);
  314. -moz-filter:blur(3px);
  315. -o-filter:blur(3px);
  316. -ms-filter:blur(3px);
  317. -webkit-transition: all 1s ease-in-out;
  318. -moz-transition: all 1s ease-in-out;
  319. -o-transition: all 1s ease-in-out;
  320. -ms-transition: all 1s ease-in-out;
  321. transition: all 1s ease-in-out;
  322. }
  323.  
  324. {block:IndexPage}
  325.  
  326. .animated1 {
  327. -webkit-animation-duration: 1.9s;
  328. animation-duration: 1.9s;
  329. -webkit-animation-fill-mode: both;
  330. animation-fill-mode: both;
  331. -webkit-animation-timing-function: ease-in;
  332. animation-timing-function: ease-in;
  333. }
  334. @-webkit-keyframes fadeIn1 {
  335. 0% {opacity: 0;}
  336. 100% {opacity: 1;}
  337. }
  338. @keyframes fadeIn1 {
  339. 0% {opacity: 0;}
  340. 100% {opacity: 1;}
  341. }
  342. .fadeIn1 {
  343. -webkit-animation-name: fadeIn1;
  344. animation-name: fadeIn1;
  345. }
  346.  
  347. .animated2 {
  348. -webkit-animation-duration: 2.1s;
  349. animation-duration: 2.1s;
  350. -webkit-animation-fill-mode: both;
  351. animation-fill-mode: both;
  352. -webkit-animation-timing-function: ease-in;
  353. animation-timing-function: ease-in;
  354. }
  355. @-webkit-keyframes fadeIn2 {
  356. 0% {opacity: 0;}
  357. 100% {opacity: 1;}
  358. }
  359. @keyframes fadeIn2 {
  360. 0% {opacity: 0;}
  361. 100% {opacity: 1;}
  362. }
  363. .fadeIn2 {
  364. -webkit-animation-name: fadeIn2;
  365. animation-name: fadeIn2;
  366. }
  367.  
  368. .animated3 {
  369. -webkit-animation-duration: 2.4s;
  370. animation-duration: 2.4s;
  371. -webkit-animation-fill-mode: both;
  372. animation-fill-mode: both;
  373. -webkit-animation-timing-function: ease-in;
  374. animation-timing-function: ease-in;
  375. }
  376. @-webkit-keyframes fadeIn3 {
  377. 0% {opacity: 0;}
  378. 100% {opacity: 1;}
  379. }
  380. @keyframes fadeIn3 {
  381. 0% {opacity: 0;}
  382. 100% {opacity: 1;}
  383. }
  384. .fadeIn3 {
  385. -webkit-animation-name: fadeIn3;
  386. animation-name: fadeIn3;
  387. }
  388.  
  389. .animated4 {
  390. -webkit-animation-duration: 2.7s;
  391. animation-duration: 2.7s;
  392. -webkit-animation-fill-mode: both;
  393. animation-fill-mode: both;
  394. -webkit-animation-timing-function: ease-in;
  395. animation-timing-function: ease-in;
  396. }
  397. @-webkit-keyframes fadeIn4 {
  398. 0% {opacity: 0;}
  399. 100% {opacity: 1;}
  400. }
  401. @keyframes fadeIn4 {
  402. 0% {opacity: 0;}
  403. 100% {opacity: 1;}
  404. }
  405. .fadeIn4 {
  406. -webkit-animation-name: fadeIn4;
  407. animation-name: fadeIn4;
  408. }
  409.  
  410. {/block:IndexPage}
  411.  
  412. /* Corners */
  413.  
  414. #southroad:after {
  415. content:"";
  416. width:70px;
  417. height:70px;
  418. top:-1px;
  419. left:-1px;
  420. position:absolute;
  421. z-index:-1;
  422. background:{color:Borders};
  423. -webkit-transition: all 1s ease-in-out;
  424. -moz-transition: all 1s ease-in-out;
  425. -o-transition: all 1s ease-in-out;
  426. -ms-transition: all 1s ease-in-out;
  427. transition: all 1s ease-in-out;
  428. }
  429.  
  430. #southroad:before{
  431. content:"";
  432. width:250px;
  433. height:70px;
  434. bottom:-1px;
  435. right:-1px;
  436. position:absolute;
  437. z-index:-1;
  438. background:{color:Borders};
  439. -webkit-transition: all 1s ease-in-out;
  440. -moz-transition: all 1s ease-in-out;
  441. -o-transition: all 1s ease-in-out;
  442. -ms-transition: all 1s ease-in-out;
  443. transition: all 1s ease-in-out;
  444. }
  445.  
  446. /* title */
  447.  
  448. #hylian {
  449. position:absolute;
  450. width:300px;
  451. right:0px;
  452. top:25px;
  453. font-family:neou;
  454. font-size:40px;
  455. text-align:center;
  456. color:{color:Title};
  457. }
  458.  
  459. /* Music Player */
  460.  
  461. #ocarina {
  462. overflow:hidden;
  463. position:absolute;
  464. width:18px;
  465. height:18px;
  466. top:15px;
  467. right:171px;
  468. opacity:.7;
  469. background:transparent;
  470. border:1px solid transparent;
  471. border-radius:100%;
  472. z-index:9999999;
  473. -webkit-transition: all 1s ease-in-out;
  474. -moz-transition: all 1s ease-in-out;
  475. -o-transition: all 1s ease-in-out;
  476. -ms-transition: all 1s ease-in-out;
  477. transition: all 1s ease-in-out;
  478. }
  479.  
  480. #time {
  481. margin-top:3px;
  482. margin-left:2px;
  483. z-index:3;
  484. -webkit-transition: 0.9s;
  485. -moz-transition: 0.9s;
  486. -o-transition: 0.9s;
  487. -ms-transition: 0.9s;
  488. transition: 0.9s;
  489. }
  490.  
  491. #ocarina:hover #time {
  492. margin-top:-20px;
  493. -webkit-transition: 0.9s;
  494. -moz-transition: 0.9s;
  495. -o-transition: 0.9s;
  496. -ms-transition: 0.9s;
  497. transition: 0.9s;
  498. }
  499.  
  500. #lullaby {
  501. margin-top:6px;
  502. margin-left:-4px;
  503. opacity:1;
  504. z-index:2;
  505. }
  506.  
  507. /* top desc */
  508.  
  509. #zelda {
  510. position:absolute;
  511. width:206px;
  512. padding-right:4px;
  513. padding-left:4px;
  514. border-bottom:3px double {color:Borders};
  515. right:43px;
  516. top:50px;
  517. font-family:ms gothic;
  518. font-size:14px;
  519. line-height:14px;
  520. text-transform:uppercase;
  521. text-align:center;
  522. color:{color:Title};
  523. }
  524.  
  525. /* Extra Navigation */
  526.  
  527. #navi {
  528. position:absolute;
  529. width:206px;
  530. padding-right:4px;
  531. padding-left:4px;
  532. right:43px;
  533. top:72px;
  534. z-index:999;
  535. }
  536.  
  537. #heylisten1 {
  538. position:absolute;
  539. width:45px;
  540. height:70px;
  541. left:10px;
  542. top:0px;
  543. z-index:0;
  544. opacity:0.9;
  545. transition-duration: 0.8s;
  546. -moz-transition-duration: 0.8s;
  547. -webkit-transition-duration: 0.8s;
  548. -o-transition-duration: 0.8s;
  549. -ms-transition: all 0.8s ease-in-out;
  550. }
  551.  
  552. #heylisten1 a {
  553. width:45px;
  554. height:15px;
  555. display:block;
  556. overflow:hidden;
  557. background-color:{color:Links};
  558. transition-duration: 0.8s;
  559. -moz-transition-duration: 0.8s;
  560. -webkit-transition-duration: 0.8s;
  561. -o-transition-duration: 0.8s;
  562. -ms-transition: all 0.8s ease-in-out;
  563. }
  564.  
  565. #heylisten1 a:hover {
  566. color:{color:Borders};
  567. box-shadow: inset -45px 0px 0px 0px {color:Links Hover},inset 0px 24px 0px 0px {color:Links Hover};
  568. }
  569.  
  570. #heylisten2 {
  571. position:absolute;
  572. width:45px;
  573. height:70px;
  574. left:60px;
  575. top:0px;
  576. z-index:0;
  577. opacity:0.9;
  578. transition-duration: 0.8s;
  579. -moz-transition-duration: 0.8s;
  580. -webkit-transition-duration: 0.8s;
  581. -o-transition-duration: 0.8s;
  582. -ms-transition: all 0.8s ease-in-out;
  583. }
  584.  
  585. #heylisten2 a {
  586. width:45px;
  587. height:15px;
  588. display:block;
  589. overflow:hidden;
  590. background-color:{color:Links};
  591. transition-duration: 0.8s;
  592. -moz-transition-duration: 0.8s;
  593. -webkit-transition-duration: 0.8s;
  594. -o-transition-duration: 0.8s;
  595. -ms-transition: all 0.8s ease-in-out;
  596. }
  597.  
  598. #heylisten2 a:hover {
  599. color:{color:Borders};
  600. box-shadow: inset -45px 0px 0px 0px {color:Links Hover},inset 0px 24px 0px 0px {color:Links Hover};
  601. }
  602.  
  603. #heylisten3 {
  604. position:absolute;
  605. width:45px;
  606. height:70px;
  607. left:110px;
  608. top:0px;
  609. z-index:0;
  610. opacity:0.9;
  611. transition-duration: 0.8s;
  612. -moz-transition-duration: 0.8s;
  613. -webkit-transition-duration: 0.8s;
  614. -o-transition-duration: 0.8s;
  615. -ms-transition: all 0.8s ease-in-out;
  616. }
  617.  
  618. #heylisten3 a {
  619. width:45px;
  620. height:15px;
  621. display:block;
  622. overflow:hidden;
  623. background-color:{color:Links};
  624. transition-duration: 0.8s;
  625. -moz-transition-duration: 0.8s;
  626. -webkit-transition-duration: 0.8s;
  627. -o-transition-duration: 0.8s;
  628. -ms-transition: all 0.8s ease-in-out;
  629. }
  630.  
  631. #heylisten3 a:hover {
  632. color:{color:Borders};
  633. box-shadow: inset -45px 0px 0px 0px {color:Links Hover},inset 0px 24px 0px 0px {color:Links Hover};
  634. }
  635.  
  636. #heylisten4 {
  637. position:absolute;
  638. width:45px;
  639. height:70px;
  640. left:160px;
  641. top:0px;
  642. z-index:0;
  643. opacity:0.9;
  644. transition-duration: 0.8s;
  645. -moz-transition-duration: 0.8s;
  646. -webkit-transition-duration: 0.8s;
  647. -o-transition-duration: 0.8s;
  648. -ms-transition: all 0.8s ease-in-out;
  649. }
  650.  
  651. #heylisten4 a {
  652. width:45px;
  653. height:15px;
  654. display:block;
  655. overflow:hidden;
  656. background-color:{color:Links};
  657. transition-duration: 0.8s;
  658. -moz-transition-duration: 0.8s;
  659. -webkit-transition-duration: 0.8s;
  660. -o-transition-duration: 0.8s;
  661. -ms-transition: all 0.8s ease-in-out;
  662. }
  663.  
  664. #heylisten4 a:hover {
  665. color:{color:Borders};
  666. box-shadow: inset -45px 0px 0px 0px {color:Links Hover},inset 0px 24px 0px 0px {color:Links Hover};
  667. }
  668.  
  669. /* extra navi info */
  670.  
  671. #hyrulefield {
  672. position:absolute;
  673. top:22px;
  674. right:-156px;
  675. padding:4px;
  676. width: 200px;
  677. height: 120px;
  678. background:{color:Desc Background};
  679. font-family:calibri;
  680. font-size:10px;
  681. text-align:center;
  682. overflow:auto;
  683. transition-duration: 0.8s;
  684. -moz-transition-duration: 0.8s;
  685. -webkit-transition-duration: 0.8s;
  686. -o-transition-duration: 0.8s;
  687. }
  688.  
  689. #kokiriforest {
  690. position:absolute;
  691. top:22px;
  692. right:-106px;
  693. padding:4px;
  694. width: 200px;
  695. height: 120px;
  696. background:{color:Desc Background};
  697. font-family:calibri;
  698. font-size:10px;
  699. text-align:center;
  700. overflow:auto;
  701. transition-duration: 0.8s;
  702. -moz-transition-duration: 0.8s;
  703. -webkit-transition-duration: 0.8s;
  704. -o-transition-duration: 0.8s;
  705. }
  706.  
  707. #zorasdomain {
  708. position:absolute;
  709. top:22px;
  710. right:-56px;
  711. padding:4px;
  712. width: 200px;
  713. height: 120px;
  714. background:{color:Desc Background};
  715. font-family:calibri;
  716. font-size:10px;
  717. text-align:center;
  718. overflow:auto;
  719. transition-duration: 0.8s;
  720. -moz-transition-duration: 0.8s;
  721. -webkit-transition-duration: 0.8s;
  722. -o-transition-duration: 0.8s;
  723. }
  724.  
  725. #gerudodesert {
  726. position:absolute;
  727. top:22px;
  728. right:-6px;
  729. padding:4px;
  730. width: 200px;
  731. height: 120px;
  732. background:{color:Desc Background};
  733. font-family:calibri;
  734. font-size:10px;
  735. text-align:center;
  736. overflow:auto;
  737. transition-duration: 0.8s;
  738. -moz-transition-duration: 0.8s;
  739. -webkit-transition-duration: 0.8s;
  740. -o-transition-duration: 0.8s;
  741. }
  742.  
  743. /* extra navi info links */
  744.  
  745. #princessruto {
  746. width:200px;
  747. height:120px;
  748. }
  749.  
  750. #princessruto a {
  751. width:192px;
  752. height:13px;
  753. line-height:13px;
  754. font-family:ms gothic;
  755. font-size:11px;
  756. text-align:center;
  757. text-transform:uppercase;
  758. display:block;
  759. overflow:hidden;
  760. border-left:4px solid {color:Links};
  761. border-right:4px solid {color:Links};
  762. color:{color:Links};
  763. background-color:{color:Borders};
  764. transition-duration: 0.8s;
  765. -moz-transition-duration: 0.8s;
  766. -webkit-transition-duration: 0.8s;
  767. -o-transition-duration: 0.8s;
  768. -ms-transition: all 0.8s ease-in-out;
  769. }
  770.  
  771. #princessruto a:hover {
  772. color:{color:Links Hover};
  773. box-shadow: inset -200px 0px 0px 0px {color:Links},inset 0px 24px 0px 0px {color:Links};
  774. }
  775.  
  776. #princessruto2 {
  777. width:192px;
  778. height:13px;
  779. }
  780.  
  781. #princessruto2 a {
  782. width:192px;
  783. height:13px;
  784. line-height:13px;
  785. font-family:ms gothic;
  786. font-size:11px;
  787. text-align:center;
  788. text-transform:uppercase;
  789. display:block;
  790. overflow:hidden;
  791. border-left:4px solid {color:Links};
  792. border-right:4px solid {color:Links};
  793. color:{color:Links};
  794. background-color:{color:Borders};
  795. transition-duration: 0.8s;
  796. -moz-transition-duration: 0.8s;
  797. -webkit-transition-duration: 0.8s;
  798. -o-transition-duration: 0.8s;
  799. -ms-transition: all 0.8s ease-in-out;
  800. }
  801.  
  802. #princessruto2 a:hover {
  803. color:{color:Links Hover};
  804. box-shadow: inset -183px 0px 0px 0px {color:Links},inset 0px 24px 0px 0px {color:Links};
  805. }
  806.  
  807. /* main desc */
  808.  
  809. #lakehylia {
  810. position:absolute;
  811. width:200px;
  812. height:120px;
  813. overflow:auto;
  814. border:3px double {color:Borders};
  815. padding:4px;
  816. right:43px;
  817. bottom:5px;
  818. background-color:{color:Desc Background};
  819. color:{color:Desc Text};
  820. font-family:calibri;
  821. font-size:10px;
  822. line-height:10px;
  823. text-align:center;
  824. }
  825.  
  826. /* Main Navigation */
  827.  
  828. .midna {
  829. position:absolute;
  830. width:217px;
  831. right:35px;
  832. bottom:-22px;
  833. border-top:1px solid {color:Borders};
  834. }
  835.  
  836. #midnaa {
  837. margin:0;
  838. border:0;
  839. padding:0;
  840. list-style:none;
  841. position:relative;
  842. }
  843. #midnaa li {
  844. display:inline;
  845. }
  846. #midnaa li a {
  847. width:40px;
  848. padding-top:10px;
  849. padding-left:5px;
  850. padding-right:5px;
  851. display:block;
  852. float:left;
  853. color:{color:Links};
  854. font-family:wendy;
  855. font-size:10px;
  856. text-align:center;
  857. text-transform:uppercase;
  858. -webkit-transition: all 1s ease-in-out;
  859. -moz-transition: all 1s ease-in-out;
  860. -o-transition: all 1s ease-in-out;
  861. -ms-transition: all 1s ease-in-out;
  862. transition: all 1s ease-in-out;
  863. }
  864. #midnaa li a:hover {
  865. color:{color:Links Hover};
  866. text-shadow: 2px 2px 6px #111;
  867. -webkit-transition: all 1s ease-in-out;
  868. -moz-transition: all 1s ease-in-out;
  869. -o-transition: all 1s ease-in-out;
  870. -ms-transition: all 1s ease-in-out;
  871. transition: all 1s ease-in-out;
  872. }
  873.  
  874. /* Triangle */
  875.  
  876. .triforce{
  877. top:0;
  878. left:0px;
  879. width:40px;
  880. border:0;
  881. padding:0;
  882. margin-top:-1px;
  883. position:absolute;
  884. background:transparent;
  885. }
  886.  
  887. .triforce:before, .triforce:after {
  888. content:"";
  889. position:absolute;
  890. width:0;
  891. height:0;
  892. border-style:solid;
  893. border-color:transparent;
  894. border-bottom:0;
  895. }
  896. .triforce:before {
  897. left:15px;
  898. border-top-color:{color:Borders};
  899. border-width:10px;
  900. }
  901. .triforce:after {
  902. left:15px;
  903. border-top-color:{color:Borders};
  904. border-width:9px;
  905. }
  906.  
  907. /* borders */
  908.  
  909. #ordona {
  910. position:fixed;
  911. left:16px;
  912. top:0px;
  913. width:30px;
  914. height:100%;
  915. background: {color:Borders};
  916. background:url('https://31.media.tumblr.com/c01f7d34146f4ba39c6a2dd092c8218a/tumblr_inline_nheydblJD61t7fjz8.png');
  917. background-attachment:fixed;
  918. background-repeat:repeat;
  919. border-left:4px double {color:Borders};
  920. opacity:.5;
  921. }
  922.  
  923. #faron {
  924. position:fixed;
  925. left:52px;
  926. top:0px;
  927. width:4px;
  928. height:100%;
  929. background: {color:Borders};
  930. }
  931.  
  932. #eldin {
  933. position:fixed;
  934. left:418px;
  935. top:0px;
  936. width:4px;
  937. height:100%;
  938. background: {color:Borders};
  939. }
  940.  
  941. #lanayru {
  942. position:fixed;
  943. left:424px;
  944. top:0px;
  945. width:30px;
  946. height:100%;
  947. background: {color:Borders};
  948. background:url('https://31.media.tumblr.com/c01f7d34146f4ba39c6a2dd092c8218a/tumblr_inline_nheydblJD61t7fjz8.png');
  949. background-attachment:fixed;
  950. background-repeat:repeat;
  951. border-right:4px double {color:Borders};
  952. opacity:.5;
  953. }
  954.  
  955. /* main wrapper */
  956.  
  957.  
  958. #westroad {
  959. position:fixed;
  960. width:365px;
  961. height:95%;
  962. left:55px;
  963. bottom:0px;
  964. z-index:99999999;
  965. }
  966.  
  967. #eastroad {
  968. position:absolute;
  969. width:365px;
  970. height:100%;
  971. left:0px;
  972. bottom:20px;
  973. border-top:5px solid {color:Borders};
  974. border-bottom:5px solid transparent;
  975. background:transparent;
  976. z-index:9999;
  977. }
  978.  
  979. #castletown{
  980. position:absolute;
  981. width:358px;
  982. height:100%;
  983. top:3px;
  984. left:3px;
  985. border-top:2px solid {color:Borders};
  986. border-bottom:2px solid {color:Borders};
  987. z-index:999;
  988. }
  989.  
  990. /* post fade in */
  991.  
  992. {block:IndexPage}
  993. .animated {
  994. -webkit-animation-duration: 1s;
  995. animation-duration: 1s;
  996. -webkit-animation-fill-mode: both;
  997. animation-fill-mode: both;
  998. -webkit-animation-timing-function: ease-in;
  999. animation-timing-function: ease-in;
  1000. }
  1001. @-webkit-keyframes fadeIn {
  1002. 0% {opacity: 0;}
  1003. 100% {opacity: 1;}
  1004. }
  1005. @keyframes fadeIn {
  1006. 0% {opacity: 0;}
  1007. 100% {opacity: 1;}
  1008. }
  1009. .fadeIn {
  1010. -webkit-animation-name: fadeIn;
  1011. animation-name: fadeIn;
  1012. }
  1013. {/block:IndexPage}
  1014.  
  1015. /* post wrapper */
  1016.  
  1017. #townspeople {
  1018. position:absolute;
  1019. width:355px;
  1020. height:100%;
  1021. overflow:auto;
  1022. bottom:0px;
  1023. left:0px;
  1024. background-color:{color:Posts};
  1025. }
  1026.  
  1027. /* posts */
  1028.  
  1029. .pieceofheart {
  1030. {block:ifnot400px}
  1031. width:250px;
  1032. {/block:ifnot400px}
  1033. {block:if400px}
  1034. width:400px;
  1035. {/block:if400px}
  1036. padding:20px;
  1037. margin-bottom:25px;
  1038. margin-left:25px;
  1039. margin-top:20px;
  1040. border:3px double transparent;
  1041. background-color:{color:Posts};
  1042. color:{color:Text};
  1043. font-family:calibri;
  1044. font-size:10px;
  1045. line-height:10px;
  1046. text-align:justify;
  1047. word-wrap:break-word;
  1048. }
  1049.  
  1050. .pieceofheart img {
  1051. max-width:100%;
  1052. {block:ifMonochrome}-webkit-filter: grayscale(100%); {/block:ifMonochrome}
  1053. outline-offset: -11px;
  1054. outline:double 1px rgba(255,255,255,0.2);
  1055. }
  1056.  
  1057. #pictographbox img {
  1058. max-width:100%;
  1059. display:block;
  1060. {block:IndexPage}{block:ifImagefade}
  1061. opacity:.7;
  1062. -moz-transition:all ease-in-out 0.7s;
  1063. -webkit-transition:all ease-in-out 0.7s;
  1064. -o-transition:all ease-in-out 0.7s;
  1065. transition:all ease-in-out 0.7s;{/block:ifImagefade}
  1066. {/block:IndexPage}
  1067. {block:ifMonochrome}-webkit-filter: grayscale(100%); {/block:ifMonochrome}
  1068. outline-offset: -11px;
  1069. outline:double 1px rgba(255,255,255,0.2);
  1070. }
  1071.  
  1072. #pictographmove, #pictographvid {
  1073. margin-bottom:-2px;
  1074. {block:IndexPage}{block:ifImagefade}
  1075. opacity:.7;
  1076. -moz-transition:all ease-in-out 0.7s;
  1077. -webkit-transition:all ease-in-out 0.7s;
  1078. -o-transition:all ease-in-out 0.7s;
  1079. transition:all ease-in-out 0.7s;{/block:ifImagefade}
  1080. {/block:IndexPage}
  1081. {block:ifMonochrome}-webkit-filter: grayscale(100%); {/block:ifMonochrome}
  1082. outline-offset: -11px;
  1083. outline:double 1px rgba(255,255,255,0.2);
  1084. }
  1085. {block:ifImagefade}
  1086. .pieceofheart:hover #pictographmove, .pieceofheart:hover #pictographvid, .pieceofheart:hover #pictographbox img {
  1087. opacity:1;
  1088. }
  1089. {/block:ifImagefade}
  1090.  
  1091. /* post title */
  1092.  
  1093. #ganon {
  1094. font-family:neou;
  1095. font-size:16px;
  1096. font-style:normal;
  1097. line-height:16px;
  1098. text-align:center;
  1099. }
  1100.  
  1101. /* post chat */
  1102.  
  1103. #speak {
  1104. padding-top:2px;
  1105. padding-bottom:3px;
  1106. padding-left:5px;
  1107. padding-right:5px;
  1108. line-height:11px;
  1109. color:{color:Text};
  1110. font-family:calibri;
  1111. font-size:10px;
  1112. font-style:normal;
  1113. }
  1114.  
  1115. #speak.odd {
  1116. background-color:{color:Borders};
  1117. }
  1118.  
  1119. /* post q&a */
  1120.  
  1121. #oracles {
  1122. font-family:neou;
  1123. text-align:center;
  1124. font-size:20px;
  1125. color:{color:Ask};
  1126. text-shadow: 2px 2px 6px #aaa;
  1127. }
  1128.  
  1129. #link {
  1130. padding:5px;
  1131. border-bottom:1px solid {color:Borders};
  1132. text-transform:normal;
  1133. text-align:center;
  1134. }
  1135.  
  1136. /* post quote */
  1137.  
  1138. #fortuneteller {
  1139. font-family:MS Gothic;
  1140. font-size:15px;
  1141. line-height:15px;
  1142. font-style:normal;
  1143. text-align:center;
  1144. }
  1145.  
  1146.  
  1147. #wiseone {
  1148. font-family:neou;
  1149. font-size:15px;
  1150. line-height:15px;
  1151. letter-spacing:1px;
  1152. text-align:center;
  1153. text-transform:normal;
  1154. }
  1155.  
  1156. /* post audio */
  1157.  
  1158. #windwaker{
  1159. padding-top:3px;
  1160. padding-left:5px;
  1161. padding-right:5px;
  1162. padding-bottom:5px;
  1163. border-left:1px solid {color:Borders};
  1164. }
  1165.  
  1166. #recorder {
  1167. color:{color:Text};
  1168. font-family:wendy;
  1169. font-size:10px;
  1170. line-height:10px;
  1171. letter-spacing:1px;
  1172. text-transform:uppercase;
  1173. text-align:left;
  1174. }
  1175.  
  1176. #flute {
  1177. width:26px;
  1178. height:28px;
  1179. border-left:7px solid #fff;
  1180. border-right:7px solid #fff;
  1181. border-top:6px solid #fff;
  1182. border-bottom:6px solid #fff;
  1183. background-color:#fff;
  1184. display:block;
  1185. overflow:hidden;
  1186. position:absolute;
  1187. opacity:0.3;
  1188. -moz-transition:all linear 0.8s;
  1189. -webkit-transition:all linear 0.8s;
  1190. -o-transition:all linear 0.8s;
  1191. transition:all linear 0.8s;
  1192. }
  1193.  
  1194. #art {
  1195. width:40px;
  1196. height:28px;
  1197. background-color:{color:Posts};
  1198. -webkit-filter:grayscale({text:Amount of Grayscale}%);
  1199. -moz-filter:grayscale({text:Amount of Grayscale}%);
  1200. -ms-filter:grayscale({text:Amount of Grayscale}%);
  1201. -o-filter:grayscale({text:Amount of Grayscale}%);
  1202. filter:grayscale({text:Amount of Grayscale}%);
  1203. }
  1204.  
  1205. .pieceofheart:hover #flute {
  1206. opacity:.8;
  1207. }
  1208.  
  1209.  
  1210. /* little link */
  1211.  
  1212. #kokirisword {
  1213. width:100%;
  1214. height:0px;
  1215. font-family:wendy;
  1216. font-size:10px;
  1217. line-height:16px;
  1218. text-align:center;
  1219. text-transform:uppercase;
  1220. letter-spacing:1px;
  1221. overflow:hidden;
  1222. text-align:center;
  1223. -moz-transition:all ease-in-out 0.7s;
  1224. -webkit-transition:all ease-in-out 0.7s;
  1225. -o-transition:all ease-in-out 0.7s;
  1226. transition:all ease-in-out 0.7s;
  1227. }
  1228.  
  1229. .pieceofheart:hover #kokirisword {
  1230. height:20px;
  1231. margin-top:-10px;
  1232. padding-bottom:5px;
  1233. }
  1234.  
  1235. /* grown link */
  1236.  
  1237. #mastersword {
  1238. width:286px;
  1239. margin-top:-25px;
  1240. margin-left:25px;
  1241. padding:5px;
  1242. background:transparent;
  1243. font-family:wendy;
  1244. letter-spacing:1px;
  1245. font-size:10px;
  1246. text-transform:uppercase;
  1247. text-align:center;
  1248. }
  1249.  
  1250. /* pagination */
  1251.  
  1252. #templeoftime {
  1253. position:absolute;
  1254. width:365px;
  1255. right:0px;
  1256. bottom:5px;
  1257. color:{color:Links};
  1258. font-family:wendy;
  1259. font-size:10px;
  1260. line-height:10px;
  1261. text-align:center;
  1262. }
  1263.  
  1264. /* hover titles */
  1265.  
  1266. #s-m-t-tooltip{
  1267. max-width:300px;
  1268. margin-top:25px;
  1269. margin-left:15px;
  1270. padding:4px;
  1271. z-index:99999999999;
  1272. background-color:#ddd;
  1273. color:{color:Text};
  1274. font-family:calibri;
  1275. font-size:10px;
  1276. line-height:10px;
  1277. font-style:normal;
  1278. text-transform:normal;
  1279. border-left:4px solid {color:Borders};
  1280. border-right:4px solid {color:Borders};
  1281. border-radius:7px 7px 7px 7px;
  1282. word-wrap:break-word;
  1283. }
  1284.  
  1285. /* popup */
  1286.  
  1287. #fade {
  1288. display: none;
  1289. position: fixed;
  1290. left: 0;
  1291. top: 0;
  1292. width: 100%;
  1293. height: 100%;
  1294. opacity: .5;
  1295. z-index:9999999;
  1296. }
  1297.  
  1298. .popup_block{
  1299. display: none;
  1300. height:100%;
  1301. position: absolute;
  1302. top: 400px;
  1303. left: 222px;
  1304. z-index: 999999999;
  1305. background-color:{color:Background};
  1306. -webkit-animation:HOVER 600ms;
  1307. }
  1308.  
  1309. @-webkit-keyframes HOVER {
  1310. 0% {-webkit-transform: scale(.3);}
  1311. 50% {-webkit-transform: scale(1.05);}
  1312. 70% {-webkit-transform: scale(.9);}
  1313. 100% {-webkit-transform: scale(1);}
  1314. }
  1315.  
  1316. .popupscroll{
  1317. position:absolute;
  1318. width:355px;
  1319. height:100%;
  1320. top:55px;
  1321. left:8px;
  1322. overflow:auto;
  1323. font-family:calibri;
  1324. font-size:9px;
  1325. letter-spacing:1px;
  1326. text-align:center;
  1327. color:{color:Text};
  1328. }
  1329.  
  1330. .popupscroll img {
  1331. -webkit-filter: grayscale(100%);
  1332. }
  1333.  
  1334. #h4 {
  1335. font-family:neou;
  1336. text-align:center;
  1337. font-size:20px;
  1338. border-bottom:1px solid #fafafa;
  1339. width:353px;
  1340. margin-top:6px;
  1341. text-decoration:none;
  1342. line-height:28px;
  1343. z-index: 999;
  1344. }
  1345.  
  1346. img.btn_close {
  1347. float: right;
  1348. margin: -55px -55px 0 0;
  1349. }
  1350.  
  1351. *html #fade {
  1352. position: absolute;
  1353. }
  1354.  
  1355. *html .popup_block {
  1356. position: absolute;
  1357. }
  1358.  
  1359. </style>
  1360.  
  1361. {block:IndexPage}
  1362. {block:ifInfiniteScroll}
  1363. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  1364. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1365. {/block:ifInfiniteScroll}
  1366. {/block:IndexPage}
  1367.  
  1368. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'></script><script>$(function() {var $el, leftPos, newWidth,$mainNav = $("#midnaa");$mainNav.append("<li class='triforce'></li>");var $magicLine = $(".triforce");$magicLine.width($(".current_item").width()).css("left", $(".current_item a").position().left).data("origLeft", $magicLine.position().left);$("#midnaa li a").hover(function() {$el = $(this);leftPos = $el.position().left;newWidth = $el.parent().width();$magicLine.stop().animate({left: leftPos,});}, function() {$magicLine.stop().animate({left: $magicLine.data("origLeft"),});});});</script>
  1369.  
  1370. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1371. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1372. <script>(function($){$(document).ready(function(){$("[title],a[title],img[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:100,tip_fade_speed:300,attribute:"title"});});})(jQuery);</script>
  1373.  
  1374. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  1375. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1376. <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>
  1377. <script type="text/javascript"
  1378. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  1379. <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>
  1380.  
  1381. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><script type="text/javascript">jQuery(document).ready(function() {
  1382. jQuery(".epona").hide();jQuery(".answer").click(function(){jQuery(this).next(".epona").fadeToggle(500);});});</script>
  1383.  
  1384. </head>
  1385.  
  1386. <body>
  1387. <body bgcolor="#fafafa" ondragstart="return false" onselectstart="return false">
  1388. <body onkeydown="return false">
  1389.  
  1390. <div id="zoras">
  1391. <script language="JavaScript">
  1392. var ref = (''+document.referrer+'');
  1393. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID3359389&e1=&e2=&r=' + ref + '"><\/script>');
  1394. </script> + <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2189130&name="></script>.
  1395. </div>
  1396.  
  1397. <div id="hyrule" class="animated fadeIn">
  1398. <div id="ocarina">
  1399. <div id="time">
  1400. <img src="https://31.media.tumblr.com/tumblr_m7w2n46Pdl1r6o8v2.gif"/>
  1401. </div>
  1402. <div id="lullaby">
  1403. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="25" height="20"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" /><param name="bgcolor" value="#dddddd" /><param name="FlashVars" value="mp3=https://db.tt/tZwpeDYV&amp;width=25&amp;loop=1&amp;autoplay=1&amp;showslider=0&amp;bgcolor=dddddd&amp;bgcolor1=dddddd&amp;bgcolor2=dddddd&amp;buttoncolor=000000&amp;buttonovercolor=000000" /></object>
  1404. </div>
  1405. </div>
  1406. <div id="southroad"></div>
  1407. <div id="castle">
  1408. <div id="hylian">+ Solace.</div>
  1409. <div id="zelda">정설지. 910102.</div>
  1410. <div id="navi">
  1411. <div id="heylisten1">
  1412. <a onclick="close(); return false" title="+ Spotlight." class="answer"></a>
  1413. <div class="epona">
  1414. <div id="hyrulefield">
  1415. <br><big><big>S</big></big>he is kind and very beautiful.<br>But she can be so cruel and it comes so suddenly<br>and such birds that fly,<br>dipping and hunting,<br>with their small sad voices<br>are made too delicately for the sea.<br>
  1416. <p><div id="princessruto2">
  1417. <a href="/s:eol">existence</a>
  1418. </div></p>
  1419. </div>
  1420. </div>
  1421. </div>
  1422. <div id="heylisten2">
  1423. <a onclick="close(); return false" title="+ Sanctuary." class="answer"></a>
  1424. <div class="epona">
  1425. <div id="kokiriforest">
  1426. <a class="twitter-timeline" href="https://twitter.com/BESTie_Uji" data-widget-id="550141262758547457">Tweets by @BESTie_Uji</a>
  1427. <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>
  1428. </div>
  1429. </div>
  1430. </div>
  1431. <div id="heylisten3">
  1432. <a onclick="close(); return false" title="+ Lifeline." class="answer"></a>
  1433. <div class="epona">
  1434. <div id="zorasdomain">
  1435. <div id="princessruto">
  1436. <a href="/tagged/0:04">BESTie</a><br>
  1437. <a href="/tagged/0:10">Kang Hyeyeon</a><br>
  1438. <a href="/tagged/0:01">Jung Seolji</a><br>
  1439. <a href="/tagged/0:12">Song Dahye</a><br>
  1440. <a href="/tagged/0:37">Na Haeryeong</a>
  1441. </div>
  1442. </div>
  1443. </div>
  1444. </div>
  1445. <div id="heylisten4">
  1446. <a onclick="close(); return false" title="+ Android." class="answer"></a>
  1447. <div class="epona">
  1448. <div id="gerudodesert">
  1449. Locked.
  1450. </p>
  1451. </div>
  1452. </div>
  1453. </div>
  1454. </div>
  1455.  
  1456. <div id="lakehylia"><big><big><b>Jung Seolji</b></big></big><br>
  1457. <big>also known as <u><i>Uji</i></u>:</big><br>
  1458. Born and raised in Seoul, South Korea since January second, nineteen-ninety-one.<br>
  1459. One of the four members of the rising group BESTie, taking the title as their main vocals and lead dancer since July eleventh,<br>twenty-thirteen.
  1460. <div style="position:absolute; bottom:1px; right:20px;"><img src="https://31.media.tumblr.com/c1a9f1391ecdb0faf55ea48f6ae7c1b8/tumblr_inline_nhf9efaQ4h1t7fjz8.png"></div>
  1461. </div>
  1462.  
  1463. <div id="fairies">
  1464. <div id="fairy1" class="animated1 fadeIn1"><a href="http://sinseoly.tumblr.com/" title="+ I just want to tell you that I'm thinking about you, so I'll write it on the wings of the paperplane. I want you to know that you are special, so I will write it down on the wings of the paperplane."><img src="https://31.media.tumblr.com/f53c605f0f1cd63f1cf8c162d08e0fa0/tumblr_inline_nhaoifpd8d1t3297y.png"></a></div>
  1465. <div id="fairy2" class="animated2 fadeIn2"><a title="+ I don't fall in love with faces, I fall in love with personalities."><img src="https://31.media.tumblr.com/3fb448b0759089872cfe9c8740934a61/tumblr_inline_nhaoipY6cg1t3297y.png"></a></div>
  1466. <div id="fairy3" class="animated3 fadeIn3"><a title="+ I'll be slow majority of the time since I'm forever tired and will be busy with schedules. In case you want to reach me while I'm away though, my other forms of contacts shall be given upon request."><img src="https://31.media.tumblr.com/c7bcfb397716639a34c6138f397bd7a1/tumblr_inline_nhaoivtsfl1t3297y.png"></a></div>
  1467. <div id="fairy4" class="animated4 fadeIn4"><a href="/t:ou" title="+ { Idol-verse muse with a sort of OC twist due to the name change, so approach as if you know her already without any introduction, unless it truly is necessary. Plotting is welcome along with any form of writing, altough it'll be literate 99.9% of the time on my half. Nonetheless, please do approach. ♥"><img src="https://31.media.tumblr.com/7e3299affceeac0b971869190b39bb6d/tumblr_inline_nhaoj1S97h1t3297y.png"></a></div>
  1468. </div>
  1469.  
  1470. <div class="midna">
  1471. <ul class="group" id="midnaa">
  1472. <li class="current_item"><a href="/">001</a></li>
  1473. <li><a href="/c:onnect">002</a></li>
  1474. <li><a href="/archive">003</a></li>
  1475. <li><a href="http://ladmilk.tumblr.com/">004</a></li>
  1476. </ul>
  1477. </div>
  1478. </div>
  1479. </div>
  1480.  
  1481. <div id="ordona"></div>
  1482. <div id="faron"></div>
  1483. <div id="eldin"></div>
  1484. <div id="lanayru"></div>
  1485.  
  1486. <div id="westroad">
  1487. <div id="eastroad">
  1488. <div id="castletown">
  1489. <div class="autopagerize_page_element" >
  1490. <div id="townspeople" class="animated fadeIn">
  1491.  
  1492. {block:Posts}
  1493. <div class="pieceofheart">
  1494.  
  1495. {block:IndexPage}
  1496. <div id="kokirisword">
  1497. <div><a href="{Permalink}">{TimeAgo}</a> • {NoteCountWithLabel} • <a href="{ReblogURL}">reblog</a>{block:HasTags} • <a title="{block:Tags}+ {Tag}. {/block:Tags}">+</a>
  1498. {/block:HasTags}</div>
  1499. </div>
  1500. {/block:IndexPage}
  1501.  
  1502. {block:ContentSource}
  1503. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1504. {/block:SourceLogo}
  1505. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1506. {/block:ContentSource}
  1507.  
  1508.  
  1509. {block:Photo}
  1510. <div id="pictographbox">
  1511. {LinkOpenTag}
  1512. <img src="{PhotoURL-500}" alt='{PhotoAlt}'/>
  1513. {LinkCloseTag}
  1514. </div>
  1515. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1516. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1517. {/block:Photo}
  1518.  
  1519.  
  1520. {block:Photoset}
  1521. <div id="pictographmove">
  1522. {block:ifnot400px}
  1523. {Photoset-250}
  1524. {/block:ifnot400px}
  1525. {block:if400px}
  1526. {Photoset-400}
  1527. {/block:if400px}
  1528. {/block:IndexPage}
  1529. </div>
  1530. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1531. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1532. {/block:Photoset}
  1533.  
  1534.  
  1535. {block:Video}
  1536. <div id="pictographvid">
  1537. {block:ifnot400px}
  1538. <center>{Video-250}</center>
  1539. {/block:ifnot400px}
  1540. {block:if400px}
  1541. <center>{Video-400}</center>
  1542. {/block:if400px}
  1543. </div>
  1544. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1545. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1546. {/block:Video}
  1547.  
  1548.  
  1549. {block:Audio}
  1550. <table border="0" cellpadding="0" cellspacing="5" ><tr>
  1551. <td id="art" valign="top">
  1552. <div id="flute">{AudioPlayerWhite}</div>
  1553. </td>
  1554. <td valign="top" id="windwaker">
  1555. {block:TrackName}
  1556. <div id="recorder">
  1557. <font color="{color:Links}">Track:</font> {TrackName}
  1558. </div>
  1559. {/block:TrackName}
  1560. {block:Artist}
  1561. <div id="recorder">
  1562. <font color="{color:Links}">Artist:</font> {Artist}
  1563. </div>
  1564. {/block:Artist}
  1565. <div id="recorder">
  1566. <font color="{color:Links}">Plays:</font> {PlayCount}
  1567. </div>
  1568. </td>
  1569. </tr>
  1570. </table>
  1571. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1572. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1573. {/block:Audio}
  1574.  
  1575. {block:Text}
  1576. {block:Title}<div id="ganon">+ {Title}.</div>{/block:Title}
  1577. {Body}
  1578. {/block:Text}
  1579.  
  1580. {block:Link}
  1581. <div id="ganon"><a href="{URL}" {Target}>+ {Name}.</a></div>
  1582. {block:Description}{Description}{/block:Description}
  1583. {/block:Link}
  1584.  
  1585.  
  1586. {block:Answer}
  1587. <div id="oracles">+ {Asker}.</div>
  1588. <div id="link">{Question}</div>
  1589. {Answer}
  1590. {/block:Answer}
  1591.  
  1592. {block:Quote}
  1593. <div id="fortuneteller"><div style="text-align:left;font-size:50px;color:{color:Borders};">❝</div><br>{Quote}</div><br>
  1594. <div style="text-align:right;font-size:50px;color:{color:Borders};">❞</div><br><br>
  1595. {block:Source}<div id="wiseone">+ {Source}.</div>{/block:Source}
  1596. {/block:Quote}
  1597.  
  1598.  
  1599. {block:Chat}
  1600. {block:Title}<div id="ganon">+ {Title}</div>{/block:Title}
  1601. {block:Lines}<div id="speak" class="{Alt} user_{UserNumber}">
  1602. {block:Label}
  1603. <font color="{color:Links}">{Label}</font>
  1604. {/block:Label}
  1605. {Line}</div>
  1606. {/block:Lines}
  1607. {/block:Chat}
  1608.  
  1609.  
  1610. </div>
  1611.  
  1612. {block:PermalinkPage}
  1613. <div id="mastersword">{block:Date}Posted {Timeago} on {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  1614.  
  1615. {block:RebloggedFrom}<br>via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> | origin <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a> {/block:RebloggedFrom}
  1616.  
  1617. {block:HasTags}<br>saved: {block:Tags}<a href="{TagURL}">★{Tag}</a> {/block:Tags}{/block:HasTags}
  1618. </div>
  1619. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1620. {/block:PermalinkPage}
  1621.  
  1622.  
  1623. {/block:Posts}
  1624.  
  1625.  
  1626. </div>
  1627. </div>
  1628. </div>
  1629. </div>
  1630.  
  1631. <div id="corazonn" class="popup_block">
  1632. <div id="h4">+ Meet <a href="http://turtlemin.tumblr.com/">Mi Corazon</a>.</div>
  1633. <div class="popupscroll">
  1634. <big>February third, twenty-thirteen.</big><br>
  1635. <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>
  1636. <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>
  1637. <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>
  1638. <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>
  1639. <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>
  1640. <p>To infinity and beyond, Park Minha. ♥</p>
  1641. <p><a href="/tagged/r.einako"><img src="https://31.media.tumblr.com/7e15721000a5ed9339f2ebc1bb27013f/tumblr_n6ggvmUGCj1r9a8ozo1_500.gif" style="width:200px; padding:4px; border:3px double {color:Borders};"></a></p>
  1642. </div>
  1643. </div>
  1644.  
  1645. <div id="dearloser" class="popup_block">
  1646. <div id="h4">+ Mouthful of Forevers.</div>
  1647. <div class="popupscroll">
  1648. ❝ I am not the first person you loved.<Br>
  1649. You are not the first person I looked at<Br>
  1650. with a mouthful of forevers. We<Br>
  1651. have both known loss like the sharp edges<Br>
  1652. of a knife. We have both lived with lips<Br>
  1653. more scar tissue than skin. Our love came<Br>
  1654. unannounced in the middle of the night.<Br>
  1655. Our love came when we’d given up<Br>
  1656. on asking love to come. I think<Br>
  1657. that has to be part<Br>
  1658. of its miracle.<Br>
  1659. This is how we heal.<Br>
  1660. I will kiss you like forgiveness. You<Br>
  1661. will hold me like I’m hope. Our arms<Br>
  1662. will bandage and we will press promises<Br>
  1663. between us like flowers in a book.<Br>
  1664. I will write sonnets to the salt of sweat<Br>
  1665. on your skin. I will write novels to the scar<Br>
  1666. of your nose. I will write a dictionary<Br>
  1667. of all the words I have used trying<Br>
  1668. to describe the way it feels to have finally,<Br>
  1669. finally found you.
  1670.  
  1671. <p>And I will not be afraid<Br>
  1672. of your scars.</p>
  1673.  
  1674. <p>I know sometimes<Br>
  1675. it’s still hard to let me see you<Br>
  1676. in all your cracked perfection,<Br>
  1677. but please know:<Br>
  1678. whether it’s the days you burn<Br>
  1679. more brilliant than the sun<Br>
  1680. or the nights you collapse into my lap<Br>
  1681. your body broken into a thousand questions,<Br>
  1682. you are the most beautiful thing I’ve ever seen.<Br>
  1683. I will love you when you are a still day.<Br>
  1684. I will love you when you are a hurricane. ❞</p>
  1685. </div>
  1686. </div>
  1687.  
  1688. {block:ifnotInfiniteScroll}
  1689. {block:Pagination}<div id="templeoftime">
  1690. {block:PreviousPage}
  1691. <a href="{PreviousPage}">Future</a>
  1692. {/block:PreviousPage}
  1693. {block:NextPage}
  1694. <a id="next" href="{NextPage}">Past</a>
  1695. {/block:NextPage}
  1696. </div>{/block:Pagination}
  1697. {/block:ifnotInfiniteScroll}
  1698. </div>
  1699.  
  1700.  
  1701. <div id="centralsquare"></div>
  1702. <img src="https://31.media.tumblr.com/e85a28d7312e56b4aebcb80cbe07ee2a/tumblr_nhaa0sbE3V1u1rvllo1_500.jpg" style="position:fixed; left:675px; bottom:0px; z-index:-9999; width:530px;">
  1703.  
  1704. </body>
  1705. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement