Advertisement
okesan

yaatos

Aug 31st, 2014
241
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.60 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--- #45 Theme by Heidi @ladmilk ---->
  5.  
  6. <head>
  7. <title>{Title}</title>
  8. {block:Description}
  9. <meta name="description" content="{MetaDescription}" />
  10. {/block:Description}
  11. <link rel="icon" href="http://fc02.deviantart.net/fs71/f/2013/003/2/6/moon_favicon_by_j4smini-d5qalsu.png"/>
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  13.  
  14. <meta name="color:Background" content="#ffffff" />
  15. <meta name="color:Posts" content="#f6f6f6" />
  16. <meta name="color:Borders" content="#eeeeee" />
  17. <meta name="color:Text" content="#666666" />
  18. <meta name="color:Links" content="#b997ce" />
  19. <meta name="color:Links Hover" content="#ffffff" />
  20. <meta name="color:Scroll" content="#ffffff" />
  21. <meta name="color:Scrollbar" content="#cccccc" />
  22. <meta name="color:Bold" content="#444444" />
  23. <meta name="color:Italic" content="#bbbbbb"/>
  24.  
  25. <meta name="color:Nav Links" content="#78c9a1" />
  26. <meta name="color:Nav Background" content="#bbe4d0" />
  27. <meta name="color:Nav Borders" content="#ddf2e8" />
  28. <meta name="color:Nav Links Hover" content="#a77dc2" />
  29. <meta name="color:Nav Background Hover" content="#dccbe7" />
  30. <meta name="color:Nav Borders Hover" content="#ede5f3" />
  31. <meta name="color:Desc" content="#979797" />
  32.  
  33. <meta name="color:Caption Text" content="#666666" />
  34. <meta name="color:Caption Background" content="#ffffff" />
  35. <meta name="color:Caption Border" content="#f6f6f6" />
  36.  
  37. <meta name="color:Ask Text" content="#cccccc" />
  38. <meta name="color:Ask Background" content="#ffffff" />
  39. <meta name="color:Ask Border" content="#eeeeee" />
  40. <meta name="color:Asker" content="#b997ce" />
  41.  
  42. <meta name="color:Popup Background" content="#ffffff" />
  43.  
  44. <meta name="if:ContainedContent" content="1" />
  45. <meta name="if:ShowCaptions" content="1" />
  46. <meta name="if:InfiniteScroll" content="0" />
  47. <meta name="if:DarkBlockquote" content="0" />
  48.  
  49. <meta name="image:Background" content="" />
  50. <meta name="image:ClosePopUpImage" content="http://static.tumblr.com/5dc16c7f23026d95c974902901095146/3yblkz0/hgcn8r22r/tumblr_static_7e38r6q7lqo8kg8sg0w0ow4c8.png"/>
  51.  
  52. <meta name="text:Height of Container" content="500px" />
  53.  
  54. <meta name="text:Link1" content="" />
  55. <meta name="text:Title1" content="" />
  56. <meta name="text:Link2" content="" />
  57. <meta name="text:Title2" content="" />
  58. <meta name="text:Link3" content="" />
  59. <meta name="text:Title3" content="" />
  60. <meta name="text:Link4" content="" />
  61. <meta name="text:Title4" content="" />
  62.  
  63.  
  64. <style type="text/css">
  65.  
  66. /* Body */
  67.  
  68. iframe#tumblr_controls {
  69. top:0%!important;
  70. right:0%!important;
  71. position:fixed!important;
  72. z-index:999999999!important;
  73. opacity:0.3;
  74. -webkit-filter:invert(100%);
  75. -moz-filter:invert(100%);
  76. -o-filter:invert(100%);
  77. -ms-filter:invert(100%);
  78. filter:invert(100%);
  79. }
  80.  
  81. ::-webkit-scrollbar {
  82. width:5px;
  83. height:5px;
  84. }
  85.  
  86. ::-webkit-scrollbar-track-piece {
  87. background-color:{color:Scroll};
  88. border:2px solid {color:Background};
  89. }
  90. ::-webkit-scrollbar-thumb {
  91. background-color:{color:Scrollbar};
  92. border:1px solid {color:Background};
  93. }
  94.  
  95. body {
  96. margin:0;
  97. padding:0;
  98. border:0;
  99. background:url('{image:Background}');
  100. background-attachment:fixed;
  101. background-repeat:repeat;
  102. background-color:{color:Background};
  103. color:{color:Text};
  104. font-family:cambria;
  105. letter-spacing:1px;
  106. font-size:9px;
  107. line-height:12px;
  108. word-wrap:break-word;
  109. }
  110.  
  111. ol, ul { margin-left:-15px }
  112.  
  113. /* Typo */
  114.  
  115. a {
  116. color:{color:Links};
  117. text-decoration:none;
  118. transition-duration: 0.6s;
  119. -moz-transition-duration: 0.6s;
  120. -webkit-transition-duration: 0.6s;
  121. -o-transition-duration: 0.6s;
  122. }
  123. a:hover{ color:{color:Links Hover}; }
  124.  
  125. pre {
  126. width:95%;
  127. margin-left:auto;
  128. margin-right:auto;
  129. padding:4px;
  130. background:#f4f4f4;
  131. white-space:pre-wrap;
  132. word-wrap:break-word;
  133. }
  134.  
  135. blockquote {
  136. width:88%;
  137. margin-left:auto;
  138. margin-right:auto;
  139. margin-top:0px;
  140. margin-bottom:0px;
  141. padding-left:10px;
  142. padding-right:10px;
  143. padding-top:1px;
  144. padding-bottom:1px;
  145. {block:ifnotDarkBlockquote}
  146. border:1px solid #f7f7f7;
  147. background:rgba(255,255,255,0.5);
  148. {/block:ifnotDarkBlockquote}
  149. {block:ifDarkBlockquote}
  150. border:1px solid #777;
  151. background:rgba(0,0,0,0.5);
  152. {/block:ifDarkBlockquote}
  153. }
  154.  
  155. b, strong {
  156. color:{color:Bold};
  157. font-weight:bold;
  158. }
  159.  
  160. i, em {
  161. color:{color:Italic};
  162. font-style:italic;
  163. }
  164.  
  165. h2 { margin-top:0px; }
  166.  
  167.  
  168. h1 {
  169. font-size:20px;
  170. line-height:20px;
  171. }
  172.  
  173.  
  174.  
  175. /* Sidebar */
  176.  
  177.  
  178. .side {
  179. width:120px;
  180. margin-left:-140px;
  181. position:fixed;
  182. }
  183.  
  184. .side li {
  185. display:block;
  186. float:right;
  187. clear:right;
  188. margin-bottom:3px;
  189. }
  190.  
  191. .side a {
  192. width:auto;
  193. padding-top:0px;
  194. padding-bottom:0px;
  195. padding-left:3px;
  196. padding-right:3px;
  197. border:1px solid {color:Nav Borders};
  198. background:{color:Nav Background};
  199. color:{color:Nav Links};
  200. font-family:calibri;
  201. font-size:8px;
  202. text-transform:uppercase;
  203. letter-spacing:3px;
  204. -webkit-border-radius:3px;
  205. -moz-border-radius:3px;
  206. border-radius:3px;
  207. transition-duration:none;
  208. -moz-transition-duration:none;
  209. -webkit-transition-duration:none;
  210. -o-transition-duration:none;
  211. }
  212.  
  213. .side a:hover {
  214. border:1px solid {color:Nav Borders Hover};
  215. background:{color:Nav Background Hover};
  216. color:{color:Nav Links Hover};
  217. }
  218.  
  219. li.desc {
  220. color:{color:Desc};
  221. font-family:cambria;
  222. font-size:8px;
  223. text-align:right;
  224. letter-spacing:1px;
  225. }
  226.  
  227. li.desc a {
  228. padding:0;
  229. border:0;
  230. background:transparent;
  231. color:{color:Links};
  232. font-family:cambria;
  233. font-size:8px;
  234. letter-spacing:1px;
  235. text-transform:none;
  236. -webkit-border-radius:none;
  237. -moz-border-radius:none;
  238. border-radius:none;
  239. }
  240.  
  241. li.desc a:hover {
  242. border:0;
  243. background:transparent;
  244. color:{color:Links Hover};
  245. }
  246.  
  247. /* Popup */
  248.  
  249. #fade {
  250. width:100%;
  251. height:100%;
  252. left:0;
  253. top:0;
  254. display:none;
  255. position:absolute;
  256. z-index:9999;
  257. background:transparent;
  258. }
  259.  
  260. .popup_block{
  261. {block:ifnotContainedContent}
  262. height:100%;
  263. top:0px;
  264. padding:95px 20px 20px 20px;
  265. {/block:ifnotContainedContent}
  266. {block:ifContainedContent}
  267. height:{text:Height of Container};
  268. top:75px;
  269. padding:20px 20px 20px 20px;
  270. {/block:ifContainedContent}
  271. display:none;
  272. position:fixed;
  273. float:left;
  274. z-index:99999;
  275. background:{color:Popup Background};
  276. }
  277.  
  278. img.btn_close {
  279. margin-left:405px;
  280. margin-top:-13px;
  281. display:block;
  282. position:absolute;
  283. opacity:.7;
  284. }
  285.  
  286. *html #fade { position:absolute; }
  287. *html .popup_block { position:absolute; left:0; }
  288.  
  289.  
  290.  
  291. /* Container */
  292.  
  293. #wrapper{
  294. width:422px;
  295. {block:ifContainedContent}
  296. height:{text:Height of Container};
  297. overflow:auto;
  298. {/block:ifContainedContent}
  299. margin-left:auto;
  300. margin-right:auto;
  301. margin-top:75px;
  302. margin-bottom:75px;
  303. padding-left:20px;
  304. padding-right:20px;
  305. border:0;
  306. }
  307.  
  308.  
  309. /* Posts */
  310.  
  311. .posts_outer {
  312. width:422px;
  313. margin-top:0px;
  314. margin-bottom:100px;
  315. }
  316.  
  317. .posts {
  318. width:400px;
  319. height:auto;
  320. margin-bottom:5px;
  321. padding:10px;
  322. position:relative;
  323. border:1px solid {color:Borders};
  324. background:{color:Posts};
  325. color:{color:Text};
  326. font-family:arial;
  327. font-size:10px;
  328. line-height:12px;
  329. text-align:left;
  330. }
  331.  
  332. .posts img { max-width:100%; }
  333. #photo img { max-width:100%; margin-bottom:-3px; }
  334. #pset, #vid { margin-bottom:-3px; }
  335.  
  336.  
  337. /* Photoset Lightbox */
  338.  
  339. #tumblr_lightbox {
  340. background-color:{color:Background}!important;
  341. }
  342. #tumblr_lightbox img {
  343. opacity:0;
  344. }
  345.  
  346. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  347. padding:10px!important;
  348. background:{color:Posts}!important;
  349. opacity:1!important;
  350. -moz-box-shadow:none!important;
  351. -webkit-box-shadow:none!important;
  352. box-shadow:none!important;
  353. -moz-border-radius:0px!important;
  354. -webkit-border-radius:0px!important;
  355. border-radius:0px!important;
  356. }
  357.  
  358. #tumblr_lightbox_caption {
  359. padding-left:17px;
  360. color:#ccc;!important;
  361. font-family:arial!important;
  362. font-size:12px!important;
  363. font-weight:bold!important;
  364. letter-spacing:1px!important;
  365. text-transform:normal!important;
  366. text-shadow:none!important;
  367. }
  368.  
  369.  
  370. /* Captions */
  371.  
  372.  
  373. .cap {
  374. margin-top:5px;
  375. margin-bottom:5px;
  376. width:400px;
  377. padding:10px;
  378. border:1px solid {color:Caption Border};
  379. background:{color:Caption Background};
  380. color:{color:Caption Text};
  381. }
  382.  
  383. .cap blockquote {
  384. width:93%;
  385. margin-left:0px;
  386. margin-right:0px;
  387. margin-top:2px;
  388. margin-bottom:2px;
  389. padding-left:10px;
  390. padding-right:10px;
  391. padding-top:1px;
  392. padding-bottom:1px;
  393. {block:ifnotDarkBlockquote}
  394. border:1px solid #f7f7f7;
  395. background:rgba(230,230,230,0.2);
  396. {/block:ifnotDarkBlockquote}
  397. {block:ifDarkBlockquote}
  398. border:1px solid #999;
  399. background:rgba(0,0,0,0.3);
  400. {/block:ifDarkBlockquote}
  401. }
  402. .cap p {
  403. width:93%;
  404. padding-left:10px;
  405. padding-right:10px;
  406. padding-top:1px;
  407. padding-bottom:1px;
  408. margin:0px;
  409. {block:ifnotDarkBlockquote}
  410. border:1px solid #f7f7f7;
  411. background:rgba(230,230,230,0.2);
  412. {/block:ifnotDarkBlockquote}
  413. {block:ifDarkBlockquote}
  414. border:1px solid #999;
  415. background:rgba(0,0,0,0.3);
  416. {/block:ifDarkBlockquote}
  417. }
  418. .cap blockquote p {
  419. display:block;
  420. padding-left:0px;
  421. padding-right:0px;
  422. padding-top:0px;
  423. padding-bottom:0px;
  424. border:none;
  425. background:transparent;
  426. margin:2px;
  427. }
  428.  
  429.  
  430. /* Permalinks - IndexPage */
  431.  
  432. .perma {
  433. color:{color:Links};
  434. padding:1px;
  435. text-align:right;
  436. line-height:8px;
  437. font-family:courier;
  438. font-size:8px;
  439. letter-spacing:1px;
  440. text-transform:uppercase;
  441. }
  442. .perma a {
  443. margin-left:5px;
  444. }
  445.  
  446.  
  447. /* Postinfo - PermalinkPage */
  448.  
  449. .postinfo {
  450. margin-top:5px;
  451. color:{color:Text};
  452. }
  453.  
  454. ol.notes {
  455. width:422px;
  456. float:none;
  457. clear:none;
  458. padding:0px;
  459. margin:10px auto;
  460. list-style-type:none;
  461. color:{color:Links};
  462. font-size:9px;
  463. font-style:italic;
  464. text-transform:lowercase;
  465. text-align:left;
  466. }
  467.  
  468. li.note { padding:10px; }
  469.  
  470. img.avatar {
  471. width:14px;
  472. height:14px;
  473. margin-right:10px;
  474. vertical-align:-4px;
  475. }
  476.  
  477.  
  478. /* Quote */
  479.  
  480.  
  481. .quote {
  482. margin-bottom:10px;
  483. color:{color:Text};
  484. font-family:arial;
  485. font-size:8px;
  486. letter-spacing:2px;
  487. text-transform:uppercase;
  488. text-align:center;
  489. }
  490.  
  491. .source {
  492. margin-top:10px;
  493. text-align:center;
  494. }
  495.  
  496.  
  497. /* Audio */
  498.  
  499.  
  500. .audio_player {
  501. padding:10px;
  502. background:#ffffff;
  503. opacity:.7;
  504. }
  505.  
  506. .audio_line {
  507. margin-top:3px;
  508. padding-top:2px;
  509. padding-bottom:2px;
  510. padding-right:2px;
  511. padding-left:20px;
  512. border-top:1px solid #f7f7f7;
  513. background:#fff;
  514. color:#bbb;
  515. font-family:arial;
  516. font-size:8px;
  517. line-height:8px;
  518. letter-spacing:1px;
  519. text-transform:uppercase;
  520. }
  521.  
  522. .audio_line img {
  523. margin-left:-20px;
  524. margin-top:-2px;
  525. position:absolute;
  526. background:#eee;
  527. padding-top:2px;
  528. padding-bottom:3px;
  529. padding-left:3px;
  530. padding-right:3px;
  531. }
  532.  
  533.  
  534.  
  535. /* Ask */
  536.  
  537. .question {
  538. padding:5px;
  539. background:{color:Ask Background};
  540. color:{color:Ask Text};
  541. border:1px solid {color:Ask Border};
  542. text-align:center;
  543. font-style:italic;
  544. }
  545. .answ { padding-top:5px; padding-bottom:0px; }
  546. .aske { padding-bottom:5px; }
  547. .aske, .answ{
  548. color:{color:Asker};
  549. font-family:arial;
  550. font-size:8px;
  551. letter-spacing:2px;
  552. text-transform:uppercase;
  553. text-align:center;
  554. font-style:normal;
  555. }
  556. .aske a, .answ a { color:{color:Asker}; }
  557. .ans {
  558. background:{color:Ask Background};
  559. color:{color:Ask Text};
  560. border:1px solid {color:Ask Border};
  561. text-align:center;
  562. padding:0px;
  563. margin-top:5px;
  564. }
  565. .ans p {
  566. margin:5px;
  567. }
  568.  
  569.  
  570.  
  571. /* Pagination */
  572.  
  573. .pagination {
  574. border-top:1px solid {color:Borders};
  575. padding-top:5px;
  576. font-size:8px;
  577. line-height:11px;
  578. text-align:center;
  579. }
  580.  
  581. .pagination a {
  582. border-top:1px solid {color:Links};
  583. padding-top:5px;
  584. padding-left:10px;
  585. padding-right:10px;
  586. margin-left:2px;
  587. margin-right:2px;
  588. }
  589.  
  590. .current_page {
  591. border-top:1px solid {color:Borders};
  592. padding-top:5px;
  593. padding-left:10px;
  594. padding-right:10px;
  595. }
  596.  
  597.  
  598. /* Tooltips */
  599. #s-m-t-tooltip {
  600. font-size: 8px;
  601. line-height: 12px;
  602. font-family: trebuchet ms;
  603. letter-spacing: 2px;
  604. z-index: 9;
  605. background: #fff;
  606. text-transform: none;
  607. border: 1px solid #f0f0f0;
  608. color: #ccc;
  609. max-width: 200px;
  610. text-align: justify;
  611. padding: 5px 8px 5px 10px;
  612. display: block;
  613. margin: 24px 14px 7px 12px;
  614. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.05);
  615. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.05);
  616. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.05);
  617. }
  618.  
  619.  
  620.  
  621.  
  622. #image {
  623. position: fixed;
  624. width: 330px;
  625. bottom: 0px;
  626. height: 428px;
  627. opacity:0.8;
  628. margin-left: 560px;
  629. background-image: url(http://31.media.tumblr.com/074e059e6e95cc5ab683707b5777c532/tumblr_n9bg5jALRk1ssble0o1_400.png);
  630. }
  631.  
  632.  
  633.  
  634.  
  635.  
  636. #ocehans1{
  637. height:11px;
  638. text-align:center;
  639. overflow:hidden;
  640.  
  641. margin-top:-1px;
  642. border-bottom:1px solid #efefef;
  643. text-transform:uppercase;
  644. letter-spacing:1px;
  645. font-size:8px;
  646. line-height:10px;
  647. z-index:9;
  648. -webkit-transition: all 0.5s ease-in-out;
  649. -moz-transition: all 0.5s ease-in-out;
  650. -o-transition: all 0.5s ease-in-out;
  651. }
  652. #ocehans1:hover{
  653. height:335px;
  654. -webkit-transition: all 0.5s ease-in-out;
  655. -moz-transition: all 0.5s ease-in-out;
  656. -o-transition: all 0.5s ease-in-out;
  657. }
  658.  
  659.  
  660. #ocehans{
  661. text-align:left;
  662. font-size:8px;
  663. text-transform:uppercase;
  664. opacity: 1;
  665. border:1px solid #eee;
  666. position:fixed;
  667. font-family:consolas;
  668. left:40px;
  669. background-color:#fff;
  670. letter-spacing:1px;
  671. width:100px;
  672. z-index:9;
  673. padding:6px;
  674. top:40px;
  675.  
  676. }
  677.  
  678.  
  679. #left {
  680. background:{color:Posts};
  681. height: 2000px;
  682. overflow: hidden;
  683. width: 30px;
  684. margin-top: -70px;
  685. margin-left: 0;
  686. left: 0px;
  687. position: fixed; }
  688.  
  689. #right {
  690. background:{color:Posts};
  691. height: 2000px;
  692. overflow: hidden;
  693. width: 30px;
  694. margin-top: -70px;
  695. margin-left: 0;
  696. right: 0px;
  697. position: fixed; }
  698.  
  699. #bottom {
  700. height:30px;
  701. width: 100%;
  702. position:fixed;bottom:0px;
  703. left: 0px;
  704. opacity:1;
  705. background:{color:Posts};
  706. z-index:9;
  707. }
  708.  
  709. #top {
  710. height:30px;
  711. width: 100%;
  712. position:fixed;top:0px;
  713. left: 0px;
  714. opacity:1;
  715. background:{color:Posts};
  716. z-index:9;
  717. }
  718.  
  719. </style>
  720.  
  721. <script type="text/javascript"
  722. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  723. <script>
  724. $(document).ready(function() {
  725. $('a.poplight[href^=#]').click(function() {
  726. var popID = $(this).attr('rel');
  727. var popURL = $(this).attr('href');
  728. var query= popURL.split('?');
  729. var dim= query[1].split('&');
  730. var popWidth = dim[0].split('=')[1];
  731. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="{image:ClosePopUpImage}" class="btn_close" title="close" alt="Close" /></a>');
  732. $('#wrapper').append('<div id="fade"></div>');
  733. $('#fade').css({'filter' : 'alpha(opacity=0)'}).fadeIn();
  734. return false;
  735. });
  736. $('a.close, #fade').live('click', function() {
  737. $('.popup_block , #fade , a.close').fadeOut(function() {
  738. $('#fade, a.close ').remove();
  739. });
  740. return false;
  741. });
  742. });
  743. </script>
  744.  
  745.  
  746. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  747. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  748. <script>
  749. (function($){
  750. $(document).ready(function(){
  751. $("[title],a[title],img[title]").style_my_tooltips({
  752. tip_follows_cursor:true,
  753. tip_delay_time:30,
  754. tip_fade_speed:300,
  755. attribute:"title"
  756. });
  757. });
  758. })(jQuery);
  759. </script>
  760.  
  761. {block:IndexPage}
  762. {block:ifInfiniteScroll}
  763. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  764. {/block:ifInfiniteScroll}
  765. {/block:IndexPage}
  766.  
  767. </head>
  768.  
  769. <div id="left"></div>
  770. <div id="right"></div>
  771. <div id="bottom"></div>
  772. <div id="top"></div>
  773.  
  774. <script type="text/javascript">
  775. // <![CDATA[
  776. var colour="#ffcef4";
  777. var sparkles=120;
  778.  
  779. /****************************
  780. * Tinkerbell Magic Sparkle *
  781. * (c) 2005 mf2fm web-design *
  782. * http://www.mf2fm.com/rv *
  783. * DON'T EDIT BELOW THIS BOX *
  784. ****************************/
  785. var x=ox=400;
  786. var y=oy=300;
  787. var swide=800;
  788. var shigh=600;
  789. var sleft=sdown=0;
  790. var tiny=new Array();
  791. var star=new Array();
  792. var starv=new Array();
  793. var starx=new Array();
  794. var stary=new Array();
  795. var tinyx=new Array();
  796. var tinyy=new Array();
  797. var tinyv=new Array();
  798.  
  799. window.onload=function() { if (document.getElementById) {
  800. var i, rats, rlef, rdow;
  801. for (var i=0; i<sparkles; i++) {
  802. var rats=createDiv(3, 3);
  803. rats.style.visibility="hidden";
  804. document.body.appendChild(tiny[i]=rats);
  805. starv[i]=0;
  806. tinyv[i]=0;
  807. var rats=createDiv(5, 5);
  808. rats.style.backgroundColor="transparent";
  809. rats.style.visibility="hidden";
  810. var rlef=createDiv(1, 5);
  811. var rdow=createDiv(5, 1);
  812. rats.appendChild(rlef);
  813. rats.appendChild(rdow);
  814. rlef.style.top="2px";
  815. rlef.style.left="0px";
  816. rdow.style.top="0px";
  817. rdow.style.left="2px";
  818. document.body.appendChild(star[i]=rats);
  819. }
  820. set_width();
  821. sparkle();
  822. }}
  823.  
  824. function sparkle() {
  825. var c;
  826. if (x!=ox || y!=oy) {
  827. ox=x;
  828. oy=y;
  829. for (c=0; c<sparkles; c++) if (!starv[c]) {
  830. star[c].style.left=(starx[c]=x)+"px";
  831. star[c].style.top=(stary[c]=y)+"px";
  832. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  833. star[c].style.visibility="visible";
  834. starv[c]=50;
  835. break;
  836. }
  837. }
  838. for (c=0; c<sparkles; c++) {
  839. if (starv[c]) update_star(c);
  840. if (tinyv[c]) update_tiny(c);
  841. }
  842. setTimeout("sparkle()", 40);
  843. }
  844.  
  845. function update_star(i) {
  846. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  847. if (starv[i]) {
  848. stary[i]+=1+Math.random()*3;
  849. if (stary[i]<shigh+sdown) {
  850. star[i].style.top=stary[i]+"px";
  851. starx[i]+=(i%5-2)/5;
  852. star[i].style.left=starx[i]+"px";
  853. }
  854. else {
  855. star[i].style.visibility="hidden";
  856. starv[i]=0;
  857. return;
  858. }
  859. }
  860. else {
  861. tinyv[i]=50;
  862. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  863. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  864. tiny[i].style.width="2px";
  865. tiny[i].style.height="2px";
  866. star[i].style.visibility="hidden";
  867. tiny[i].style.visibility="visible"
  868. }
  869. }
  870.  
  871. function update_tiny(i) {
  872. if (--tinyv[i]==25) {
  873. tiny[i].style.width="1px";
  874. tiny[i].style.height="1px";
  875. }
  876. if (tinyv[i]) {
  877. tinyy[i]+=1+Math.random()*3;
  878. if (tinyy[i]<shigh+sdown) {
  879. tiny[i].style.top=tinyy[i]+"px";
  880. tinyx[i]+=(i%5-2)/5;
  881. tiny[i].style.left=tinyx[i]+"px";
  882. }
  883. else {
  884. tiny[i].style.visibility="hidden";
  885. tinyv[i]=0;
  886. return;
  887. }
  888. }
  889. else tiny[i].style.visibility="hidden";
  890. }
  891.  
  892. document.onmousemove=mouse;
  893. function mouse(e) {
  894. set_scroll();
  895. y=(e)?e.pageY:event.y+sdown;
  896. x=(e)?e.pageX:event.x+sleft;
  897. }
  898.  
  899. function set_scroll() {
  900. if (typeof(self.pageYOffset)=="number") {
  901. sdown=self.pageYOffset;
  902. sleft=self.pageXOffset;
  903. }
  904. else if (document.body.scrollTop || document.body.scrollLeft) {
  905. sdown=document.body.scrollTop;
  906. sleft=document.body.scrollLeft;
  907. }
  908. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  909. sleft=document.documentElement.scrollLeft;
  910. sdown=document.documentElement.scrollTop;
  911. }
  912. else {
  913. sdown=0;
  914. sleft=0;
  915. }
  916. }
  917.  
  918. window.onresize=set_width;
  919. function set_width() {
  920. if (typeof(self.innerWidth)=="number") {
  921. swide=self.innerWidth;
  922. shigh=self.innerHeight;
  923. }
  924. else if (document.documentElement && document.documentElement.clientWidth) {
  925. swide=document.documentElement.clientWidth;
  926. shigh=document.documentElement.clientHeight;
  927. }
  928. else if (document.body.clientWidth) {
  929. swide=document.body.clientWidth;
  930. shigh=document.body.clientHeight;
  931. }
  932. }
  933.  
  934. function createDiv(height, width) {
  935. var div=document.createElement("div");
  936. div.style.position="absolute";
  937. div.style.height=height+"px";
  938. div.style.width=width+"px";
  939. div.style.overflow="hidden";
  940. div.style.backgroundColor=colour;
  941. return (div);
  942. }
  943. // ]]>
  944. </script>
  945.  
  946. <body>
  947.  
  948.  
  949. <div id="ocehans">
  950. <center>
  951. <div id="ocehans1">
  952. <div style="font-size:8px;">インフォメーション</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#ccc;">
  953.  
  954. <div style="border:1px solid #ffe8f4; background-color:#ffe8f4;color:#bbb;">Networks</div>
  955. <br />
  956.  
  957. <a title="HQ net"href="http://hq-net.tumblr.com/"><img src="http://38.media.tumblr.com/54377739cb25498aaab1edaf3620a1f0/tumblr_n9cldqiIwO1ssble0o1_100.gif"style="opacity: 0.8;"/></a>
  958. <br />
  959. <br />
  960. <a title="ohmilkshop net"href="http://ohmilkshop.tumblr.com"><img src="http://media.tumblr.com/2d15f1e5204816c3f29d259044c92368/tumblr_inline_n9cmt8zjJ01qhqyii.gif"style="opacity: 0.8;"/></a>
  961. <br />
  962. <br />
  963.  
  964. <a title="huntory net"href="http://huntory.tumblr.com"><img src="http://media.tumblr.com/75c9b9b8510df0e7cc8ffccdedf475f0/tumblr_inline_mw9wmxJsoB1rn677t.gif"style="opacity: 0.5;"/></a>
  965.  
  966. <br/>
  967.  
  968. <div style="border:1px solid #ffe8f4; background-color:#ffe8f4;color:#bbb;">Updates</div>
  969.  
  970. <br>
  971. <li>School just started and I'm working now so I wont be online as much, but ill try to post everyday ;u;</li>
  972. <br>
  973.  
  974. </div>
  975. </div>
  976.  
  977.  
  978.  
  979.  
  980. <script language=JavaScript>
  981. <!--
  982.  
  983. //Disable right click script III- By Renigade (renigade@mediaone.net)
  984. //For full source code, visit http://www.dynamicdrive.com
  985.  
  986. var message="";
  987. ///////////////////////////////////
  988. function clickIE() {if (document.all) {(message);return false;}}
  989. function clickNS(e) {if
  990. (document.layers||(document.getElementById&&!document.all)) {
  991. if (e.which==2||e.which==3) {(message);return false;}}}
  992. if (document.layers)
  993. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  994. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  995.  
  996. document.oncontextmenu=new Function("return false")
  997. // -->
  998. </script>
  999.  
  1000. <BODY onselectstart=”return false;” ondragstart=”return false;”>
  1001. </div>
  1002.  
  1003.  
  1004.  
  1005.  
  1006. <div id="wrapper">
  1007.  
  1008.  
  1009.  
  1010. <div class="side">
  1011.  
  1012. <li><a title="home"href="/">ホーム </a></li>
  1013. <li><a title="message"href="/ask">メッセージ </a></li>
  1014. <li><a title="archive"href="/archive">アーカイブ </a></li>
  1015. {block:ifLink1}<li><a title="links"href="{text:Link1}">{text:Title1}</a></li>{/block:ifLink1}</li>
  1016. {block:ifLink2}<li><a title="personal blog"href="{text:Link2}">{text:Title2}</a></li>{/block:ifLink2}</li>
  1017. {block:ifLink3}<li><a href="{text:Link3}">{text:Title3}</a></li>{/block:ifLink3}
  1018. {block:ifLink4}<li><a href="{text:Link4}">{text:Title4}</a></li>{/block:ifLink4}</li>
  1019.  
  1020. <!------- POP UP LINK --------->
  1021.  
  1022. <li><a <a href="#?w=402" rel="box" class="poplight"> プロフィール</a></li>
  1023.  
  1024.  
  1025. <li class="desc">
  1026. {Description}
  1027. </li>
  1028. </div>
  1029.  
  1030.  
  1031. <!------- POP UP BOX --------->
  1032.  
  1033.  
  1034. <div id="box" class="popup_block">
  1035. <img src="http://38.media.tumblr.com/4346e4e7998bbc31a5d7975cac2dfefd/tumblr_n2jvhahS6u1qd928go2_250.png" alt="Smiley face" width="50" height="70"></a><br /><br />
  1036. kitana | 17 | japanese | ♀ | infj
  1037. <br />
  1038. <ul>
  1039. <li>just a tiny fujoshi that loves too many things</li>
  1040. <li>works at a japanese teppan restaurant</li>
  1041. <li>i have a thing for iwaoi (and many <a href="/ships">more</a>…)</li>
  1042. <li>gore enthusiast, but i have a soft spot for sports anime!!</li></ul>
  1043.  
  1044. likes:
  1045. <ul>
  1046. <li>milk (but sadly allergic to it)</li>
  1047. <li>oh sehun from EXO</li>
  1048. <li>gong chanshik from B1A4</li>
  1049. <li>dogs</li>
  1050. <li>american apparel</li>
  1051. <li>museums</li>
  1052. <li>traveling</li>
  1053. </ul>
  1054.  
  1055. quick blog information:
  1056. <ul>
  1057. <li>full of art, anime, manga, and stuff that i like</li>
  1058. <li>mostly haikyuu!!
  1059. <li>i tag everything (ex: nsfw, blood, gore, etc.)</li>
  1060. <li>please feel free to check out my <a href="/archive">archive</a> for a better sense of what i post c:</li></ul>
  1061. im always open for a conversation, so feel free to talk to me about anything (esp. if we’re in the same <a href="/fandoms">fandoms</a>) ♪
  1062. <br />
  1063. <br />
  1064. <a href="http://twitter.com/aishounens">twitter</a> | <a href="http://instagram.com/milkied">instagram</a> | <a href="http://nekumas.tumblr.com">princess</a> ☆ | <a href="http://z1taos.tumblr.com">my better half</a> ♡
  1065. <br/><br/>
  1066.  
  1067. <blockquote>to all of the people that were following me for exo, <a href="/to-you">here</a> is my explanation.</blockquote>
  1068. </div>
  1069.  
  1070.  
  1071.  
  1072.  
  1073. <div class="autopagerize_page_element" >
  1074. {block:Posts}
  1075. <div class="posts_outer">
  1076. <div class="posts">
  1077.  
  1078.  
  1079. {block:ContentSource}
  1080. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1081. {/block:SourceLogo}
  1082. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1083. {/block:ContentSource}
  1084.  
  1085.  
  1086. {block:Photo}
  1087. {block:IndexPage}
  1088. <div id="photos">
  1089. <center>{LinkOpenTag}
  1090. <img src="{PhotoURL-500}" alt='{PhotoAlt}' />
  1091. {LinkCloseTag}</center>
  1092. </div>
  1093. {/block:IndexPage}
  1094. {block:PermalinkPage}
  1095. <div id="photos">
  1096. <center>{LinkOpenTag}
  1097. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  1098. {LinkCloseTag}</center>
  1099. </div>
  1100. {/block:PermalinkPage}
  1101. {/block:Photo}
  1102.  
  1103.  
  1104. {block:Photoset}
  1105. <div id="pset">
  1106. {Photoset}
  1107. </div>
  1108. {/block:Photoset}
  1109.  
  1110.  
  1111. {block:Video}
  1112. <div id="vid">
  1113. <center>{Video-400}</center>
  1114. </div>
  1115. {/block:Video}
  1116.  
  1117.  
  1118.  
  1119. {block:Audio}
  1120. <div class="audio_player">{AudioPlayerWhite}</div>
  1121. {block:TrackName}
  1122. <div class="audio_line"><img src="http://static.tumblr.com/3yblkz0/tMMn46dbo/untitled-2.png" />{TrackName}</div>
  1123. {/block:TrackName}
  1124. {block:Artist}
  1125. <div class="audio_line"><img src="http://static.tumblr.com/3yblkz0/yLMn46d41/w2.png" />{Artist}</div>
  1126. {/block:Artist}
  1127. {block:Album}
  1128. <div class="audio_line"><img src="http://static.tumblr.com/3yblkz0/qD4n46d28/untitled-1.png" />{Album}</div>
  1129. {/block:Album}
  1130. <div class="audio_line"><img src="http://static.tumblr.com/3yblkz0/Ipcn46qpu/untitled-3.png" /> {PlayCount}</div>
  1131. {/block:Audio}
  1132.  
  1133.  
  1134. {block:Text}
  1135. {block:Title}<h2>{Title}</h2>{/block:Title}
  1136. {Body}
  1137. {/block:Text}
  1138.  
  1139.  
  1140. {block:Link}
  1141. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  1142. {block:Description}{Description}{/block:Description}
  1143. {/block:Link}
  1144.  
  1145.  
  1146. {block:Answer}
  1147. <div class="question">
  1148. <div class="aske">{Asker} asked:</div> {Question}
  1149. </div>
  1150.  
  1151. {block:Answerer}
  1152. <div class="ans">
  1153. <div class="answ">{Answerer} replied:</div>
  1154. {Answer}
  1155. </div>
  1156. {/block:Answerer}
  1157.  
  1158. {Replies}
  1159. {/block:Answer}
  1160.  
  1161.  
  1162. {block:Quote}
  1163. <div class="quote">{Quote}</div>
  1164. {block:Source}
  1165. <div class="source">— {Source}</div>
  1166. {/block:Source}
  1167. {/block:Quote}
  1168.  
  1169.  
  1170. {block:Chat}
  1171. {block:Title}{Title}{/block:Title}
  1172. {block:Lines}<p>
  1173. {block:Label}
  1174. <b>{Label}</b>
  1175. {/block:Label}
  1176. {Line}</p>
  1177. {/block:Lines}
  1178. {/block:Chat}
  1179.  
  1180. </div>
  1181.  
  1182. {block:Indexpage}
  1183. {block:ifShowCaptions}
  1184. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1185. {/block:ifShowCaptions}
  1186.  
  1187. <div class="perma">
  1188. <a href="{ReblogURL}">reblog\</a>
  1189. {block:HasTags}
  1190. <span style="cursor:pointer; margin-left:5px;" title="{block:Tags}#{Tag} {/block:Tags}">tags\</span>
  1191. {/block:HasTags}
  1192. <a href="{Permalink}" title="Permalink">{NoteCount}\</a>
  1193. </div>
  1194.  
  1195. {/block:Indexpage}
  1196.  
  1197.  
  1198. {block:PermalinkPage}
  1199. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1200.  
  1201. {block:Date}
  1202. <div class="postinfo">
  1203. <b>— Information</b>
  1204. <br> Posted {DayOfMonth}{DayOfMonthSuffix} {Month} {Year} ({TimeAgo})
  1205. with {NoteCountWithLabel}
  1206. {block:HasTags}
  1207. <br>saved as {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
  1208. {/block:HasTags}
  1209. {block:RebloggedFrom}
  1210. <br>via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1211. <br>source <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1212. {/block:RebloggedFrom}
  1213. </div>
  1214. {/block:Date}
  1215. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1216. {/block:PermalinkPage}
  1217.  
  1218.  
  1219.  
  1220. </div>
  1221. {/block:Posts}
  1222. </div>
  1223.  
  1224. {block:Pagination}
  1225. <div class="pagination">
  1226. {block:JumpPagination length="5"}
  1227. {block:CurrentPage}
  1228. <span class="current_page">{PageNumber}</span>
  1229. {/block:CurrentPage}
  1230. {block:JumpPage}
  1231. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1232. {/block:JumpPage}
  1233. {/block:JumpPagination}
  1234. </div>
  1235. {/block:Pagination}
  1236.  
  1237.  
  1238.  
  1239. </div>
  1240.  
  1241.  
  1242. <div style="padding:10px; bottom:5px; left:5px; position:fixed; "><a href="http://ladmilk.tumblr.com" title="Theme by Heidi">thm.</a></div>
  1243.  
  1244. </body>
  1245. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement