API tools faq
paste
enchantingly

Theme 02 - Wonderstruck (2Column/Grid)

enchantingly
Aug 23rd, 2015
411
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.91 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5. Theme 02 - "Wonderstruck 2.0" 2 Column/Grid by Elowen (theghostoflove.tumblr.com)
  6.  
  7. Credit stays intact, please. If you get stuck, feel free to message me! Comments and suggestions are welcome.
  8. -->
  9.  
  10. <head>
  11.  
  12. <title>{title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <meta name="color:Ask and Link BG" content="#e7c5f9">
  18. <meta name="color:Background" content="#e7c4f1">
  19. <meta name="color:Body" content="#8b30bc">
  20. <meta name="color:Border" content="#933ac3">
  21. <meta name="color:Chat1" content="#e7c5f9">
  22. <meta name="color:Chat2" content="#e1b3fa">
  23. <meta name="color:Description" content="#a21beb">
  24. <meta name="color:Entries" content="#9028c9">
  25. <meta name="color:Imagebar" content="#c16bf0">
  26. <meta name="color:Info Bg" content="#f1cbfd">
  27. <meta name="color:Link" content="#760fad">
  28. <meta name="color:Link Hover" content="#d18cf7">
  29. <meta name="color:Links Bg" content="#c671f5">
  30. <meta name="color:Links Bg Hover" content="#7109aa">
  31. <meta name="color:Mouse Trail" content="#ad21f8">
  32. <meta name="color:Navigation Bg" content="#8607cc">
  33. <meta name="color:Post" content="#dbaff3">
  34. <meta name="color:Scroll" content="#d589fd">
  35. <meta name="color:Scroll Bg" content="#ad21f8">
  36. <meta name="color:Sidebar" content="#8607cc">
  37. <meta name="color:Sidebar Image Border" content="#bf5ef3">
  38. <meta name="color:Title" content="#9522d3">
  39.  
  40. <meta name="if:No Repeat Side Background" content="0">
  41. <meta name="if:No Repeat Background" content="0">
  42. <meta name="if:Grid" content="0">
  43. <meta name="if:Imagebar" content="0">
  44. <meta name="if:Infinite Scroll" content="0">
  45. <meta name="if:Trailing Mouse" content="1">
  46. <meta name="if:Show Tags" content="1">
  47.  
  48. <meta name="image:Background" content="">
  49. <meta name="image:Imagebar 1" content="">
  50. <meta name="image:Imagebar 2" content="">
  51. <meta name="image:Imagebar 3" content="">
  52. <meta name="image:Imagebar Bg" content="">
  53. <meta name="image:Sidebar" content="">
  54. <meta name="image:Sidebar Bg" content="">
  55.  
  56.  
  57. <meta name="text:BackToTopImage" content="https://i1155.photobucket.com/albums/p559/scrolltotop/arrow64.png">
  58.  
  59. <meta name="text:Link1" content="">
  60. <meta name="text:Link1URL" content="http://">
  61. <meta name="text:Link2" content="">
  62. <meta name="text:Link2URL" content="http://">
  63. <meta name="text:Link3" content="">
  64. <meta name="text:Link3URL" content="http://">
  65. <meta name="text:Link4" content="">
  66. <meta name="text:Link4URL" content="http://">
  67. <meta name="text:Link5" content="">
  68. <meta name="text:Link5URL" content="http://">
  69. <meta name="text:Link6" content="">
  70. <meta name="text:Link6URL" content="http://">
  71. <meta name="text:Link7" content="">
  72. <meta name="text:Link7URL" content="http://">
  73.  
  74. <style type="text/css">
  75.  
  76. /**BASICS**/
  77.  
  78. {block:PermalinkPage}
  79. iframe#tumblr_controls {
  80. z-index:100;
  81. text-align:center;
  82. height:200px;
  83. width:140px;
  84. top:0px;
  85. right:0px!important;
  86. position:fixed !important;
  87. }
  88. {/block:PermalinkPage}
  89.  
  90. {block:indexPage}
  91. iframe#tumblr_controls {
  92. z-index:10000000;
  93. text-align:center;
  94. top:0px;
  95. right:0px!important;
  96. position:fixed;
  97. }
  98. {/block:indexpage}
  99.  
  100. body {
  101. {block:indexPage}overflow-x:hidden;{/block:indexpage}
  102. text-align:justify;
  103. font-family:georgia;
  104. font-size:11px;
  105. color:{color:Body};
  106. background:{color:background} url('{image:background}');
  107. background-attachment:fixed;
  108. background-repeat:{block:IfNoRepeatBackground}no-repeat{/block:IfNoRepeatBackground};}
  109.  
  110. {block:ifNotGrid}blockquote {border-left:2px solid {color:border}; padding-left:5px; margin:0px 2px 0px 10px}{/block:ifNotGrid}
  111. {block:ifGrid}blockquote {border-left:2px solid {color:border}; padding-left:5px; margin:0px 2px 0px 2px}{/block:ifGrid}
  112.  
  113. ::-webkit-scrollbar {width:10px;background:{color:scroll bg};}
  114. ::-webkit-scrollbar-corner {background:{color:scroll};}
  115. ::-webkit-scrollbar-thumb:vertical {background:{color:scroll};}::-webkit-scrollbar-thumb:horizontal {background:{color:scroll};}
  116.  
  117. ::selection {color:{color:post};background-color: {color:body};}
  118. ::-moz-selection {color:{color:post};background-color: {color:body};}
  119. ::-webkit-selection {color:{color:post};background-color:{color:body};}
  120.  
  121. b {font-weight:bold;}
  122. i {font-style:italic;}
  123. u {text-decoration:underline;}
  124.  
  125. a {color:{color:link};text-decoration:none;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  126. a:hover {color:{color:link hover};}
  127.  
  128. /**THEME STUFF**/
  129.  
  130. #container2 {float:left;}
  131. {block:ifNotGrid}#content {width:890px;}{/block:ifNotGrid}
  132. {block:ifGrid}#content {width:840px;}{/block:ifGrid}
  133.  
  134. #sidebar {
  135. top:0px; left:0px;
  136. position:fixed;
  137. width:250px;
  138. height:100%;
  139. background-color:{color:sidebar};
  140. background-image:url('{image:Sidebar Bg}');
  141. background-attachment:fixed;
  142. background-position:bottom left;
  143. background-repeat: {block:IfNoRepeatSideBackground}no-repeat{/block:IfNoRepeatSideBackground};
  144. background-size:250px;
  145. }
  146.  
  147. #sidebar img {
  148. width:225px;
  149. border:2px solid {color:sidebar image border}
  150. }
  151.  
  152. #title {
  153. margin:40px 0px 20px 0px;
  154. font-family: 'Montez', cursive;
  155. text-align:center;
  156. font-size:40px;
  157. color:{color:Title};
  158. }
  159.  
  160. #title a {
  161. color:{color:Title};
  162. }
  163.  
  164. #desc {
  165. font-size:11px;
  166. text-align:justify;
  167. width:225px;
  168. margin-top:30px;
  169. margin-left:12px;
  170. position:relative;
  171. color:{color:description};
  172. }
  173.  
  174. #entries {
  175. z-index:0;
  176. margin-left:280px;
  177. top:20px;
  178. {block:ifNotGrid}padding:10px;{/block:ifNotGrid}
  179. {block:ifGrid}padding:5px;{/block:ifGrid}
  180. position:absolute;
  181. {block:IndexPage}{block:ifNotGrid}width:860px;{/block:ifNotGrid}
  182. {block:ifGrid}width:845px;{/block:IfGrid}{/block:IndexPage}
  183. {block:PermalinkPage}width:530px;{/block:PermalinkPage}
  184. background-color:{color:entries};
  185. }
  186.  
  187. #post {
  188. margin:10px;
  189. padding:5px;
  190. float:left;
  191. {block:IndexPage}{block:IfNotGrid}width:400px;{/block:ifNotGrid}
  192. {block:ifGrid}width:250px;{/block:ifGrid}{/block:IndexPage}
  193. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  194. background-color:{color:post};
  195. }
  196.  
  197. #tagpage {
  198. font-family: 'Garamond';
  199. font-size:20px;
  200. text-align:center;
  201. line-height:95%;
  202. letter-spacing:1px;
  203. font-weight:bold;
  204. margin:10px;
  205. padding:10px;
  206. float:left;
  207. {block:ifNotGrid}width:400px;{/block:ifNotGrid}
  208. {block:ifGrid}width:250px;{/block:IfGrid}
  209. background-color:{color:post};
  210. }
  211.  
  212. .pagi {
  213. margin-top:-20px;
  214. text-align:center;
  215. font-size:30px;
  216. }
  217.  
  218. #info {
  219. font-size:10px;
  220. text-align:center;
  221. margin-top:15px;
  222. padding:3px;
  223. border-bottom:1px solid {color:border};
  224. text-transform:normal;
  225. background-color:{color:info bg};
  226. {block:IndexPage}{block:ifNotGrid}width:394px;{/block:ifNotGrid}
  227. {block:ifGrid}width:244px;{/block:ifGrid}{/block:IndexPage}
  228. {block:PermalinkPage}width:494px;{/block:PermalinkPage}
  229. }
  230.  
  231. #tags {
  232. font-size:10px;
  233. min-height:14px;
  234. padding:2px;
  235. margin-top:0px;
  236. font-style:italic;
  237. text-align:center;
  238. background-color:{color:info bg}
  239. }
  240.  
  241. .note {
  242. text-transform:normal;
  243. font-style:normal;
  244. letter-spacing:0px;
  245. font-size: 10px;
  246. text-align:left;
  247. line-height:10%;
  248. margin-left:-40px;
  249. }
  250.  
  251. .note li {
  252. line-height:100%;
  253. list-style-type:none;
  254. padding:10px 25px 10px 25px;
  255. text-align:left;
  256. margin:0px;
  257. -moz-transition-duration:0.5s;
  258. -webkit-transition-duration:0.5s;
  259. -o-transition-duration:0.5s;
  260. }
  261.  
  262. #navigate {
  263. top:0px; left:0px;
  264. width:250px;
  265. position:fixed;
  266. z-index:10;
  267. background-color:{color:navigation bg};
  268. }
  269.  
  270. #navtitle {
  271. background-color:{color:navigation bg};
  272. opacity:1;
  273. height:15px; width:250px;
  274. font-size:9px;
  275. color:{color:link hover};
  276. text-align:center;
  277. text-transform:lowercase;
  278. padding:10px 0px;
  279. letter-spacing:3px;
  280. line-height:20px;
  281. position:fixed;
  282. z-index:3;
  283. }
  284.  
  285. #navigate:hover #navlinks {z-index:5; opacity:1; padding-top:280px;}
  286. #navlinks {
  287. opacity:0;
  288. margin-top:-240px;
  289. -webkit-transition: all 1.3s ease-in-out; -moz-transition: all 1.3s ease-in-out; -o-transition: all 1.3s ease-in-out; -ms-transition: all 1.3s ease-in-out;transition: all 1.3s ease-in-out;
  290. }
  291. #navlinks a {
  292. display:block;
  293. width:205px;
  294. height:25px;
  295. font-size:9px;
  296. text-align:center;
  297. letter-spacing:1px;
  298. border:1px solid {color:border};
  299. text-transform:lowercase;
  300. background-color:{color:Links Bg};
  301. margin-left:20px;
  302. line-height:25px;
  303. -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out;
  304. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; z-index:5;
  305. }
  306. #navlinks a:hover {
  307. font-style:italic;
  308. letter-spacing:1px;
  309. background-color:{color:links bg hover};
  310. }
  311.  
  312. #imagebar {
  313. z-index:-1;
  314. position:fixed;
  315. background-color:{color:imagebar};
  316. background-image:url('{image:imagebar bg}');
  317. width:145px;
  318. height:100%;
  319. right:0px;
  320. top:0px;
  321. }
  322. .imagebar1 img {
  323. height:135px;
  324. width:135px;
  325. border-radius:50%;
  326. margin-left:5px;
  327. margin-top:45px;
  328. }
  329. .imagebar2 img {
  330. height:135px;
  331. width:135px;
  332. border-radius:50%;
  333. margin-left:5px;
  334. margin-top:45px
  335. }
  336. .imagebar3 img {
  337. height:135px;
  338. width:135px;
  339. border-radius:50%;
  340. margin-left:5px;
  341. margin-top:45px;
  342. }
  343.  
  344. #E {
  345. z-index:99999999999;
  346. font-weight:bold; font-size:14px; font-family:'Montez';
  347. text-align:center;
  348. position:fixed;
  349. bottom:5px; right:5px;
  350. }
  351. #E a {
  352. display:inline-block;
  353. height:20px; width:20px;
  354. background-color:{color:post};
  355. color:{color:body};
  356. }
  357. #E a:hover {
  358. border-radius:50%;
  359. background-color:{color:body};
  360. color:{color:post};
  361. }
  362.  
  363. #s-m-t-tooltip {
  364. padding:5px 10px 5px 10px;
  365. margin:20px 14px 7px 10px;
  366. border:1px solid {color:border};
  367. background-color:{color:Body};
  368. font:normal 9px/100% Georgia;
  369. letter-spacing:1px;
  370. color:{color:Post};
  371. z-index:99999999;
  372. }
  373.  
  374. /**POST TYPES**/
  375.  
  376. #texttitle {
  377. font-family: 'Garamond';
  378. font-size: 20px;
  379. text-align: center;
  380. line-height: 95%;
  381. letter-spacing: 1px;
  382. padding: 4px;
  383. font-weight: bold;
  384. margin:0px
  385. }
  386.  
  387. #quote {
  388. margin:5px 0px;
  389. font-family:Garamond;
  390. text-align:center;
  391. letter-spacing:1px;
  392. }
  393.  
  394. #quote_short {font-size:20px; line-height:100%;}
  395. #quote_medium {font-size:18px; line-height:95%;}
  396. #quote_long {font-size:16px; line-height:90%;}
  397.  
  398. #quotesource {
  399. font-family: 'Pacifico', cursive;
  400. font-size: 18px;
  401. text-align: right;
  402. line-height: 80%;
  403. letter-spacing: 1px;
  404. padding: 2px;
  405. font-weight: normal;
  406. }
  407.  
  408. #question {
  409. font-weight:normal;
  410. font-size:12px;
  411. letter-spacing:1px;
  412. padding:10px;
  413. background-color:{color:Ask And Link BG};
  414. -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;
  415. }
  416.  
  417. #triangle {
  418. font-size:45px;
  419. margin-top:-25px;
  420. margin-left:18px;
  421. color:{color:Ask And Link BG}
  422. }
  423.  
  424. #asker {
  425. text-align: left;
  426. font-size:13px;
  427. letter-spacing:1px;
  428. padding-bottom:10px;
  429. margin-top:-20px;
  430. }
  431.  
  432. #asker img {
  433. vertical-align:left;
  434. float:left;
  435. margin-left:60px;
  436. margin-right:10px;
  437. margin-top:-10px;
  438. border:2px solid {color:Border};
  439. }
  440.  
  441. #linkposts {
  442. margin-bottom:5px;
  443. padding-bottom:10px;
  444. padding-top:10px;
  445. font-family:book antiqua;
  446. font-size:16px;
  447. border:2px dotted {color:Border};
  448. background-color:{color:Ask And Link BG}
  449. }
  450.  
  451. {block:IndexPage}{block:ifNotGrid}
  452. .album {position:absolute; margin-top:0px; width:100px; height:100px;}
  453. .album img {width:100px; height:100px;}
  454. .audio {display:block; position:absolute; width:100px; height:425px; margin-left:110px;}
  455. .audiobox {height:100px;z-index:-1; margin-left:90px;}
  456. .audiotext {text-align:center; padding-top:30px; max-width:200px;overflow:hidden;font-family:cambria;width:400px;}
  457. .pc {padding: 2px 13px;height: 13px;float: right;margin-left:315px;font-family:cambria;font-size: 12px;text-transform: lowercase;}
  458. {/block:ifNotGrid}
  459.  
  460. {block:ifGrid}
  461. .album {position:absolute; margin-top:0px; width:50px; height:50px;}
  462. .album img {width:50px; height:50px;}
  463. .audio {display:block; position:absolute; width:140px; height:425px; margin-left:60px;overflow:hidden;}
  464. .audiobox {height:100px;z-index:-1; margin-left:0px;}
  465. .audiotext {text-align:center; padding-top:30px; max-width:200px;overflow:hidden;font-family:cambria;width:250px;}
  466. .pc {padding: 2px 13px;height: 13px;float: right;margin-left:315px;font-family:cambria;font-size: 12px;text-transform: lowercase;}
  467. {/block:ifGrid}{/block:IndexPage}
  468.  
  469. {block:PermalinkPage}
  470. .album {position:absolute; margin-top:0px; width:100px; height:100px;}
  471. .album img {width:100px; height:100px;}
  472. .audio {display:block; position:absolute; width:100px; height:425px; margin-left:148px}
  473. .audiobox {height:100px;z-index:-1; margin-left:100px;}
  474. .audiotext {text-align:center; padding-top:50px; max-width:200px;overflow:hidden;font-family:cambria;width:500px;}
  475. .pc {padding: 8px 13px;height: 13px;float: right;font-family:cambria;font-size: 12px;text-transform: lowercase;z-index:-1}
  476. .pc a {text-decoration: none;}
  477. {/block:PermalinkPage}
  478.  
  479.  
  480. .chat {
  481. border-left: 5px solid {color:border};
  482. margin: 3px 3px 0 3px;
  483. font-size: 11px;
  484. font-family: georgia;
  485. {block:IndexPage}{block:ifNotGrid}
  486. width:389px;{/block:ifNotGrid}
  487. {block:ifGrid}width:239px;{/block:ifGrid}{/block:IndexPage}
  488. {block:PermalinkPage}width:489px;{/block:PermalinkPage}
  489. }
  490. .chat .lines {margin-left: 1px;}
  491. .chat .lines .line {background-color: {color:chat1};margin-bottom: 1px;padding: 3px 5px;}
  492. .chat .lines .line.even {background-color: {color:chat2};}
  493.  
  494.  
  495. #container {position:relative; margin:10px 0px 0px 10px; {block:indexpage}width:870px;{/block:indexpage}{block:permalinkpage}width:470px;{/block:permalinkpage}}
  496.  
  497. #over{
  498. {block:ifNotGrid}height:2000px!important;{/block:ifNotGrid}
  499. {block:ifGrid}height:0px!important;{/block:ifGrid}
  500. position:absolute;
  501. top:0px;
  502. left:0px;
  503. width: 100%;}
  504.  
  505. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  506. #infscr-loading {display:none;}
  507. .navigation {display:none!important;}
  508.  
  509. {CustomCSS}</style>
  510.  
  511. <link href='https://fonts.googleapis.com/css?family=Pacifico|Montez' rel='stylesheet' type='text/css'>
  512.  
  513. {block:ifInfiniteScroll}<script src="https://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>{/block:ifInfiniteScroll}
  514.  
  515. <script type="text/javascript" src="https://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  516. <script src="https://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  517.  
  518. {block:ifNotInfiniteScroll}<script type="text/javascript">
  519. $(window).load(function () {
  520. $('#content').masonry({
  521. itemSelector : "#container2",
  522. },
  523. function() { $('#content').masonry({ appendedContent: $(this) }); }
  524. );
  525. });
  526. </script>{/block:ifNotInfiniteScroll}
  527.  
  528. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  529.  
  530. <script>
  531. (function($){
  532. $(document).ready(function(){
  533. $("a[title]").style_my_tooltips({
  534. tip_follows_cursor:true,
  535. tip_delay_time:0,
  536. tip_fade_speed:0,
  537. attribute:"title"
  538. });
  539. });
  540. })(jQuery);
  541. </script>
  542.  
  543.  
  544. </head>
  545. <body>
  546. <div id="over"></div>
  547.  
  548. {block:ifImagebar}
  549. <div id="imagebar">
  550. <div class="imagebar1"><img src="{image:imagebar 1}"></div>
  551. <div class="imagebar2"><img src="{image:imagebar 2}"></div>
  552. <div class="imagebar3"><img src="{image:imagebar 3}"></div>
  553. </div>
  554. {/block:ifImagebar}
  555.  
  556. <!--PLEASE DO NOT REMOVE-->
  557. <div id="E"><a href="https://theghostoflove.tumblr.com" target="_blank" title="Enchantingly">E</a>
  558. </div>
  559.  
  560. <div id="navigate"><div id="navtitle">navigation</div><div id="navlinks">
  561. <a href="/">home</a>
  562. <a href="/ask">ask</a>
  563. {block:ifLink1}<a href="{text:Link1URL}">{text:Link1}</a>{/block:ifLink1}
  564. {block:ifLink2}<a href="{text:Link2URL}">{text:Link2}</a>{/block:ifLink2}
  565. {block:ifLink3}<a href="{text:Link3URL}">{text:Link3}</a>{/block:ifLink3}
  566. {block:ifLink4}<a href="{text:Link4URL}">{text:Link4}</a>{/block:ifLink4}
  567. {block:ifLink5}<a href="{text:Link5URL}">{text:Link5}</a>{/block:ifLink5}
  568. {block:ifLink6}<a href="{text:Link6URL}">{text:Link6}</a>{/block:ifLink6}
  569. {block:ifLink7}<a href="{text:Link7URL}">{text:Link7}</a>{/block:ifLink7}
  570. {block:HasPages}{block:Pages}<a href="{URL}" class="page">{Label}</a>{/block:Pages}{/block:HasPages}
  571. <a href="/archive">archive</a><BR>
  572. </div></div>
  573.  
  574. <div id="sidebar">
  575. <div id="title"><a href="/">{Title}</a></div>
  576.  
  577. <center>{block:ifSidebarImage}
  578. <img src="{image:Sidebar}">
  579. {/block:ifSidebarImage}</center>
  580.  
  581. <div id="desc">
  582. {block:ifNotInfiniteScroll}<center>{block:Pagination}
  583. <div class="pagi">
  584. {block:PreviousPage}
  585. <a href="{PreviousPage}">«</a>
  586. {/block:PreviousPage}
  587. {block:NextPage}
  588. <a href="{NextPage}">»</a>
  589. {/block:NextPage}
  590. </div><!--pagi-->
  591. {/block:Pagination}</center>{/block:ifNotInfiniteScroll}
  592.  
  593. {block:ifInfiniteScroll}
  594. <div class="navigation">
  595. {block:Pagination}
  596. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
  597. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
  598. {/block:Pagination}
  599. </div>
  600. {/block:ifInfiniteScroll}
  601.  
  602. {Description}
  603. </div> <!--desc-->
  604. </div> <!--sidebar-->
  605.  
  606. <div id="entries">
  607.  
  608. {block:TagPage}<div id="tagpage">
  609. Posts tagged "{Tag}"</div>
  610. {/block:TagPage}
  611.  
  612.  
  613. {block:ifInfiniteScroll}<div id="container">{/block:ifInfiniteScroll}
  614. {block:ifNotInfiniteScroll}<div id="content">{/block:ifNotInfiniteScroll}
  615.  
  616. {block:Posts}
  617. <div id="post">
  618.  
  619. {block:Text}
  620. {block:Title}
  621. <div id="texttitle">{Title}</div>
  622. {/block:Title}
  623. {Body}
  624. {/block:Text}
  625.  
  626. {block:Photo}<center>{LinkOpenTag}
  627. {block:IndexPage}{block:ifNotGrid}
  628. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  629. {/block:ifNotGrid}
  630. {block:ifGrid}
  631. <img src="{PhotoURL-250}" alt="{PhotoAlt}">
  632. {/block:ifGrid}{/block:IndexPage}
  633. {block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}">
  634. {/block:PermalinkPage}
  635. {LinkCloseTag}</center>
  636. {block:Caption}{Caption}{/block:Caption}
  637. {/block:Photo}
  638.  
  639. {block:Photoset}<center>{block:IndexPage}{block:ifNotGrid}{Photoset-400}{/block:ifNotGrid}
  640. {block:ifGrid}{Photoset-250}{/block:ifGrid}{/block:IndexPage}
  641. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  642. </center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  643.  
  644. {block:Quote}
  645. <div id="quote">
  646. <div id="quote_{Length}">“{Quote}”</div>
  647. <div align="right">
  648. {block:Source}<div id="quotesource">-{Source}</div>{/block:Source}
  649. </div></div>
  650. {/block:Quote}
  651.  
  652. {block:Video}{block:IndexPage}{block:ifNotGrid}{Video-400}{/block:IfNotGrid}{block:ifGrid}{Video-250}{/block:IfGrid}{/block:IndexPage}
  653. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  654.  
  655. {block:Link}<div id="linkposts">
  656. <a href="{URL}" class="link" {Target}><center>{Name} →</center></a><BR>
  657. <center><small><small>{URL}</small></small></center></div>
  658. {block:Description}{Description}{/block:Description}
  659. {/block:Link}
  660.  
  661.  
  662. {block:Chat}
  663. {block:Title}<div id="texttitle">{Title}</div>{/block:Title}
  664. <div class="chat">
  665. <div class="lines">
  666. {block:Lines}
  667. <div class="line {Alt}">
  668. {block:Label}<strong>{Label}</strong>{/block:Label}
  669. {Line}</div>
  670. {/block:Lines}
  671. </div>
  672. </div>
  673. {/block:Chat}
  674.  
  675. {block:Audio}
  676. {block:AlbumArt}
  677. <div class="album"><img src="{AlbumArtURL}"></div>
  678. {/block:AlbumArt}
  679. <div class="audio">{AudioPlayerWhite}</div>
  680. <div class="pc">
  681. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
  682. </div>
  683. <center><div class="audiobox">
  684. <div class="audiotext">{block:TrackName}
  685. <i><big><big>"{TrackName}"</big></i>{/block:TrackName}
  686. {block:Artist}<br>by {Artist}{/block:Artist}</big></div>
  687. </div></center>
  688. {block:Caption}{Caption}{/block:Caption}
  689. {/block:Audio}
  690.  
  691. {block:Answer}<div id="question">
  692. <big>{Question}</big></div>
  693. <div id="triangle">◥</div>
  694. <BR>
  695. <div id="asker">
  696. <img src="{AskerPortraitURL-30}">{Asker}</div><BR>
  697. {Answer}{/block:Answer}
  698.  
  699. {block:Date}
  700. <div id="info">
  701. <a href="{Permalink}">{TimeAgo}</a>
  702. {block:NoteCount} · <a href="{Permalink}">
  703. {NoteCountWithLabel} </a>{/block:NoteCount}
  704.  
  705. {block:RebloggedFrom}<a href="{ReblogParentURL}">
  706. · via {ReblogParentName}</a>
  707. {/block:RebloggedFrom}
  708.  
  709. {block:Reblog}<a href="{ReblogRootURL}">
  710. (©{ReblogRootName}</a>)
  711. {/block:Reblog}
  712.  
  713. · <a href="{ReblogURL}" target="_blank"> reblog</a>
  714. </div>{/block:Date}
  715.  
  716. <center>{block:HasTags} <div id="tags"> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div> {/block:HasTags}</center>
  717. <div class="note"> {block:PostNotes}{PostNotes}{/block:PostNotes}
  718. </div>
  719.  
  720. </div>
  721. {/block:Posts}
  722.  
  723. {block:ifInfiniteScroll}<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  724. <script type="text/javascript">//** Scroll to top script by Kyle Monk (kylemonk.tumblr.com)
  725.  
  726. var scrolltotop={
  727. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  728. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
  729. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  730. controlHTML: '<img src="{text:BackToTopImage}" style="filter:alpha(opacity=60); -moz-opacity:0.6;" width="60"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  731. controlattrs: {offsetx:35, offsety:35}, //offset of control relative to right/ bottom of window corner
  732. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  733.  
  734. state: {isvisible:false, shouldvisible:false},
  735.  
  736. scrollup:function(){
  737. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  738. this.$control.css({opacity:0}) //hide control immediately after clicking it
  739. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  740. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  741. dest=jQuery('#'+dest).offset().top
  742. else
  743. dest=0
  744. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  745. },
  746.  
  747. keepfixed:function(){
  748. var $window=jQuery(window)
  749. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  750. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  751. this.$control.css({left:controlx+'px', top:controly+'px'})
  752. },
  753.  
  754. togglecontrol:function(){
  755. var scrolltop=jQuery(window).scrollTop()
  756. if (!this.cssfixedsupport)
  757. this.keepfixed()
  758. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  759. if (this.state.shouldvisible && !this.state.isvisible){
  760. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  761. this.state.isvisible=true
  762. }
  763. else if (this.state.shouldvisible==false && this.state.isvisible){
  764. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  765. this.state.isvisible=false
  766. }
  767. },
  768.  
  769. init:function(){
  770. jQuery(document).ready(function($){
  771. var mainobj=scrolltotop
  772. var iebrws=document.all
  773. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  774. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  775. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  776. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  777. .attr({title:'back to top'})
  778. .click(function(){mainobj.scrollup(); return false})
  779. .appendTo('body')
  780. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  781. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  782. mainobj.togglecontrol()
  783. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  784. mainobj.scrollup()
  785. return false
  786. })
  787. $(window).bind('scroll resize', function(e){
  788. mainobj.togglecontrol()
  789. })
  790. })
  791. }
  792. }
  793.  
  794. scrolltotop.init()</script>{/block:ifInfiniteScroll}
  795.  
  796. {block:ifInfiniteScroll}{block:IndexPage}<div class="column navigation" id="navigation">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}</div>{/block:IndexPage}
  797. {block:IndexPage}<script src="https://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script><script type="text/javascript" src="https://static.tumblr.com/8yo5xxv/YnTm5op3n/like.js"></script>
  798.  
  799. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script type="text/javascript" src="https://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script><script type="text/javascript" src=""></script>
  800. <script type="text/javascript">
  801. $(window).load(function(){
  802. var $wall = $('#container');
  803. $wall.imagesLoaded(function(){
  804. $wall.masonry({
  805. itemSelector: '#post',
  806. isAnimated : true
  807. });
  808. });
  809. $wall.infinitescroll({
  810. navSelector : "div#navigation",
  811. nextSelector : "div#navigation a#nextPage",
  812. itemSelector : '#post',
  813. loadingImg : "https://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
  814. loadingText : " ",
  815. donetext : " ",
  816. extraScrollPx : 9000,
  817. bufferPx : 10000,
  818. debug : false,
  819. errorCallback: function() {
  820. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  821. }},
  822. function( newElements ) {
  823. var $newElems = $( newElements );
  824. $newElems.hide();
  825. $newElems.imagesLoaded(function(){
  826. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  827. });
  828. }); $('#container').show(500);
  829. });
  830. </script>{/block:IndexPage}{/block:ifInfiniteScroll}
  831. </div><!--entries--></div></div>
  832.  
  833. </div> </div>
  834. </div>
  835.  
  836. </div></div>
  837. </body>
  838.  
  839. <!---START OF SPARKLING MOUSE TRAIL--->
  840.  
  841. {block:ifTrailingMouse}<script type="text/javascript">
  842.  
  843. // <![CDATA[
  844. var colour="{color:mouse trail}";
  845. var sparkles=120;
  846.  
  847. /****************************
  848. * Tinkerbell Magic Sparkle *
  849. * (c) 2005 mf2fm web-design *
  850. * https://www.mf2fm.com/rv *
  851. * DON'T EDIT BELOW THIS BOX *
  852. ****************************/
  853. var x=ox=400;
  854. var y=oy=300;
  855. var swide=800;
  856. var shigh=600;
  857. var sleft=sdown=0;
  858. var tiny=new Array();
  859. var star=new Array();
  860. var starv=new Array();
  861. var starx=new Array();
  862. var stary=new Array();
  863. var tinyx=new Array();
  864. var tinyy=new Array();
  865. var tinyv=new Array();
  866.  
  867. window.onload=function() { if (document.getElementById) {
  868. var i, rats, rlef, rdow;
  869. for (var i=0; i<sparkles; i++) {
  870. var rats=createDiv(3, 3);
  871. rats.style.visibility="hidden";
  872. document.body.appendChild(tiny[i]=rats);
  873. starv[i]=0;
  874. tinyv[i]=0;
  875. var rats=createDiv(5, 5);
  876. rats.style.backgroundColor="transparent";
  877. rats.style.visibility="hidden";
  878. var rlef=createDiv(1, 5);
  879. var rdow=createDiv(5, 1);
  880. rats.appendChild(rlef);
  881. rats.appendChild(rdow);
  882. rlef.style.top="2px";
  883. rlef.style.left="0px";
  884. rdow.style.top="0px";
  885. rdow.style.left="2px";
  886. document.body.appendChild(star[i]=rats);
  887. }
  888. set_width();
  889. sparkle();
  890. }}
  891.  
  892. function sparkle() {
  893. var c;
  894. if (x!=ox || y!=oy) {
  895. ox=x;
  896. oy=y;
  897. for (c=0; c<sparkles; c++) if (!starv[c]) {
  898. star[c].style.left=(starx[c]=x)+"px";
  899. star[c].style.top=(stary[c]=y)+"px";
  900. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  901. star[c].style.visibility="visible";
  902. starv[c]=50;
  903. break;
  904. }
  905. }
  906. for (c=0; c<sparkles; c++) {
  907. if (starv[c]) update_star(c);
  908. if (tinyv[c]) update_tiny(c);
  909. }
  910. setTimeout("sparkle()", 40);
  911. }
  912.  
  913. function update_star(i) {
  914. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  915. if (starv[i]) {
  916. stary[i]+=1+Math.random()*3;
  917. if (stary[i]<shigh+sdown) {
  918. star[i].style.top=stary[i]+"px";
  919. starx[i]+=(i%5-2)/5;
  920. star[i].style.left=starx[i]+"px";
  921. }
  922. else {
  923. star[i].style.visibility="hidden";
  924. starv[i]=0;
  925. return;
  926. }
  927. }
  928. else {
  929. tinyv[i]=50;
  930. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  931. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  932. tiny[i].style.width="2px";
  933. tiny[i].style.height="2px";
  934. star[i].style.visibility="hidden";
  935. tiny[i].style.visibility="visible"
  936. }
  937. }
  938.  
  939. function update_tiny(i) {
  940. if (--tinyv[i]==25) {
  941. tiny[i].style.width="1px";
  942. tiny[i].style.height="1px";
  943. }
  944. if (tinyv[i]) {
  945. tinyy[i]+=1+Math.random()*3;
  946. if (tinyy[i]<shigh+sdown) {
  947. tiny[i].style.top=tinyy[i]+"px";
  948. tinyx[i]+=(i%5-2)/5;
  949. tiny[i].style.left=tinyx[i]+"px";
  950. }
  951. else {
  952. tiny[i].style.visibility="hidden";
  953. tinyv[i]=0;
  954. return;
  955. }
  956. }
  957. else tiny[i].style.visibility="hidden";
  958. }
  959.  
  960. document.onmousemove=mouse;
  961. function mouse(e) {
  962. set_scroll();
  963. y=(e)?e.pageY:event.y+sdown;
  964. x=(e)?e.pageX:event.x+sleft;
  965. }
  966.  
  967. function set_scroll() {
  968. if (typeof(self.pageYOffset)=="number") {
  969. sdown=self.pageYOffset;
  970. sleft=self.pageXOffset;
  971. }
  972. else if (document.body.scrollTop || document.body.scrollLeft) {
  973. sdown=document.body.scrollTop;
  974. sleft=document.body.scrollLeft;
  975. }
  976. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  977. sleft=document.documentElement.scrollLeft;
  978. sdown=document.documentElement.scrollTop;
  979. }
  980. else {
  981. sdown=0;
  982. sleft=0;
  983. }
  984. }
  985.  
  986. window.onresize=set_width;
  987. function set_width() {
  988. if (typeof(self.innerWidth)=="number") {
  989. swide=self.innerWidth;
  990. shigh=self.innerHeight;
  991. }
  992. else if (document.documentElement && document.documentElement.clientWidth) {
  993. swide=document.documentElement.clientWidth;
  994. shigh=document.documentElement.clientHeight;
  995. }
  996. else if (document.body.clientWidth) {
  997. swide=document.body.clientWidth;
  998. shigh=document.body.clientHeight;
  999. }
  1000. }
  1001.  
  1002. function createDiv(height, width) {
  1003. var div=document.createElement("div");
  1004. div.style.position="absolute";
  1005. div.style.height=height+"px";
  1006. div.style.width=width+"px";
  1007. div.style.overflow="hidden";
  1008. div.style.backgroundColor=colour;
  1009. return (div);
  1010. }
  1011. // ]]>
  1012.  
  1013. </script>{/block:ifTrailingMouse}
  1014. <!---END OF SPARKLING MOUSE TRAIL--->
  1015.  
  1016. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!