API tools faq
paste
Advertisement
okesan

tooru theme with sidebar box

okesan
Aug 13th, 2014
176
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.79 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6.  
  7. theme by selkas.tumblr.com
  8.  
  9.  
  10. -->
  11. <title>{Title}</title>
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  13. <meta name="image:sidebar" content="">
  14. <meta name="image:background" content=""/>
  15. <meta name="image:container" content=""/>
  16. <meta name="color:background" content="#f8f8ff"/>
  17. <meta name="color:text" content="#afafaf"/>
  18. <meta name="color:link" content="#afafaf"/>
  19. <meta name="color:link hover" content="#ffcbd7"/>
  20. <meta name="color:blockquote border" content="#eaeaea"/>
  21. <meta name="color:container border" content="#f0f0ff"/>
  22. <meta name="color:container background" content="#ffffff"/>
  23. <meta name="color:post border" content="#fff0f3"/>
  24. <meta name="color:post background" content="#ffffff"/>
  25. <meta name="color:title text" content="#afafaf"/>
  26. <meta name="color:title background" content="#f7f7f7"/>
  27. <meta name="color:footer link" content="#cbcbcb"/>
  28. <meta name="color:footer link hover" content="#dddddd"/>
  29. <meta name="color:footer background" content="#f7f7f7"/>
  30. <meta name="color:description" content="#afafaf"/>
  31. <meta name="color:nav link" content="#afafaf"/>
  32. <meta name="color:nav link hover" content="#ffcbd7"/>
  33. <meta name="color:scrollbar" content="#ffe8eb"/>
  34. <meta name="select:layout alignment" content="lm" title="centered"/>
  35. <meta name="select:layout alignment" content="ll" title="left aligned"/>
  36. <meta name="select:layout alignment" content="lr" title="right aligned"/>
  37. <meta name="select:sidebar position" content="sl st" title="left top"/>
  38. <meta name="select:sidebar position" content="sl sm" title="left middle"/>
  39. <meta name="select:sidebar position" content="sl sb" title="left bottom"/>
  40. <meta name="select:sidebar position" content="sr st" title="right top"/>
  41. <meta name="select:sidebar position" content="sr sm" title="right middle"/>
  42. <meta name="select:sidebar position" content="sr sb" title="right bottom"/>
  43. <meta name="select:container background" content="" title="custom"/>
  44. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/yasn47ghu/10.png');" title="light dots"/>
  45. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/TFgn47gid/30.png');" title="medium dots"/>
  46. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/SZzn47j28/50.png');" title="dark dots"/>
  47. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/Gj3n47giu/10-small.png');" title="light dots c"/>
  48. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/EoNn47ho3/30-small.png');" title="medium dots c"/>
  49. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/8pvn47j38/50-small.png');" title="dark dots c"/>
  50. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/Aeyn4a6lq/10-b.png');" title="stripes"/>
  51. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/Cwvn4a6jk/7-st.png');" title="light stripes"/>
  52. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/d7On4a6mc/20-st.png');" title="medium stripes"/>
  53. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/NNun4a6nk/50-st.png');" title="dark stripes"/>
  54. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/52e3a56f28f14666759cc9f0d0320575/dyamirq/xfpn70qn5/tumblr_static_bik8khbqfb408804o84k48co4.png');" title="grid"/>
  55. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/d1On4a6og/white.png');" title="white dots"/>
  56. <meta name="select:container background" content="background:transparent;" title="transparent"/>
  57. <meta name="if:sidebar" content="1"/>
  58. <meta name="if:container" content="1"/>
  59. <meta name="if:borders" content="1"/>
  60. <meta name="if:show captions" content="1"/>
  61. <meta name="if:show tags" content="1"/>
  62. <meta name="if:image hover effect" content="0"/>
  63. <meta name="text:home link" content="index"/>
  64. <meta name="text:archive link" content="archive"/>
  65. <meta name="text:ask link" content="message"/>
  66. <meta name="text:link 1" content=""/>
  67. <meta name="text:link 1 url" content=""/>
  68. <meta name="text:link 2" content=""/>
  69. <meta name="text:link 2 url" content=""/>
  70. <meta name="text:link 3" content=""/>
  71. <meta name="text:link 3 url" content=""/>
  72. <meta name="text:link 4" content=""/>
  73. <meta name="text:link 4 url" content=""/>
  74. <meta name="text:link 5" content=""/>
  75. <meta name="text:link 5 url" content=""/>
  76. <meta name="text:link 6" content=""/>
  77. <meta name="text:link 6 url" content=""/>
  78. <link rel="icon" href="http://fc02.deviantart.net/fs71/f/2013/003/2/6/moon_favicon_by_j4smini-d5qalsu.png"/>
  79.  
  80.  
  81. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  82. <script src="http://static.tumblr.com/qudkd6d/UkOme80qk/jquery.style-my-tooltips.min.js"></script>
  83. <style src="http://static.tumblr.com/qudkd6d/wLYme80rn/style-my-tooltips.css"></style>
  84. <script>
  85. (function($){
  86. $(document).ready(function(){
  87. $("[title]").style_my_tooltips({
  88. tip_follows_cursor:true,
  89. tip_delay_time:0,
  90. tip_fade_speed:0,
  91. attribute:"title"
  92. });
  93. });
  94. })(jQuery);
  95. ("*").style_my_tooltips();
  96. </script>
  97.  
  98.  
  99.  
  100. <style type="text/css">
  101. ::-webkit-scrollbar {
  102. width:7px;
  103. height:7px;
  104. {block:ifContainer}background-color:{color:container background};{/block:ifContainer}
  105. {block:ifNotContainer}background-color:{color:background};{/block:ifNotContainer}
  106. }
  107. ::-webkit-scrollbar-track {
  108. {block:ifContainer}background-color:{color:container background};{/block:ifContainer}
  109. {block:ifNotContainer}background-color:{color:background};{/block:ifNotContainer}
  110. }
  111. ::-webkit-scrollbar-thumb {
  112. background-color:{color:scrollbar};
  113. {block:ifContainer}border:1px solid {color:container background};{/block:ifContainer}
  114. {block:ifNotContainer}border:1px solid {color:background};{/block:ifNotContainer}
  115. }
  116.  
  117. /*IMAGE OPACITY*/
  118.  
  119.  
  120. img {
  121. opacity: .8;
  122. -webkit-transition: all 0.6s ease-out;
  123. -moz-transition: all 0.6s ease-out;
  124. transition: all 0.6s ease-out;
  125. -webkit-filter:grayscale(0%);
  126. -moz-filter:grayscale(0%);
  127. -ms-filter:grayscale(0%);
  128. -o-filter:grayscale(0%);
  129. filter:grayscale(0%);}
  130.  
  131. img:hover {
  132. opacity: 1;
  133. -webkit-transition: all 0.6s ease-out;
  134. -moz-transition: all 0.6s ease-out;
  135. transition: all 0.6s ease-out;}
  136.  
  137. iframe.photoset {
  138. opacity: .8;
  139. -webkit-transition: all 0.6s ease-out;
  140. -moz-transition: all 0.6s ease-out;
  141. transition: all 0.6s ease-out;
  142. -webkit-filter:grayscale(0%);
  143. -moz-filter:grayscale(0%);
  144. -ms-filter:grayscale(0%);
  145. -o-filter:grayscale(0%);
  146. filter:grayscale(0%);}
  147. }
  148. iframe.photoset:hover {
  149. opacity:1 ;
  150. -webkit-transition: all 0.6s ease-out;
  151. -moz-transition: all 0.6s ease-out;
  152. transition: all 0.6s ease-out;
  153. }
  154.  
  155. .posteu img:hover, .posteu a img:hover, .photoset:hover {
  156. opacity:1;
  157. -webkit-transition: all 0.4s ease-out;
  158. -moz-transition: all 0.4s ease-out;
  159. transition: all 0.4s ease-out;
  160. }
  161.  
  162. body {
  163.  
  164. margin:0px;
  165. color:{color:text};
  166. font-size:9px;
  167. font-family:'trebuchet ms', arial, sans-serif;
  168. line-height:1.5em;
  169. word-wrap:break-word;
  170. text-align:left;
  171. background-color:{color:background};
  172. {block:ifBackgroundImage}background-image:url("{image:background}"); background-attachment:fixed; background-repeat:repeat; background-position:center;{/block:ifBackgroundImage}
  173. }
  174. * {
  175. -ms-transition:color .15s linear;
  176. -moz-transition:color .15s linear;
  177. -webkit-transition:color .15s linear;
  178. transition:color .15s linear;
  179. }
  180. blockquote {
  181. margin:.75em 15px;
  182. padding:0px 15px;
  183. border-left:1px dotted {color:blockquote border};
  184. }
  185. pre {
  186. white-space:normal;
  187. }
  188. a img {
  189. border:0px;
  190. }
  191. a {
  192. color:{color:link};
  193. text-decoration:none;
  194. }
  195. a:hover {
  196. color:{color:link hover};
  197. }
  198. small, sub {
  199. font-size:7px;
  200. letter-spacing:1px;
  201. text-transform:uppercase;
  202. vertical-align:middle;
  203. }
  204. .tumblr_blog {
  205. font-size:7px;
  206. letter-spacing:1px;
  207. text-transform:uppercase;
  208. }
  209. code, pre {
  210. font-family:consolas, monospace;
  211. }
  212. ol {
  213. padding-left:2.25em;
  214. }
  215. ul {
  216. padding-left:2.25em;
  217. list-style-type:square;
  218. }
  219. p {
  220. margin:.75em 0;
  221. }
  222. #main {
  223. {block:ifContainer}{block:ifBorders}width:351px;{/block:ifBorders}
  224. {block:ifNotBorders}width:347px;{/block:ifNotBorders}{/block:ifContainer}
  225. {block:ifNotContainer}{block:ifBorders}width:344px;{/block:ifBorders}
  226. {block:ifNotBorders}width:340px;{/block:ifNotBorders}{/block:ifNotContainer}
  227.  
  228. }
  229. #main.ll {
  230. position:absolute;
  231. left:10%;
  232. }
  233. #main.lm {
  234. margin:0px auto;
  235. }
  236. #main.lr {
  237. position:absolute;
  238. right:10%;
  239. }
  240. #main.sl {
  241. padding-left:135px;
  242. }
  243. #main.sr {
  244. padding-right:135px;
  245. }
  246. #content {
  247. {block:ifContainer}position:fixed;
  248. top:12.5%;
  249. max-height:75%;
  250. overflow-y:auto;
  251. overflow-x:hidden;
  252. -moz-border-radius: 5px;
  253. -webkit-border-radius: 5px;
  254. border-radius: 5px;
  255.  
  256.  
  257.  
  258. {block:ifBorders}border:1px solid {color:container border};
  259. width:349px;{/block:ifBorders}
  260. {block:ifNotBorders}width:347px;{/block:ifNotBorders}
  261. {/block:ifContainer}
  262. {block:ifNotContainer}
  263. {block:ifBorders}border-left:1px solid {color:container border};
  264. border-right:1px solid {color:container border};
  265. width:342px;{/block:ifBorders}
  266. {block:ifNotBorders}width:340px;{/block:ifNotBorders}{/block:ifNotContainer}
  267. background-color:{color:container background};
  268. {block:ifContainerImage}background-image:url('http://static.tumblr.com/52e3a56f28f14666759cc9f0d0320575/dyamirq/xfpn70qn5/tumblr_static_bik8khbqfb408804o84k48co4.png');{/block:ifContainerImage}
  269. {select:container background}
  270. background-attachment:fixed;
  271. background-repeat:repeat;
  272. background-position:center;
  273. }
  274. .wrap {
  275. padding:0px 30px 30px 30px;
  276. margin:0px auto;
  277. {block:ifBorders}width:282px;{/block:ifBorders}
  278. {block:ifNotBorders}width:280px;{/block:ifNotBorders}
  279. }
  280. .wrap:first-child {
  281. padding-top:30px;
  282. }
  283. .post {
  284. padding:15px;
  285. background-color:{color:post background};
  286. {block:ifBorders}border:1px solid {color:post border};{/block:ifBorders}
  287.  
  288. -moz-border-radius: 5px;
  289. -webkit-border-radius: 5px;
  290. border-radius: 5px;
  291. }
  292. .post img {
  293. max-width:100%;
  294. height:auto;
  295. }
  296. .post .caption {
  297. margin-top:15px;
  298. }
  299. .post .source,
  300. .post .answer,
  301. .post .audio-caption {
  302. margin-top:25px;
  303. }
  304. .post .caption *:first-child,
  305. .post .body *:first-child,
  306. .post .source *:first-child {
  307. margin-top:0px;
  308. }
  309. .post .caption *:last-child,
  310. .post .body *:last-child,
  311. .post .source *:last-child {
  312. margin-bottom:0px;
  313. }
  314. .post .caption {
  315. {block:ifNotShowCaptions}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifNotShowCaptions}
  316. }
  317. .caption h1, .caption h2, .caption h3, .caption h4 {
  318. font-size:1em;
  319. font-weight:normal;
  320. margin:.75em 0px;
  321. }
  322. .post .source {
  323. text-align:right;
  324. }
  325. .post .media {
  326. overflow:hidden;
  327. -ms-transition:opacity .15s linear;
  328. -moz-transition:opacity .15s linear;
  329. -webkit-transition:opacity .15s linear;
  330. transition:opacity .15s linear;
  331. }
  332. .post .media:hover {
  333. {block:ifImageHoverEffect}opacity:.9;{/block:ifImageHoverEffect}
  334. }
  335. .post .media img,
  336. .post .media .photoset {
  337. max-width:100%;
  338. display:block;
  339. margin:auto;
  340. }
  341. .post h3 {
  342. font-size:11px;
  343. font-weight:normal;
  344. font-style:italic;
  345. line-height:1em;
  346. font-size:1.25em;
  347. margin:-10px -10px 15px -10px;
  348. background-color:{color:title background};
  349. color:{color:title text};
  350. padding:15px;
  351. }
  352. .post .qn,
  353. .post .quote {
  354. margin:-10px;
  355. font-weight:normal;
  356. background-color:{color:title background};
  357. color:{color:title text};
  358. padding:20px;
  359. font-size:9px;
  360. font-style:italic;
  361. }
  362. .post .chat .line {
  363. padding:1px 0px;
  364. }
  365. .post .chat .label {
  366. margin-right:.5em;
  367. font-weight:bold;
  368. }
  369. .post .audio {
  370. margin:-10px;
  371. padding:5px;
  372. background-color:{color:title background};
  373. font-size:8px;
  374. font-style:italic;
  375. letter-spacing:2px;
  376. font-family:consolas, 'trebuchet ms', sans-serif;
  377. text-transform:lowercase;
  378. }
  379. .post .audio .tumblr_audio_player {
  380. width:27px;
  381. height:27px;
  382. margin-bottom:-4px;
  383. position:absolute;
  384. }
  385. .post .audio .track {
  386. margin-left:32px;
  387. width:233px;
  388. line-height:27px;
  389. height:27px;
  390. overflow:hidden;
  391. color:{color:title text};
  392. white-space:pre;
  393. }
  394. .post .info {
  395. margin:15px -15px -15px -15px;
  396. text-align:center;
  397. padding:1px 3px;
  398. background-color:{color:footer background};
  399. line-height:1.3em;
  400. font-family:consolas,'trebuchet ms', sans-serif;
  401. }
  402. .post .info a,
  403. .post .info .tags {
  404. font-style:italic;
  405. font-size:8px;
  406. text-transform:lowercase;
  407. letter-spacing:1px;
  408. color:{color:footer link};
  409. cursor:pointer;
  410. }
  411. .post .info a:hover,
  412. .post .info .tags:hover {
  413. color:{color:footer link hover};
  414. }
  415. .post .info .space {
  416. width:.75em;
  417. display:inline-block;
  418. }
  419. .post .info .space:last-child {
  420. width:0em;
  421. }
  422. .post.n {
  423. margin:0px;
  424. font-style:italic;
  425. font-size:8px;
  426. letter-spacing:1px;
  427. font-family:consolas, 'trebuchet ms', sans-serif;
  428. }
  429. .post.n a {
  430. color:{color:text};
  431. }
  432. .post .notes ol {
  433. list-style-type:none;
  434. padding:0px;
  435. margin:0px;
  436. }
  437. .post .notes img {
  438. display:none;
  439. }
  440. #sidebar {
  441.  
  442. position:fixed;
  443. top:12.5%;
  444. bottom:12.5%;
  445. height:75%;
  446. width:120px;
  447. opacity:1px;
  448. display:table;
  449. font-style:normal;
  450. font-size:9px;
  451. font-family:consolas,'trebuchet ms', sans-serif;
  452. text-transform:lowercase;
  453. letter-spacing:1px;
  454. line-height:1.4em;
  455. color:{color:description};
  456. }
  457. .sl #sidebar {
  458. margin-left:-145px;
  459. text-align:right;
  460. }
  461. .sr #sidebar {
  462. {block:ifContainer}{block:ifBorders}margin-left:364px;{/block:ifBorders}{block:ifNotBorders}margin-left:360px;{/block:ifNotBorders}{/block:ifContainer}
  463. {block:ifNotContainer}{block:ifBorders}margin-left:357px;{/block:ifBorders}{block:ifNotBorders}margin-left:353px;{/block:ifNotBorders}{/block:ifNotContainer}
  464. }
  465. #sc {
  466. display:table-cell;
  467. }
  468. .st #sc {
  469. vertical-align:top;
  470. }
  471. .sm #sc {
  472. vertical-align:middle;
  473. }
  474. .sb #sc {
  475. vertical-align:bottom;
  476. }
  477. #sidebar a {
  478. color:{color:nav link};
  479. }
  480. #sidebar a:hover {
  481. color:{color:nav link hover};
  482. }
  483. #sidebar .description {
  484. margin-top:1.5em;
  485. }
  486. #sidebar .nav,
  487. #sidebar .pagination {
  488. margin-top:1.5em;
  489. letter-spacing:2px;
  490. }
  491. #tc {
  492. bottom:0px;
  493. right:0px;
  494. position:fixed;
  495. padding:4px;
  496. z-index:1000;
  497. }
  498. #tc a {
  499. font-size:8px;
  500. padding:3px;
  501. background-color:transparent;
  502. font-family:arial, sans-serif;
  503. letter-spacing:0px;
  504. text-decoration:none;
  505. color:#aaa;
  506. }
  507.  
  508.  
  509. #s-m-t-tooltip {
  510. font-size: 8px;
  511. line-height: 12px;
  512. font-family: trebuchet ms;
  513. letter-spacing: 2px;
  514. z-index: 9;
  515. background: #fff;
  516. text-transform: none;
  517. border: 1px solid #f0f0f0;
  518. color: #ccc;
  519. max-width: 200px;
  520. text-align: justify;
  521. padding: 5px 8px 5px 10px;
  522. display: block;
  523. margin: 24px 14px 7px 12px;
  524. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.05);
  525. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.05);
  526. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.05);
  527. }
  528.  
  529.  
  530. .sfm input {
  531. background-color: #fff;
  532. width:60px;
  533. font-size: 8px;
  534. border: 1px solid {color:container border};
  535. text-transform: uppercase;
  536. margin-top: 0px;
  537. color: #ddd;
  538. letter-spacing: 1px;
  539. padding: 2px 2px;
  540. border-radius: 2px 2px 2px 2px;
  541. }
  542.  
  543. #image {
  544. position: fixed;
  545. width: 330px;
  546. bottom: 0px;
  547. height: 428px;
  548. opacity:0.8;
  549. margin-left: 340px;
  550. background-image: url(http://31.media.tumblr.com/074e059e6e95cc5ab683707b5777c532/tumblr_n9bg5jALRk1ssble0o1_400.png);
  551. }
  552.  
  553.  
  554.  
  555.  
  556.  
  557. #ocehans1{
  558. height:11px;
  559. text-align:center;
  560. overflow:hidden;
  561. border-radius:3px;
  562. margin-top:-1px;
  563. border-bottom:1px solid #efefef;
  564. text-transform:uppercase;
  565. letter-spacing:1px;
  566. font-size:8px;
  567. line-height:10px;
  568. z-index:9;
  569. -webkit-transition: all 0.5s ease-in-out;
  570. -moz-transition: all 0.5s ease-in-out;
  571. -o-transition: all 0.5s ease-in-out;
  572. }
  573. #ocehans1:hover{
  574. height:335px;
  575. -webkit-transition: all 0.5s ease-in-out;
  576. -moz-transition: all 0.5s ease-in-out;
  577. -o-transition: all 0.5s ease-in-out;
  578. }
  579.  
  580.  
  581. #ocehans{
  582. text-align:left;
  583. font-size:8px;
  584. text-transform:uppercase;
  585. opacity: 1;
  586. border:1px solid #eee;
  587. position:fixed;
  588. font-family:consolas;
  589. border-radius:5px;
  590. left:20px;
  591. background-color:#fff;
  592. letter-spacing:1px;
  593. width:100px;
  594. z-index:9;
  595. padding:6px;
  596. top:20px;
  597.  
  598. }
  599.  
  600.  
  601.  
  602.  
  603. </style>
  604. </head>
  605.  
  606. <script type="text/javascript">
  607. // <![CDATA[
  608. var colour="#ffcef4";
  609. var sparkles=120;
  610.  
  611. /****************************
  612. * Tinkerbell Magic Sparkle *
  613. * (c) 2005 mf2fm web-design *
  614. * http://www.mf2fm.com/rv *
  615. * DON'T EDIT BELOW THIS BOX *
  616. ****************************/
  617. var x=ox=400;
  618. var y=oy=300;
  619. var swide=800;
  620. var shigh=600;
  621. var sleft=sdown=0;
  622. var tiny=new Array();
  623. var star=new Array();
  624. var starv=new Array();
  625. var starx=new Array();
  626. var stary=new Array();
  627. var tinyx=new Array();
  628. var tinyy=new Array();
  629. var tinyv=new Array();
  630.  
  631. window.onload=function() { if (document.getElementById) {
  632. var i, rats, rlef, rdow;
  633. for (var i=0; i<sparkles; i++) {
  634. var rats=createDiv(3, 3);
  635. rats.style.visibility="hidden";
  636. document.body.appendChild(tiny[i]=rats);
  637. starv[i]=0;
  638. tinyv[i]=0;
  639. var rats=createDiv(5, 5);
  640. rats.style.backgroundColor="transparent";
  641. rats.style.visibility="hidden";
  642. var rlef=createDiv(1, 5);
  643. var rdow=createDiv(5, 1);
  644. rats.appendChild(rlef);
  645. rats.appendChild(rdow);
  646. rlef.style.top="2px";
  647. rlef.style.left="0px";
  648. rdow.style.top="0px";
  649. rdow.style.left="2px";
  650. document.body.appendChild(star[i]=rats);
  651. }
  652. set_width();
  653. sparkle();
  654. }}
  655.  
  656. function sparkle() {
  657. var c;
  658. if (x!=ox || y!=oy) {
  659. ox=x;
  660. oy=y;
  661. for (c=0; c<sparkles; c++) if (!starv[c]) {
  662. star[c].style.left=(starx[c]=x)+"px";
  663. star[c].style.top=(stary[c]=y)+"px";
  664. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  665. star[c].style.visibility="visible";
  666. starv[c]=50;
  667. break;
  668. }
  669. }
  670. for (c=0; c<sparkles; c++) {
  671. if (starv[c]) update_star(c);
  672. if (tinyv[c]) update_tiny(c);
  673. }
  674. setTimeout("sparkle()", 40);
  675. }
  676.  
  677. function update_star(i) {
  678. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  679. if (starv[i]) {
  680. stary[i]+=1+Math.random()*3;
  681. if (stary[i]<shigh+sdown) {
  682. star[i].style.top=stary[i]+"px";
  683. starx[i]+=(i%5-2)/5;
  684. star[i].style.left=starx[i]+"px";
  685. }
  686. else {
  687. star[i].style.visibility="hidden";
  688. starv[i]=0;
  689. return;
  690. }
  691. }
  692. else {
  693. tinyv[i]=50;
  694. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  695. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  696. tiny[i].style.width="2px";
  697. tiny[i].style.height="2px";
  698. star[i].style.visibility="hidden";
  699. tiny[i].style.visibility="visible"
  700. }
  701. }
  702.  
  703. function update_tiny(i) {
  704. if (--tinyv[i]==25) {
  705. tiny[i].style.width="1px";
  706. tiny[i].style.height="1px";
  707. }
  708. if (tinyv[i]) {
  709. tinyy[i]+=1+Math.random()*3;
  710. if (tinyy[i]<shigh+sdown) {
  711. tiny[i].style.top=tinyy[i]+"px";
  712. tinyx[i]+=(i%5-2)/5;
  713. tiny[i].style.left=tinyx[i]+"px";
  714. }
  715. else {
  716. tiny[i].style.visibility="hidden";
  717. tinyv[i]=0;
  718. return;
  719. }
  720. }
  721. else tiny[i].style.visibility="hidden";
  722. }
  723.  
  724. document.onmousemove=mouse;
  725. function mouse(e) {
  726. set_scroll();
  727. y=(e)?e.pageY:event.y+sdown;
  728. x=(e)?e.pageX:event.x+sleft;
  729. }
  730.  
  731. function set_scroll() {
  732. if (typeof(self.pageYOffset)=="number") {
  733. sdown=self.pageYOffset;
  734. sleft=self.pageXOffset;
  735. }
  736. else if (document.body.scrollTop || document.body.scrollLeft) {
  737. sdown=document.body.scrollTop;
  738. sleft=document.body.scrollLeft;
  739. }
  740. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  741. sleft=document.documentElement.scrollLeft;
  742. sdown=document.documentElement.scrollTop;
  743. }
  744. else {
  745. sdown=0;
  746. sleft=0;
  747. }
  748. }
  749.  
  750. window.onresize=set_width;
  751. function set_width() {
  752. if (typeof(self.innerWidth)=="number") {
  753. swide=self.innerWidth;
  754. shigh=self.innerHeight;
  755. }
  756. else if (document.documentElement && document.documentElement.clientWidth) {
  757. swide=document.documentElement.clientWidth;
  758. shigh=document.documentElement.clientHeight;
  759. }
  760. else if (document.body.clientWidth) {
  761. swide=document.body.clientWidth;
  762. shigh=document.body.clientHeight;
  763. }
  764. }
  765.  
  766. function createDiv(height, width) {
  767. var div=document.createElement("div");
  768. div.style.position="absolute";
  769. div.style.height=height+"px";
  770. div.style.width=width+"px";
  771. div.style.overflow="hidden";
  772. div.style.backgroundColor=colour;
  773. return (div);
  774. }
  775. // ]]>
  776. </script>
  777.  
  778.  
  779.  
  780.  
  781.  
  782. <body>
  783.  
  784.  
  785.  
  786. <div id="ocehans">
  787. <center>
  788. <div id="ocehans1">
  789. <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;">
  790.  
  791. <div style="border:1px solid #ffe8f4; background-color:#ffe8f4;color:#bbb;">Networks</div>
  792. <br />
  793.  
  794. <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>
  795. <br />
  796. <br />
  797. <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>
  798. <br />
  799. <br />
  800.  
  801. <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>
  802.  
  803. <br/>
  804.  
  805. <div style="border:1px solid #ffe8f4; background-color:#ffe8f4;color:#bbb;">Updates</div>
  806.  
  807. <br>
  808. <li>School just started and I'm working now so I wont be online as much, but ill try to post everyday ;u;</li>
  809. <br>
  810.  
  811. </div>
  812. </div>
  813.  
  814.  
  815.  
  816.  
  817. <script language=JavaScript>
  818. <!--
  819.  
  820. //Disable right click script III- By Renigade (renigade@mediaone.net)
  821. //For full source code, visit http://www.dynamicdrive.com
  822.  
  823. var message="";
  824. ///////////////////////////////////
  825. function clickIE() {if (document.all) {(message);return false;}}
  826. function clickNS(e) {if
  827. (document.layers||(document.getElementById&&!document.all)) {
  828. if (e.which==2||e.which==3) {(message);return false;}}}
  829. if (document.layers)
  830. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  831. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  832.  
  833. document.oncontextmenu=new Function("return false")
  834. // -->
  835. </script>
  836.  
  837. <BODY onselectstart=”return false;” ondragstart=”return false;”>
  838. </div>
  839.  
  840.  
  841.  
  842. {block:Description}
  843. <div id="main" class="{select:layout alignment} {select:sidebar position}">
  844. <div id="image">&nbsp;</div>
  845.  
  846. <div id="sidebar"><div id="sc">
  847. <a href="/"><img src="{image:sidebar}" style="opacity:1px;width:110px;border:1px solid {color:container border};padding:10px;background:white;-moz-border-radius: 5px;
  848. -webkit-border-radius: 5px;
  849. border-radius: 5px;"></a>
  850.  
  851. <br />
  852.  
  853. <form action="/search" method="get" class="sfm">
  854. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  855. <input type="submit" value="Search" id="sb"/>
  856. </form>
  857.  
  858. <div class="description">{Description}</div>
  859.  
  860. <div class="nav">
  861. <a title="home" href="/">ホーム</a><br/>
  862. <a title="message" href="/ask">メッセージ</a><br/>
  863. <a title="profile" href="/about">プロフィール</a><br/>
  864. <a title="links" href="/links">リンク</a>
  865. </div>
  866.  
  867.  
  868.  
  869.  
  870. {block:Pagination}<div class="pagination">{block:PreviousPage}<a class="back" href="{PreviousPage}">back</a><br/>{/block:PreviousPage}{block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
  871. </div></div>
  872. <div id="content">
  873. {block:Posts}<div class="wrap">
  874. <div class="post">
  875. {block:Answer}<!-- answer --><div class="qn"><span class="asker">{Asker}</span>:&ensp;<span class="q">{Question}</span></div><div class="answer body">{Answer}</div>{/block:Answer}{block:Audio}<!-- audio --><div class="audio">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}<div class="track">{block:Artist}{Artist}{/block:Artist} &ndash; {block:TrackName}{TrackName}{/block:TrackName}</div></div>{block:Caption}<div class="caption audio-caption">{Caption}</div>{/block:Caption}{/block:Audio}{block:Chat}<!-- chat -->{block:Title}<h3>{Title}</h3>{/block:Title}<div class="chat body">{block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</div>{/block:Lines}</div>{/block:Chat}{block:Link}<!-- link --><h3><a href="{URL}">{Name}</a></h3>{block:Description}<div class="body">{Description}</div>{/block:Description}{/block:Link}{block:Photo}<!-- photo --><div class="media">{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}{block:Photoset}<!-- photoset --><div class="media">{Photoset-250}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}{block:Quote}<!-- quote --><div class="quote">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}{block:Text}<!-- text -->{block:Title}<h3>{Title}</h3>{/block:Title}<div class="body">{Body}</div>{/block:Text}{block:Video}<!-- video --><div class="media video">{Video-250}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  876. {block:IndexPage}{block:Date}<div class="info"><a href="{Permalink}">{TimeAgo}</a><span class="space"></span>{block:HasTags}{block:ifShowTags}<span class="tags" title="{block:Tags}☆{Tag} {/block:Tags}">tags</span><span class="space"></span>{/block:ifShowTags}{/block:HasTags}<a href="{ReblogURL}">reblog</a></div>{/block:Date}{/block:IndexPage}
  877. {block:PermalinkPage}{block:Date}<div class="info"><span class="space"></span>{block:HasTags}{block:Tags}<a href="{TagURL}">☆&nbsp;{Tag}</a><span class="space"></span>{/block:Tags}<br/>{/block:HasTags}{block:RebloggedFrom}<a href="{ReblogParentURL}">via {ReblogParentName}</a>&nbsp;|{block:ContentSource}<span class="space"></span><a href="{ReblogRootURL}">src: {ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}</div>{/block:Date}{/block:PermalinkPage}
  878. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  879. </div>
  880. </div>
  881. {block:PostNotes}<div class="wrap"><div class="post n"><div class="notes"><em>{PostNotes}</em></div></div></div>{/block:PostNotes}
  882. {/block:Posts}
  883. </div>
  884. </div>
  885. <div id="tc"><a href="http://selkas.tumblr.com" title="theme">ㅅ</a></div>
  886. </body>
  887.  
  888.  
  889. </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!