API tools faq
paste
Advertisement
kyngri

Solace

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