API tools faq
paste
enchantingly

Theme 01 - Casual Elegance (2 Column/Grid)

enchantingly
Aug 23rd, 2015
515
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.20 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 01 - "Casual Elegance 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. <link href='https://fonts.googleapis.com/css?family=Pacifico|Cookie|Montez' rel='stylesheet' type='text/css'>
  13.  
  14. <title>{title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <meta name="color:Ask and Link Bg" content="#e7cf9a">
  20. <meta name="color:Chat1" content="#fcf0d7">
  21. <meta name="color:Chat2" content="#f8e5bb">
  22. <meta name="color:Background" content="#fcf2dd">
  23. <meta name="color:Body" content="#b38b85">
  24. <meta name="color:Border" content="#c4adad">
  25. <meta name="color:Description" content="#aa8e6f">
  26. <meta name="color:Entries" content="#e0d8bf">
  27. <meta name="color:Imagebar" content="#e2d0c2">
  28. <meta name="color:Link" content="#e0a38e">
  29. <meta name="color:Link Hover" content="#d37c5e">
  30. <meta name="color:Navlinks Bg" content="#f0e5dd">
  31. <meta name="color:Navlinks Bg Hover"content="#f7dfcf">
  32. <meta name="color:Post" content="#f7e7c5">
  33. <meta name="color:Scroll" content="#fcf2dd">
  34. <meta name="color:Scroll Bg" content="#e0d8bf">
  35. <meta name="color:Sidebar" content="#e6d3c4">
  36. <meta name="color:Title" content="#d198a8">
  37.  
  38. <meta name="if:Back to Top" content="0">
  39. <meta name="if:Imagebar" content="1">
  40. <meta name="if:Infinite Scroll" content="0">
  41. <meta name="if:Grid" content="0">
  42.  
  43. <meta name="image:Background" content="">
  44. <meta name="image:Sidebar Background" content="">
  45. <meta name="image:Sidebar" content="https://static.tumblr.com/065279b37f59c3cfd2934f298a3d233d/ougxdjo/3Lzmuakey/tumblr_static_emma4_2.jpg">
  46. <meta name="image:Imagebar 1" content="https://static.tumblr.com/3e63d45b1abd4f0c7423d8b1acfd628b/ougxdjo/r4Tmuakg0/tumblr_static_emma1.jpg">
  47. <meta name="image:Imagebar 2"content="https://static.tumblr.com/b0fe631f3b6c2faf9daebe6a051a9a06/ougxdjo/R7vmuakg6/tumblr_static_emma2_2.jpg">
  48. <meta name="image:Imagebar 3"content="https://static.tumblr.com/908999adca97018d8efef1f49eb83159/ougxdjo/M17muakgi/tumblr_static_emma3.jpg">
  49. <meta name="image:Imagebar Bg"content="">
  50.  
  51. <meta name="text:BackToTopImage" content="https://i1155.photobucket.com/albums/p559/scrolltotop/arrow64.png">
  52.  
  53. <meta name="text:Link1" content="">
  54. <meta name="text:Link1URL" content="http://">
  55. <meta name="text:Link2" content="">
  56. <meta name="text:Link2URL" content="http://">
  57. <meta name="text:Link3" content="">
  58. <meta name="text:Link3URL" content="http://">
  59. <meta name="text:Link4" content="">
  60. <meta name="text:Link4URL" content="http://">
  61. <meta name="text:Link5" content="">
  62. <meta name="text:Link5URL" content="http://">
  63. <meta name="text:Link6" content="">
  64. <meta name="text:Link6URL" content="http://">
  65. <meta name="text:Link7" content="">
  66. <meta name="text:Link7URL" content="http://">
  67. <meta name="text:Link8" content="">
  68. <meta name="text:Link8URL" content="http://">
  69. <meta name="text:Link9" content="">
  70. <meta name="text:Link9URL" content="http://">
  71.  
  72. <style type="text/css">
  73.  
  74. body{
  75. text-align:justify;
  76. font-family:georgia;
  77. font-size:11px;
  78. color:{color:body};
  79. background:{color:background} url('{image:Background}') fixed repeat;
  80. }
  81.  
  82. h4 {font-family: 'Cookie', cursive;font-size:24px;text-align:center;line-height:80%;letter-spacing:1px;padding:6px; font-weight:normal;margin:0px 0px 0px 0px}
  83.  
  84. {block:ifNotGrid}blockquote {border-left:2px solid {color:border}; padding-left:5px; margin:0px 2px 0px 10px}{/block:ifNotGrid}
  85. {block:ifGrid}blockquote {border-left:2px solid {color:border}; padding-left:5px; margin:0px 2px 0px 2px}{/block:ifGrid}
  86.  
  87. ::-webkit-scrollbar {width:10px;height:auto;background:{color:scroll bg};}
  88. ::-webkit-scrollbar-corner {background:{color:scroll};}
  89. ::-webkit-scrollbar-thumb:vertical {background:{color:scroll};}
  90. ::-webkit-scrollbar-thumb:horizontal {background:{color:scroll};}
  91.  
  92. ::selection {color:{color:post};background-color: {color:body};}
  93. ::-moz-selection {color:{color:post};background-color: {color:body};}
  94. ::-webkit-selection {color:{color:post};background-color: {color:body};}
  95.  
  96. a {color:{color:link};text-decoration:none;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  97. a:hover {color:{color:link hover};}
  98.  
  99. #container2 {float:left;}
  100. {block:ifNotGrid}#content {width:860px;}{/block:ifNotGrid}
  101. {block:ifGrid}#content {width:830px;}{/block:ifGrid}
  102.  
  103. #title {
  104. font-family: 'Cookie', cursive;
  105. font-weight: normal;
  106. text-align: center;
  107. font-size: 40px;
  108. margin-top: 25px;
  109. color: {color:Title};
  110. line-height: 85%;
  111. }
  112.  
  113. #sidebar {
  114. text-align:left;
  115. top:0px;
  116. left:0px;
  117. position:fixed;
  118. width:250px;
  119. height:100%;
  120. background-color:{color:sidebar};
  121. background-image:url('{image:Sidebar Background}');
  122. background-attachment:fixed;
  123. background-position:bottom left;
  124. }
  125.  
  126. #sidebar img {
  127. width: 200px; height: 170px;
  128. margin-top:20px;
  129. border:5px solid {color:border};
  130. }
  131.  
  132. #description {
  133. text-align:justify;
  134. width:205px;
  135. margin-top:40px;
  136. margin-left:20px;
  137. color:{color:description};
  138. }
  139.  
  140. #navigate {margin-top:15px; margin-left:15px;}
  141. #navigate a {
  142. height:10px;
  143. width:55px;
  144. line-height:10px;
  145. display:inline-block;
  146. margin:5px 0px 5px 5px;
  147. font-size:9px;
  148. text-transform:lowercase;
  149. letter-spacing:2px;
  150. text-align:center;
  151. padding:4px;
  152. border:solid 1px {color:border};
  153. background-color:{color:navlinks bg};
  154. }
  155. #navigate a:hover {
  156. font-style:italic;
  157. background-color:{color:navlinks bg hover};
  158. }
  159.  
  160. .pagi {
  161. text-align:center;
  162. width:250px;
  163. display:inline-block;
  164. margin-top:0px;
  165. position:fixed;
  166. font-size:30px;
  167. }
  168.  
  169. #entries {
  170. z-index:9;
  171. padding:10px;
  172. padding-left:15px;
  173. padding-right:{block:ifNotGrid}15px{/block:ifNotGrid}{block:ifGrid}0px{/block:ifGrid};
  174. float:left;
  175. margin-bottom:20px;
  176. margin-top:10px;
  177. margin-left:260px;width:860px;
  178. background-color:{color:Entries};
  179. }
  180.  
  181. #post {
  182. overflow:hidden;
  183. float:left;
  184. position:relative;
  185. z-index:10;
  186. padding:10px;
  187. {block:PermalinkPage}margin-left:300px;{/block:PermalinkPage}
  188. margin-left:5px;
  189. margin-top:10px;
  190. margin-bottom:15px;
  191. padding-bottom:10px;
  192. background-color:{color:Post};
  193. {block:ifNotGrid}width:400px;{/block:ifNotGrid}
  194. {block:ifGrid}width:250px;{/block:ifGrid}
  195. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  196. }
  197.  
  198. #textpost {
  199. {block:ifNotGrid}width:400px;{/block:ifNotGrid}
  200. {block:ifGrid}width:250px;{/block:ifGrid}
  201. }
  202.  
  203. #quote {
  204. margin:5px 0px;
  205. font-family:Garamond;
  206. text-align:center;
  207. letter-spacing:1px;
  208. }
  209.  
  210. #quote_short {font-size:20px; line-height:100%;}
  211. #quote_medium {font-size:18px; line-height:95%;}
  212. #quote_long {font-size:16px; line-height:90%;}
  213.  
  214. #quotesource {
  215. font-family: 'Pacifico', cursive;
  216. font-size: 18px;
  217. text-align: right;
  218. line-height: 80%;
  219. letter-spacing: 1px;
  220. padding: 2px;
  221. font-weight: normal;
  222. }
  223.  
  224. #question {
  225. font-weight:normal;
  226. font-size:12px;
  227. letter-spacing:1px;
  228. padding:10px;
  229. background-color:{color:Ask And Link BG};
  230. -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;
  231. }
  232.  
  233. #triangle {
  234. font-size:45px;
  235. margin-top:-25px;
  236. margin-left:18px;
  237. color:{color:Ask And Link BG}
  238. }
  239.  
  240. #asker {
  241. text-align: left;
  242. font-size:13px;
  243. letter-spacing:1px;
  244. padding-bottom:10px;
  245. margin-top:-20px;
  246. }
  247.  
  248. #asker img {
  249. vertical-align:left;
  250. float:left;
  251. margin-left:60px;
  252. margin-right:10px;
  253. margin-top:-10px;
  254. border:2px solid {color:Border};
  255. }
  256.  
  257. #linkposts {
  258. padding-bottom:10px;
  259. padding-top:10px;
  260. font-family:book antiqua;
  261. font-size:16px;
  262. border:2px dotted {color:Border};
  263. background-color:{color:Ask And Link BG}
  264. }
  265.  
  266. {block:IndexPage}{block:ifNotGrid}
  267. .album {position:absolute; margin-top:0px; width:100px; height:100px;}
  268. .album img {width:100px; height:100px;}
  269. .audio {display:block; position:absolute; width:100px; height:425px; margin-left:110px;}
  270. .audiobox {height:100px;z-index:-1; margin-left:90px;}
  271. .audiotext {text-align:center; padding-top:30px; max-width:200px;overflow:hidden;font-family:cambria;width:400px;}
  272. .pc {padding: 2px 13px;height: 13px;float: right;margin-left:315px;font-family:cambria;font-size: 12px;text-transform: lowercase;}
  273. {/block:ifNotGrid}
  274.  
  275. {block:ifGrid}
  276. .album {position:absolute; margin-top:0px; width:50px; height:50px;}
  277. .album img {width:50px; height:50px;}
  278. .audio {display:block; position:absolute; width:140px; height:425px; margin-left:60px;overflow:hidden;}
  279. .audiobox {height:100px;z-index:-1; margin-left:0px;}
  280. .audiotext {text-align:center; padding-top:30px; max-width:200px;overflow:hidden;font-family:cambria;width:250px;}
  281. .pc {padding: 2px 13px;height: 13px;float: right;margin-left:315px;font-family:cambria;font-size: 12px;text-transform: lowercase;}
  282. {/block:ifGrid}{/block:IndexPage}
  283.  
  284. {block:PermalinkPage}
  285. .album {position:absolute; margin-top:0px; width:100px; height:100px;}
  286. .album img {width:100px; height:100px;}
  287. .audio {display:block; position:absolute; width:100px; height:425px; margin-left:148px}
  288. .audiobox {height:100px;z-index:-1; margin-left:100px;}
  289. .audiotext {text-align:center; padding-top:50px; max-width:200px;overflow:hidden;font-family:cambria;width:500px;}
  290. .pc {padding: 8px 13px;height: 13px;float: right;font-family:cambria;font-size: 12px;text-transform: lowercase;z-index:-1}
  291. .pc a {text-decoration: none;}
  292. {/block:PermalinkPage}
  293.  
  294. .chat {border-left: 5px solid {color:border};margin: 3px 3px 0 3px;font-size: 11px;font-family:georgia;{block:ifNotGrid}width:389px;{/block:ifNotGrid}{block:ifGrid}width:239px;{/block:ifGrid}{block:PermalinkPage}width:489px;{/block:PermalinkPage}}
  295. .chat .lines {margin-left: 1px;}
  296. .chat .lines .line {background-color: {color:chat1};margin-bottom: 1px;padding: 3px 5px;}
  297. .chat .lines .line.even {background-color: {color:chat2}; }
  298.  
  299. #info {
  300. text-align:center;
  301. font-size: 10px;
  302. margin-top:15px;
  303. padding:3px;
  304. border-top:1px solid {color:border};
  305. border-bottom:1px solid {color:border};
  306. }
  307.  
  308. #info a {
  309. text-align:left;
  310. font-size:10px;
  311. letter-spacing:0px;
  312. font-style:normal;
  313. }
  314.  
  315. #info a:hover {
  316. color:{color:link hover};
  317. }
  318.  
  319. #tags {
  320. font-size:10px;
  321. margin-top:5px;
  322. font-style:italic;
  323. text-align:center;
  324. }
  325.  
  326.  
  327. .note {text-transform:normal;font-style:normal;letter-spacing:0px;font-size: 10px;text-align:left;line-height:80%;margin-left:-40px; }
  328. .note li {list-style-type:none;text-align:left;padding:2px;margin:0px;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  329.  
  330. #imagebar {
  331. position:fixed;
  332. width:160px;
  333. height:100%;
  334. right:0px;
  335. margin-top:-8px;
  336. background-color:{color:imagebar};
  337. background:url ('{image:Imagebar Bg}');
  338. background-attachment:fixed;
  339. }
  340. .imagebarpic1 {
  341. width:140px;
  342. height:140px;
  343. margin-left:10px;
  344. margin-top:50px;
  345. position:fixed;
  346. overflow:hidden;
  347. -webkit-border-radius:50%;
  348. -moz-border-radius:50%;
  349. border-radius:50%;
  350. }
  351.  
  352. .imagebarpic2 {
  353. margin-left:10px;
  354. margin-top:230px;
  355. width:140px;
  356. height:140px;
  357. overflow:hidden;
  358. position:fixed;
  359. -webkit-border-radius:50%;
  360. -moz-border-radius:50%;
  361. border-radius:50%;
  362. }
  363.  
  364. .imagebarpic3 {
  365. margin-left:10px;
  366. margin-top:410px;
  367. width:140px;
  368. height:140px;
  369. overflow:hidden;
  370. position:fixed;
  371. -webkit-border-radius:50%;
  372. -moz-border-radius:50%;
  373. border-radius:50%;
  374. }
  375.  
  376. #container {position:relative; margin:10px 0px 0px 10px; {block:indexpage}width:870px;{/block:indexpage}{block:permalinkpage}width:470px;{/block:permalinkpage}}
  377.  
  378. #E {
  379. z-index:99999999999;
  380. font-weight:bold; font-size:14px; font-family:'Montez';
  381. text-align:center;
  382. position:fixed;
  383. bottom:5px; right:5px;
  384. }
  385. #E a {
  386. display:inline-block;
  387. height:20px; width:20px;
  388. background-color:{color:post};
  389. color:{color:body};
  390. }
  391. #E a:hover {
  392. border-radius:50%;
  393. background-color:{color:body};
  394. color:{color:post};
  395. }
  396.  
  397. #s-m-t-tooltip {
  398. padding:5px 10px 5px 10px;
  399. margin:20px 14px 7px 10px;
  400. border:1px solid {color:border};
  401. background-color:{color:Body};
  402. font:normal 9px/100% Georgia;
  403. letter-spacing:1px;
  404. color:{color:Post};
  405. z-index:99999999;
  406. }
  407.  
  408. #over{
  409. {block:ifNotGrid}height:2000px!important;{/block:ifNotGrid}
  410. {block:ifGrid}height:0px!important;{/block:ifGrid}
  411. position:absolute;
  412. top:0px;
  413. left:0px;
  414. width: 100%;}
  415.  
  416. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  417. #infscr-loading {display:none;}
  418. .navigation {display:none!important;}
  419.  
  420. {CustomCSS}</style>
  421.  
  422. {block:ifInfiniteScroll}<script src="https://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>{/block:ifInfiniteScroll}
  423.  
  424. <script type="text/javascript" src="https://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  425. <script src="https://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  426.  
  427. {block:ifNotInfiniteScroll}<script type="text/javascript">
  428. $(window).load(function () {
  429. $('#content').masonry({
  430. itemSelector : "#container2",
  431. },
  432. function() { $('#content').masonry({ appendedContent: $(this) }); }
  433. );
  434. });
  435. </script>{/block:ifNotInfiniteScroll}
  436.  
  437. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  438.  
  439. <script>
  440. (function($){
  441. $(document).ready(function(){
  442. $("a[title]").style_my_tooltips({
  443. tip_follows_cursor:true,
  444. tip_delay_time:0,
  445. tip_fade_speed:0,
  446. attribute:"title"
  447. });
  448. });
  449. })(jQuery);
  450. </script>
  451.  
  452. </head>
  453. <body>
  454. <div id="over"></div>
  455. <div id="sidebar">
  456.  
  457. <a href="/"><div id="title">{Title}</div></a>
  458. <center>
  459. {block:ifSidebarImage}<img src="{image:sidebar}">{/block:ifSidebarImage}
  460. </center>
  461. <div id="navigate">
  462. <a href="/">home</a>
  463. <a href="/ask">ask</a>
  464. <a href="/archive">archive</a>
  465. {block:ifLink1}<a href="{text:Link1URL}">{text:Link1}</a>{/block:ifLink1}
  466. {block:ifLink2}<a href="{text:Link2URL}">{text:Link2}</a>{/block:ifLink2}
  467. {block:ifLink3}<a href="{text:Link3URL}">{text:Link3}</a>{/block:ifLink3}
  468. {block:ifLink4}<a href="{text:Link4URL}">{text:Link4}</a>{/block:ifLink4}
  469. {block:ifLink5}<a href="{text:Link5URL}">{text:Link5}</a>{/block:ifLink5}
  470. {block:ifLink6}<a href="{text:Link6URL}">{text:Link6}</a>{/block:ifLink6}
  471. {block:ifLink7}<a href="{text:Link7URL}">{text:Link7}</a>{/block:ifLink7}
  472. {block:ifLink8}<a href="{text:Link8URL}">{text:Link8}</a>{/block:ifLink8}
  473. {block:ifLink9}<a href="{text:Link9URL}">{text:Link9}</a>{/block:ifLink9}
  474. </div>
  475. {block:ifNotInfiniteScroll}{block:Pagination}
  476. <div class="pagi">
  477. {block:PreviousPage}
  478. <a href="{PreviousPage}">«</a>
  479. {/block:PreviousPage}
  480. {block:NextPage}
  481. <a href="{NextPage}">»</a>
  482. {/block:NextPage}
  483. </div>
  484. {/block:Pagination}{/block:ifNotInfiniteScroll}
  485.  
  486. {block:ifInfiniteScroll}
  487. <div class="navigation">
  488. {block:Pagination}
  489. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
  490. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
  491. {/block:Pagination}
  492. </div>
  493. {/block:ifInfiniteScroll}
  494.  
  495. <div id="description">{description}</div>
  496. </div></div></div>
  497.  
  498. <div id="entries">
  499.  
  500. {block:TagPage}
  501. <h4>Posts tagged "{Tag}"</h4>
  502. {/block:TagPage}
  503.  
  504.  
  505. {block:ifInfiniteScroll}<div id="container">{/block:ifInfiniteScroll}
  506. {block:ifNotInfiniteScroll}<div id="content">{/block:ifNotInfiniteScroll}
  507.  
  508. {block:Posts}
  509.  
  510. <div id="post">
  511.  
  512.  
  513. {block:Text}<div id="textpost">{block:Title}<h4>{Title}</h4>{/block:Title}{Body}</div>{/block:Text}
  514.  
  515. {block:Photo}<center>{LinkOpenTag}
  516. {block:IndexPage}{block:ifNotGrid}
  517. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  518. {/block:ifNotGrid}
  519. {block:ifGrid}
  520. <img src="{PhotoURL-250}" alt="{PhotoAlt}">
  521. {/block:ifGrid}{/block:IndexPage}
  522. {block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}">
  523. {/block:PermalinkPage}
  524. {LinkCloseTag}</center>
  525. {block:Caption}{Caption}{/block:Caption}
  526. {/block:Photo}
  527.  
  528. {block:Photoset}<center>{block:IndexPage}{block:ifNotGrid}{Photoset-400}{/block:ifNotGrid}
  529. {block:ifGrid}{Photoset-250}{/block:ifGrid}{/block:IndexPage}
  530. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  531. </center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  532.  
  533. {block:Quote}
  534. <div id="quote">
  535. <div id="quote_{Length}">“{Quote}”</div>
  536. <div align="right">
  537. {block:Source}<div id="quotesource">-{Source}</div>{/block:Source}
  538. </div></div>
  539. {/block:Quote}
  540.  
  541. {block:Video}{block:IndexPage}{block:ifNotGrid}{Video-400}{/block:IfNotGrid}{block:ifGrid}{Video-250}{/block:IfGrid}{/block:IndexPage}
  542. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  543.  
  544. {block:Link}<div id="linkposts">
  545. <a href="{URL}" class="link" {Target}><center>{Name} →</center></a><BR>
  546. <center><small><small>{URL}</small></small></center></div>
  547. {block:Description}{Description}{/block:Description}
  548. {/block:Link}
  549.  
  550. {block:Chat}
  551. {block:Title}<h4>{Title}</h4>{/block:Title}
  552. <div class="chat">
  553. <div class="lines">
  554. {block:Lines}
  555. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  556. {/block:Lines}
  557. </div>
  558. </div>
  559. {/block:Chat}
  560.  
  561. {block:Audio}
  562. {block:AlbumArt}
  563. <div class="album"><img src="{AlbumArtURL}"></div>
  564. {/block:AlbumArt}
  565. <div class="audio">{AudioPlayerWhite}
  566. </div><div class="pc">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div><center>
  567. <div class="audiobox"><div class="audiotext">{block:TrackName}<i><big><big>"{TrackName}"</big></i>{/block:TrackName}{block:Artist}<br>by {Artist}{/block:Artist}</big></div></div></center>
  568. {block:Caption}{Caption}{/block:Caption}
  569. {/block:Audio}
  570.  
  571. {block:Answer}<div id="question">
  572. <big>{Question}</big></div>
  573. <div id="triangle">◥</div>
  574. <BR>
  575. <div id="asker"><img src="{AskerPortraitURL-30}">{Asker}</div><BR>
  576. {Answer}
  577. {/block:Answer}
  578.  
  579. {block:Date}
  580. <div id="info">
  581. <a href="{Permalink}">{TimeAgo} </a>
  582. {block:NoteCount} || <a href="{Permalink}">{NoteCountWithLabel} </a>
  583. {/block:NoteCount}
  584. {block:RebloggedFrom} via
  585. <a{ href="{ReblogParentURL}">{ReblogParentName} </a>
  586. {block:Reblog} (©<a href="{ReblogRootURL}">{ReblogRootName}</a>)
  587. {/block:Reblog}{/block:RebloggedFrom}||<a href="{ReblogURL}" target="_blank"> reblog</a>
  588. </div>{/block:Date}
  589.  
  590. <center>{block:HasTags} <div id="tags"> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div> {/block:HasTags}</center>
  591. <div class="note"> {block:PostNotes}{PostNotes}{/block:PostNotes}
  592. </div>
  593.  
  594. </div>
  595. {/block:Posts}
  596.  
  597. {block:ifInfiniteScroll}<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  598. <script type="text/javascript">//** Scroll to top script by Kyle Monk (kylemonk.tumblr.com)
  599.  
  600. var scrolltotop={
  601. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  602. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
  603. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  604. 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"
  605. controlattrs: {offsetx:35, offsety:35}, //offset of control relative to right/ bottom of window corner
  606. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  607.  
  608. state: {isvisible:false, shouldvisible:false},
  609.  
  610. scrollup:function(){
  611. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  612. this.$control.css({opacity:0}) //hide control immediately after clicking it
  613. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  614. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  615. dest=jQuery('#'+dest).offset().top
  616. else
  617. dest=0
  618. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  619. },
  620.  
  621. keepfixed:function(){
  622. var $window=jQuery(window)
  623. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  624. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  625. this.$control.css({left:controlx+'px', top:controly+'px'})
  626. },
  627.  
  628. togglecontrol:function(){
  629. var scrolltop=jQuery(window).scrollTop()
  630. if (!this.cssfixedsupport)
  631. this.keepfixed()
  632. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  633. if (this.state.shouldvisible && !this.state.isvisible){
  634. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  635. this.state.isvisible=true
  636. }
  637. else if (this.state.shouldvisible==false && this.state.isvisible){
  638. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  639. this.state.isvisible=false
  640. }
  641. },
  642.  
  643. init:function(){
  644. jQuery(document).ready(function($){
  645. var mainobj=scrolltotop
  646. var iebrws=document.all
  647. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  648. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  649. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  650. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  651. .attr({title:'back to top'})
  652. .click(function(){mainobj.scrollup(); return false})
  653. .appendTo('body')
  654. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  655. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  656. mainobj.togglecontrol()
  657. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  658. mainobj.scrollup()
  659. return false
  660. })
  661. $(window).bind('scroll resize', function(e){
  662. mainobj.togglecontrol()
  663. })
  664. })
  665. }
  666. }
  667.  
  668. scrolltotop.init()</script>{/block:ifInfiniteScroll}
  669.  
  670. {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}
  671. {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>
  672.  
  673. <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>
  674. <script type="text/javascript">
  675. $(window).load(function(){
  676. var $wall = $('#container');
  677. $wall.imagesLoaded(function(){
  678. $wall.masonry({
  679. itemSelector: '#post',
  680. isAnimated : true
  681. });
  682. });
  683. $wall.infinitescroll({
  684. navSelector : "div#navigation",
  685. nextSelector : "div#navigation a#nextPage",
  686. itemSelector : '#post',
  687. loadingImg : "https://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
  688. loadingText : " ",
  689. donetext : " ",
  690. extraScrollPx : 9000,
  691. bufferPx : 10000,
  692. debug : false,
  693. errorCallback: function() {
  694. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  695. }},
  696. function( newElements ) {
  697. var $newElems = $( newElements );
  698. $newElems.hide();
  699. $newElems.imagesLoaded(function(){
  700. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  701. });
  702. }); $('#container').show(500);
  703. });
  704. </script>{/block:IndexPage}{/block:ifInfiniteScroll}
  705. </div><!--entries--></div></div>
  706.  
  707. {block:ifImagebar}
  708. <div id="imagebar">
  709. <div class="imagebarpic1"><img src="{image:imagebar 1}"></div>
  710. <div class="imagebarpic2"><img src="{image:imagebar 2}"></div>
  711. <div class="imagebarpic3"><img src="{image:imagebar 3}"></div>
  712. </div>{/block:ifImagebar}
  713.  
  714. <div id="E"><a href="https://theghostoflove.tumblr.com/" title="Enchantingly" target="_blank">E</a></div>
  715. </div>
  716.  
  717. </body>
  718. </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!