API tools faq
paste
Advertisement
Guest User

YOURENOSAINT: Grad Theme

a guest
Feb 1st, 2015
237
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.04 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2.  
  3. <head>
  4.  
  5. <title>{title}</title>
  6. <link rel=”shortcut icon” href=”{Favicon}”/>
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}<script type="text/javascript"
  9. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  10.  
  11.  
  12. <meta name="font:font" content="'Helvetica Neue', Arial, Helvetica"/>
  13. <meta name="color:background" content="#79a8ae"/>
  14. <meta name="color:text" content="#ffffff"/>
  15. <meta name="color:links" content="#ffffff"/>
  16. <meta name="color:sidebar background" content="#598c92"/>
  17. <meta name="color:sidebar border" content="#2e6971"/>
  18. <meta name="color:sidebar text" content="#1a4d53"/>
  19. <meta name="color:nav" content="#1a4d53"/>
  20. <meta name="color:nav hover" content="#598c92"/>
  21. <meta name="color:notes text" content="#ffffff"/>
  22. <meta name="color:notes text hover" content="#ffffff"/>
  23. <meta name="color:borders" content="#ffffff"/>
  24. <meta name="color:post backgrounds" content="rgba(255,255,255,0.2)"/>
  25. <meta name="color:post shadows" content="#598c92"/>
  26. <meta name="color:notes background" content="rgba(255,255,255,0.2)"/>
  27. <meta name="color:notes background hover" content="rgba(000,000,000,0.2)"/>
  28.  
  29. <meta name="select:border type" content="solid" title="solid">
  30. <meta name="select:border type" content="dotted" title="dotted">
  31. <meta name="select:border type" content="dashed" title="dashed">
  32. <meta name="select:border type" content="none" title="none">
  33.  
  34. <meta name="color:moving bg color one" content="130,56,38"/>
  35. <meta name="color:moving bg color two" content="240,191,179"/>
  36. <meta name="color:moving bg color three" content="217,94,64"/>
  37. <meta name="color:moving bg color four" content="232,158,140"/>
  38. <meta name="color:moving bg color five" content="240,191,179"/>
  39. <meta name="color:moving bg color six" content="174,75,51"/>
  40.  
  41. <meta name="if:moving background" content="0"/>
  42. <meta name="if:sidebar image" content="0"/>
  43. <meta name="if:post shadows" content="0"/>
  44. <meta name="if:round corners" content="1"/>
  45.  
  46.  
  47. <meta name="image:sidebar image" content="#79a8ae"/>
  48. <meta name="image:background" content="" />
  49.  
  50. <meta name="text:links 1 title" content="" />
  51. <meta name="text:links 1 url" content="" />
  52.  
  53. <meta name="text:links 2 title" content="" />
  54. <meta name="text:links 2 url" content="" />
  55.  
  56. <meta name="text:links 3 title" content="" />
  57. <meta name="text:links 3 url" content="" />
  58.  
  59. <meta name="text:links 4 title" content="" />
  60. <meta name="text:links 4 url" content="" />
  61.  
  62. <style type="text/css">
  63. #tumblr_controls {
  64. position:fixed !important;
  65. -webkit-filter: invert(100%);
  66. opacity:0.7;
  67. }
  68.  
  69. ::-webkit-scrollbar-thumb {
  70. background-color: #f0f0f0;
  71. border: 3px solid transparent;
  72. height:auto;
  73. -moz-border-radius: 12px;
  74. border-radius: 12px;
  75. }
  76.  
  77. ::-webkit-scrollbar {
  78. width:3px;
  79. background-color: #ccc;
  80. border: 4px solid transparent;
  81. }
  82.  
  83.  
  84.  
  85. #tumblr_lightbox {
  86. background:rgba(000,000,000,0.9) top right fixed repeat!important;
  87. background-size:cover!important;
  88. border-radius:0px;
  89. z-index:999999999999999999999999999999999999999!important;
  90. -webkit-transition: all 0.4s ease-in-out;
  91. -moz-transition: all 0.4s ease-in-out;
  92. -ms-transition: all 0.4s ease-in-out;
  93. -o-transition: all 0.4s ease-in-out;
  94. transition: all 0.4s ease-in-out;
  95. border:none;
  96. }
  97.  
  98. #tumblr_lightbox img {
  99. opacity:0;
  100. }
  101.  
  102. #tumblr_lightbox_caption {
  103. color:#fff;!important;
  104. padding-top:20px;
  105. font-size:16px!important;
  106. font-weight:normal!important;
  107. text-shadow:none!important;
  108. }
  109.  
  110. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  111. margin-top: 0px;
  112. padding:10px!important;
  113. background: rgba(255,255,255,0.8)!important;
  114. -moz-box-shadow:none!important;
  115. -webkit-box-shadow:none!important;
  116. border: 1px {select:border type} #000000!important;
  117. border-radius:0px;
  118. box-shadow:none!important;
  119. opacity:1!important;
  120. -webkit-transition: all 0.4s ease-in-out;
  121. -moz-transition: all 0.4s ease-in-out;
  122. -ms-transition: all 0.4s ease-in-out;
  123. -o-transition: all 0.4s ease-in-out;
  124. transition: all 0.4s ease-in-out;
  125. }
  126.  
  127. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  128. -webkit-filter: brightness(0.5);
  129. -moz-filter:brightness(.5);
  130. -o-filter:brightness(.5);
  131. }
  132.  
  133. #s-m-t-tooltip{
  134. z-index:99999999999999999;
  135. max-width:250px;
  136. margin:15px;
  137. margin-top:-10px;
  138. padding:3px 4px 3px 4px;
  139. font-weight:bold;
  140. text-transform:uppercase;
  141. letter-spacing:1px;
  142. text-shadow:2px 2px 4px rgba(000,000,000,0.6);
  143. }
  144.  
  145. body {
  146. color:{color:text};
  147. font-family:{font:font};
  148. font-size:13px;
  149. letter-spacing:0.5px;
  150. background: {color:background};
  151. background-repeat:no-repeat;
  152. background-size: 100% 100%;
  153. background-attachment:fixed;
  154. background-image:url('{image:background}');
  155. }
  156.  
  157.  
  158. img {
  159. max-width:100%;
  160. }
  161.  
  162.  
  163. #infscr-loading{
  164. bottom: -70px;
  165. position: absolute;
  166. left: 50%;
  167. margin-left:-8px;
  168. width:16px;
  169. height:11px;
  170. overflow:hidden;
  171. margin-bottom: 50px;
  172. }
  173.  
  174. #posts {
  175. width:520px;
  176. margin-left:50%;
  177. background-color:transparent;
  178. position:absolute;
  179. padding:0px;
  180. margin-top:0px;
  181. left:-213px;
  182. }
  183.  
  184. .entry {
  185. background-color: {color:post backgrounds};
  186. padding:12px;
  187. padding-top:0px;
  188. padding-bottom:0px;
  189. border:1px {select:border type} {color:borders};
  190. width:400px;
  191. border-bottom:0px;
  192. float:left;
  193. margin:10px;
  194. font-size:12px;
  195. margin-top:40px;
  196. color:{color:text};
  197. {block:PermalinkPage}
  198. border-bottom:1px {select:border type} {color:borders};
  199. {/block:PermalinkPage}
  200. {block:Ifroundcorners}
  201. -webkit-border-radius: 6px;
  202. -moz-border-radius: 6px;
  203. border-radius: 6px;
  204. {/block:Ifroundcorners}
  205. {block:ifpostshadows}
  206. -webkit-box-shadow: 10px 12px 4px 0px {color:post shadows};
  207. -moz-box-shadow: 10px 12px 4px 0px {color:post shadows};
  208. box-shadow: 10px 12px 4px 0px {color:post shadows};
  209. {/block:ifpostshadows}
  210. }
  211.  
  212. #description {
  213. background-color:{color:sidebar background};
  214. width:200px;
  215. margin-top:83px;
  216. margin-left:-315px;
  217. position:fixed;
  218. min-height:45px;
  219. padding:10px;
  220. font-weight:bold;
  221. text-align:center;
  222. border:1px {select:border type} {color:sidebar border};
  223. color:{color:sidebar text};
  224. {block:Ifroundcorners}
  225. -webkit-border-radius: 6px;
  226. -moz-border-radius: 6px;
  227. border-radius: 6px;
  228. {/block:Ifroundcorners}
  229. }
  230.  
  231. #description img {
  232. max-width:200px;
  233. border:1px {select:border type} {color:sidebar border};
  234. {block:Ifroundcorners}
  235. -webkit-border-radius: 6px;
  236. -moz-border-radius: 6px;
  237. border-radius: 6px;
  238. {/block:Ifroundcorners}
  239. }
  240.  
  241. a {
  242. color:{color:links};
  243. -webkit-transition: all .4s ease-in-out;
  244. transition: all .4s ease-in-out;
  245. text-decoration:none;
  246. font-weight:bold;
  247. }
  248.  
  249. a:hover {
  250. cursor:help;
  251. }
  252.  
  253. blockquote {
  254. border-left:3px solid {color:borders};
  255. padding-left:10px;
  256. margin-left:10px;
  257. width:90%;
  258. }
  259.  
  260. #perma {
  261. display:inline-block;
  262. font-family:helvetica;
  263. color:#666;
  264. font-weight:700;
  265. line-height:20px;
  266. width:414px;
  267. margin-left:-12px;
  268. padding:3px;
  269. padding-right:7px;
  270. height:22px;
  271. margin-bottom:-2px;
  272. border-bottom:1px {select:border type} {color:borders};
  273. color:{color:text};
  274. letter-spacing:1px;
  275. padding-bottom:0px;
  276. padding-top:5px;
  277. word-spacing:0px;
  278. background-color: {color:notes background};
  279. text-transform:uppercase;
  280. -webkit-transition: all .4s ease-in-out;
  281. transition: all .4s ease-in-out;
  282. border-top:1px {select:border type} {color:borders};
  283. {block:IndexPage}
  284. {block:Ifroundcorners}
  285. -webkit-border-radius: 0px 0px 6px 6px;
  286. -moz-border-radius: 0px 0px 6px 6px;
  287. border-radius: 0px 0px 6px 6px;
  288. {/block:Ifroundcorners}
  289. {/block:IndexPage}
  290. }
  291.  
  292. #perma a:link, #perma a:visited, #perma a:active {
  293. color:{color:notes text};
  294. font-size:14px;
  295. }
  296.  
  297. #perma a:hover {
  298. color:{color:notes text hover};
  299. }
  300.  
  301. #perma:hover {
  302. background-color: {color:notes background hover};
  303. -webkit-transition: all .4s ease-in-out;
  304. transition: all .4s ease-in-out;
  305. }
  306.  
  307. .reblog_button, .like_button {
  308. display: block;
  309. float: right;
  310. padding-left:10px;
  311. padding-top:0px;
  312. }
  313.  
  314. .like_button {
  315. margin-top:-1px;
  316. }
  317.  
  318. #notes {
  319. position:absolute;
  320. display:inline-block;
  321. margin-top:0px;
  322. padding-left:2px;
  323. }
  324.  
  325. .chat ul {
  326. list-style: none;
  327. color:#fff;
  328. margin: 0;
  329. padding: 0;
  330. }
  331.  
  332. .chat li {
  333. border-radius: 0.2em;
  334. margin-bottom: 3%;
  335. padding: 10px;
  336. width: 250px;
  337. }
  338.  
  339. .chat .odd {
  340. float: left;
  341. background:rgba(000,000,000,0.25);
  342. }
  343.  
  344. .chat .even {
  345. float: right;
  346. background:rgba(000,000,000,0.4);
  347. }
  348.  
  349. .playbutton {
  350. overflow:hidden;
  351. background-color:#fff;
  352. padding:5px;
  353. padding-bottom:0px;
  354. width:390px;
  355. }
  356.  
  357. notestitle {
  358. font-size:15px;
  359. font-weight:bold;
  360. font-family:arial;
  361. margin-left:-8px;
  362. }
  363.  
  364. #notecontainer {
  365. list-style: none;
  366. line-height: 2.5em;
  367. margin-top:-10px;
  368. margin-left:0px;
  369. }
  370.  
  371. .entry #notecontainer ol.notes {
  372. list-style: none;
  373. font-size: 13px;
  374. margin-left:-40px;
  375. }
  376.  
  377. #notecontainer a {
  378. color:{color:links};
  379. font-weight:normal;
  380. }
  381.  
  382. #notecontainer img {
  383. width: 17px;
  384. position:absolute;
  385. }
  386.  
  387. .entry #notecontainer .avatar {
  388. -webkit-border-radius: 50%;
  389. -moz-border-radius: 50%;
  390. border-radius: 50%;
  391. margin-left:-40px;
  392. padding:10px;
  393. position:absolute;
  394. display:none;
  395. margin-top:-2px;
  396. }
  397.  
  398. .more_notes_link {
  399. text-transform:uppercase;
  400. padding:10px;
  401. border:1px {select:border type} {color:borders};
  402. -webkit-transition: all .4s ease-in-out;
  403. transition: all .4s ease-in-out;
  404. padding-right:130px;
  405. padding-left:130px;
  406. color:#fff;
  407. margin-left:-5px;
  408. background-color:transparent;
  409. {block:Ifroundcorners}
  410. -webkit-border-radius: 6px;
  411. -moz-border-radius: 6px;
  412. border-radius: 6px;
  413. {/block:Ifroundcorners}
  414. }
  415.  
  416. .more_notes_link:hover {
  417. background-color:{color:post backgrounds};
  418. -webkit-transition: all .4s ease-in-out;
  419. transition: all .4s ease-in-out;
  420. }
  421.  
  422.  
  423. .help {
  424. position: fixed;
  425. top: 55px;
  426. margin-left:-315px;
  427. padding:10px;
  428. width: 200px;
  429. height: 25px;
  430. text-align: center;
  431. font-size: 18px;
  432. line-height: 27px;
  433. font-weight: bold;
  434. cursor: pointer;
  435. background: transparent;
  436. border:1px {select:border type} transparent;
  437. cursor:help;
  438. color: {color:nav};
  439. word-spacing:14px;
  440. opacity: .9;
  441. -webkit-transition: all .4s ease-in-out;
  442. -moz-transition: all .4s ease-in-out;
  443. -ms-transition: all .4s ease-in-out;
  444. -o-transition: all .4s ease-in-out;
  445. transition: all .4s ease-in-out;
  446. }
  447.  
  448. .help:hover {
  449. opacity: 1;
  450. }
  451.  
  452. .help a {
  453. color: {color:nav};
  454. }
  455.  
  456. #info {
  457. display:none;
  458. width:200px;
  459. margin-top:10px;
  460. height:60px;
  461. position:fixed;
  462. text-align:center;
  463. background:transparent;
  464. }
  465.  
  466. #info a {
  467. display:inline-block;
  468. color:{color:nav};
  469. padding-top:3px;
  470. text-transform:uppercase;
  471. padding-bottom:3px;
  472. padding-right:4px;
  473. padding-left:5px;
  474. margin-top:8px;
  475. {block:Ifroundcorners}
  476. -webkit-border-radius: 3px;
  477. -moz-border-radius: 3px;
  478. border-radius: 3px;
  479. {/block:Ifroundcorners}
  480. }
  481.  
  482. #info a:hover {
  483. color:{color:nav hover};
  484. }
  485.  
  486. .question {
  487. padding:6px;
  488. border:1px {select:border type} {color:borders};
  489. background-color:{color:post backgrounds};
  490. {block:Ifroundcorners}
  491. -webkit-border-radius: 6px;
  492. -moz-border-radius: 6px;
  493. border-radius: 6px;
  494. {/block:Ifroundcorners}
  495. }
  496.  
  497. #asjer {
  498. text-transform:uppercase;
  499. text-align:right;
  500. letter-spacing:2px;
  501. padding-bottom:6px;
  502. }
  503.  
  504.  
  505. .cover {
  506. width:100%;
  507. z-index:1;
  508. position: relative;
  509. }
  510.  
  511. quata {
  512. font-size:17px;
  513. font-style:italic;
  514. }
  515.  
  516. {block:Ifmovingbackground}
  517. #gradient_bg {
  518. z-index: -1000;
  519. width: 100%;
  520. top: 0px;
  521. left: 0px;
  522. right: 0px;
  523. bottom: 0px;
  524. height: 100%;
  525. background-size: cover;
  526. position:fixed;
  527. padding: 0px;
  528. margin: 0px;
  529. }
  530. {/block:Ifmovingbackground}
  531. {CustomCSS]</style>
  532. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  533. <script>
  534. (function($){
  535. $(document).ready(function(){
  536. $("[title],a[title],img[title]").style_my_tooltips({
  537. tip_follows_cursor:true,
  538. tip_delay_time:100,
  539. tip_fade_speed:300,
  540. attribute:"title"
  541. });
  542. });
  543. })(jQuery);
  544. </script>
  545.  
  546. {block:IndexPage}
  547. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  548. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  549.  
  550. <script type="text/javascript">
  551. $(window).load(function () {
  552. var $content = $('#posts');
  553. $content.masonry({itemSelector: '.entry'}),
  554. $content.infinitescroll({
  555. navSelector : 'div#pagination',
  556. nextSelector : 'div#pagination a#nextPage',
  557. itemSelector : '.entry',
  558. loading: {
  559. finishedMsg: '',
  560. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  561. },
  562. bufferPx : 600,
  563. debug : false,
  564. },
  565. // call masonry as a callback.
  566. function( newElements ) {
  567. var $newElems = $( newElements );
  568. $newElems.hide();
  569. // ensure that images load before adding to masonry layout
  570. $newElems.imagesLoaded(function(){
  571. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  572.  
  573.  
  574. });
  575. });
  576. });
  577. </script>
  578.  
  579. {/block:IndexPage}
  580.  
  581. </head>
  582. <body>
  583.  
  584. {block:Ifmovingbackground}
  585. <div id="gradient_bg"></div>
  586. {/block:Ifmovingbackground}
  587.  
  588. <div id="posts">
  589.  
  590.  
  591. <div class="help">
  592. <a title="links" onclick="toggle_visibility('info');">✖</a>
  593. <a href="/" title="home">↻</a>
  594. <a href="/ask" title="ask">✎</a>
  595. </div>
  596.  
  597. <div id="description">
  598. {block:Ifsidebarimage}
  599. <img src="{image:sidebar image}">
  600. <div style="padding-bottom:5px;"></div>
  601. {/block:Ifsidebarimage}
  602.  
  603. {Description}
  604.  
  605. <div id="info">
  606. <a href="{text:links 1 url}">{text:links 1 title}</a>
  607. <a href="{text:links 2 url}">{text:links 2 title}</a>
  608. <a href="{text:links 3 url}">{text:links 3 title}</a>
  609. <a href="{text:links 4 url}">{text:links 4 title}</a>
  610. </div>
  611.  
  612. </div>
  613.  
  614.  
  615. <style>
  616. #themc {
  617. right:40px;
  618. bottom:30px;
  619. position:fixed;
  620. font-size:18px;
  621. font-weight:bold;
  622. }
  623.  
  624. #themc a {
  625. color:{color:nav};
  626. }
  627. </style>
  628. <div id="themc">
  629. <a onmouseover="mouseoversound.playclip()" title="theme by yourenosaint" href="http://yourenosaint.tumblr.com/">?</a>
  630. </div>
  631. {block:Posts}
  632. <!-- {block:NoRebloggedFrom}
  633. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  634. {/block:NoRebloggedFrom} -->
  635. {block:ContentSource}<!-- {SourceURL}
  636. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  637. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  638. {/block:ContentSource}
  639. <div class="entry">
  640.  
  641. {block:Title}
  642. <div style="padding-top:12px"></div>
  643. <div style="color:#fff; font-weight:bold; font-size:16px">{Title}</div>{/block:Title}
  644.  
  645.  
  646. {block:Text}{Body}{/block:Text}
  647.  
  648. {block:Photo}
  649. <a href="{permalink}">
  650. <div style="padding-top:12px"></div>
  651. <img src="{PhotoURL-400}" width="400px"/></a>
  652. <div style="padding-top:12px"></div>
  653. {/block:Photo}
  654.  
  655. {block:Photoset}
  656. <a href="{permalink}">
  657. <div style="padding-top:12px"></div>
  658. {Photoset-400}</a>
  659. <div style="padding-top:12px"></div>
  660. {/block:Photoset}
  661.  
  662.  
  663. {block:Quote}
  664. <div style="padding-top:12px"></div>
  665. <quata>
  666. “{Quote}”
  667. </quata>
  668. <div style="padding-top:8px"></div>
  669. <div style="text-align:right; letter-spacing:1px; font-size:11px;">
  670. {block:Source}- {Source}{/block:Source}
  671. </div>
  672. <div style="padding-top:10px"></div>
  673. {/block:Quote}
  674.  
  675.  
  676. {block:Video}
  677. <div style="padding-top:12px"></div>
  678. {Video-400}
  679. <div style="padding-top:12px"></div>
  680. {/block:Video}
  681.  
  682. {block:Link}
  683. <div style="padding-top:12px"></div>
  684. <div style="font-size:15px; padding-bottom:6px; border-bottom:1px {select:border type} {color:borders}">
  685. <a href="{URL}" class="link" {Target}>{Name}</a><BR></div>
  686. {block:Description}{Description}{/block:Description}
  687. {/block:Link}
  688.  
  689. {block:Chat}
  690. <div style="padding-top:12px"></div>
  691. <div class="chat">
  692. <ul>
  693. {block:Lines}
  694. <li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>
  695. {/block:Lines}
  696. </ul>
  697. </div>
  698. <div style="padding-top:12px;"></div>
  699. {/block:Chat}
  700.  
  701. {block:Audio}
  702. <div style="padding-top:12px"></div>
  703. <div class="playbutton">
  704. {AudioPlayerWhite}</div>
  705. {block:AlbumArt}
  706. <img src="{AlbumArtURL}" class="cover">
  707. {/block:AlbumArt}
  708. <div style="padding-top:10px"></div>
  709. {/block:Audio}
  710.  
  711.  
  712. {block:Answer}
  713. <div style="padding-top:12px"></div>
  714. <div id="asjer">{Asker} said:</div><div class="question"> <b>{Question}</b></div>
  715. <div style="margin-top:6px">
  716. <div class="answer">{Answer}</div>
  717. </div>
  718. {/block:Answer}
  719.  
  720.  
  721. {block:Caption}
  722. {Caption}
  723. {/block:Caption}
  724.  
  725.  
  726. <div id="perma">
  727. <div id="notes"><a href="{PermaLink}">{NoteCount} notes</a></div>
  728. {LikeButton size="18" color="white"}
  729. {ReblogButton size="18" color="white"}
  730. </div>
  731.  
  732.  
  733. {block:PermalinkPage}
  734. {block:PostNotes}
  735. <div id="notecontainer">{PostNotes}</div>
  736. <div style="padding-top:3px;"></div>
  737. {/block:PostNotes}
  738. </div></div>
  739. {/block:PermalinkPage}
  740.  
  741. </div>
  742.  
  743. {/block:Posts}
  744.  
  745.  
  746. {block:Ifmovingbackground}
  747. <div style="width:25px; top:50%; margin-top:-55px; margin-left:520px; position:fixed; padding:10px; text-align:center; font-size:60px;">
  748.  
  749.  
  750. {block:NextPage}
  751. <a href="{NextPage}">→</a>
  752. {/block:NextPage}
  753. </div>
  754. {/block:Ifmovingbackground}
  755.  
  756. </div>
  757.  
  758.  
  759.  
  760. {block:Indexpage}
  761. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  762. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  763. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  764. <script type="text/javascript">
  765. $(window).load(function(){
  766. var $wall = $('#posts');
  767. $wall.imagesLoaded(function(){
  768. $wall.masonry({
  769. itemSelector: '.entry, .entry_photo',
  770. isAnimated : false
  771. });
  772. });
  773.  
  774. $wall.infinitescroll({
  775. navSelector : '#page-nav',
  776. nextSelector : '#page-nav a',
  777. itemSelector : '.entry, .entry_photo',
  778. bufferPx : 2000,
  779. debug : false,
  780. errorCallback: function() {
  781. $('#infscr-loading').fadeOut('normal');
  782. }},
  783. function( newElements ) {
  784. var $newElems = $( newElements );
  785. $newElems.hide();
  786. $newElems.imagesLoaded(function(){
  787. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  788. });
  789. }); $('#content').show(400);
  790. });
  791. </script>
  792. {/block:indexpage}
  793.  
  794. <script type="text/javascript">
  795. <!--
  796. function toggle_visibility(id) {
  797. var e = document.getElementById(id);
  798. if(e.style.display == 'block')
  799. e.style.display = 'none';
  800. else
  801. e.style.display = 'block';
  802. }
  803. //-->
  804. </script>
  805.  
  806. <script>
  807.  
  808. // Mouseover/ Click sound effect- by JavaScript Kit (www.javascriptkit.com)
  809. // Visit JavaScript Kit at http://www.javascriptkit.com/ for full source code
  810.  
  811. //** Usage: Instantiate script by cwrappering: var uniquevar=createsoundbite("soundfile1", "fwrapperbackfile2", "fwrapperebacksound3", etc)
  812. //** Cwrapper: uniquevar.playclip() to play sound
  813.  
  814. var html5_audiotypes={ //define list of audio file extensions and their associated audio types. Add to it if your specified audio file isn't on this list:
  815. "mp3": "audio/mpeg",
  816. "mp4": "audio/mp4",
  817. "ogg": "audio/ogg",
  818. "wav": "audio/wav"
  819. }
  820.  
  821. function createsoundbite(sound){
  822. var html5audio=document.createElement('audio')
  823. if (html5audio.canPlayType){ //check support for HTML5 audio
  824. for (var i=0; i<arguments.length; i++){
  825. var sourceel=document.createElement('source')
  826. sourceel.setAttribute('src', arguments[i])
  827. if (arguments[i].match(/\.(\w+)$/i))
  828. sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
  829. html5audio.appendChild(sourceel)
  830. }
  831. html5audio.load()
  832. html5audio.playclip=function(){
  833. html5audio.pause()
  834. html5audio.currentTime=0
  835. html5audio.play()
  836. }
  837. return html5audio
  838. }
  839. else{
  840. return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}}
  841. }
  842. }
  843.  
  844. //Initialize two sound clips with 1 fwrapperback file each:
  845.  
  846. var mouseoversound=createsoundbite("http://www.flashkit.com/imagesvr_ce/flashkit/soundfx/Cartoon/Other/Mario_Po-palten08-8509/Mario_Po-palten08-8509_hifi.mp3")
  847. var clicksound=createsoundbite("http://www.flashkit.com/imagesvr_ce/flashkit/soundfx/Cartoon/Other/Mario_Po-palten08-8509/Mario_Po-palten08-8509_hifi.mp3")
  848.  
  849. </script>
  850.  
  851. {block:Ifmovingbackground}
  852. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  853. <script>
  854. var colors = new Array(
  855. [{RGBcolor:moving bg color one}],
  856. [{RGBcolor:moving bg color two}],
  857. [{RGBcolor:moving bg color three}],
  858. [{RGBcolor:moving bg color four}],
  859. [{RGBcolor:moving bg color five}],
  860. [{RGBcolor:moving bg color six}]);
  861. var step = 0;
  862. var colorIndices = [0,1,2,3];
  863. var gradientSpeed = 0.002;
  864. function updateGradient()
  865. {
  866. var c0_0 = colors[colorIndices[0]];
  867. var c0_1 = colors[colorIndices[1]];
  868. var c1_0 = colors[colorIndices[2]];
  869. var c1_1 = colors[colorIndices[3]];
  870. var istep = 1 - step;
  871. var r1 = Math.round(istep * c0_0[0] + step * c0_1[0]);
  872. var g1 = Math.round(istep * c0_0[1] + step * c0_1[1]);
  873. var b1 = Math.round(istep * c0_0[2] + step * c0_1[2]);
  874. var color1 = "#"+((r1 << 16) | (g1 << 8) | b1).toString(16);
  875. var r2 = Math.round(istep * c1_0[0] + step * c1_1[0]);
  876. var g2 = Math.round(istep * c1_0[1] + step * c1_1[1]);
  877. var b2 = Math.round(istep * c1_0[2] + step * c1_1[2]);
  878. var color2 = "#"+((r2 << 16) | (g2 << 8) | b2).toString(16);
  879. $('#gradient_bg').css({
  880.  
  881. background: "-webkit-gradient(linear, left top, right top, from("+color1+"), to("+color2+"))"}).css({
  882. background: "-moz-linear-gradient(left, "+color1+" 0%, "+color2+" 100%)"});
  883. step += gradientSpeed;
  884. if ( step >= 1 )
  885. {
  886. step %= 1;
  887. colorIndices[0] = colorIndices[1];
  888. colorIndices[2] = colorIndices[3];
  889. colorIndices[1] = ( colorIndices[1] + Math.floor( 1 + Math.random() * (colors.length - 1))) % colors.length;
  890. colorIndices[3] = ( colorIndices[3] + Math.floor( 1 + Math.random() * (colors.length - 1))) % colors.length;
  891. }
  892. }
  893. setInterval(updateGradient,10);
  894. </script>
  895. {/block:Ifmovingbackground}
  896.  
  897. </body>
  898. </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!