API tools faq
paste
Advertisement
kyngri

Starlight

kyngri
Dec 10th, 2016
109
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.14 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme made by ayiams 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:Links" content="#ffffff"/>
  22. <meta name="color:Links Hover" content="#000000"/>
  23. <meta name="color:Blockquote" content="#e1e1e1"/>
  24. <meta name="color:Scrollbar" content="#dbdbdb" />
  25. <meta name="color:Castle" content="#ffffff" />
  26.  
  27. <meta name="text:AmountofGrayscale" content="40">
  28.  
  29. <meta name="if:250px" content="0" />
  30. <meta name="if:400px" content="1" />
  31. <meta name="if:500px" content="0" />
  32. <meta name="if:InfiniteScroll" content="0" />
  33. <meta name="if:monochrome" content="1" />
  34.  
  35.  
  36. <!--CSS customization here. -->
  37.  
  38. <style type="text/css">
  39.  
  40. @font-face {font-family: "neou"; src:url('https://dl.dropboxusercontent.com/s/ggesu9cscg40a2p/neou-thin.ttf?dl=1'); format(“truetype”);}
  41. @font-face { font-family: "lanie"; src: url('https://dl.dropboxusercontent.com/s/agxh28owvvtgite/Laine.ttf?dl=1'); format("truetype");}
  42. @font-face {font-family: "alexbrush";src: url('https://dl.dropboxusercontent.com/s/y48zvcvymdw1vmo/alexbrush-regular.ttf?dl=1'); format("truetype");}
  43.  
  44.  
  45. iframe#tumblr_controls {top:0%!important;right:0%!important;position:fixed!important;z-index:99999999!important;}
  46.  
  47. /*Hover Titles*/
  48.  
  49. #s-m-t-tooltip {max-width:300px;margin-top:25px;margin-left:15px;padding:4px;z-index:99999999999999999;background-color:black;color:white;font-size:8px;line-height:10px;letter-spacing:1px;font-style:normal;text-transform:uppercase;word-wrap:break-word;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
  50.  
  51. /*Scroll*/
  52.  
  53. ::-webkit-scrollbar-thumb:vertical {background:{color:Scroll};height:50px;}
  54. ::-webkit-scrollbar {height: 20px;width:3px;}
  55.  
  56. /*Basics*/
  57.  
  58. blockquote {padding:5px 0 5px 30px;border-left:1px solid {color:Blockquote};margin-left:10px;}
  59.  
  60. body {background:{color:Background};color:{color:Text};font-family:calibri;font-size:11px;text-align:justify;margin:0;line-height:16px;}
  61.  
  62. *, body, a {cursor: url(http://i.imgur.com/2qleX.jpg), auto;}
  63.  
  64. a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;}
  65.  
  66. a {color:{color:Links};text-decoration:none;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
  67. a:hover{color:{color:Links Hover};text-shadow: 2px 2px 6px #111;}
  68.  
  69. pre {width:95%;white-space:pre-wrap;word-wrap:break-word;background:white;color:black;padding:4px;}
  70.  
  71. small {font-size:9px;}
  72.  
  73. sub {font-size:9px;}
  74.  
  75. big {font-size:13px;}
  76.  
  77. b, bold, strong {color: #000000;font-size: 12px;line-height:100%;text-transform: uppercase;letter-spacing: 1px;font-weight: 700;font-family: 'Oswald', sans-serif;}
  78.  
  79. i, em, italic {font-family: alexbrush;color: #8c8c8c;font-weight: 400;text-transform: lowercase;font-size: 20px;text-shadow: none;
  80. }
  81.  
  82. ul,ol {padding:2px;margin-left:25px;}
  83. ul {list-style-type:square;}
  84.  
  85. h1 {font-family:neou;font-size:20px;line-height:20px;font-weight:normal;margin-bottom:10px;text-transform:uppercase;text-align:center;}
  86.  
  87. #title {font-family:neou;font-size:20px;line-height:20px;font-weight:normal;margin-bottom:10px;text-transform:uppercase;text-align:center;}
  88.  
  89. /* THE VERSES TABS */
  90.  
  91.  
  92. ul#tabs {
  93. list-style-type: none;
  94. padding: 0;
  95. text-align: center;
  96. font-size:8px;
  97. letter-spacing:1px;
  98.  
  99. }
  100.  
  101.  
  102.  
  103. ul#tabs li {
  104. color:#999;
  105. background:transparent#e3f0f9;
  106. display: inline-block;
  107. padding: 4px 10px;
  108. margin-bottom: 4px;
  109. cursor: url(http://i.imgur.com/IepP2.jpg), auto;
  110. }
  111.  
  112.  
  113.  
  114. ul#tabs li:hover {
  115. border-bottom: solid 3px #000;
  116. }
  117.  
  118. ul#tabs li.active {
  119. background:transparent;
  120. border-bottom: solid 3px #000;
  121. color:#000;
  122. display: inline-block;
  123. padding: 4px 10px;
  124. margin-bottom: 4px;
  125. cursor: url(http://i.imgur.com/IepP2.jpg), auto;
  126. }
  127.  
  128.  
  129.  
  130. ul#tab {
  131. list-style-type: none;
  132. margin: 0;
  133. padding: 0;
  134. }
  135.  
  136. ul#tab li {
  137. display: none;
  138. }
  139.  
  140. ul#tab li.active {
  141. display: block;
  142. }
  143.  
  144.  
  145. /*texture*/
  146.  
  147. #hyrule {width:100%;height:100%;left:0px;bottom:0px;position:fixed;background:url('https://65.media.tumblr.com/8ae8626a0275f32c7fd842408838144f/tumblr_inline_o7uhslZhWE1u8j6wt_540.png');background-attachment:fixed;background-repeat:repeat;z-index:-9;}
  148.  
  149. /*Sidebar*/
  150.  
  151. #castle {position:fixed;background:transparent;bottom:150px;left:200px;width:300px;height:400px;z-index:2;}
  152. #line1{
  153. position:absolute;
  154. width:400px;
  155. height:3px;
  156. background:#ffffff;
  157. left:323px;
  158. bottom:516px;
  159. }
  160. #line2{
  161. position:absolute;
  162. width:500px;
  163. height:7px;
  164. background:#ffffff;
  165. left:326px;
  166. bottom:507px;
  167. }
  168. #line3{
  169. position:absolute;
  170. width:550px;
  171. height:1px;
  172. background:#ffffff;
  173. left:320px;
  174. bottom:502px;
  175. }
  176.  
  177. #bubbles { padding: 100px 0 position:fixed;}
  178. .bubble {
  179. width: 60px;
  180. height: 60px;
  181. background: #fff;
  182. border-radius: 200px;
  183. -moz-border-radius: 200px;
  184. -webkit-border-radius: 200px;
  185. position: fixed;z-index:5;
  186. }
  187.  
  188. .x1 {
  189. -webkit-transform: scale(0.9);
  190. -moz-transform: scale(0.9);
  191. transform: scale(0.9);
  192. opacity: 0.2;
  193. -webkit-animation: moveclouds 15s linear infinite, sideWays 4s ease-in-out infinite alternate;
  194. -moz-animation: moveclouds 15s linear infinite, sideWays 4s ease-in-out infinite alternate;
  195. -o-animation: moveclouds 15s linear infinite, sideWays 4s ease-in-out infinite alternate;
  196. }
  197.  
  198. .x2 {
  199. left: 200px;
  200. -webkit-transform: scale(0.6);
  201. -moz-transform: scale(0.6);
  202. transform: scale(0.6);
  203. opacity: 0.5;
  204. -webkit-animation: moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate;
  205. -moz-animation: moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate;
  206. -o-animation: moveclouds 25s linear infinite, sideWays 5s ease-in-out infinite alternate;
  207. }
  208. .x3 {
  209. left: 250px;
  210. -webkit-transform: scale(0.8);
  211. -moz-transform: scale(0.8);
  212. transform: scale(0.8);
  213. opacity: 0.3;
  214. -webkit-animation: moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  215. -moz-animation: moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  216. -o-animation: moveclouds 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
  217. }
  218. .x4 {
  219. left: 300px;
  220. -webkit-transform: scale(0.75);
  221. -moz-transform: scale(0.75);
  222. transform: scale(0.75);
  223. opacity: 0.35;
  224. -webkit-animation: moveclouds 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
  225. -moz-animation: moveclouds 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
  226. -o-animation: moveclouds 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
  227. }
  228. .x5 {
  229. left: 350px;
  230. -webkit-transform: scale(0.8);
  231. -moz-transform: scale(0.8);
  232. transform: scale(0.8);
  233. opacity: 0.3;
  234. -webkit-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
  235. -moz-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
  236. -o-animation: moveclouds 7s linear infinite, sideWays 1s ease-in-out infinite alternate;
  237. }
  238. @-webkit-keyframes moveclouds {
  239. 0% {
  240. top: 500px;
  241. }
  242. 100% {
  243. top: -500px;
  244. }
  245. }
  246.  
  247. @-webkit-keyframes sideWays {
  248. 0% {
  249. margin-left:0px;
  250. }
  251. 100% {
  252. margin-left:50px;
  253. }
  254. }
  255.  
  256. @-moz-keyframes moveclouds {
  257. 0% {
  258. top: 500px;
  259. }
  260.  
  261. 100% {
  262. top: -500px;
  263. }
  264. }
  265.  
  266. @-moz-keyframes sideWays {
  267. 0% {
  268. margin-left:0px;
  269. }
  270. 100% {
  271. margin-left:50px;
  272. }
  273. }
  274. @-o-keyframes moveclouds {
  275. 0% {
  276. top: 500px;
  277. }
  278. 100% {
  279. top: -500px;
  280. }
  281. }
  282.  
  283. @-o-keyframes sideWays {
  284. 0% {
  285. margin-left:0px;
  286. }
  287. 100% {
  288. margin-left:50px;
  289. }
  290. }
  291.  
  292.  
  293. #tri {position:absolute;bottom:150px;right:50px;z-index:-1;opacity:.8;}
  294. #force {position:absolute;bottom:-10px;left:560px;z-index:1;opacity:.8;}
  295. #zelda {position:absolute;left:80px;bottom:0px;z-index:2;}
  296. #zant {position:absolute;left:52px;bottom:110px;background:#e3f0f9;height:210px;width:210px;border-radius:100%;border:solid 3px #ffffff;}
  297. #tetra {position:absolute;left:65px;bottom:115px;z-index:-1;background:#ffffff;height:200px;width:200px;border-radius:100%;-webkit-animation: biggy4 2.4s infinite; /* Chrome, Safari, Opera */
  298. animation: biggy4 2.4s infinite;}
  299. @-webkit-keyframes biggy4 {
  300. 0% {opacity:1;}
  301. 50% {opacity:1;}
  302. 100% {width:233px;height:233px;left:43px;bottom:102px;opacity:0;}}
  303. #wisdom {position:absolute;left:60px;bottom:-5px;z-index:4;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
  304. #castle:hover #wisdom {left:0px;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
  305. .arrow-left {
  306. bottom:190px;
  307. left:0px;
  308. position:absolute;
  309. width: 0;
  310. height: 0;
  311. border-top: 35px solid transparent;
  312. border-bottom: 35px solid transparent;
  313. border-right:35px solid #ffffff;
  314. z-index:4;
  315. }
  316. .arrow-left2 {
  317. bottom:200px;
  318. left:10px;
  319. position:absolute;
  320. width: 0;
  321. height: 0;
  322. border-top: 25px solid transparent;
  323. border-bottom: 25px solid transparent;
  324. border-right:25px solid #e3f0f9;
  325. z-index:4;
  326. }
  327. .arrow-left4 {
  328. bottom:60px;
  329. left:55px;
  330. position:absolute;
  331. width: 0;
  332. height: 0;
  333. border-top: 160px solid transparent;
  334. border-bottom: 160px solid transparent;
  335. border-right:160px solid #ffffff;
  336. opacity:0;
  337. z-index:-1;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;
  338. }
  339. #castle:hover .arrow-left4 {
  340. left:0px;opacity:1;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;
  341. }
  342.  
  343. #courage {position:absolute;left:225px;bottom:-5px;z-index:4;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
  344. #castle:hover #courage {left:285px;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
  345. .arrow-right {
  346. bottom:190px;
  347. left:0px;
  348. position:absolute;
  349. width: 0;
  350. height: 0;
  351. border-top: 35px solid transparent;
  352. border-bottom: 35px solid transparent;
  353. border-left:35px solid #ffffff;
  354. z-index:4;
  355. }
  356. .arrow-right2 {
  357. bottom:200px;
  358. left:0px;
  359. position:absolute;
  360. width: 0;
  361. height: 0;
  362. border-top: 25px solid transparent;
  363. border-bottom: 25px solid transparent;
  364. border-left:25px solid #e3f0f9;
  365. z-index:4;
  366. }
  367. .arrow-right4 {
  368. bottom:60px;
  369. left:110px;
  370. position:absolute;
  371. width: 0;
  372. height: 0;
  373. border-top: 160px solid transparent;
  374. border-bottom: 160px solid transparent;
  375. border-left:160px solid #ffffff;
  376. z-index:-1;opacity:0;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;
  377. }
  378. #castle:hover .arrow-right4 {
  379. left:160px;opacity:1;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;
  380. }
  381.  
  382.  
  383. #sheik {position:absolute;left:50px;bottom:50px;width:100px;height:80px;z-index:3;}
  384. #sheika {position:absolute;left:0px;bottom:0px;width:105px;height:70px;z-index:-1;opacity:0;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
  385. #sheik:hover #sheika {position:absolute;bottom:-70px;z-index:4;opacity:1;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
  386. #midna1 {position:absolute;left:180px;top:305px;font-family:Calibri;color:black;font-size:20px;text-align:30px;text-transform:uppercase;text-align:left;width:515px;height:17px;background:white;z-index:1;}
  387. #midna2 {position:absolute;left:170px;top:325px;font-family:Calibri;color:black;font-size:20px;text-transform:uppercase;text-align:left;width:510px;height:17px;background:white;z-index:1;}
  388. #midna3 {position:absolute;left:175px;top:345px;font-family:Calibri;color:black;font-size:20px;text-transform:uppercase;text-align:left;width:555px;height:17px;background:white;z-index:1;}
  389. #midna4 {position:absolute;left:175px;top:365px;font-family:Calibri;color:black;font-size:20px;text-transform:uppercase;text-align:left;width:285px;height:17px;background:white;z-index:1;}
  390. #twilight {position:absolute;bottom:175px;left:115px;width:70px;height:70px;line-height:25px;text-align:center;font-family:Calibri;color:black;font-size:20px;text-transform:uppercase;background:#ffffff;border-radius:100%;z-index:5;padding:10px;border:3px solid #e3f0f9;opacity:0;-webkit-transition: 0.8s;
  391. -moz-transition: 0.8s;
  392. -o-transition: 0.8s;
  393. -ms-transition: 0.8s;
  394. transition: 0.8s;}
  395. #castle:hover #twilight {opacity:.9;
  396. -webkit-transition: 0.8s;
  397. -moz-transition: 0.8s;
  398. -o-transition: 0.8s;
  399. -ms-transition: 0.8s;
  400. transition: 0.8s;
  401. }
  402. #sword {position:absolute;left:660px;bottom:375px;width:20px;height:20px;z-index:1;}
  403. #sword img {opacity:.8;}
  404. #shield {position:absolute;left:-20px;bottom:415px;width:20px;height:20px;z-index:1;}
  405. #shield img {opacity:.8;}
  406. #ordon {position:absolute;bottom:105px;left:325px;padding:5px;width:240px;height:230px;font-family:Calibri;color:{color:text};text-align:left;font-size:11px;background:{color:background};}
  407. #ordona {position:absolute;left:120px;bottom:5px;overflow:auto;height:115px;width:130px;text-transform:uppercase;text-align:center;padding:5px;}
  408. #spiritspring {position:absolute;bottom:235px;left:460px;height:110px;width:110px;background:#f4f5f5;}
  409. #faron {position:absolute;right:5px;top:5px;width:100px;height:30px;background:#222224;line-height:30px;text-align:center;font-family:Calibri;font-size:8px;text-transform:uppercase;transition-duration: 0.8s;-moz-transition-duration: 0.8s;-webkit-transition-duration: 0.8s;-o-transition-duration: 0.8s;-ms-transition: all 0.8s ease-in-out;}
  410. #faron:hover {box-shadow: inset -100px 0px 0px 0px #f4f5f5,inset 0px 30px 0px 0px #f4f5f5;}
  411. #eldin {position:absolute;right:5px;top:40px;width:100px;height:30px;background:#222224;line-height:30px;text-align:center;font-family:Calibri;font-size:8px;text-transform:uppercase;transition-duration: 0.8s;-moz-transition-duration: 0.8s;-webkit-transition-duration: 0.8s;-o-transition-duration: 0.8s;-ms-transition: all 0.8s ease-in-out;}
  412. #eldin:hover {box-shadow: inset -100px 0px 0px 0px #f4f5f5,inset 0px 7px 0px 0px #f4f5f5;}
  413. #lanayru {position:absolute;right:5px;top:75px;width:100px;height:30px;background:#222224;line-height:30px;text-align:center;font-family:Calibri;font-size:8px;text-transform:uppercase;transition-duration: 0.8s;-moz-transition-duration: 0.8s;-webkit-transition-duration: 0.8s;-o-transition-duration: 0.8s;-ms-transition: all 0.8s ease-in-out;}
  414. #lanayru:hover {box-shadow: inset -100px 0px 0px 0px #f4f5f5,inset 0px 30px 0px 0px #f4f5f5;}
  415.  
  416. /* NAVIGATION */
  417.  
  418. #sblink {
  419. position:absolute;
  420. width:70px;
  421. height:150px;
  422. bottom:130px;
  423. left:145px;
  424. z-index:4;
  425. opacity:0;
  426. -webkit-transition: 0.8s;
  427. -moz-transition: 0.8s;
  428. -o-transition: 0.8s;
  429. -ms-transition: 0.8s;
  430. transition: 0.8s;
  431. }
  432.  
  433. #castle:hover #sblink {
  434. opacity:1;
  435. -webkit-transition: 0.8s;
  436. -moz-transition: 0.8s;
  437. -o-transition: 0.8s;
  438. -ms-transition: 0.8s;
  439. transition: 0.8s;
  440. }
  441.  
  442. #sblink1, #sblink2, #sblink3, #sblink4 {
  443. z-index:9!important;
  444. font-size:10px;
  445. padding:1px;
  446. width:10px;
  447. height:10px;
  448. -webkit-border-radius:10px;
  449. -moz-border-radius:10px;
  450. border-radius:10px;
  451. position:absolute;
  452. opacity:0;
  453. bottom:0px;
  454. left:0px;
  455. background-color:#e3f0f9;
  456. border:1px solid #ffffff;
  457. -webkit-transition: all 2s ease-in-out;
  458. -moz-transition: all 2s ease-in-out;
  459. -o-transition: all 2s ease-in-out;
  460. transition: all 2s ease-in-out;
  461. -webkit-transform: translate3d(0,0,0);
  462. -moz-transform: translate3d(0,0,0);
  463. -o-transform: translate3d(0,0,0);
  464. -ms-transform: translate3d(0,0,0);
  465. transform: translate3d(0,0,0);}
  466.  
  467.  
  468. #sblink1:hover, #sblink2:hover, #sblink3:hover, #sblink4:hover{
  469. background-color:{color:Links Hover}!important;
  470. -webkit-transition: 0.8s;
  471. -moz-transition: 0.8s;
  472. -o-transition: 0.8s;
  473. -ms-transition: 0.8s;
  474. transition: 0.8s;
  475. }
  476.  
  477. #sblink1 {
  478. -webkit-transition-delay: 0.1s;
  479. -moz-transition-delay: 0.1s;
  480. -o-transition-delay: 0.1s;
  481. -ms-transition-delay: 0.1s;
  482. transition-delay: 0.1s; }
  483. #sblink2 {
  484. -webkit-transition-delay: 0.3s;
  485. -moz-transition-delay: 0.3s;
  486. -o-transition-delay: 0.3s;
  487. -ms-transition-delay: 0.3s;
  488. transition-delay: 0.3s; }
  489. #sblink3 {
  490. -webkit-transition-delay: 0.5s;
  491. -moz-transition-delay: 0.5s;
  492. -o-transition-delay: 0.5s;
  493. -ms-transition-delay: 0.5s;
  494. transition-delay: 0.5s; }
  495. #sblink4 {
  496. -webkit-transition-delay: 0.7s;
  497. -moz-transition-delay: 0.7s;
  498. -o-transition-delay: 0.7s;
  499. -ms-transition-delay: 0.7s;
  500. transition-delay: 0.7s; }
  501.  
  502. #castle:hover #sblink1, #sidebar.hover_effect #sblink1 {
  503. opacity:1;
  504. -webkit-transform: translate(50px,-10px);
  505. -moz-transform: translate(50px,-10px);
  506. -o-transform: translate(50px,-10px);
  507. -ms-transform: translate(50px,-10px);
  508. transform: translate(50px,-10px);}
  509.  
  510. #castle:hover #sblink2, #sidebar.hover_effect #sblink2 {
  511. opacity:1;
  512. -webkit-transform: translate(-50px,-50px);
  513. -moz-transform: translate(-50px,-50px);
  514. -o-transform: translate(-50px,-50px);
  515. -ms-transform: translate(-50px,-50px);
  516. transform: translate(-50px,-50px);}
  517.  
  518.  
  519.  
  520. #castle:hover #sblink3, #sidebar.hover_effect #sblink3 {
  521. opacity:1;
  522. -webkit-transform: translate(75px, -90px);
  523. -moz-transform: translate(75px, -90px);
  524. -o-transform: translate(75px, -90px);
  525. -ms-transform: translate(75px, -90px);
  526. transform: translate(75px, -90px);}
  527.  
  528. #castle:hover #sblink4, #sidebar.hover_effect #sblink4 {
  529. opacity:1;
  530. -webkit-transform: translate(-55px,-150px);
  531. -moz-transform: translate(-55px,-150px);
  532. -o-transform: translate(-55px,-150px);
  533. -ms-transform: translate(-55px,-150px);
  534. transform: translate(-55px,-150px);}
  535.  
  536. #sblinkline1{
  537. position:absolute;
  538. width:0px;
  539. height:0px;
  540. background:#ffffff;
  541. left:-47px;
  542. bottom:37px;
  543. -webkit-transition: all 2s ease-in-out;
  544. -moz-transition: all 2s ease-in-out;
  545. -o-transition: all 2s ease-in-out;
  546. transition: all 2s ease-in-out;
  547. -webkit-transform: rotate(23deg);
  548. -moz-transform: rotate(23deg);
  549. -ms-transform: rotate(23deg);
  550. -o-transform: rotate(23deg);
  551. }
  552.  
  553. #sblinkline1 {
  554. -webkit-transition-delay: 0.1s;
  555. -moz-transition-delay: 0.1s;
  556. -o-transition-delay: 0.1s;
  557. -ms-transition-delay: 0.1s;
  558. transition-delay: 0.1s;
  559. }
  560.  
  561. #castle:hover #sblinkline1 {
  562. height:1px;
  563. width:105px;
  564. }
  565.  
  566. #sblinkline2{
  567. position:absolute;
  568. width:0px;
  569. height:0px;
  570. background:#ffffff;
  571. left:-47px;
  572. bottom:75px;
  573. -webkit-transition: all 2s ease-in-out;
  574. -moz-transition: all 2s ease-in-out;
  575. -o-transition: all 2s ease-in-out;
  576. transition: all 2s ease-in-out;
  577. -webkit-transform: rotate(-20deg);
  578. -moz-transform: rotate(-20deg);
  579. -ms-transform: rotate(-20deg);
  580. -o-transform: rotate(-20deg);
  581. }
  582.  
  583. #sblinkline2 {
  584. -webkit-transition-delay: 0.5s;
  585. -moz-transition-delay: 0.5s;
  586. -o-transition-delay: 0.5s;
  587. -ms-transition-delay: 0.5s;
  588. transition-delay: 0.5s;
  589. }
  590.  
  591. #castle:hover #sblinkline2 {
  592. height:1px;
  593. width:125px; }
  594.  
  595. #sblinkline3{
  596. position:absolute;
  597. width:0px;
  598. height:0px;
  599. background:#ffffff;
  600. left:-50px;
  601. bottom:125px;
  602. -webkit-transition: all 2s ease-in-out;
  603. -moz-transition: all 2s ease-in-out;
  604. -o-transition: all 2s ease-in-out;
  605. transition: all 2s ease-in-out;
  606. -webkit-transform: rotate(27deg);
  607. -moz-transform: rotate(27deg);
  608. -ms-transform: rotate(27deg);
  609. -o-transform: rotate(27deg);
  610. }
  611.  
  612. #sblinkline3 {
  613. -webkit-transition-delay: 0.9s;
  614. -moz-transition-delay: 0.9s;
  615. -o-transition-delay: 0.9s;
  616. -ms-transition-delay: 0.9s;
  617. transition-delay: 0.9s;
  618. }
  619.  
  620. #castle:hover #sblinkline3 {
  621. height:1px;
  622. width:135px; }
  623.  
  624. /* Music Player */
  625.  
  626. #windwaker {overflow:hidden;position:absolute;width:30px;height:30px;background:#f4f5f5;bottom:7px;left:460px;z-index:3;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;border-radius:100%;}
  627. #time {margin-top:8px;margin-left:8px;z-index:3;-webkit-transition: 0.9s;-moz-transition: 0.9s;-o-transition: 0.9s;-ms-transition: 0.9s;transition: 0.9s;}
  628. #windwaker:hover #time {margin-top:-20px;-webkit-transition: 0.9s;-moz-transition: 0.9s;-o-transition: 0.9s;-ms-transition: 0.9s;transition: 0.9s;}
  629. #lullaby {margin-top:9px;margin-left:3px;opacity:1;z-index:2;-webkit-transition: 2s;-moz-transition: 2s;-o-transition: 2s;-ms-transition: 2s;transition: 2s;}
  630.  
  631. /* Pagination */
  632.  
  633. #page {position:absolute;width:207px;right:-500px;bottom:15px;font-family:alexbrush;font-size:25px;text-transform:normal;text-align:left;z-index:3;color:{color:Links};}
  634.  
  635.  
  636. /*Posts*/
  637.  
  638. #castletown {position:absolute;background:#ffffff;left:375px;bottom:250px;width:555px;height:250px;}
  639. #templeoftime {position:absolute;background:#f5f5f6;top:5px;left:0px;width:555px;height:240px;overflow:auto;}
  640. #townspeople {{block:If250px}width:250px;{block:If250px}{block:If400px}width:400px;{block:If400px}{block:If500px}width:500px;{block:If500px}margin-top:10px;margin-bottom:20px;margin-left:140px;padding:10px;background:{color:Castle};}
  641. #townspeople img {max-width:100%;{block:ifMonochrome}-webkit-filter:grayscale({text:AmountofGrayscale}%);-moz-filter:grayscale({text:AmountofGrayscale}%);-ms-filter:grayscale({text:AmountofGrayscale}%);-o-filter:grayscale({text:AmountofGrayscale}%);filter:grayscale({text:AmountofGrayscale}%);{/block:ifMonochrome}}
  642. #townspeople li, #townspeople blockquote {max-width: 100%;{block:ifMonochrome}-webkit-filter:grayscale({text:AmountofGrayscale}%);-moz-filter:grayscale({text:AmountofGrayscale}%);-ms-filter:grayscale({text:AmountofGrayscale}%);-o-filter:grayscale({text:AmountofGrayscale}%);filter:grayscale({text:AmountofGrayscale}%);{/block:ifMonochrome}}
  643. .caption {width:100%;margin-top:10px;}
  644. #townspeople img {max-width:100%;{block:ifMonochrome}-webkit-filter:grayscale({text:AmountofGrayscale}%);-moz-filter:grayscale({text:AmountofGrayscale}%);-ms-filter:grayscale({text:AmountofGrayscale}%);-o-filter:grayscale({text:AmountofGrayscale}%);filter:grayscale({text:AmountofGrayscale}%);{/block:ifMonochrome}}
  645. #pset, #vid {{block:ifMonochrome}-webkit-filter:grayscale({text:AmountofGrayscale}%);-moz-filter:grayscale({text:AmountofGrayscale}%);-ms-filter:grayscale({text:AmountofGrayscale}%);-o-filter:grayscale({text:AmountofGrayscale}%);filter:grayscale({text:AmountofGrayscale}%);{/block:ifMonochrome}}
  646.  
  647. /*Quote*/
  648.  
  649. #titlequote{font-family:neou;font-size:20px;text-transform:uppercase;letter-spacing:1px;line-height:20px;font-weight:bold;margin-bottom:10px;text-align:center;padding:1px;text-align:center;}
  650. #source {font-size:8px;text-transform:uppercase;margin-top:10px;margin-right:25px;text-align:right;}
  651.  
  652. /*Audio*/
  653.  
  654. #audio {padding-top:3px;padding-left:5px;padding-right:5px;padding-bottom:5px;border-left:1px solid {color:Background};}
  655. #info {color:{color:Text};font-family:{text:Font};font-size:10px;line-height:10px;letter-spacing:1px;text-transform:uppercase;text-align:left;font-weight:bold;}
  656. #player {width:26px;height:28px;border-left:7px solid {color:WallLine};border-right:7px solid {color:WallLine};border-top:6px solid {color:WallLine};border-bottom:6px solid {color:WallLine};background-color:{color:WallLine};display:block;overflow:hidden; position:absolute;}
  657. #art {width:40px;height:28px;background-color:{color:CastleLine};{block:ifMonochrome}-webkit-filter:grayscale({text:AmountofGrayscale}%);-moz-filter:grayscale({text:AmountofGrayscale}%);-ms-filter:grayscale({text:AmountofGrayscale}%);-o-filter:grayscale({text:AmountofGrayscale}%);filter:grayscale({text:AmountofGrayscale}%);{/block:ifMonochrome}}
  658.  
  659. /*Question*/
  660.  
  661. #asker {font-family:neou;text-transform:uppercase;font-size:13px;color:#000;letter-spacing:1px;line-height:20px;font-weight:bold;margin-bottom:0px;text-align:center;padding:1px;text-align:center;}
  662. #question {padding:5px;border-bottom:1px solid #ffffff;text-align:center;font-family:{text:Font};font-size:10px;}
  663.  
  664. /*Chat*/
  665.  
  666. #chat {padding-top:2px;padding-bottom:3px;padding-left:5px;padding-right:5px;line-height:11px;color:{color:Text};font-family:{text:Font};font-size:10px;font-style:normal;}
  667. #chat.odd {background:{color:Background};}
  668.  
  669. /*Permalink and Notes*/
  670.  
  671. #permalink {font-family:{text:Font};font-size:9px;margin-top:15px;text-align:center;color:white;text-transform:uppercase;background:#222224;}
  672. .pagenotes {{block:IndexPage}display: none!important;{/block:IndexPage}{block:If250px}width:250px;{block:If250px}{block:If400px}width:400px;{block:If400px}{block:If500px}width:500px;{block:If500px}margin-left:30px;text-align:left;}
  673. .pagenotes img {display:none!important;}
  674. .pagenotes li {list-style-type:none;padding:5px 0px;text-align:left;margin:0 0 0 -40px;}
  675.  
  676. {CustomCSS}
  677.  
  678.  
  679. </style>
  680.  
  681. {block:IndexPage}
  682. {block:ifInfiniteScroll}
  683. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  684. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  685. {/block:ifInfiniteScroll}
  686. {/block:IndexPage}
  687.  
  688. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  689. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  690. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  691.  
  692.  
  693. <!--
  694. VERSE TABS SCRIPT
  695. -->
  696.  
  697.  
  698. <script>
  699.  
  700. $(document).ready(function(){
  701. $("ul#tabs li").click(function(e){
  702. if (!$(this).hasClass("active")) {
  703. var tabNum = $(this).index();
  704. var nthChild = tabNum+1;
  705. $("ul#tabs li.active").removeClass("active");
  706. $(this).addClass("active");
  707. $("ul#tab li.active").removeClass("active");
  708. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  709. }
  710. });
  711. });
  712. </script>
  713.  
  714. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><script type="text/javascript">jQuery(document).ready(function() {
  715. jQuery(".epona").hide();jQuery(".answer").click(function(){jQuery(this).next(".epona").fadeToggle(500);});});</script>
  716.  
  717. </head>
  718.  
  719. <body>
  720. <body bgcolor="#fafafa" ondragstart="return false" onselectstart="return false">
  721. <body onkeydown="return false">
  722.  
  723. <div id="hyrule"></div>
  724.  
  725. <div id="castle">
  726.  
  727. {block:ifnotInfiniteScroll}
  728. {block:Pagination}<div id="page">
  729. {block:PreviousPage}
  730. <a href="{PreviousPage}">previous</a> .
  731. {/block:PreviousPage}
  732. {block:NextPage}
  733. <a id="next" href="{NextPage}">next</a>
  734. {/block:NextPage}
  735. </div>{/block:Pagination}
  736. {/block:ifnotInfiniteScroll}
  737.  
  738. <div id="bubbles">
  739. <div class="bubble x1"></div>
  740. <div class="bubble x2"></div>
  741. <div class="bubble x3"></div>
  742. <div class="bubble x4"></div>
  743. <div class="bubble x5"></div>
  744. </div>
  745.  
  746. <div id="sblink">
  747. <a href="/archive" title="Memories."><div id="sblink1"></div></a>
  748. <div id="sblinkline1"></div>
  749. <a href="/submit" title="Package."><div id="sblink2"></div></a>
  750. <div id="sblinkline2"></div>
  751. <a href="/ask" title="Text."><div id="sblink3"></div></a>
  752. <div id="sblinkline3"></div>
  753. <a href="/" title="Comfort."><div id="sblink4"></div></a>
  754. </div>
  755.  
  756. <div id="tri"><img src="https://68.media.tumblr.com/2b8919ffae24352a247b3b0149a8bb84/tumblr_inline_ohmi8k2Xu61u8j6wt_540.png"></div>
  757. <div id="force"><img src="https://68.media.tumblr.com/f746270dad2f33a6f1132d253ac3d00c/tumblr_inline_ohmiec2NFm1u8j6wt_540.png"></div>
  758. <div id="wisdom">
  759. <div class="arrow-left"></div>
  760. <div class="arrow-left2"></div></a>
  761. </div>
  762. <div class="arrow-left4"></div>
  763. <div id="courage">
  764. <div class="arrow-right"></div><div class="arrow-right2"></div>
  765. </div>
  766. <div class="arrow-right4"></div>
  767. <div id="tetra"></div>
  768. <div id="zant"></div>
  769. <div id="zelda"><img src="https://68.media.tumblr.com/d4cb27545e88c52bb5ea64d228ee6a60/tumblr_ohqfiiDpuQ1vudk82o1_400.png" width="150"></div>
  770. <div id="sheik">
  771. <div style="position:absolute;bottom:0px;left:0px;"><img src="https://65.media.tumblr.com/c625df7bd346e468af1ed523df595bf0/tumblr_inline_oazlw557on1u8j6wt_540.png" width="100"></div>
  772. <div id="sheika">
  773. <div style="position:absolute;top:0px;left:-40px;"><a href="http://maiyart.tumblr.com/" title="When Words Fail..."><figure data-orig-height="50" data-orig-width="50"><img src="https://68.media.tumblr.com/b111e9c9b568adeb55d1e08be5ac1f48/tumblr_inline_ohs6z3R2GX1u8j6wt_540.png" data-orig-height="50" data-orig-width="50"></figure></a></div>
  774. <div style="position:absolute;top:0px;left:15px;"><a href="http://yoshitube.tumblr.com/" title="Music Speaks."><figure data-orig-height="50" data-orig-width="50"><img src="https://68.media.tumblr.com/c76c2fe986330d543960965e9b904dea/tumblr_inline_ohs6z3mscg1u8j6wt_540.png" data-orig-height="50" data-orig-width="50"></figure></a></div>
  775. </div>
  776. </div></a>
  777.  
  778. <div id="midna1"><small>&nbsp;&nbsp;&nbsp;&nbsp;The most &nbsp;<i>beautiful</i>&nbsp; people we have <b>known</b> are those who have known <u><font weight="700", size="3px", color="#000000">defeat</font></u>, known <u><font weight="700", size="3px", color="#000000">suffering</font></u>,</small></div>
  779.  
  780. <div id="midna2"><small>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;known <u><font weight="700", size="3px", color="#000000">struggle</font></u>, known <i><b>loss</b></i>, and have found their <u><font size="1px", color="#8c8c8c">way</font></u> out of the <b>depths</b>. These persons have an</small></div>
  781.  
  782. <div id="midna3"><small>&nbsp;&nbsp;<font size="1px", color="#8c8c8c">appreciation</font>, a <font size="1px", color="#8c8c8c">sensitivity</font>, and an understanding of <u><b>life</b></u> that fills them with <font weight="700", size="2px", color="#8c8c8c">compassion</font>, <font weight="700", size="2px", color="#8c8c8c">gentleness</font>, and a deep</small></div>
  783.  
  784. <div id="midna4"><small>&nbsp;&nbsp;<font weight="700", size="1px", color="#8c8c8c">loving</font> concern. &nbsp;<i><u>Beautiful</u></i>&nbsp; people do not just <b>happen</b>.</small></div>
  785.  
  786. <div id="twilight"><div style="position:absolute;top:20px;">MEET<br>&nbsp;&nbsp;<a href="/:" title="Student ID.">米谷。</a></div></div>
  787.  
  788. <a onclick="close(); return false" title="I'll take you to space. Click!" class="answer"><div id="sword"><img src="https://68.media.tumblr.com/d9c3a1922b4e1c8322c9391e6b540a4b/tumblr_inline_ohqij2MMjN1u8j6wt_540.png" width="70"></div></a>
  789. <div class="epona">
  790. <div id="ordon">
  791. <div id="ordona"><small>And I'd choose &nbsp;<i>you</i>&nbsp;<br>and I'll <u><b>keep</b></u> on choosing &nbsp;<i>you</i>&nbsp;;<br>In a <font weight="700", size="2px", color="#8c8c8c">hundred</font> <b>lifetimes</b>,<br>in a <font weight="700", size="2px", color="#8c8c8c">hundred</font> <u><font size="1px", color="#8c8c8c">worlds</font></u>,<br>in <font weight="700", size="2px", color="#8c8c8c">any</font> version of &nbsp;<i>reality</i>&nbsp;,<br>I'd <i><b>find</b></i> you<br>and I'd choose &nbsp;<i>you</i>&nbsp;.</small></div>
  792. </div>
  793. <div id="spiritspring">
  794. <a href="http://8tracks.com/seolhyun-k/we-stay-chill" title="I'll always have this saved for you."><div id="faron">じゅうにがつ</div></a>
  795. <a href="https://youtu.be/bUS5RYUfW9g" title="Because your laugh is my favorite thing. (This will be for you and all the stupid things I find funny)"><div id="eldin">さんがつ</div></a>
  796. <a href="https://www.youtube.com/watch?v=b_7v-VUa32c" title="Have I mentioned today how lucky I am to have you in my life?"><div id="lanayru">しちがつ</div></a>
  797. </div>
  798. <div style="position:absolute;bottom:120px;left:300px;z-index:1;"><img src="https://68.media.tumblr.com/a83c24993e3bbfccca80bccb73369750/tumblr_inline_ohqij2moAA1u8j6wt_540.png" width="150"></div>
  799. </div>
  800.  
  801. <a onclick="close(); return false" title="Minako Aino to my Rei Hino. Click!" class="answer"><div id="shield"><img src="https://68.media.tumblr.com/e5542876bdf8133ed2e3ebdbea02f057/tumblr_inline_ohxpfxOL8Y1u8j6wt_540.png"></div></a>
  802. <div class="epona">
  803. <div id="ordon">
  804. <div style="position:absolute;bottom:0px;left:0px;z-index:1;width:240px;height:240px;font-family:Calibri;color:{color:text};text-align:left;font-size:11px;text-transform:uppercase;"><p><small>We'll be <font weight="700", size="3px", color="#000000">Friends</font><br><i><b>Forever</b></i>, won't<br>we, <u><font size="1px", color="#8c8c8c">Pooh</font></u>?</small></p>
  805. <p><small>asked Piglet</small></p>
  806. <br><br><br><br><br>
  807. <p><small>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Even &nbsp;<i>longer</i>&nbsp;,</small></p>
  808. <p><small>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Pooh answered</small></p>
  809. </div>
  810. </div>
  811. <div style="position:absolute;bottom:100px;left:375px;z-index:1;"><a href="http://turtlemin.tumblr.com/"><img src="https://68.media.tumblr.com/48382d1601b190df97cf395c2079a66c/tumblr_inline_ohxn40ulpd1u8j6wt_540.png" width="130"></a></div>
  812. </div>
  813.  
  814. <div id="windwaker">
  815. <div id="time">
  816. <img src="http://66.media.tumblr.com/tumblr_m7w2izzY0j1r6o8v2.gif"/>
  817. </div>
  818. <div id="lullaby">
  819. <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="f4f5f5" /><param name="FlashVars" value="mp3=https://db.tt/ZyZQSfI3&amp;width=25&amp;loop=1&amp;autoplay=1&amp;showslider=0&amp;bgcolor=f4f5f5&amp;bgcolor1=f4f5f5&amp;bgcolor2=f4f5f5&amp;buttoncolor=000000&amp;buttonovercolor=000000" /></object>
  820. </div></div>
  821.  
  822. </div>
  823.  
  824. <div id="line1"></div><div id="line2"></div><div id="line3"></div>
  825. <div id="castletown"><div id="templeoftime">{block:Posts}
  826. <div id="townspeople">{block:Quote}
  827. <div id="titlequote">❝ {Quote} ❞</div>
  828. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}{/block:Quote}{block:Text}{block:Title}
  829. <div id="title">{Title}.</div>{/block:Title}{Body}{/block:Text}{block:link}
  830. <div id="title"><a href="{URL}">{Name}.</a></div>{block:Description}{Description}{/block:Description}{/block:link}{block:Chat}{block:Title}
  831. <h1>{Title}.</h1>{/block:Title}
  832. {block:Lines}<div id="chat" class="{Alt} user_{UserNumber}">{block:Label}
  833. <font color="{color:links}">{Label}</font>{/block:Label}{Line}</div>{/block:Lines}{/block:Chat}{block:Photo}
  834. <div id="photo">{linkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{linkCloseTag}</div>{/block:Photo}{block:Photoset}
  835. <div id="pset">{block:If250px}{Photoset-250}{/block:If250px}{block:If400px}{Photoset-400}{/block:If400px}{block:If500px}{Photoset-500}{/block:If500px}</div>{/block:Photoset}{block:Video}
  836. <div id="vid">{block:If250px}{Video-250}{/block:If250px}{block:If400px}{Video-400}{/block:If400px}{block:If500px}{Video-500}{/block:If500px}</div>{/block:Video}{block:Audio}
  837. <table border="0" cellpadding="0" cellspacing="5" ><tr><td id="art" valign="top"><div id="player">{AudioPlayerBlack}</div></td><td valign="top" id="audio">{block:TrackName}
  838. <div id="info"><font color="{color:links}">Track:</font> {TrackName}</div>{/block:TrackName}{block:Artist}
  839. <div id="info"><font color="{color:links}">Artist:</font> {Artist}</div>{/block:Artist}<div id="info"><font color="{color:links}">Plays:</font> {PlayCount}</div></td></tr></table>{/block:Audio}{block:Answer}
  840. <div id="asker">{Asker}.</div>
  841. <div id="question"><small>{Question}</small></div><br>{Answer}{/block:Answer}
  842. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{block:IndexPage}{block:Date}
  843. <div id="permalink">
  844. <a href="{Permalink}">{TimeAgo}</a> // {NoteCountWithLabel} // <a href="{ReblogURL}">↻</a><br>
  845. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags} {/block:HasTags}
  846. </div>{/block:Date}{/block:IndexPage}{block:PermalinkPage}
  847. <div id="permalink">{block:Date}Posted {Timeago} on {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  848. {block:RebloggedFrom}<br>via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> | origin <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a> {/block:RebloggedFrom}
  849. {block:HasTags}<br>saved: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>{/block:PermalinkPage}</div>{block:PostNotes}
  850. <div class="pagenotes">{PostNotes}</div>{/block:PostNotes}{/block:Posts}</div></div></div>
  851. </div>
  852.  
  853. <div style="position:fixed;bottom:5px;right:5px;font-family:Calibri;font-size:8px;text-transform:uppercase;z-index:999;"><a href="http://originalites.tumblr.com/">oc</a> + <a href="http://evt11ka.tumblr.com/">xi</a> : <script language="JavaScript">var ref = (''+document.referrer+'');document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID3359389&e1=&e2=&r=' + ref + '"><\/script>');</script> + <script language="JavaScript" src="http://freehostedscripts.net/ocount.php?site=ID1071472&name="></script></div>
  854.  
  855. {block:ContentSource}
  856. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  857. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  858. {/block:SourceLogo}
  859. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  860. {/block:ContentSource}
  861.  
  862. </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!