Advertisement
kyngri

Casualty of Love

Mar 17th, 2015
250
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.74 KB | None | 0 0
  1.  
  2.  
  3. <!--
  4. Farahmir base code.
  5. Theme made by kyngri for personal use only.
  6. -->
  7.  
  8. <!DOCTYPE html>
  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>ᴘ ᴀ ᴘ ᴇ ʀ ɪ ʟ ᴇ ɴ ɴ ᴏ ᴋ ᴋ ɪ.</title>
  14.  
  15. <link rel="shortcut icon" href="https://31.media.tumblr.com/0483a8d36e23ac52e39ef75074918fb0/tumblr_inline_nhfthb3Uyo1t7fjz8.png">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <!--Default Variables-->
  20.  
  21. <meta name="color:Background" content="#ffffff"/>
  22. <meta name="color:Background2" content="#ffffff"/>
  23. <meta name="color:Title" content="#bbbbbb" />
  24. <meta name="color:Text" content="#aaaaaa"/>
  25. <meta name="color:Desc Text" content="#bbbbbb" />
  26. <meta name="color:Link Line" content="#dddddd"/>
  27. <meta name="color:Links" content="#ffffff"/>
  28. <meta name="color:Links Hover" content="#000000"/>
  29. <meta name="color:Blockquote" content="#e1e1e1"/>
  30. <meta name="color:Borders" content="#dbdbdb" />
  31. <meta name="color:Border Background" content="#dbdbdb" />
  32. <meta name="color:Scroll" content="#dbdbdb" />
  33. <meta name="color:Bold" content="#b3b3b3" />
  34. <meta name="color:Italic" content="#cccccc"/>
  35.  
  36. <meta name="image:Sidebar Image" content=""/>
  37.  
  38. <meta name="text:Link 1 URL" content="" />
  39. <meta name="text:Link 1" content="" />
  40. <meta name="text:Link 2 URL" content="" />
  41. <meta name="text:Link 2" content="" />
  42. <meta name="text:Link 3 URL" content="" />
  43. <meta name="text:Link 3" content="" />
  44.  
  45. <meta name="if:250px" content="0" />
  46. <meta name="if:400px" content="1" />
  47. <meta name="if:500px" content="0" />
  48. <meta name="if:InfiniteScroll" content="0" />
  49. <meta name="if:monochrome" content="1" />
  50. <meta name="if:Dark" content="0" />
  51. <meta name="if:Light" content="1" />
  52.  
  53.  
  54. <!--CSS customization here. -->
  55.  
  56. <style type="text/css">
  57.  
  58. @font-face { font-family: "wendy"; src: url('https://dl.dropboxusercontent.com/s/yr32rdtfszs02ze/wendy.ttf?dl=1'); format(“truetype”);}
  59. @font-face {font-family: "neou"; src:url('https://dl.dropboxusercontent.com/s/ggesu9cscg40a2p/neou-thin.ttf?dl=1'); format(“truetype”);}
  60. @font-face {font-family: "alexbrush";src: url('https://dl.dropboxusercontent.com/s/y48zvcvymdw1vmo/alexbrush-regular.ttf?dl=1'); format("truetype");}
  61. @font-face {font-family: "laine";src: url('https://dl.dropboxusercontent.com/s/q2nwfx6s9t3k759/laine.ttf?dl=1'); format("truetype");}
  62. @font-face{ font-family:"signerica"; src: url('https://dl.dropboxusercontent.com/s/kfe6jebile02ki3/signerica_thin.ttf?dl=1'); format(“truetype”);}
  63. @font-face{ font-family:"signarita zhai"; src: url('https://dl.dropboxusercontent.com/u/102415483/Signarita%20Zhai%20Rhianne.ttf?dl=1'); format(“truetype”);}
  64.  
  65.  
  66.  
  67. iframe#tumblr_controls {
  68. top:0%!important;
  69. right:0%!important;
  70. position:fixed!important;
  71. z-index:99999999!important;
  72. -webkit-filter:invert(100%);
  73. -moz-filter:invert(100%);
  74. -o-filter:invert(100%);
  75. -ms-filter:invert(100%);
  76. filter:invert(100%);
  77. opacity:.3;
  78. {block:IndexPage}
  79. opacity:0;
  80. -webkit-transition: all 1s ease-in-out;
  81. -moz-transition: all 1s ease-in-out;
  82. -o-transition: all 1s ease-in-out;
  83. -ms-transition: all 1s ease-in-out;
  84. transition: all 1s ease-in-out;
  85. {/block:IndexPage}
  86. }
  87.  
  88. iframe#tumblr_controls:hover {
  89. opacity:.3;
  90. }
  91.  
  92.  
  93. #s-m-t-tooltip{
  94. max-width:300px;
  95. margin-top:25px;
  96. margin-left:15px;
  97. padding:4px;
  98. z-index:99999999999999999;
  99. background-color:{color:Background};
  100. color:{color:Text};
  101. font-family:wendy;
  102. font-size:10px;
  103. line-height:10px;
  104. letter-spacing:1px;
  105. font-style:normal;
  106. text-transform:normal;
  107. border-left:4px solid {color:Borders};
  108. border-right:4px solid {color:Borders};
  109. border-radius:7px 7px 7px 7px;
  110. word-wrap:break-word;
  111. -moz-transition:all 0.5s ease-in-out;
  112. -webkit-transition:all 0.5s ease-in-out;
  113. -o-transition:all 0.5s ease-in-out;
  114. transition:all 0.5s ease-in-out;
  115. }
  116.  
  117. ::-webkit-scrollbar-thumb:vertical {
  118. background-color:{color:Scroll};
  119. border:2px solid {color:Background};
  120. }
  121. ::-webkit-scrollbar-thumb:horizontal {
  122. background-color:{color:Scroll};
  123. border:2px solid {color:Background};
  124. }
  125. ::-webkit-scrollbar {
  126. background-color:{color:Scroll};
  127. border:5px solid {color:Background};
  128. width:11px;
  129. height:7px;
  130. }
  131. ::-webkit-scrollbar-button:start:decrement {
  132. background-color:{color:Scroll};
  133. display:block;height:8px;
  134. border-right:2px solid {color:Background};
  135. border-left:2px solid {color:Background};
  136. }
  137.  
  138. /*basics*/
  139. blockquote {padding:5px 0 5px 30px;
  140. border-left:1px solid {color:Blockquote};
  141. margin-left:30px;
  142. }
  143.  
  144. body {
  145. background:{color:Background};
  146. color:{color:Text};
  147. font-family:calibri;
  148. font-size:11px;
  149. text-align:justify;
  150. margin:0;
  151. line-height:16px;}
  152.  
  153. a {
  154. color:{color:Links};
  155. text-decoration:none;
  156. -webkit-transition: all 1s ease-in-out;
  157. -moz-transition: all 1s ease-in-out;
  158. -o-transition: all 1s ease-in-out;
  159. -ms-transition: all 1s ease-in-out;
  160. transition: all 1s ease-in-out;
  161. }
  162. a:hover{
  163. color:{color:Links Hover};
  164. text-shadow: 2px 2px 6px #111;
  165. }
  166.  
  167. img{opacity:1;
  168. border:none;
  169. text-decoration:none}
  170.  
  171. pre {
  172. width:95%;
  173. white-space:pre-wrap;
  174. word-wrap:break-word;
  175. background:transparent;
  176. color:{color:Desc Text};
  177. padding:4px;
  178. }
  179.  
  180. small {
  181. font-size:9px;}
  182.  
  183. sub {
  184. font-size:9px;}
  185.  
  186. big {
  187. font-size:13px;}
  188.  
  189. b, strong {
  190. color:{color:Bold};
  191. font-weight:bold;
  192. }
  193.  
  194. i, em {
  195. color:{color:Italic};
  196. font-style:italic;
  197. }
  198.  
  199. ul,ol {
  200. padding:2px;
  201. margin-left:25px;
  202. }
  203.  
  204. ul {
  205. list-style-type:square;
  206. }
  207.  
  208. h1 {
  209. font-family:neou;
  210. font-size:30px;
  211. line-height:30px;
  212. font-weight:normal;
  213. margin-bottom:10px;
  214. text-transform:uppercase;
  215. text-align:center;
  216. }
  217.  
  218. #title {
  219. font-family:neou;
  220. font-size:30px;
  221. line-height:30px;
  222. font-weight:normal;
  223. margin-bottom:10px;
  224. text-transform:uppercase;
  225. text-align:center;}
  226.  
  227.  
  228.  
  229.  
  230.  
  231. /* Pagination */
  232.  
  233. #page {
  234. position:absolute;
  235. font-family:neou;
  236. font-size:40px;
  237. text-align:center;
  238. z-index:999999999;
  239. {block:If250px}
  240. width:310px;
  241. {block:If250px}
  242. {block:If400px}
  243. width:460px;
  244. {block:If400px}
  245. {block:If500px}
  246. width:560px;
  247. {block:If500px}
  248. left:700px;
  249. bottom:60px;
  250. padding:5px;
  251. background:transparent;
  252. border:3px double transparent;
  253. }
  254.  
  255. /* stats */
  256.  
  257. #zoras {
  258. position:fixed;
  259. left:1px;
  260. bottom:1px;
  261. width:50px;
  262. height:10px;
  263. text-align:left;
  264. font-family:wendy;
  265. color:{color:Background};
  266. font-size:10px;
  267. line-height:10px;
  268. z-index:99999;
  269. }
  270.  
  271. #zoras a {
  272. color:{color:Background};
  273. }
  274.  
  275. /*container*/
  276. #con {
  277. width:100%;
  278. height:100%;
  279. left:0px;
  280. top:0px;
  281. position:fixed;
  282. }
  283.  
  284. /*triangle*/
  285.  
  286. .tri2{
  287. bottom:290px;
  288. left:5px;
  289. width:50px;
  290. border:0;
  291. padding:0;
  292. margin-top:-1px;
  293. position:absolute;
  294. background:{color:Link Line};
  295. -ms-transform: rotate(-90deg); /* IE 9 */
  296. -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  297. transform: rotate(-90deg);
  298. }
  299.  
  300. .tri2:before, .tri2:after {
  301. content:"";
  302. position:absolute;
  303. width:0;
  304. height:0;
  305. border-style:solid;
  306. border-color:transparent;
  307. border-bottom:0;
  308. }
  309. .tri2:before {
  310. left:15px;
  311. border-top-color:{color:Link Line};
  312. border-width:20px;
  313. }
  314. .tri2:after {
  315. left:15px;
  316. border-top-color:{color:Link Line};
  317. border-width:10px;
  318. }
  319.  
  320. /* baby*/
  321.  
  322. #baby {
  323. position:absolute;
  324. bottom:558px;
  325. left:200px;
  326. -webkit-transition: all 1s ease-in-out;
  327. -moz-transition: all 1s ease-in-out;
  328. -o-transition: all 1s ease-in-out;
  329. -ms-transition: all 1s ease-in-out;
  330. transition: all 1s ease-in-out;
  331. }
  332.  
  333. #baby img {
  334. width:30px;
  335. }
  336.  
  337. /* loves*/
  338.  
  339. #pieceofheart {
  340. position:absolute;
  341. bottom:235px;
  342. right:15px;
  343. width:40px;
  344. height:130px;
  345. text-align:center;
  346. z-index:-9;
  347. -webkit-transition: all 1s ease-in-out;
  348. -moz-transition: all 1s ease-in-out;
  349. -o-transition: all 1s ease-in-out;
  350. -ms-transition: all 1s ease-in-out;
  351. transition: all 1s ease-in-out;
  352. }
  353.  
  354. .tri{
  355. bottom:75px;
  356. left:0px;
  357. width:50px;
  358. border:0;
  359. padding:0;
  360. margin-top:-1px;
  361. position:absolute;
  362. background:{color:Link Line};
  363. -ms-transform: rotate(90deg); /* IE 9 */
  364. -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  365. transform: rotate(90deg);
  366. -webkit-transition: all 1s ease-in-out;
  367. -moz-transition: all 1s ease-in-out;
  368. -o-transition: all 1s ease-in-out;
  369. -ms-transition: all 1s ease-in-out;
  370. transition: all 1s ease-in-out;
  371. }
  372.  
  373. #pieceofheart:hover .tri {
  374. left:50px;
  375. -webkit-transition: all 1s ease-in-out;
  376. -moz-transition: all 1s ease-in-out;
  377. -o-transition: all 1s ease-in-out;
  378. -ms-transition: all 1s ease-in-out;
  379. transition: all 1s ease-in-out;
  380. }
  381.  
  382. .tri:before, .tri:after {
  383. content:"";
  384. position:absolute;
  385. width:0;
  386. height:0;
  387. border-style:solid;
  388. border-color:transparent;
  389. border-bottom:0;
  390. }
  391. .tri:before {
  392. left:15px;
  393. border-top-color:{color:Link Line};
  394. border-width:20px;
  395. }
  396. .tri:after {
  397. left:15px;
  398. border-top-color:{color:Link Line};
  399. border-width:10px;
  400. }
  401.  
  402. #hearts {
  403. position:absolute;
  404. bottom:0px;
  405. width:50px;
  406. left:50px;
  407. -webkit-transition: all 1s ease-in-out;
  408. -moz-transition: all 1s ease-in-out;
  409. -o-transition: all 1s ease-in-out;
  410. -ms-transition: all 1s ease-in-out;
  411. transition: all 1s ease-in-out;
  412. }
  413.  
  414. #pieceofheart:hover #hearts {
  415. left:-25px;
  416. -webkit-transition: all 1s ease-in-out;
  417. -moz-transition: all 1s ease-in-out;
  418. -o-transition: all 1s ease-in-out;
  419. -ms-transition: all 1s ease-in-out;
  420. transition: all 1s ease-in-out;
  421. }
  422.  
  423. /* Music Player */
  424.  
  425. #ocarina {
  426. overflow:hidden;
  427. position:absolute;
  428. width:20px;
  429. height:20px;
  430. top:5px;
  431. left:5px;
  432. background:transparent;
  433. border:2px solid transparent;
  434. padding:2px;
  435. border-radius:100%;
  436. z-index:9999999;
  437. -webkit-transition: all 1s ease-in-out;
  438. -moz-transition: all 1s ease-in-out;
  439. -o-transition: all 1s ease-in-out;
  440. -ms-transition: all 1s ease-in-out;
  441. transition: all 1s ease-in-out;
  442. }
  443.  
  444. #time {
  445. margin-top:3px;
  446. margin-left:3px;
  447. z-index:3;
  448. -webkit-transition: 0.9s;
  449. -moz-transition: 0.9s;
  450. -o-transition: 0.9s;
  451. -ms-transition: 0.9s;
  452. transition: 0.9s;
  453. }
  454.  
  455. #ocarina:hover #time {
  456. margin-top:-20px;
  457. -webkit-transition: 0.9s;
  458. -moz-transition: 0.9s;
  459. -o-transition: 0.9s;
  460. -ms-transition: 0.9s;
  461. transition: 0.9s;
  462. }
  463.  
  464. #lullaby {
  465. margin-top:4px;
  466. margin-left:-3px;
  467. opacity:1;
  468. z-index:2;
  469. }
  470.  
  471. /* Sidebar wrapper*/
  472.  
  473. #link {
  474. position:fixed;
  475. left:30px;
  476. top:0px;
  477. width:580px;
  478. height:100%;
  479. z-index:99;
  480. }
  481.  
  482. #hyrule {
  483. position:fixed;
  484. right:0px;
  485. top:0px;
  486. width:80px;
  487. height:100%;
  488. background-color: {color:Side Bar Background};
  489. z-index:99;
  490. }
  491.  
  492.  
  493. #castle {
  494. position:absolute;
  495. right:0px;
  496. top:0px;
  497. width:300px;
  498. height:80px;
  499. color:{color:Desc Text};
  500. -webkit-transition: all 1s ease-in-out;
  501. -moz-transition: all 1s ease-in-out;
  502. -o-transition: all 1s ease-in-out;
  503. -ms-transition: all 1s ease-in-out;
  504. transition: all 1s ease-in-out;
  505. overflow:hidden;
  506. z-index:999;
  507. }
  508.  
  509. #castlewall:hover #castle {
  510. height:280px;
  511.  
  512. }
  513.  
  514. #castlewall {
  515. width:300px;
  516. height:100px;
  517. position:absolute;
  518. bottom:276px;
  519. left:235px;
  520. }
  521.  
  522. /* freedom */
  523.  
  524.  
  525. #fairies {
  526. position:absolute;
  527. top:270px;
  528. left:114px;
  529. z-index:99999999;
  530. }
  531.  
  532.  
  533. #fairy1{
  534. background:{color:Links};
  535. width:8px;
  536. height:8px;
  537. border:1px solid {color:Borders};
  538. border-radius:100px;
  539. -webkit-transition: all 1s ease-in-out;
  540. -moz-transition: all 1s ease-in-out;
  541. -o-transition: all 1s ease-in-out;
  542. -ms-transition: all 1s ease-in-out;
  543. transition: all 1s ease-in-out;
  544. }
  545.  
  546. #fairy1:hover{
  547. background:{color:Links Hover};
  548. }
  549.  
  550. #fairy2{
  551. position:absolute;
  552. bottom:0px;
  553. left:20px;
  554. background:{color:Links};
  555. width:8px;
  556. height:8px;
  557. border:1px solid {color:Borders};
  558. border-radius:100px;
  559. -webkit-transition: all 1s ease-in-out;
  560. -moz-transition: all 1s ease-in-out;
  561. -o-transition: all 1s ease-in-out;
  562. -ms-transition: all 1s ease-in-out;
  563. transition: all 1s ease-in-out;
  564. }
  565.  
  566. #fairy2:hover{
  567. background:{color:Links Hover};
  568. }
  569.  
  570. #fairy3{
  571. position:absolute;
  572. bottom:0px;
  573. left:40px;
  574. background:{color:Links};
  575. width:8px;
  576. height:8px;
  577. border:1px solid {color:Borders};
  578. border-radius:100px;
  579. -webkit-transition: all 1s ease-in-out;
  580. -moz-transition: all 1s ease-in-out;
  581. -o-transition: all 1s ease-in-out;
  582. -ms-transition: all 1s ease-in-out;
  583. transition: all 1s ease-in-out;
  584. }
  585.  
  586. #fairy3:hover{
  587. background:{color:Links Hover};
  588. }
  589.  
  590. #fairy4{
  591. position:absolute;
  592. bottom:0px;
  593. left:60px;
  594. background:{color:Links};
  595. width:8px;
  596. height:8px;
  597. border:1px solid {color:Borders};
  598. border-radius:100px;
  599. -webkit-transition: all 1s ease-in-out;
  600. -moz-transition: all 1s ease-in-out;
  601. -o-transition: all 1s ease-in-out;
  602. -ms-transition: all 1s ease-in-out;
  603. transition: all 1s ease-in-out;
  604. }
  605.  
  606. #fairy4:hover{
  607. background:{color:Links Hover};
  608. }
  609.  
  610.  
  611. /* signature */
  612.  
  613. #hookshot {
  614. position:absolute;
  615. right:0px;
  616. bottom:270px;
  617. z-index:99999;
  618. }
  619.  
  620. #hookshot img {
  621. width:90px;
  622. -ms-transform: rotate(0deg); /* IE 9 */
  623. -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  624. transform: rotate(0deg);
  625. {block:IfDark}
  626. -webkit-filter:invert(100%);
  627. -moz-filter:invert(100%);
  628. -o-filter:invert(100%);
  629. -ms-filter:invert(100%);
  630. filter:invert(100%);
  631. {/block:IfDark}
  632. }
  633.  
  634.  
  635. /* title */
  636.  
  637. #zelda {
  638. position:absolute;
  639. width:300px;
  640. padding-right:4px;
  641. padding-left:4px;
  642. right:0px;
  643. top:55px;
  644. font-family:signarita zhai;
  645. font-size:22px;
  646. text-transform:normal;
  647. text-align:center;
  648. color:{color:Title};
  649. }
  650.  
  651. /* Extra Navigation */
  652.  
  653. #navi {
  654. position:absolute;
  655. width:206px;
  656. padding-right:4px;
  657. padding-left:4px;
  658. right:52px;
  659. top:110px;
  660. z-index:999;
  661. opacity:0;
  662. -webkit-transition: all 1s ease-in-out;
  663. -moz-transition: all 1s ease-in-out;
  664. -o-transition: all 1s ease-in-out;
  665. -ms-transition: all 1s ease-in-out;
  666. transition: all 1s ease-in-out;
  667. }
  668.  
  669. #link:hover #navi {
  670. opacity:1;
  671. }
  672.  
  673. #heylisten1 {
  674. position:absolute;
  675. width:45px;
  676. height:70px;
  677. left:10px;
  678. top:0px;
  679. z-index:0;
  680. opacity:0.9;
  681. transition-duration: 0.8s;
  682. -moz-transition-duration: 0.8s;
  683. -webkit-transition-duration: 0.8s;
  684. -o-transition-duration: 0.8s;
  685. -ms-transition: all 0.8s ease-in-out;
  686. }
  687.  
  688. #heylisten1 a {
  689. width:45px;
  690. height:15px;
  691. display:block;
  692. overflow:hidden;
  693. border:3px double {color:Borders};
  694. background-color:{color:Links};
  695. transition-duration: 0.8s;
  696. -moz-transition-duration: 0.8s;
  697. -webkit-transition-duration: 0.8s;
  698. -o-transition-duration: 0.8s;
  699. -ms-transition: all 0.8s ease-in-out;
  700. }
  701.  
  702. #heylisten1 a:hover {
  703. color:{color:Borders};
  704. box-shadow: inset -45px 0px 0px 0px {color:Links Hover},inset 0px 24px 0px 0px {color:Links Hover};
  705. }
  706.  
  707. #heylisten2 {
  708. position:absolute;
  709. width:45px;
  710. height:70px;
  711. left:63px;
  712. top:0px;
  713. z-index:0;
  714. opacity:0.9;
  715. transition-duration: 0.8s;
  716. -moz-transition-duration: 0.8s;
  717. -webkit-transition-duration: 0.8s;
  718. -o-transition-duration: 0.8s;
  719. -ms-transition: all 0.8s ease-in-out;
  720. }
  721.  
  722. #heylisten2 a {
  723. width:45px;
  724. height:15px;
  725. display:block;
  726. overflow:hidden;
  727. border:3px double {color:Borders};
  728. background-color:{color:Links};
  729. transition-duration: 0.8s;
  730. -moz-transition-duration: 0.8s;
  731. -webkit-transition-duration: 0.8s;
  732. -o-transition-duration: 0.8s;
  733. -ms-transition: all 0.8s ease-in-out;
  734. }
  735.  
  736. #heylisten2 a:hover {
  737. color:{color:Borders};
  738. box-shadow: inset -45px 0px 0px 0px {color:Links Hover},inset 0px 24px 0px 0px {color:Links Hover};
  739. }
  740.  
  741. #heylisten3 {
  742. position:absolute;
  743. width:45px;
  744. height:70px;
  745. left:116px;
  746. top:0px;
  747. z-index:0;
  748. opacity:0.9;
  749. transition-duration: 0.8s;
  750. -moz-transition-duration: 0.8s;
  751. -webkit-transition-duration: 0.8s;
  752. -o-transition-duration: 0.8s;
  753. -ms-transition: all 0.8s ease-in-out;
  754. }
  755.  
  756. #heylisten3 a {
  757. width:45px;
  758. height:15px;
  759. display:block;
  760. overflow:hidden;
  761. border:3px double {color:Borders};
  762. background-color:{color:Links};
  763. transition-duration: 0.8s;
  764. -moz-transition-duration: 0.8s;
  765. -webkit-transition-duration: 0.8s;
  766. -o-transition-duration: 0.8s;
  767. -ms-transition: all 0.8s ease-in-out;
  768. }
  769.  
  770. #heylisten3 a:hover {
  771. color:{color:Borders};
  772. box-shadow: inset -45px 0px 0px 0px {color:Links Hover},inset 0px 24px 0px 0px {color:Links Hover};
  773. }
  774.  
  775. #heylisten4 {
  776. position:absolute;
  777. width:45px;
  778. height:70px;
  779. left:169px;
  780. top:0px;
  781. z-index:0;
  782. opacity:0.9;
  783. transition-duration: 0.8s;
  784. -moz-transition-duration: 0.8s;
  785. -webkit-transition-duration: 0.8s;
  786. -o-transition-duration: 0.8s;
  787. -ms-transition: all 0.8s ease-in-out;
  788. }
  789.  
  790. #heylisten4 a {
  791. width:45px;
  792. height:15px;
  793. display:block;
  794. overflow:hidden;
  795. border:3px double {color:Borders};
  796. background-color:{color:Links};
  797. transition-duration: 0.8s;
  798. -moz-transition-duration: 0.8s;
  799. -webkit-transition-duration: 0.8s;
  800. -o-transition-duration: 0.8s;
  801. -ms-transition: all 0.8s ease-in-out;
  802. }
  803.  
  804. #heylisten4 a:hover {
  805. color:{color:Borders};
  806. box-shadow: inset -45px 0px 0px 0px {color:Links Hover},inset 0px 24px 0px 0px {color:Links Hover};
  807. }
  808.  
  809. /* extra navi info */
  810.  
  811. #hyrulefield {
  812. position:absolute;
  813. top:25px;
  814. left:-5px;
  815. padding:4px;
  816. width: 213px;
  817. height: 122px;
  818. background:{color:Background2};
  819. font-family:calibri;
  820. font-size:10px;
  821. text-align:center;
  822. overflow:auto;
  823. }
  824.  
  825.  
  826. #kokiriforest {
  827. position:absolute;
  828. top:25px;
  829. left:-60px;
  830. padding:4px;
  831. width: 213px;
  832. height: 122px;
  833. background:{color:Background2};
  834. font-family:calibri;
  835. font-size:10px;
  836. text-align:center;
  837. overflow:auto;
  838. }
  839.  
  840. #zorasdomain {
  841. position:absolute;
  842. top:25px;
  843. left:-110px;
  844. padding:4px;
  845. width: 213px;
  846. height: 122px;
  847. background:{color:Background2};
  848. font-family:calibri;
  849. font-size:10px;
  850. text-align:center;
  851. overflow:auto;
  852. }
  853.  
  854. #gerudodesert {
  855. position:absolute;
  856. top:25px;
  857. left:-160px;
  858. padding:4px;
  859. width: 213px;
  860. height: 122px;
  861. background:{color:Background2};
  862. font-family:calibri;
  863. font-size:10px;
  864. text-align:center;
  865. overflow:auto;
  866. }
  867.  
  868.  
  869.  
  870. /* extra navi info links */
  871.  
  872. #princessruto1 {
  873. width:195px;
  874. height:13px;
  875. }
  876.  
  877. #princessruto1 a {
  878. width:195px;
  879. height:13px;
  880. line-height:13px;
  881. font-family:ms gothic;
  882. font-size:11px;
  883. text-align:center;
  884. text-transform:uppercase;
  885. display:block;
  886. overflow:hidden;
  887. border-left:4px solid {color:Links};
  888. border-right:4px solid {color:Links};
  889. color:{color:Links};
  890. background-color:{color:Background};
  891. transition-duration: 0.8s;
  892. -moz-transition-duration: 0.8s;
  893. -webkit-transition-duration: 0.8s;
  894. -o-transition-duration: 0.8s;
  895. -ms-transition: all 0.8s ease-in-out;
  896. }
  897.  
  898. #princessruto1 a:hover {
  899. color:{color:Links Hover};
  900. box-shadow: inset -195px 0px 0px 0px {color:Links},inset 0px 13px 0px 0px {color:Links};
  901. }
  902.  
  903. #princessruto2 {
  904. width:195px;
  905. height:120px;
  906. }
  907.  
  908. #princessruto2 a {
  909. width:195px;
  910. height:13px;
  911. line-height:13px;
  912. font-family:ms gothic;
  913. font-size:11px;
  914. text-align:center;
  915. text-transform:uppercase;
  916. display:block;
  917. overflow:hidden;
  918. border-left:4px solid {color:Links};
  919. border-right:4px solid {color:Links};
  920. color:{color:Links};
  921. background-color:{color:Background};
  922. transition-duration: 0.8s;
  923. -moz-transition-duration: 0.8s;
  924. -webkit-transition-duration: 0.8s;
  925. -o-transition-duration: 0.8s;
  926. -ms-transition: all 0.8s ease-in-out;
  927. }
  928.  
  929. #princessruto2 a:hover {
  930. color:{color:Links Hover};
  931. box-shadow: inset -195px 0px 0px 0px {color:Links},inset 0px 13px 0px 0px {color:Links};
  932. }
  933.  
  934. #princessruto3 {
  935. width:195px;
  936. height:120px;
  937. }
  938.  
  939. #princessruto3 a {
  940. width:93px;
  941. height:13px;
  942. line-height:13px;
  943. font-family:ms gothic;
  944. font-size:11px;
  945. text-align:center;
  946. text-transform:uppercase;
  947. display:block;
  948. overflow:hidden;
  949. border-left:4px solid {color:Links};
  950. border-right:4px solid {color:Links};
  951. color:{color:Links};
  952. background-color:{color:Background};
  953. transition-duration: 0.8s;
  954. -moz-transition-duration: 0.8s;
  955. -webkit-transition-duration: 0.8s;
  956. -o-transition-duration: 0.8s;
  957. -ms-transition: all 0.8s ease-in-out;
  958. }
  959.  
  960. #princessruto3 a:hover {
  961. color:{color:Links Hover};
  962. box-shadow: inset -90px 0px 0px 0px {color:Links},inset 0px 13px 0px 0px {color:Links};
  963. }
  964.  
  965. #princessruto4 {
  966. width:196px;
  967. height:10px;
  968. }
  969.  
  970. #princessruto4 a {
  971. width:196px;
  972. height:13px;
  973. line-height:13px;
  974. font-family:ms gothic;
  975. font-size:11px;
  976. text-align:center;
  977. text-transform:uppercase;
  978. display:block;
  979. overflow:hidden;
  980. border-left:4px solid {color:Links};
  981. border-right:4px solid {color:Links};
  982. color:{color:Links};
  983. background-color:{color:Background};
  984. transition-duration: 0.8s;
  985. -moz-transition-duration: 0.8s;
  986. -webkit-transition-duration: 0.8s;
  987. -o-transition-duration: 0.8s;
  988. -ms-transition: all 0.8s ease-in-out;
  989. }
  990.  
  991. #princessruto4 a:hover {
  992. color:{color:Links Hover};
  993. box-shadow: inset -196px 0px 0px 0px {color:Links},inset 0px 13px 0px 0px {color:Links};
  994. }
  995.  
  996. /* main desc */
  997.  
  998. #lakehylia {
  999. position:absolute;
  1000. width:213px;
  1001. height:135px;
  1002. padding:4px;
  1003. right:40px;
  1004. top:130px;
  1005. overflow:auto;
  1006. background-color:transparent;
  1007. color:{color:Desc Text};
  1008. font-family:calibri;
  1009. font-size:10px;
  1010. line-height:12px;
  1011. text-align:center;
  1012. }
  1013.  
  1014.  
  1015. /* Main Navigation */
  1016.  
  1017. .midna {
  1018. position:absolute;
  1019. width:217px;
  1020. right:35px;
  1021. top:75px;
  1022. border-top:1px solid {color:Link Line};
  1023. z-index:9999999;
  1024. }
  1025.  
  1026. #midnaa {
  1027. margin:0;
  1028. border:0;
  1029. padding:0;
  1030. list-style:none;
  1031. position:relative;
  1032. }
  1033. #midnaa li {
  1034. display:inline;
  1035. }
  1036. #midnaa li a {
  1037. width:40px;
  1038. padding-top:10px;
  1039. padding-left:5px;
  1040. padding-right:5px;
  1041. display:block;
  1042. float:left;
  1043. color:{color:Links};
  1044. font-family:wendy;
  1045. font-size:10px;
  1046. text-align:center;
  1047. text-transform:uppercase;
  1048. -webkit-transition: all 1s ease-in-out;
  1049. -moz-transition: all 1s ease-in-out;
  1050. -o-transition: all 1s ease-in-out;
  1051. -ms-transition: all 1s ease-in-out;
  1052. transition: all 1s ease-in-out;
  1053. }
  1054. #midnaa li a:hover {
  1055. color:{color:Links Hover};
  1056. text-shadow: 2px 2px 6px #111;
  1057. -webkit-transition: all 1s ease-in-out;
  1058. -moz-transition: all 1s ease-in-out;
  1059. -o-transition: all 1s ease-in-out;
  1060. -ms-transition: all 1s ease-in-out;
  1061. transition: all 1s ease-in-out;
  1062. }
  1063.  
  1064. /* Triangle */
  1065.  
  1066. .triforce{
  1067. top:0;
  1068. left:0px;
  1069. width:180px;
  1070. border:0;
  1071. padding:0;
  1072. margin-top:-1px;
  1073. position:absolute;
  1074. background:{color:Link Line};
  1075. }
  1076.  
  1077. .triforce:before, .triforce:after {
  1078. content:"";
  1079. position:absolute;
  1080. width:0;
  1081. height:0;
  1082. border-style:solid;
  1083. border-color:transparent;
  1084. border-bottom:0;
  1085. }
  1086. .triforce:before {
  1087. left:15px;
  1088. border-top-color:{color:Link Line};
  1089. border-width:10px;
  1090. }
  1091. .triforce:after {
  1092. left:15px;
  1093. border-top-color:{color:Link Line};
  1094. border-width:9px;
  1095. }
  1096.  
  1097. /* bg */
  1098.  
  1099. #mastersword {
  1100. position:fixed;
  1101. left:0px;
  1102. bottom:0px;
  1103. height:300px;
  1104. width:100%;
  1105. z-index:-9999999;
  1106. background-color:{color:Background2};
  1107. border-top:1px double {color:Link Line};
  1108. }
  1109.  
  1110. /* borders*/
  1111.  
  1112. #ordona1 {
  1113. position:fixed;
  1114. left:0px;
  1115. top:0px;
  1116. width:30px;
  1117. height:100%;
  1118. background: {color:Border Background};
  1119. z-index:9999;
  1120. }
  1121.  
  1122. #ordona2 {
  1123. position:fixed;
  1124. left:0px;
  1125. top:0px;
  1126. width:100%;
  1127. height:30px;
  1128. background: {color:Border Background};
  1129. z-index:9999;
  1130. }
  1131.  
  1132. #ordona3 {
  1133. position:fixed;
  1134. right:0px;
  1135. top:0px;
  1136. width:30px;
  1137. height:100%;
  1138. background: {color:Border Background};
  1139. z-index:9999;
  1140. }
  1141.  
  1142. #ordona4 {
  1143. position:fixed;
  1144. right:0px;
  1145. bottom:0px;
  1146. width:100%;
  1147. height:30px;
  1148. background: {color:Border Background};
  1149. z-index:9999;
  1150. }
  1151.  
  1152. /*fade in*/
  1153.  
  1154. {block:IndexPage}
  1155.  
  1156. .animated {
  1157. -webkit-animation-duration: 2s;
  1158. animation-duration: 2s;
  1159. -webkit-animation-fill-mode: both;
  1160. animation-fill-mode: both;
  1161. -webkit-animation-timing-function: ease-in-out;
  1162. animation-timing-function: ease-in-out;
  1163. }
  1164.  
  1165. @-webkit-keyframes fadeInUp {
  1166. 0% {
  1167. opacity: 0;
  1168. -webkit-transform: translateY(20px);
  1169. }
  1170. 100% {
  1171. opacity: 1;
  1172. -webkit-transform: translateY(0);
  1173. }
  1174. }
  1175.  
  1176. @keyframes fadeInUp {
  1177. 0% {
  1178. opacity: 0;
  1179. transform: translateY(20px);
  1180. }
  1181. 100% {
  1182. opacity: 1;
  1183. transform: translateY(0);
  1184. }
  1185. }
  1186.  
  1187. .fadeInUp {
  1188. -webkit-animation-name: fadeInUp;
  1189. animation-name: fadeInUp;
  1190. }
  1191.  
  1192. {/block:IndexPage}
  1193.  
  1194. /*posts*/
  1195.  
  1196. #wrapper {
  1197. position:absolute;
  1198. {block:If250px}
  1199. width:310px;
  1200. {block:If250px}
  1201. {block:If400px}
  1202. width:460px;
  1203. {block:If400px}
  1204. {block:If500px}
  1205. width:560px;
  1206. {block:If500px}
  1207. height:540px;
  1208. left:700px;
  1209. bottom:100px;
  1210. z-index:999;
  1211. padding:5px;
  1212. padding-bottom:10px;
  1213. background:{color:Background};
  1214. border:3px double {color:Borders};
  1215. }
  1216.  
  1217. #postcon {
  1218. z-index:999;
  1219. position:absolute;
  1220. background:transparent;
  1221. top:5px;
  1222. right:5px;
  1223. {block:If250px}
  1224. width:310px;
  1225. {block:If250px}
  1226. {block:If400px}
  1227. width:460px;
  1228. {block:If400px}
  1229. {block:If500px}
  1230. width:560px;
  1231. {block:If500px}
  1232. height:545px;
  1233. }
  1234.  
  1235. #postconbg {
  1236. position:absolute;
  1237. background:url('https://33.media.tumblr.com/380427f06ae70dc9f8e5f068cf4cb214/tumblr_ngpwkgUQ2y1u1rvllo1_500.png');
  1238. background-attachment:fixed;
  1239. background-repeat:repeat;
  1240. z-index:-999;
  1241. opacity:.1;
  1242. top:5px;
  1243. right:5px;
  1244. {block:If250px}
  1245. width:310px;
  1246. {block:If250px}
  1247. {block:If400px}
  1248. width:460px;
  1249. {block:If400px}
  1250. {block:If500px}
  1251. width:560px;
  1252. {block:If500px}
  1253. height:545px;
  1254. }
  1255.  
  1256. #postentry {
  1257. position:absolute;
  1258. left:14px;
  1259. {block:If250px}
  1260. width:290px;
  1261. {block:If250px}
  1262. {block:If400px}
  1263. width:440px;
  1264. {block:If400px}
  1265. {block:If500px}
  1266. width:540px;
  1267. {block:If500px}
  1268. height:100%;
  1269. overflow:auto;
  1270. }
  1271.  
  1272. #posts {
  1273. {block:If250px}
  1274. width:250px;
  1275. {block:If250px}
  1276. {block:If400px}
  1277. width:400px;
  1278. {block:If400px}
  1279. {block:If500px}
  1280. width:500px;
  1281. {block:If500px}
  1282. margin-top:30px;
  1283. padding:10px;
  1284.  
  1285. }
  1286. #posts img {
  1287. max-width:100%;
  1288. {block:ifMonochrome}-webkit-filter: grayscale(100%); {/block:ifMonochrome}
  1289. outline-offset: -6px;
  1290. outline:solid 1px rgba(255,255,255,0.5);
  1291. }
  1292.  
  1293. #posts img, #posts li, #posts blockquote {max-width: 100%;
  1294. {block:ifMonochrome}-webkit-filter: grayscale(100%); {/block:ifMonochrome}
  1295. }
  1296. .caption {width:100%;
  1297. margin-top:10px;
  1298. }
  1299.  
  1300. #photo img {
  1301. max-width:100%;
  1302. {block:ifMonochrome}-webkit-filter: grayscale(100%); {/block:ifMonochrome}
  1303. }
  1304.  
  1305. #pset, #vid {
  1306. {block:ifMonochrome}-webkit-filter: grayscale(100%); {/block:ifMonochrome}
  1307. }
  1308.  
  1309. /*quote*/
  1310.  
  1311. #titlequote{
  1312. text-align:center;
  1313. font-family:neou;
  1314. font-size:20px;
  1315. line-height:20px;
  1316. font-weight:normal;
  1317. margin-bottom:10px;
  1318. text-transform:uppercase;
  1319. text-align:center;
  1320. }
  1321. #source {
  1322. font-family:wendy;
  1323. font-size:10px;
  1324. margin-top:10px;
  1325. margin-right:25px;
  1326. text-align:right;
  1327. }
  1328.  
  1329. /* Audio */
  1330.  
  1331. #audio {
  1332. padding-top:3px;
  1333. padding-left:5px;
  1334. padding-right:5px;
  1335. padding-bottom:5px;
  1336. border-left:1px solid {color:Background};
  1337. }
  1338.  
  1339. #info {
  1340. color:{color:Text};
  1341. font-family:wendy;
  1342. font-size:10px;
  1343. line-height:10px;
  1344. letter-spacing:1px;
  1345. text-transform:uppercase;
  1346. text-align:left;
  1347. }
  1348.  
  1349. #player {
  1350. width:26px;
  1351. height:28px;
  1352. border-left:7px solid {color:Borders};
  1353. border-right:7px solid {color:Borders};
  1354. border-top:6px solid {color:Borders};
  1355. border-bottom:6px solid {color:Borders};
  1356. background-color:{color:Borders};
  1357. display:block;
  1358. overflow:hidden;
  1359. position:absolute;
  1360. }
  1361.  
  1362. #art {
  1363. width:40px;
  1364. height:28px;
  1365. background-color:{color:Borders};
  1366. -webkit-filter:grayscale({text:Amount of Grayscale}%);
  1367. -moz-filter:grayscale({text:Amount of Grayscale}%);
  1368. -ms-filter:grayscale({text:Amount of Grayscale}%);
  1369. -o-filter:grayscale({text:Amount of Grayscale}%);
  1370. filter:grayscale({text:Amount of Grayscale}%);
  1371. }
  1372.  
  1373.  
  1374. /* Question */
  1375.  
  1376. #asker {
  1377. font-family:neou;
  1378. text-align:center;
  1379. font-size:20px;
  1380. color:{color:Ask};
  1381. }
  1382.  
  1383. #question {
  1384. padding:5px;
  1385. border-bottom:1px solid {color:Borders};
  1386. text-align:center;
  1387. font-family:calibri;
  1388. font-size:11px;
  1389. }
  1390.  
  1391.  
  1392. /*chat*/
  1393.  
  1394. #chat {
  1395. padding-top:2px;
  1396. padding-bottom:3px;
  1397. padding-left:5px;
  1398. padding-right:5px;
  1399. line-height:11px;
  1400. color:{color:Text};
  1401. font-family:wendy;
  1402. letter-spacing:1px;
  1403. font-size:10px;
  1404. font-style:normal;
  1405. }
  1406.  
  1407. #chat.odd {
  1408. background:{color:Side Bar Background};
  1409. }
  1410.  
  1411.  
  1412.  
  1413.  
  1414.  
  1415. /*permalink and notes*/
  1416.  
  1417. #permalink {
  1418. font-family:wendy;
  1419. font-size:10px;
  1420. margin-top:15px;
  1421. text-align:center;
  1422. text-transform:uppercase;
  1423. {block:IndexPage}
  1424. opacity:0;
  1425. -webkit-transition: all .8s ease-in-out;
  1426. -moz-transition: all .8s ease-in-out;
  1427. -o-transition: all .8s ease-in-out;
  1428. -ms-transition: all .8s ease-in-out;
  1429. transition: all .8s ease-in-out;
  1430. {/block:IndexPage}
  1431. }
  1432.  
  1433. {block:IndexPage}
  1434. #posts:hover #permalink {
  1435. opacity:1;
  1436. }
  1437.  
  1438. {/block:IndexPage}
  1439.  
  1440.  
  1441. .pagenotes {
  1442. {block:IndexPage}
  1443. display: none!important;
  1444. {/block:IndexPage}
  1445. {block:If250px}
  1446. width:250px;
  1447. {block:If250px}
  1448. {block:If400px}
  1449. width:400px;
  1450. {block:If400px}
  1451. {block:If500px}
  1452. width:500px;
  1453. {block:If500px}
  1454. margin-left:30px;
  1455. text-align:left;
  1456.  
  1457. }
  1458. .pagenotes img {
  1459. display:none!important;}
  1460. .pagenotes li {
  1461. list-style-type:none;
  1462. padding:5px 0px;
  1463. text-align:left;
  1464. margin:0 0 0 -40px;
  1465. }
  1466.  
  1467.  
  1468.  
  1469.  
  1470. {CustomCSS}
  1471.  
  1472.  
  1473. </style>
  1474.  
  1475. {block:IndexPage}
  1476. {block:ifInfiniteScroll}
  1477. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  1478. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1479. {/block:ifInfiniteScroll}
  1480. {/block:IndexPage}
  1481.  
  1482.  
  1483.  
  1484. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  1485. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  1486. <script>
  1487. (function($){
  1488. $(document).ready(function(){
  1489. $("[title]").style_my_tooltips();
  1490. });
  1491. })(jQuery);
  1492. </script>
  1493.  
  1494. <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>
  1495.  
  1496. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><script type="text/javascript">jQuery(document).ready(function() {
  1497. jQuery(".epona").hide();jQuery(".answer").click(function(){jQuery(this).next(".epona").fadeToggle(500);});});</script>
  1498.  
  1499. </head>
  1500.  
  1501. <body>
  1502. <body bgcolor="#fafafa" ondragstart="return false" onselectstart="return false">
  1503. <body onkeydown="return false">
  1504.  
  1505. <div id="con">
  1506. <div id="mastersword"></div>
  1507. <div id="ordona1"><div style="position:absolute; bottom:0px; left:0px; width:100%; height:100%; background:url('https://33.media.tumblr.com/380427f06ae70dc9f8e5f068cf4cb214/tumblr_ngpwkgUQ2y1u1rvllo1_500.png'); background-attachment:fixed; background-repeat:repeat; opacity:.1; z-index:-999;"></div></div>
  1508. <div id="ordona2"><div style="position:absolute; bottom:0px; left:0px; width:100%; height:100%; background:url('https://33.media.tumblr.com/380427f06ae70dc9f8e5f068cf4cb214/tumblr_ngpwkgUQ2y1u1rvllo1_500.png'); background-attachment:fixed; background-repeat:repeat; opacity:.1; z-index:-999;"></div></div>
  1509. <div id="ordona3"><div style="position:absolute; bottom:0px; left:0px; width:100%; height:100%; background:url('https://33.media.tumblr.com/380427f06ae70dc9f8e5f068cf4cb214/tumblr_ngpwkgUQ2y1u1rvllo1_500.png'); background-attachment:fixed; background-repeat:repeat; opacity:.1; z-index:-999;"></div></div>
  1510. <div id="ordona4"><div style="position:absolute; bottom:0px; left:0px; width:100%; height:100%; background:url('https://33.media.tumblr.com/380427f06ae70dc9f8e5f068cf4cb214/tumblr_ngpwkgUQ2y1u1rvllo1_500.png'); background-attachment:fixed; background-repeat:repeat; opacity:.1; z-index:-999;"></div></div>
  1511.  
  1512. <div class="tri2"></div>
  1513.  
  1514. <div id="ocarina">
  1515. <div id="time">
  1516. <img src="https://31.media.tumblr.com/tumblr_m7w2n46Pdl1r6o8v2.gif"/>
  1517. </div>
  1518. <div id="lullaby">
  1519. <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="f3f3f3" /><param name="FlashVars" value="mp3=https://db.tt/BgNPXkDM&amp;width=25&amp;loop=1&amp;autoplay=0&amp;showslider=0&amp;bgcolor=f9f9f9&amp;bgcolor1=f9f9f9&amp;bgcolor2=f9f9f9&amp;buttoncolor=762828&amp;buttonovercolor=762828" /></object>
  1520. </div>
  1521. </div>
  1522.  
  1523. <div id="zoras">
  1524. <script language="JavaScript">
  1525. var ref = (''+document.referrer+'');
  1526. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID3359389&e1=&e2=&r=' + ref + '"><\/script>');
  1527. </script> + <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2189130&name="></script>.
  1528. </div>
  1529.  
  1530. <div id="link">
  1531. <div style="position:absolute; left:-110px; bottom:-15px;"><img src="https://31.media.tumblr.com/b2af873d8090355650d56cfe0b6e5167/tumblr_inline_nkrq64h1bs1t7fjz8.png" ></div>
  1532.  
  1533. <div id="baby">
  1534. <a href="/p:rince" title="+ The fact is you make me feel a lot more than you know."><img src="https://31.media.tumblr.com/ad0ee810b0bd052757d7acce1c09ed69/tumblr_inline_nkm7rpbApJ1t7fjz8.png"></a>
  1535. </div>
  1536.  
  1537. <div id="hookshot">
  1538. <a title="+ 1/4 of the vocal-line, resident dork, and self-proclaimed visual of Nine Muses since January twelvth, twenty-twelve."><img src="https://31.media.tumblr.com/17cc624ff40c92b0a001bfde52b922a4/tumblr_inline_ni3szl78oM1t7fjz8.png"></a>
  1539. </div>
  1540.  
  1541.  
  1542.  
  1543. <div id="castlewall">
  1544. <div id="castle">
  1545. <div id="zelda">+ 170 cm .</div>
  1546. <div id="navi">
  1547. <div id="heylisten1">
  1548. <a onclick="close(); return false" title="+ Existence." class="answer"></a>
  1549. <div class="epona">
  1550. <div id="hyrulefield">
  1551. <big><big>T</big></big>he most difficult thing for me was preparing to be in a group. Even after three years in that management company,
  1552. when it came to selecting people for debut,<br>
  1553. I was only chosen as a backup dancer; it was frustrating.<br>
  1554. There were also times when we had to learn an entire choreography routine<br>
  1555. just a day before the performance —<br>
  1556. it wouldn’t be too difficult for a pro dancer, but I wasn’t. I felt defeated.<br>
  1557. I cried an entire day, until my body was numb.
  1558. <p><div id="princessruto1">
  1559. <a href="/b:usan" title="+ The story behind the make-up.">Profile</a>
  1560. </div></p>
  1561. </div>
  1562. </div>
  1563. </div>
  1564. <div id="heylisten2">
  1565. <a onclick="close(); return false" title="+ Sanctuary." class="answer"></a>
  1566. <div class="epona">
  1567. <div id="kokiriforest">
  1568. <pre>Media</pre>
  1569. <div id="princessruto2">
  1570. <a href="http://9muses.co.kr/">Fancafe</a><br>
  1571. <a href="http://me2day.net/9muses_">me2day</a><br>
  1572. <a href="http://www.youtube.com/user/NineMusesCh">Youtube</a><br>
  1573. <a href="https://twitter.com/9muses_">Twitter (Namyu)</a><br>
  1574. <a href="http://www.starempire.co.kr/home.html">Website</a><br>
  1575. <a href="https://twitter.com/STAREMPIRE_">Twitter (Empire)</a><br>
  1576. </div>
  1577. </div>
  1578. </div>
  1579. </div>
  1580. <div id="heylisten3">
  1581. <a onclick="close(); return false" title="+ Lifeline." class="answer"></a>
  1582. <div class="epona">
  1583. <div id="zorasdomain">
  1584. <div id="princessruto3">
  1585. <div style="position:absolute; top:5px;"><a href="/tagged/m:oongom">870119</a></div> <div style="position:absolute; top:5px; right:2px;"><a href="/tagged/e:keun">880503</a></div><br>
  1586. <div style="position:absolute; top:28px;"><a href="/tagged/f:iji">890708</a></div> <div style="position:absolute; top:28px; right:2px;"><a href="/tagged/g:ang">900705</a></div><br>
  1587. <div style="position:absolute; top:49px;"><a href="/tagged/p:yodaejang">910403</a></div> <div style="position:absolute; top:49px; right:2px;"><a href="/tagged/b:ap">910627</a></div><br>
  1588. <div style="position:absolute; top:70px;"><a href="/tagged/s:o">911011</a></div> <div style="position:absolute; top:70px; right:2px;"><a href="/tagged/k:eum">921217</a></div>
  1589. </div>
  1590. <div id="princessruto4">
  1591. <div style="position:absolute; top:93px; right:2px;"><a href="/tagged/n:amyu" title="+ Once a muse, always a muse.">100812</a></div>
  1592. </div>
  1593. </div>
  1594. </div>
  1595. </div>
  1596. <div id="heylisten4">
  1597. <a onclick="close(); return false" title="+ Android." class="answer"></a>
  1598. <div class="epona">
  1599. <div id="gerudodesert">
  1600. <div id="princessruto3">
  1601. <div style="position:absolute; top:5px;"><a href="/coming soon">Contacts</a></div> <div style="position:absolute; top:5px; right:2px;"><a href="/tagged/p:gang">Gallery</a></div><br>
  1602. <div style="position:absolute; top:28px;"><a href="http://kyungri.info/calendar">Calendar</a></div> <div style="position:absolute; top:28px; right:2px;"><a href="http://instagram.com/gyeongree">Instagram</a></div><br>
  1603. <div style="position:absolute; top:49px;"><a href="https://www.youtube.com/user/ree7518">YouTube</a></div> <div style="position:absolute; top:49px; right:2px;"><a href="/tagged/i:pod">Music</a></div><br>
  1604. <div style="position:absolute; top:70px;"><a href="http://twitter.com/ICE_Gang">Twitter</a></div> <div style="position:absolute; top:70px; right:2px;"><a href="/tagged/r:e">Retweets</a></div>
  1605. <div style="position:absolute; top:91px;"><a href="/tagged/s:ilver">Daily Notes</a></div> <div style="position:absolute; top:91px; right:2px;"><a href="/also coming soon">u/c</a></div>
  1606. </div>
  1607. </p>
  1608. </div>
  1609. </div>
  1610. </div>
  1611. </div>
  1612.  
  1613. <div id="lakehylia">
  1614. <p><big><big>A</big></big>s opposed to<br>liking my appearance,<Br>there are people who respect and love me<br>for who I am and put themselves<br>in my shoes.</p>
  1615. <p><big><big>T</big></big>hinking of that<br>makes me energetic,<br>I want to work harder for those people.</p>
  1616. </div>
  1617.  
  1618. <div id="fairies">
  1619. <a title="+ Undisclosed relationship unless told personally."><div id="fairy1"></div></a>
  1620. <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"><div id="fairy2"></div></a>
  1621. <a href="/t:ou" title="+ { Idol-verse muse with tweaks here and there, be it her personality and her relationships; approach as if you know her already without any introduction, unless it truly is necessary. Plotting is welcome along with any form of writing, although it'll be literate 99.9% of the time on my half. Nonetheless, please do approach. ♥"><div id="fairy3"></div></a>
  1622. <a title="+ { Prev: pkrnx, kyudon, kkyngri. [ Non Kyungri FCs: pyohaem, seolhino, ujikos. ] kyngri EST. August of 2013 & reestablished January of 2015."><div id="fairy4"></div></a>
  1623. </div>
  1624.  
  1625. </div>
  1626.  
  1627. <div class="midna">
  1628. <ul class="group" id="midnaa">
  1629. <li class="current_item"><a href="/" title="+ Origin.">001</a></li>
  1630. <li><a href="/c:onnect" title="+ Correspondence.">002</a></li>
  1631. <li><a href="/archive" title="+ History.">003</a></li>
  1632. <li><a title="+ Farahmir base code; theme by kyngri's mun.">004</a></li>
  1633. </ul>
  1634. </div>
  1635. </div>
  1636.  
  1637.  
  1638.  
  1639. </div>
  1640.  
  1641. <div id="pieceofheart">
  1642. <div class="tri"></div>
  1643. <div id="hearts">
  1644. <a href="/pop up coming soon" title="+ The booties and the not so booties."><img src="https://41.media.tumblr.com/276bd4b811a90c3a3703ae9d3a6e409b/tumblr_inline_nl4y8ywRrk1t7fjz8_500.png" style="width:30px; border-radius:100%;
  1645. border:3px double {color:Borders};"></a>
  1646. <a href="http://jungkxok.tumblr.com" title="+ My favorite person."><img src="https://31.media.tumblr.com/0dffe70fe316ba46d0b31867d496327d/tumblr_inline_nl4y95oMxa1t7fjz8.gif" style="width:30px; border-radius:100%;
  1647. border:3px double {color:Borders};"></a>
  1648. <a href="http://turtlemin.tumblr.com" title="+ Minako Aino to my Rei Hino."><img src="https://31.media.tumblr.com/a42cf68687298fca1da86b9edcc52c6b/tumblr_inline_njcjd5XwIp1t7fjz8.gif" style="width:30px; border-radius:100%;
  1649. border:3px double {color:Borders};"></a>
  1650. </div>
  1651. </div>
  1652.  
  1653. {block:ifnotInfiniteScroll}
  1654. {block:Pagination}<div id="page">
  1655. {block:PreviousPage}
  1656. <a href="{PreviousPage}">-</a>
  1657. {/block:PreviousPage}
  1658. {block:NextPage}
  1659. <a id="next" href="{NextPage}">+</a>
  1660. {/block:NextPage}
  1661. </div>{/block:Pagination}
  1662. {/block:ifnotInfiniteScroll}
  1663.  
  1664. <div id="wrapper">
  1665. <div id="postconbg"></div>
  1666. <div id="postcon">
  1667. <div id="postentry">
  1668. {block:Posts}
  1669. <div id="posts">
  1670.  
  1671.  
  1672. {block:Quote}
  1673.  
  1674.  
  1675. <div id="titlequote">❝ {Quote} ❞</div>
  1676. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  1677. {/block:Quote}
  1678.  
  1679.  
  1680.  
  1681. {block:Text}
  1682.  
  1683. {block:Title}
  1684. <div id="title">+ {Title}.</div>{/block:Title}
  1685. {Body}
  1686. {/block:Text}
  1687.  
  1688. {block:Link}
  1689. <div id="title"><a href="{URL}">+ {Name}.</a></div>{block:Description}{Description}{/block:Description}
  1690. {/block:Link}
  1691.  
  1692. {block:Chat}
  1693. {block:Title}
  1694. <h1>+ {Title}.</h1>
  1695. {/block:Title}
  1696. {block:Lines}<div id="chat" class="{Alt} user_{UserNumber}">
  1697. {block:Label}
  1698. <font color="{color:Links}">{Label}</font>
  1699. {/block:Label}
  1700. {Line}</div>
  1701. {/block:Lines}
  1702. {/block:Chat}
  1703.  
  1704. {block:Photo}
  1705. <div id="photo">
  1706. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  1707. </div>
  1708. {/block:Photo}
  1709.  
  1710. {block:Photoset}
  1711. <div id="pset">
  1712. {block:If250px}
  1713. {Photoset-250}
  1714. {/block:If250px}
  1715. {block:If400px}
  1716. {Photoset-400}
  1717. {/block:If400px}
  1718. {block:If500px}
  1719. {Photoset-500}
  1720. {/block:If500px}
  1721. </div>
  1722. {/block:Photoset}
  1723.  
  1724. {block:Video}
  1725. <div id="vid">
  1726. {block:If250px}
  1727. {Video-250}
  1728. {/block:If250px}
  1729. {block:If400px}
  1730. {Video-400}
  1731. {/block:If400px}
  1732. {block:If500px}
  1733. {Video-500}
  1734. {/block:If500px}
  1735. </div>
  1736. {/block:Video}
  1737.  
  1738. {block:Audio}
  1739. <table border="0" cellpadding="0" cellspacing="5" ><tr>
  1740. <td id="art" valign="top">
  1741. <div id="player">{AudioPlayerWhite}</div>
  1742. </td>
  1743. <td valign="top" id="audio">
  1744. {block:TrackName}
  1745. <div id="info">
  1746. <font color="{color:Links}">Track:</font> {TrackName}
  1747. </div>
  1748. {/block:TrackName}
  1749. {block:Artist}
  1750. <div id="info">
  1751. <font color="{color:Links}">Artist:</font> {Artist}
  1752. </div>
  1753. {/block:Artist}
  1754. <div id="info">
  1755. <font color="{color:Links}">Plays:</font> {PlayCount}
  1756. </div>
  1757. </td>
  1758. </tr>
  1759. </table>
  1760. {/block:Audio}
  1761.  
  1762. {block:Answer}
  1763. <div id="asker">+ {Asker}.</div>
  1764. <div id="question"><small>{Question}</small></div>
  1765. {Answer}
  1766. {/block:Answer}
  1767.  
  1768. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1769.  
  1770. {block:IndexPage}
  1771. {block:Date}
  1772. <div id="permalink">
  1773. <a href="{Permalink}">{TimeAgo}</a> • {NoteCountWithLabel} • <a href="{ReblogURL}">reblog</a>{block:HasTags} • <a title="{block:Tags}#{Tag} {/block:Tags}">+</a>
  1774. {/block:HasTags}
  1775. </div>
  1776. {/block:Date}
  1777. {/block:IndexPage}
  1778.  
  1779. {block:PermalinkPage}
  1780. <div id="permalink">{block:Date}Posted {Timeago} on {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  1781.  
  1782. {block:RebloggedFrom}<br>via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> | origin <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a> {/block:RebloggedFrom}
  1783.  
  1784. {block:HasTags}<br>saved: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  1785. </div>
  1786. {/block:PermalinkPage}
  1787.  
  1788.  
  1789. </div>
  1790.  
  1791.  
  1792. {block:PostNotes}
  1793. <div class="pagenotes">
  1794. {PostNotes}
  1795. </div>
  1796. {/block:PostNotes}
  1797.  
  1798.  
  1799. {/block:Posts}
  1800.  
  1801. </div>
  1802.  
  1803. </div>
  1804.  
  1805.  
  1806. </div>
  1807.  
  1808. </div>
  1809.  
  1810.  
  1811.  
  1812. {block:ContentSource}
  1813. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1814. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1815. {/block:SourceLogo}
  1816. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1817. {/block:ContentSource}
  1818.  
  1819. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement