Advertisement
kyngri

Where Are Ü Now

Oct 15th, 2015
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.53 KB | None | 0 0
  1. <!--
  2. Theme made by kyngri for personal use only.
  3. -->
  4.  
  5. <!DOCTYPE html>
  6. <head>
  7.  
  8. <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>
  9.  
  10. <title>ᴘ ᴀ ᴘ ᴇ ʀ ɪ ʟ ᴇ ɴ ɴ ᴏ ᴋ ᴋ ɪ.</title>
  11.  
  12. <link rel="shortcut icon" href="https://31.media.tumblr.com/0483a8d36e23ac52e39ef75074918fb0/tumblr_inline_nhfthb3Uyo1t7fjz8.png">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <!--Default Variables-->
  17.  
  18. <meta name="color:Background" content="#ffffff"/>
  19. <meta name="color:Title" content="#bbbbbb" />
  20. <meta name="color:Text" content="#aaaaaa"/>
  21. <meta name="color:castle town" content="#111111"/>
  22. <meta name="color:hyrule" content="#111111"/>
  23. <meta name="color:spirits" content="#111111"/>
  24. <meta name="color:links" content="#ffffff"/>
  25. <meta name="color:links Hover" content="#000000"/>
  26. <meta name="color:Blockquote" content="#e1e1e1"/>
  27. <meta name="color:Borders" content="#dbdbdb" />
  28. <meta name="color:Scroll" content="#dbdbdb" />
  29. <meta name="color:Bold" content="#b3b3b3" />
  30. <meta name="color:Italic" content="#cccccc"/>
  31.  
  32. <meta name="text:Amount of Grayscale" content="40" />
  33.  
  34. <meta name="if:250px" content="0" />
  35. <meta name="if:400px" content="1" />
  36. <meta name="if:500px" content="0" />
  37. <meta name="if:monochrome" content="0" />
  38. <meta name="if:InfiniteScroll" content="0" />
  39. <meta name="if:Dark" content="0" />
  40. <meta name="if:Light" content="1" />
  41.  
  42.  
  43. <!--CSS customization here. -->
  44.  
  45. <style type="text/css">
  46.  
  47. @font-face { font-family: "wendy"; src: url('https://dl.dropboxusercontent.com/s/yr32rdtfszs02ze/wendy.ttf?dl=1'); format(“truetype”);}
  48. @font-face {font-family: "neou"; src:url('https://dl.dropboxusercontent.com/s/ggesu9cscg40a2p/neou-thin.ttf?dl=1'); format(“truetype”);}
  49. @font-face {font-family: "alexbrush";src: url('https://dl.dropboxusercontent.com/s/y48zvcvymdw1vmo/alexbrush-regular.ttf?dl=1'); format("truetype");}
  50. @font-face {font-family: "laine";src: url('https://dl.dropboxusercontent.com/s/q2nwfx6s9t3k759/laine.ttf?dl=1'); format("truetype");}
  51. @font-face{ font-family:"signerica"; src: url('https://dl.dropboxusercontent.com/s/kfe6jebile02ki3/signerica_thin.ttf?dl=1'); format(“truetype”);}
  52. @font-face{ font-family:"signarita zhai"; src: url('https://dl.dropboxusercontent.com/u/102415483/Signarita%20Zhai%20Rhianne.ttf?dl=1'); format(“truetype”);}
  53.  
  54.  
  55.  
  56. iframe#tumblr_controls {
  57. top:0%!important;
  58. right:0%!important;
  59. position:fixed!important;
  60. z-index:99999999!important;
  61. opacity:.3;
  62. -webkit-filter:invert(100%);
  63. -moz-filter:invert(100%);
  64. -o-filter:invert(100%);
  65. -ms-filter:invert(100%);
  66. filter:invert(100%);
  67. {block:IndexPage}
  68. opacity:0;
  69. -webkit-transition: all 1s ease-in-out;
  70. -moz-transition: all 1s ease-in-out;
  71. -o-transition: all 1s ease-in-out;
  72. -ms-transition: all 1s ease-in-out;
  73. transition: all 1s ease-in-out;
  74. {/block:IndexPage}
  75. }
  76.  
  77. iframe#tumblr_controls:hover {
  78. opacity:.3;
  79. }
  80.  
  81.  
  82. #s-m-t-tooltip{
  83. max-width:300px;
  84. margin-top:25px;
  85. margin-left:15px;
  86. padding:4px;
  87. z-index:99999999999999999;
  88. background-color:transparent;
  89. color:{color:Text};
  90. font-family:Arial, Helvetica, sans-serif;
  91. font-size:10px;
  92. line-height:10px;
  93. letter-spacing:1px;
  94. font-style:normal;
  95. text-transform:normal;
  96. border:3px double white;
  97. word-wrap:break-word;
  98. -moz-transition:all 0.5s ease-in-out;
  99. -webkit-transition:all 0.5s ease-in-out;
  100. -o-transition:all 0.5s ease-in-out;
  101. transition:all 0.5s ease-in-out;
  102. }
  103.  
  104. ::-webkit-scrollbar-thumb:vertical {
  105. background:{color:Scroll};
  106. height: 30px;
  107. }
  108.  
  109. ::-webkit-scrollbar {
  110. height: 10px;
  111. width: 4px;
  112. }
  113.  
  114. /*basics*/
  115. blockquote {padding:5px 0 5px 30px;
  116. border-left:1px solid {color:Blockquote};
  117. margin-left:10px;
  118. }
  119.  
  120. blockquote img {
  121. outline-offset: -10px;
  122. outline:solid 1px rgba(255,255,255,1);
  123. }
  124.  
  125. body {
  126. background:{color:Background};
  127. color:{color:Text};
  128. font-family:Arial, Helvetica, sans-serif;
  129. font-size:11px;
  130. text-align:justify;
  131. margin:0;
  132. line-height:16px;
  133. }
  134.  
  135. a {
  136. color:{color:links};
  137. text-decoration:none;
  138. -webkit-transition: all 1s ease-in-out;
  139. -moz-transition: all 1s ease-in-out;
  140. -o-transition: all 1s ease-in-out;
  141. -ms-transition: all 1s ease-in-out;
  142. transition: all 1s ease-in-out;
  143. }
  144. a:hover{
  145. color:{color:links Hover};
  146. text-shadow: 2px 2px 6px #111;
  147. }
  148.  
  149. pre {
  150. width:95%;
  151. white-space:pre-wrap;
  152. word-wrap:break-word;
  153. background:{color:hyrule};
  154. color:white;
  155. padding:4px;
  156. }
  157.  
  158. small {
  159. font-size:9px;}
  160.  
  161. sub {
  162. font-size:9px;}
  163.  
  164. big {
  165. font-size:13px;}
  166.  
  167. b, strong {
  168. color:{color:Bold};
  169. font-weight:bold;
  170. }
  171.  
  172. i, em {
  173. color:{color:Italic};
  174. font-style:italic;
  175. }
  176.  
  177. ul,ol {
  178. padding:2px;
  179. margin-left:25px;
  180. }
  181.  
  182. ul {
  183. list-style-type:square;
  184. }
  185.  
  186. h1 {
  187. font-family:neou;
  188. font-size:30px;
  189. line-height:30px;
  190. font-weight:normal;
  191. margin-bottom:10px;
  192. text-transform:uppercase;
  193. text-align:center;
  194. }
  195.  
  196. #title {
  197. font-family:neou;
  198. font-size:30px;
  199. line-height:30px;
  200. font-weight:normal;
  201. margin-bottom:10px;
  202. text-transform:uppercase;
  203. text-align:center;
  204. }
  205.  
  206. /* stats */
  207.  
  208. #zoras {
  209. position:absolute;
  210. left:0px;
  211. bottom:-20px;
  212. width:50px;
  213. height:10px;
  214. text-align:center;
  215. font-family:wendy;
  216. font-size:10px;
  217. line-height:10px;
  218. z-index:9999999;
  219. {block:If250px}
  220. width:330px;
  221. {block:If250px}
  222. {block:If400px}
  223. width:480px;
  224. {block:If400px}
  225. {block:If500px}
  226. width:590px;
  227. {block:If500px}
  228. padding:2px;
  229. border:3px double transparent;
  230. }
  231.  
  232.  
  233. /* container */
  234.  
  235. #hyrulefield {
  236. width:100%;
  237. height:100%;
  238. left:0px;
  239. top:0px;
  240. position:fixed;
  241. background:url('https://40.media.tumblr.com/4ab1d933ffa0bd0ade9fe6405ee1188b/tumblr_inline_nuas9mjCDU1t9imm5_540.png');
  242. background-attachment:fixed;
  243. background-repeat:repeat;
  244. z-index:-999;
  245. }
  246.  
  247. /* sidebar wrapper */
  248.  
  249. #hyrule {
  250. position:fixed;
  251. left:500px;
  252. bottom:500px;
  253. {block:If250px}
  254. width:330px;
  255. {block:If250px}
  256. {block:If400px}
  257. width:480px;
  258. {block:If400px}
  259. {block:If500px}
  260. width:590px;
  261. {block:If500px}
  262. padding:2px;
  263. height:100px;
  264. z-index:99999999;
  265. background:{color:castle town};
  266. border:3px double {color:borders};
  267. }
  268.  
  269. #hyruleline {
  270. position:fixed;
  271. left:0px;
  272. bottom:63px;
  273. height:3px;
  274. width:100%;
  275. z-index:99999;
  276. background-color:{color:hyrule};
  277. }
  278.  
  279. #hyruleline2 {
  280. position:fixed;
  281. left:0px;
  282. bottom:0px;
  283. height:60px;
  284. width:100%;
  285. z-index:99999;
  286. background-color:{color:hyrule};
  287. }
  288.  
  289. #hyruleline3 {
  290. position:fixed;
  291. left:0px;
  292. top:63px;
  293. height:3px;
  294. width:100%;
  295. z-index:99999;
  296. background-color:{color:hyrule};
  297. }
  298.  
  299. #hyruleline4 {
  300. position:fixed;
  301. left:0px;
  302. top:0px;
  303. height:60px;
  304. width:100%;
  305. z-index:99999;
  306. background-color:{color:hyrule};
  307. }
  308.  
  309. /* babe */
  310.  
  311. #babe {
  312. position:absolute;
  313. left:-10px;
  314. bottom:180px;
  315. z-index:999999;
  316. }
  317.  
  318. #babe img {
  319. width:30px;
  320. }
  321.  
  322. /* Music Player */
  323.  
  324. #ocarina {
  325. overflow:hidden;
  326. position:absolute;
  327. width:20px;
  328. height:20px;
  329. bottom:108px;
  330. left:420px;
  331. background:{color:background};
  332. border:2px solid {color:hyrule};
  333. padding:2px;
  334. border-radius:100%;
  335. z-index:9999999;
  336. -webkit-transition: all 1s ease-in-out;
  337. -moz-transition: all 1s ease-in-out;
  338. -o-transition: all 1s ease-in-out;
  339. -ms-transition: all 1s ease-in-out;
  340. transition: all 1s ease-in-out;
  341. }
  342.  
  343. #time {
  344. margin-top:3px;
  345. margin-left:3px;
  346. z-index:3;
  347. -webkit-transition: 0.9s;
  348. -moz-transition: 0.9s;
  349. -o-transition: 0.9s;
  350. -ms-transition: 0.9s;
  351. transition: 0.9s;
  352. }
  353.  
  354. #ocarina:hover #time {
  355. margin-top:-20px;
  356. -webkit-transition: 0.9s;
  357. -moz-transition: 0.9s;
  358. -o-transition: 0.9s;
  359. -ms-transition: 0.9s;
  360. transition: 0.9s;
  361. }
  362.  
  363. #lullaby {
  364. margin-top:4px;
  365. margin-left:-3px;
  366. opacity:1;
  367. z-index:2;
  368. }
  369.  
  370. /* sidebar img */
  371.  
  372. #zelda {
  373. position:absolute;
  374. left:10px;
  375. bottom:3px;
  376. z-index:9;
  377. }
  378.  
  379. /* sidebar desc */
  380.  
  381.  
  382. #crown {
  383. position:absolute;
  384. {block:If250px}
  385. width:330px;
  386. {block:If250px}
  387. {block:If400px}
  388. width:480px;
  389. {block:If400px}
  390. {block:If500px}
  391. width:590px;
  392. {block:If500px}
  393. left:0px;
  394. bottom:99px;
  395. font-family:arial black;
  396. text-shadow: 2px 0px 2px #dedfe4;
  397. color:{color:hyrule};
  398. font-size:50px;
  399. line-height:50px;
  400. text-align:center;
  401. }
  402.  
  403. #pkr {
  404. position:absolute;
  405. top:5px;
  406. left:78px;
  407. padding:4px;
  408. width: 300px;
  409. height: 50px;
  410. background:transparent;
  411. font-family:Arial, Helvetica, sans-serif;
  412. font-size:10px;
  413. text-align:center;
  414. overflow:auto;
  415. color:{color:text};
  416. }
  417.  
  418. #aboutzelda {
  419. position:absolute;
  420. top:5px;
  421. left:78px;
  422. padding:4px;
  423. width: 300px;
  424. height: 50px;
  425. background:{color:hyrule};
  426. color:{color:text};
  427. font-family:Arial, Helvetica, sans-serif;
  428. font-size:10px;
  429. text-align:center;
  430. overflow:auto;
  431. opacity:0;
  432. -webkit-transition: all 1s ease-in-out;
  433. -moz-transition: all 1s ease-in-out;
  434. -o-transition: all 1s ease-in-out;
  435. -ms-transition: all 1s ease-in-out;
  436. transition: all 1s ease-in-out;
  437. }
  438.  
  439. #hyrule:hover #aboutzelda {
  440. opacity:1;
  441. -webkit-transition: all 1s ease-in-out;
  442. -moz-transition: all 1s ease-in-out;
  443. -o-transition: all 1s ease-in-out;
  444. -ms-transition: all 1s ease-in-out;
  445. transition: all 1s ease-in-out;
  446. }
  447.  
  448. /* meet&greet links */
  449.  
  450. #princessruto1 {
  451. width:287px;
  452. height:13px;
  453. }
  454.  
  455. #princessruto1 a {
  456. width:287px;
  457. height:13px;
  458. line-height:13px;
  459. font-family:neou;
  460. font-size:11px;
  461. text-align:center;
  462. text-transform:uppercase;
  463. display:block;
  464. overflow:hidden;
  465. border-left:4px solid {color:background};
  466. border-right:4px solid {color:background};
  467. color:{color:text};
  468. background-color:{color:hyrule};
  469. transition-duration: 0.8s;
  470. -moz-transition-duration: 0.8s;
  471. -webkit-transition-duration: 0.8s;
  472. -o-transition-duration: 0.8s;
  473. -ms-transition: all 0.8s ease-in-out;
  474. }
  475.  
  476. #princessruto1 a:hover {
  477. color:{color:links Hover};
  478. box-shadow: inset -287px 0px 0px 0px {color:background},inset 0px 13px 0px 0px {color:background};
  479. }
  480.  
  481. /* main navi */
  482.  
  483. .midna {
  484. position:absolute;
  485. width:200px;
  486. left:130px;
  487. bottom:10px;
  488. border-top:1px solid {color:Borders};
  489. }
  490.  
  491. #midnaa {
  492. margin:0;
  493. border:0;
  494. padding:0;
  495. list-style:none;
  496. position:relative;
  497. }
  498. #midnaa li {
  499. display:inline;
  500. }
  501. #midnaa li a {
  502. width:40px;
  503. padding-top:10px;
  504. padding-left:5px;
  505. padding-right:5px;
  506. display:block;
  507. float:left;
  508. color:{color:Links};
  509. font-family:wendy;
  510. font-size:10px;
  511. text-align:center;
  512. text-transform:uppercase;
  513. -webkit-transition: all 1s ease-in-out;
  514. -moz-transition: all 1s ease-in-out;
  515. -o-transition: all 1s ease-in-out;
  516. -ms-transition: all 1s ease-in-out;
  517. transition: all 1s ease-in-out;
  518. }
  519. #midnaa li a:hover {
  520. color:{color:Links Hover};
  521. text-shadow: 2px 2px 6px #111;
  522. -webkit-transition: all 1s ease-in-out;
  523. -moz-transition: all 1s ease-in-out;
  524. -o-transition: all 1s ease-in-out;
  525. -ms-transition: all 1s ease-in-out;
  526. transition: all 1s ease-in-out;
  527. }
  528.  
  529. /* Triangle */
  530.  
  531. .triforce{
  532. top:0;
  533. left:0px;
  534. width:40px;
  535. border:0;
  536. padding:0;
  537. margin-top:-1px;
  538. position:absolute;
  539. background:transparent;
  540. }
  541.  
  542. .triforce:before, .triforce:after {
  543. content:"";
  544. position:absolute;
  545. width:0;
  546. height:0;
  547. border-style:solid;
  548. border-color:transparent;
  549. border-bottom:0;
  550. }
  551. .triforce:before {
  552. left:15px;
  553. border-top-color:{color:Borders};
  554. border-width:10px;
  555. }
  556. .triforce:after {
  557. left:15px;
  558. border-top-color:{color:Borders};
  559. border-width:9px;
  560. }
  561.  
  562.  
  563. /*posts*/
  564.  
  565. #castletown {
  566. position:fixed;
  567. {block:If250px}
  568. width:330px;
  569. {block:If250px}
  570. {block:If400px}
  571. width:480px;
  572. {block:If400px}
  573. {block:If500px}
  574. width:590px;
  575. {block:If500px}
  576. height:700px;
  577. left:500px;
  578. bottom:0px;
  579. padding:5px;
  580. padding-bottom:10px;
  581. z-index:999999;
  582. background:transparent;
  583. }
  584.  
  585. #townspeople {
  586. z-index:999;
  587. position:absolute;
  588. background:transparent;
  589. bottom:75px;
  590. left:3px;
  591. {block:If250px}
  592. width:330px;
  593. {block:If250px}
  594. {block:If400px}
  595. width:480px;
  596. {block:If400px}
  597. {block:If500px}
  598. width:590px;
  599. {block:If500px}
  600. height:400px;
  601. }
  602.  
  603.  
  604. #castlewall {
  605. position:absolute;
  606. left:11px;
  607. {block:If250px}
  608. width:310px;
  609. {block:If250px}
  610. {block:If400px}
  611. width:460px;
  612. {block:If400px}
  613. {block:If500px}
  614. width:560px;
  615. {block:If500px}
  616. height:100%;
  617. overflow:auto;
  618. }
  619.  
  620. #castle {
  621. {block:If250px}
  622. width:250px;
  623. {block:If250px}
  624. {block:If400px}
  625. width:400px;
  626. {block:If400px}
  627. {block:If500px}
  628. width:500px;
  629. {block:If500px}
  630. margin-top:10px;
  631. margin-bottom:10px;
  632. margin-left:15px;
  633. padding:10px;
  634. background:{color:castle town};
  635. border:3px double {color:borders};
  636. }
  637. #castle img {
  638. max-width:100%;
  639. {block:ifMonochrome}-webkit-filter:grayscale({text:Amount of Grayscale}%);
  640. -moz-filter:grayscale({text:Amount of Grayscale}%);
  641. -ms-filter:grayscale({text:Amount of Grayscale}%);
  642. -o-filter:grayscale({text:Amount of Grayscale}%);
  643. filter:grayscale({text:Amount of Grayscale}%); {/block:ifMonochrome}
  644. }
  645.  
  646. #castle li, #castle blockquote {max-width: 100%;
  647. {block:ifMonochrome}-webkit-filter:grayscale({text:Amount of Grayscale}%);
  648. -moz-filter:grayscale({text:Amount of Grayscale}%);
  649. -ms-filter:grayscale({text:Amount of Grayscale}%);
  650. -o-filter:grayscale({text:Amount of Grayscale}%);
  651. filter:grayscale({text:Amount of Grayscale}%); {/block:ifMonochrome}
  652. }
  653. .caption {width:100%;
  654. margin-top:10px;
  655. }
  656.  
  657. #castle img {
  658. max-width:100%;
  659. {block:ifMonochrome}-webkit-filter:grayscale({text:Amount of Grayscale}%);
  660. -moz-filter:grayscale({text:Amount of Grayscale}%);
  661. -ms-filter:grayscale({text:Amount of Grayscale}%);
  662. -o-filter:grayscale({text:Amount of Grayscale}%);
  663. filter:grayscale({text:Amount of Grayscale}%); {/block:ifMonochrome}
  664. }
  665.  
  666. #pset, #vid {
  667. {block:ifMonochrome}-webkit-filter:grayscale({text:Amount of Grayscale}%);
  668. -moz-filter:grayscale({text:Amount of Grayscale}%);
  669. -ms-filter:grayscale({text:Amount of Grayscale}%);
  670. -o-filter:grayscale({text:Amount of Grayscale}%);
  671. filter:grayscale({text:Amount of Grayscale}%); {/block:ifMonochrome}
  672. }
  673.  
  674. /*quote*/
  675.  
  676. #titlequote{
  677. text-align:center;
  678. font-family:neou;
  679. font-size:20px;
  680. line-height:20px;
  681. font-weight:normal;
  682. margin-bottom:10px;
  683. text-transform:uppercase;
  684. text-align:center;
  685. }
  686. #source {
  687. font-family:wendy;
  688. font-size:10px;
  689. margin-top:10px;
  690. margin-right:25px;
  691. text-align:right;
  692. }
  693.  
  694. /* Audio */
  695.  
  696. #audio {
  697. padding-top:3px;
  698. padding-left:5px;
  699. padding-right:5px;
  700. padding-bottom:5px;
  701. border-left:1px solid {color:Background};
  702. }
  703.  
  704. #info {
  705. color:{color:Text};
  706. font-family:wendy;
  707. font-size:10px;
  708. line-height:10px;
  709. letter-spacing:1px;
  710. text-transform:uppercase;
  711. text-align:left;
  712. }
  713.  
  714. #player {
  715. width:26px;
  716. height:28px;
  717. border-left:7px solid {color:Borders};
  718. border-right:7px solid {color:Borders};
  719. border-top:6px solid {color:Borders};
  720. border-bottom:6px solid {color:Borders};
  721. background-color:{color:Borders};
  722. display:block;
  723. overflow:hidden;
  724. position:absolute;
  725. }
  726.  
  727. #art {
  728. width:40px;
  729. height:28px;
  730. background-color:{color:Borders};
  731. {block:ifMonochrome}-webkit-filter:grayscale({text:Amount of Grayscale}%);
  732. -moz-filter:grayscale({text:Amount of Grayscale}%);
  733. -ms-filter:grayscale({text:Amount of Grayscale}%);
  734. -o-filter:grayscale({text:Amount of Grayscale}%);
  735. filter:grayscale({text:Amount of Grayscale}%); {/block:ifMonochrome}
  736. }
  737.  
  738.  
  739. /* Question */
  740.  
  741. #asker {
  742. font-family:neou;
  743. text-align:center;
  744. font-size:20px;
  745. color:{color:Ask};
  746. }
  747.  
  748. #question {
  749. padding:5px;
  750. border-bottom:1px solid {color:Borders};
  751. text-align:center;
  752. font-family:Arial, Helvetica, sans-serif;
  753. font-size:11px;
  754. }
  755.  
  756.  
  757. /*chat*/
  758.  
  759. #chat {
  760. padding-top:2px;
  761. padding-bottom:3px;
  762. padding-left:5px;
  763. padding-right:5px;
  764. line-height:11px;
  765. color:{color:Text};
  766. font-family:wendy;
  767. letter-spacing:1px;
  768. font-size:10px;
  769. font-style:normal;
  770. }
  771.  
  772. #chat.odd {
  773. background:{color:Background};
  774. }
  775.  
  776.  
  777.  
  778.  
  779.  
  780. /*permalink and notes*/
  781.  
  782. #permalink {
  783. font-family:Arial, Helvetica, sans-serif;
  784. font-size:9px;
  785. margin-top:15px;
  786. text-align:center;
  787. text-transform:uppercase;
  788. border-top:1px solid {color:borders};
  789. }
  790.  
  791.  
  792.  
  793. .pagenotes {
  794. {block:IndexPage}
  795. display: none!important;
  796. {/block:IndexPage}
  797. {block:If250px}
  798. width:250px;
  799. {block:If250px}
  800. {block:If400px}
  801. width:400px;
  802. {block:If400px}
  803. {block:If500px}
  804. width:500px;
  805. {block:If500px}
  806. margin-left:30px;
  807. text-align:left;
  808.  
  809. }
  810. .pagenotes img {
  811. display:none!important;}
  812. .pagenotes li {
  813. list-style-type:none;
  814. padding:5px 0px;
  815. text-align:left;
  816. margin:0 0 0 -40px;
  817. }
  818.  
  819.  
  820. /* signature */
  821.  
  822. #hookshot {
  823. position:absolute;
  824. right:20px;
  825. bottom:20px;
  826. z-index:999999;
  827. }
  828.  
  829. #hookshot img {
  830. width:70px;
  831. -ms-transform: rotate(0deg); /* IE 9 */
  832. -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  833. transform: rotate(0deg);
  834. {block:IfDark}
  835. -webkit-filter:invert(100%);
  836. -moz-filter:invert(100%);
  837. -o-filter:invert(100%);
  838. -ms-filter:invert(100%);
  839. filter:invert(100%);
  840. {/block:IfDark}
  841. }
  842.  
  843. /* Pagination */
  844.  
  845. #page {
  846. position:absolute;
  847. {block:If250px}
  848. width:330px;
  849. {block:If250px}
  850. {block:If400px}
  851. width:480px;
  852. {block:If400px}
  853. {block:If500px}
  854. width:590px;
  855. {block:If500px}
  856. left:0px;
  857. top:665px;
  858. padding:5px;
  859. font-size:8px;
  860. line-height:11px;
  861. text-align:center;
  862. border-top:1px solid {color:background};
  863. }
  864.  
  865. #page a {
  866. color:{color:links};
  867. padding-top:5px;
  868. padding-left:10px;
  869. padding-right:10px;
  870. margin-left:2px;
  871. margin-right:2px;
  872. }
  873.  
  874. #current_page {
  875. padding-top:5px;
  876. padding-left:10px;
  877. padding-right:10px;
  878. }
  879.  
  880. {CustomCSS}
  881.  
  882.  
  883.  
  884. </style>
  885.  
  886. {block:IndexPage}
  887. {block:ifInfiniteScroll}
  888. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  889. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  890. {/block:ifInfiniteScroll}
  891. {/block:IndexPage}
  892.  
  893. <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>
  894.  
  895.  
  896. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  897. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  898. <script>
  899. (function($){
  900. $(document).ready(function(){
  901. $("[title]").style_my_tooltips();
  902. });
  903. })(jQuery);
  904. </script>
  905.  
  906. </head>
  907.  
  908. <body>
  909. <body bgcolor="#fafafa" ondragstart="return false" onselectstart="return false">
  910. <body onkeydown="return false">
  911.  
  912. <div id="hyrulefield"></div>
  913.  
  914. <div id="hyruleline"></div>
  915. <div id="hyruleline2"></div>
  916. <div id="hyruleline3"></div>
  917. <div id="hyruleline4"></div>
  918.  
  919. <div id="hyrule">
  920.  
  921. <div id="zoras">
  922. <script language="JavaScript">
  923. var ref = (''+document.referrer+'');
  924. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID3359389&e1=&e2=&r=' + ref + '"><\/script>');
  925. </script> + <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2189130&name="></script>
  926. </div>
  927.  
  928. <div id="crown">MEET ALW.</div>
  929.  
  930. <div id="pkr">
  931. Twenty&Sleepy.<br>
  932. Bubble tea enthusiast. INFP. The sunshine makes me happy.<br>
  933. Your personal introvert and Kyungri's #1 fangirl.<br>
  934. </div>
  935.  
  936.  
  937. <div id="aboutzelda">
  938. She 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.
  939. <p><div id="princessruto1">
  940. <a href="/p.rofile" title="+ Meet the Blogger.">the sky</a>
  941. </div></p>
  942. </div>
  943.  
  944. <div id="hookshot">
  945. <a href="/tagged/q.ueen" title="+ My one true love."><img src="https://31.media.tumblr.com/17cc624ff40c92b0a001bfde52b922a4/tumblr_inline_ni3szl78oM1t7fjz8.png"></a>
  946. </div>
  947.  
  948. <div id="ocarina">
  949. <div id="time">
  950. <img src="https://31.media.tumblr.com/tumblr_m7w2n46Pdl1r6o8v2.gif"/>
  951. </div>
  952. <div id="lullaby">
  953. <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="111111" /><param name="FlashVars" value="mp3=https://db.tt/ijw6Saoy&amp;width=25&amp;loop=1&amp;autoplay=1&amp;showslider=0&amp;bgcolor=fafafa&amp;bgcolor1=fafafa&amp;bgcolor2=fafafa&amp;buttoncolor=000000&amp;buttonovercolor=000000" /></object>
  954. </div>
  955. </div>
  956.  
  957. <div id="zelda"><img src="https://41.media.tumblr.com/24512a23a69770bcafd7f30a4a0e7451/tumblr_inline_nuasabYF6V1t9imm5_540.png"></div>
  958.  
  959. <div id="babe">
  960. <a href="/tagged/s.un%26stars" title="+ Sun to my Moon."><img src="https://40.media.tumblr.com/aa389ca82afe03a3743f732f0417362d/tumblr_inline_nuaw31HtvO1t9imm5_540.png"></a>
  961. </div>
  962.  
  963. <div class="midna">
  964. <ul class="group" id="midnaa">
  965. <li class="current_item"><a href="/" title="+ Home.">001</a></li>
  966. <li><a href="/ask" title="+ Correspondence.">002</a></li>
  967. <li><a href="/archive" title="+ Memories.">003</a></li>
  968. <li><a href="/i.phone" title="+ Links. (Under Co.)">004</a></li>
  969. </ul>
  970. </div>
  971.  
  972.  
  973. </div>
  974.  
  975.  
  976. <div id="castletown">
  977.  
  978. {block:ifnotInfiniteScroll}
  979. {block:Pagination}
  980. <div id="page">
  981. {block:JumpPagination length="5"}
  982. {block:CurrentPage}
  983. <span id="current_page">{PageNumber}</span>
  984. {/block:CurrentPage}
  985. {block:JumpPage}
  986. <a id="jump_page" href="{URL}">{PageNumber}</a>
  987. {/block:JumpPage}
  988. {/block:JumpPagination}
  989. </div>
  990. {/block:Pagination}
  991. {/block:ifnotInfiniteScroll}
  992.  
  993. <div id="townspeople">
  994. <div id="castlewall">
  995. {block:Posts}
  996. <div id="castle">
  997.  
  998.  
  999. {block:Quote}
  1000.  
  1001.  
  1002. <div id="titlequote">❝ {Quote} ❞</div>
  1003. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  1004. {/block:Quote}
  1005.  
  1006.  
  1007.  
  1008. {block:Text}
  1009.  
  1010. {block:Title}
  1011. <div id="title">+ {Title}.</div>{/block:Title}
  1012. {Body}
  1013. {/block:Text}
  1014.  
  1015. {block:link}
  1016. <div id="title"><a href="{URL}">+ {Name}.</a></div>{block:Description}{Description}{/block:Description}
  1017. {/block:link}
  1018.  
  1019. {block:Chat}
  1020. {block:Title}
  1021. <h1>+ {Title}.</h1>
  1022. {/block:Title}
  1023. {block:Lines}<div id="chat" class="{Alt} user_{UserNumber}">
  1024. {block:Label}
  1025. <font color="{color:links}">{Label}</font>
  1026. {/block:Label}
  1027. {Line}</div>
  1028. {/block:Lines}
  1029. {/block:Chat}
  1030.  
  1031. {block:Photo}
  1032. <div id="photo">
  1033. {linkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{linkCloseTag}
  1034. </div>
  1035. {/block:Photo}
  1036.  
  1037. {block:Photoset}
  1038. <div id="pset">
  1039. {block:If250px}
  1040. {Photoset-250}
  1041. {/block:If250px}
  1042. {block:If400px}
  1043. {Photoset-400}
  1044. {/block:If400px}
  1045. {block:If500px}
  1046. {Photoset-500}
  1047. {/block:If500px}
  1048. </div>
  1049. {/block:Photoset}
  1050.  
  1051. {block:Video}
  1052. <div id="vid">
  1053. {block:If250px}
  1054. {Video-250}
  1055. {/block:If250px}
  1056. {block:If400px}
  1057. {Video-400}
  1058. {/block:If400px}
  1059. {block:If500px}
  1060. {Video-500}
  1061. {/block:If500px}
  1062. </div>
  1063. {/block:Video}
  1064.  
  1065. {block:Audio}
  1066. <table border="0" cellpadding="0" cellspacing="5" ><tr>
  1067. <td id="art" valign="top">
  1068. <div id="player">{AudioPlayerWhite}</div>
  1069. </td>
  1070. <td valign="top" id="audio">
  1071. {block:TrackName}
  1072. <div id="info">
  1073. <font color="{color:links}">Track:</font> {TrackName}
  1074. </div>
  1075. {/block:TrackName}
  1076. {block:Artist}
  1077. <div id="info">
  1078. <font color="{color:links}">Artist:</font> {Artist}
  1079. </div>
  1080. {/block:Artist}
  1081. <div id="info">
  1082. <font color="{color:links}">Plays:</font> {PlayCount}
  1083. </div>
  1084. </td>
  1085. </tr>
  1086. </table>
  1087. {/block:Audio}
  1088.  
  1089. {block:Answer}
  1090. <div id="asker">+ {Asker}.</div>
  1091. <div id="question"><small>{Question}</small></div>
  1092. {Answer}
  1093. {/block:Answer}
  1094.  
  1095. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1096.  
  1097. {block:IndexPage}
  1098. {block:Date}
  1099. <div id="permalink">
  1100. <a href="{Permalink}">{TimeAgo}</a> / <a href="{ReblogURL}">🔄</a>{block:HasTags} / <a title="{NoteCountWithLabel}">♥</a> / <a title="{block:Tags}#{Tag} {/block:Tags}">•••</a>
  1101. {/block:HasTags}
  1102. </div>
  1103. {/block:Date}
  1104. {/block:IndexPage}
  1105.  
  1106. {block:PermalinkPage}
  1107. <div id="permalink">{block:Date}Posted {Timeago} on {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  1108.  
  1109. {block:RebloggedFrom}<br>via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> | origin <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a> {/block:RebloggedFrom}
  1110.  
  1111. {block:HasTags}<br>saved: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  1112. </div>
  1113. {/block:PermalinkPage}
  1114.  
  1115.  
  1116. </div>
  1117.  
  1118.  
  1119. {block:PostNotes}
  1120. <div class="pagenotes">
  1121. {PostNotes}
  1122. </div>
  1123. {/block:PostNotes}
  1124.  
  1125.  
  1126. {/block:Posts}
  1127.  
  1128. </div>
  1129.  
  1130. </div>
  1131.  
  1132.  
  1133. </div>
  1134.  
  1135. <a href="http://namyunetwork.tumblr.com" title="+ Namyu Trash."><img src="https://40.media.tumblr.com/336eb965540cc5c7821179c515a881bf/tumblr_inline_nu80jwHpX71t9imm5_540.png" style="position:fixed; left:5px; top:5px; width:50px; z-index:9999999999999999;"></a>
  1136.  
  1137. </div>
  1138.  
  1139.  
  1140.  
  1141. {block:ContentSource}
  1142. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1143. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1144. {/block:SourceLogo}
  1145. {block:NoSourceLogo}{Sourcelink}{/block:NoSourceLogo} -->
  1146. {/block:ContentSource}
  1147.  
  1148. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement