API tools faq
paste
enchantingly

Theme 44 - Save My Soul 2Column/Grid

enchantingly
Aug 29th, 2015
756
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.17 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 44 - "Save My Soul" 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="#194a8c">
  18. <meta name="color:Background"content="#00040a">
  19. <meta name="color:Body"content="#bbcce2">
  20. <meta name="color:Border"content="#2886eb">
  21. <meta name="color:Chat1"content="#194a8c">
  22. <meta name="color:Chat2"content="#0a3a7b">
  23. <meta name="color:Description"content="#bbcce2">
  24. <meta name="color:Description Bg" content="#011939">
  25. <meta name="color:Entries" content="">
  26. <meta name="color:Info bg" content="#0d3365">
  27. <meta name="color:Link"content="#3c7bce">
  28. <meta name="color:Link Hover"content="#ffffff">
  29. <meta name="color:Links Bg"content="#ffffff">
  30. <meta name="color:Links Hover Bg"content="#011939">
  31. <meta name="color:Link Stick" content="#011939">
  32. <meta name="color:Pagi Link" content="#011939">
  33. <meta name="color:Pagi Link Hover" content="#bbcce2">
  34. <meta name="color:Post"content="#011939">
  35. <meta name="color:Title"content="#011939">
  36.  
  37. <meta name="font:Body" content="'Trebuchet MS', sans-serif">
  38. <meta name="font:Quote" content="Garamond">
  39. <meta name="font:Text Title" content="'Book Antiqua'">
  40. <meta name="font:Title" content="'Clicker Script', cursive">
  41.  
  42. <meta name="if:Infinite Scroll" content="0">
  43. <meta name="if:Grid" content="0">
  44. <meta name="if:Repeat Background" content="">
  45. <meta name="if:Show Tags" content="1">
  46.  
  47. <meta name="image:Background"content="">
  48. <meta name="image:Sidebar"content="">
  49.  
  50. <meta name="text:Body Font Size" content="12px">
  51. <meta name="text:Title Font Size" content="40px">
  52.  
  53. <meta name="text:BackToTopImage" content="https://i1155.photobucket.com/albums/p559/scrolltotop/arrow64.png">
  54.  
  55. <meta name="text:Link1" content="">
  56. <meta name="text:Link1URL" content="http://">
  57. <meta name="text:Link2" content="">
  58. <meta name="text:Link2URL" content="http://">
  59. <meta name="text:Link3" content="">
  60. <meta name="text:Link3URL" content="http://">
  61. <meta name="text:Link4" content="">
  62. <meta name="text:Link4URL" content="http://">
  63.  
  64. <style type="text/css">
  65.  
  66. {block:ifNotGrid}blockquote {border-left:2px solid {color:border}; padding-left:5px; margin:0px 2px 0px 10px}{/block:ifNotGrid}
  67. {block:ifGrid}blockquote {border-left:2px solid {color:border}; padding-left:5px; margin:0px 2px 0px 2px}{/block:ifGrid}
  68.  
  69. ::-webkit-scrollbar {width: 8px; height:auto; background:{color:body};}::-webkit-scrollbar-corner {background:{color:body};}
  70. ::-webkit-scrollbar-button {background:{color:post}}
  71. ::-webkit-scrollbar-thumb:vertical {background:{color:post};}
  72. ::-webkit-scrollbar-thumb:horizontal {background:{color:post};}
  73.  
  74. ::selection {color:{color:background};background-color: {color:body};}
  75. ::-moz-selection {color:{color:background};background-color: {color:body};}::-webkit-selection {color:{color:background};background-color:{color:body};}
  76.  
  77. a {color:{color:link};text-decoration:none;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  78. a:hover {color:{color:link hover};}
  79.  
  80. body {
  81. font:{text:body font size} {font:body};
  82. text-align:justify;
  83. color:{color:body};
  84. background:{color:background} url('{image:background}') repeat;
  85. background-attachment:fixed;
  86. }
  87.  
  88. #container {position:relative; margin:10px 0px 0px 10px; {block:indexpage}width:870px;{/block:indexpage}{block:permalinkpage}width:470px;{/block:permalinkpage}}
  89. #container2 {float:left;}
  90. {block:ifNotGrid}#content {width:890px;}{/block:ifNotGrid}
  91. {block:ifGrid}#content {width:840px;}{/block:ifGrid}
  92.  
  93. /**Sidebar stuff**/
  94.  
  95. #title {
  96. position:fixed;
  97. font:{text:title font size} {font:title};
  98. font-weight:bold;
  99. text-align:center;
  100. margin-top:-175px;
  101. width: 250px;
  102. color:{color:Title};
  103. }
  104. #title a {color:{color:Title};}
  105.  
  106. #sidebar {
  107. border-radius:50%;
  108. text-align:center;
  109. top: 150px; left: 10px;
  110. position: fixed;
  111. width: 250px; height: 250px;
  112. background-color: {color:sidebar};
  113. background-image: url('{image:Sidebar Bg}');
  114. background-repeat: {block:IfNotRepeatBackground}no-repeat{/block:IfNotRepeatBackground};
  115. background-size: 300px;
  116. }
  117.  
  118. #sidebar img {
  119. z-index:-1;
  120. border-radius:50%;
  121. width: 250px; height:250px;
  122. border: 2px solid {color:title};
  123. }
  124.  
  125. #sidebar:hover #description {opacity: 1;
  126. transition-delay: 1s;
  127. -webkit-transition-delay: 1s;}
  128.  
  129. #description {
  130. overflow: hidden;
  131. position: fixed;
  132. z-index: 2;
  133. background-color: {color:description bg};
  134. border-radius: 50%;
  135. text-align: justify;
  136. opacity: 0;
  137. margin-top: -255px; margin-left: 2px;
  138. color: {color:description};
  139. width: 250px; height: 250px;
  140. -webkit-transition: all 1.3s ease-in-out;
  141. -moz-transition: all 1.3s ease-in-out;
  142. -o-transition: all 1.3s ease-in-out;
  143. -ms-transition: all 1.3s ease-in-out;
  144. transition: all 1.3s ease-in-out;
  145. }
  146.  
  147. #linkstick1 {
  148. z-index:-1;
  149. position: fixed;
  150. width: 10px; height: 60px;
  151. background-color: {color:link stick};
  152. top: 105px; margin-left: 100px;
  153. -webkit-transform: rotate(-45deg);
  154. -moz-transform: rotate(-45deg);
  155. -ms-transform: rotate(-45deg);
  156. -o-transform: rotate(-45deg);
  157. }
  158.  
  159. #link1 {
  160. font-size:11px;
  161. position: fixed;
  162. padding: 21px 15px;
  163. border-radius: 50%;
  164. top: 75px; margin-left: 40px;
  165. color:{color:link};
  166. background-color:{color:links bg};
  167. -moz-transition-duration:0.8s;-webkit-transition-duration:0.8s;-o-transition-duration:0.8s;
  168. }
  169.  
  170. #link1:hover {
  171. color:{color:link hover};
  172. background-color:{color:links hover bg};
  173. }
  174.  
  175. #linkstick2 {
  176. z-index:-1;
  177. position: fixed;
  178. width: 10px; height: 60px;
  179. background-color: {color:link stick};
  180. top: 45px; margin-left: 100px;
  181. -webkit-transform: rotate(45deg);
  182. -moz-transform: rotate(45deg);
  183. -ms-transform: rotate(45deg);
  184. -o-transform: rotate(45deg);
  185. }
  186.  
  187. #link2 {
  188. font-size:11px;
  189. position: fixed;
  190. padding: 21px 20px;
  191. border-radius: 50%;
  192. top: 20px; margin-left: 115px;
  193. color:{color:link};
  194. background-color:{color:links bg};
  195. -moz-transition-duration:0.8s;-webkit-transition-duration:0.8s;-o-transition-duration:0.8s;
  196. }
  197.  
  198. #link2:hover {
  199. color:{color:link hover};
  200. background-color:{color:links hover bg};
  201. }
  202.  
  203. #linkstick3 {
  204. z-index:-1;
  205. position: fixed;
  206. width: 10px; height: 60px;
  207. background-color: {color:link stick};
  208. top: 390px; margin-left: 100px;
  209. -webkit-transform: rotate(45deg);
  210. -moz-transform: rotate(45deg);
  211. -ms-transform: rotate(45deg);
  212. -o-transform: rotate(45deg);
  213. }
  214.  
  215. #link3 {
  216. font-size:11px;
  217. position: fixed;
  218. padding-top:20px;
  219. width:57px; height: 35px;
  220. border-radius: 50%;
  221. top: 420px; margin-left: 40px;
  222. color:{color:link};
  223. background-color:{color:links bg};
  224. -moz-transition-duration:0.8s;
  225. -webkit-transition-duration:0.8s;
  226. -o-transition-duration:0.8s;
  227. }
  228.  
  229. #link3:hover {
  230. color:{color:link hover};
  231. background-color:{color:links hover bg};
  232. }
  233.  
  234. #linkstick4 {
  235. z-index:-1;
  236. position: fixed;
  237. width: 10px; height: 60px;
  238. background-color: {color:link stick};
  239. top: 445px; margin-left: 100px;
  240. -webkit-transform: rotate(-45deg);
  241. -moz-transform: rotate(-45deg);
  242. -ms-transform: rotate(-45deg);
  243. -o-transform: rotate(-45deg);
  244. }
  245.  
  246. #link4 {
  247. font-size:11px;
  248. position: fixed;
  249. padding-top:20px;
  250. width:57px; height: 35px;
  251. border-radius: 50%;
  252. top: 470px; margin-left: 115px;
  253. color:{color:link};
  254. background-color:{color:links bg};
  255. -moz-transition-duration:0.8s;
  256. -webkit-transition-duration:0.8s;
  257. -o-transition-duration:0.8s;
  258. }
  259.  
  260. #link4:hover {
  261. color:{color:link hover};
  262. background-color:{color:links hover bg};
  263. }
  264.  
  265. #linkstick5 {
  266. z-index:-1;
  267. position: fixed;
  268. width: 10px; height: 60px;
  269. background-color: {color:link stick};
  270. top: 225px; margin-left: 265px;
  271. -webkit-transform: rotate(45deg);
  272. -moz-transform: rotate(45deg);
  273. -ms-transform: rotate(45deg);
  274. -o-transform: rotate(45deg);
  275. }
  276.  
  277. #link5 {
  278. font-size:11px;
  279. position: fixed;
  280. padding-top:20px;
  281. width:57px; height: 35px;
  282. border-radius: 50%;
  283. top: 200px; margin-left: 275px;
  284. color:{color:link};
  285. background-color:{color:links bg};
  286. -moz-transition-duration:0.8s;
  287. -webkit-transition-duration:0.8s;
  288. -o-transition-duration:0.8s;
  289. }
  290.  
  291. #link5:hover {
  292. color:{color:link hover};
  293. background-color:{color:links hover bg};
  294. }
  295.  
  296. #linkstick6 {
  297. z-index:-1;
  298. position: fixed;
  299. width: 10px; height: 60px;
  300. background-color: {color:link stick};
  301. top: 225px; margin-left: 335px;
  302. -webkit-transform: rotate(-45deg);
  303. -moz-transform: rotate(-45deg);
  304. -ms-transform: rotate(-45deg);
  305. -o-transform: rotate(-45deg);
  306. }
  307.  
  308. #link6 {
  309. font-size:11px;
  310. position: fixed;
  311. padding-top:20px;
  312. width:57px; height: 35px;
  313. border-radius: 50%;
  314. top: 260px; margin-left: 345px;
  315. color:{color:link};
  316. background-color:{color:links bg};
  317. -moz-transition-duration:0.8s;
  318. -webkit-transition-duration:0.8s;
  319. -o-transition-duration:0.8s;
  320. }
  321.  
  322. #link6:hover {
  323. color:{color:link hover};
  324. background-color:{color:links hover bg};
  325. }
  326.  
  327. #pagi {
  328. {block:ifNotGrid}width:300px;{/block:ifNotGrid}
  329. {block:ifGrid}width:300px;{/block:IfGrid}
  330. text-align:right;
  331. margin:15px 0px 0px -130px;
  332. font-family:cambria;
  333. font-size:12px;
  334. display:block;
  335. }
  336. #pagi a {
  337. text-align:center;
  338. border:1px solid transparent;
  339. padding:2px;
  340. background-color:{color:pagi link hover};
  341. color:{color:pagi link};
  342. }
  343. #pagi a:hover {
  344. border:1px solid {color:pagi link hover};
  345. background-color:{color:pagi link};
  346. color:{color:pagi link hover};
  347. }
  348.  
  349. #currentpage {
  350. font-weight:bold;
  351. padding:2px;
  352. color: {color:pagi link bg};
  353. border:1px solid {color:pagi link bg};
  354. }
  355.  
  356. /**POST STUFF**/
  357.  
  358. #entries {
  359. {block:ifNotGrid}padding:5px;{/block:ifNotGrid}
  360. {block:ifGrid}padding:5px;{/block:ifGrid}
  361. margin-left: 430px;
  362. margin-top: 20px;
  363. {block:IndexPage}{block:ifNotGrid}width:860px;{/block:ifNotGrid}
  364. {block:ifGrid}width:845px;{/block:IfGrid}{/block:IndexPage}
  365. {block:PermalinkPage}width:530px;{/block:PermalinkPage}
  366. background-color:{color:entries};
  367. }
  368.  
  369. #post {
  370. padding:10px;
  371. margin:5px 5px 15px 5px;
  372. background-color:{color:post};
  373. {block:IndexPage}{block:IfNotGrid}width:400px;{/block:ifNotGrid}
  374. {block:ifGrid}width:250px;{/block:ifGrid}{/block:IndexPage}
  375. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  376. }
  377.  
  378. /**POST INFO**/
  379.  
  380. #info {
  381. text-align:center;
  382. font-size: 10px;
  383. margin-top:15px;
  384. {block:IndexPage}{block:ifNotGrid}width:390px;{/block:ifNotGrid}
  385. {block:ifGrid}width:240px;{/block:ifGrid}{/block:IndexPage}
  386. {block:PermalinkPage}width:494px;{/block:PermalinkPage}
  387. padding:5px;
  388. background-color:{color:info bg};
  389. }
  390.  
  391. #tags {
  392. min-height:14px;
  393. font-size:10px;
  394. padding:0px 5px 5px 5px;
  395. margin-top:0px;
  396. {block:IndexPage}{block:ifNotGrid}width:390px;{/block:ifNotGrid}
  397. {block:ifGrid}width:240px;{/block:ifGrid}{/block:IndexPage}
  398. {block:PermalinkPage}width:494px;{/block:PermalinkPage}
  399. font-style:italic;
  400. text-align:center;
  401. background-color:{color:info bg};
  402. }
  403.  
  404. .note {
  405. text-transform:normal;
  406. font-style:normal;
  407. letter-spacing:0px;
  408. font-size: 12px;
  409. text-align:left;
  410. line-height:120%;
  411. margin-left:-35px;
  412. }
  413.  
  414. .note li {
  415. list-style-type:none;
  416. text-align:left;
  417. padding:5px 2px;
  418. margin:0px;
  419. }
  420.  
  421. .note li img {
  422. padding:5px;
  423. }
  424.  
  425. /**POST TYPES**/
  426.  
  427. #texttitle {
  428. font:normal 18px {font:Text Title};
  429. text-align:center;
  430. margin:2px;
  431. }
  432.  
  433. #quote {
  434. margin:5px 0px;
  435. font-family:{font:Quote};
  436. text-align:center;
  437. letter-spacing:1px;
  438. }
  439.  
  440. #quote_short {font-size:20px; line-height:100%;}
  441. #quote_medium {font-size:18px; line-height:95%;}
  442. #quote_long {font-size:16px; line-height:90%;}
  443.  
  444. #quotesource {
  445. font:italic 14px {font:Quote};
  446. margin:10px 0px -10px 0px;
  447. text-align:right;
  448. padding:6px;
  449. }
  450.  
  451. #linkposts {
  452. line-height:100%;
  453. height:80px;
  454. padding-bottom:10px; padding-top:10px;
  455. font:16px {font:Text Title};
  456. border:1px solid {color:Border};
  457. margin-bottom:5px;
  458. background-color:{color:Ask and Link Bg};
  459. width:{block:ifGrid}147px;{/block:ifGrid}{block:ifNotGrid}297px;{/block:ifNotGrid}
  460. }
  461.  
  462. #linkfav img {
  463. width:100px;
  464. margin-top:-107px;
  465. position:absolute;
  466. border-top:1px solid {color:Border};
  467. border-right:1px solid {color:Border};
  468. border-bottom:1px solid {color:Border};
  469. margin-left:{block:ifGrid}149px;{/block:ifGrid}{block:ifNotGrid}299px;{/block:ifNotGrid}
  470. }
  471.  
  472. #question {
  473. line-height:125%;
  474. font-size:13px;
  475. letter-spacing:1px;
  476. padding:10px; padding-right:94px; padding-bottom:20px;
  477. border:1px solid {color:Border};
  478. background-color:{color:Ask and Link Bg};
  479. width:{block:ifGrid}144px;{/block:ifGrid}{block:ifNotGrid}294px;{/block:ifNotGrid}
  480. min-height:72px;
  481. }
  482. #asker {
  483. width:70px; min-height:50px;
  484. position:absolute;
  485. text-align:center;
  486. font-size:10px;
  487. letter-spacing:1px;
  488. padding:20px 0px 0px 3px;
  489. margin:0px 0px 0px {block:ifGrid}152px{/block:ifGrid}{block:ifNotGrid}302px{/block:ifNotGrid};
  490. border-left:1px solid {color:Border};
  491. }
  492. #asker img {
  493. margin-left:-10px 0px 0px 0px;
  494. border:1px solid {color:Border};
  495. }
  496.  
  497. #audiopost {{block:ifGrid}text-align:left;{/block:ifGrid}line-height:140%;border:1px solid {color:border}; background-color:{color:Ask And Link Bg};}
  498. .album {position:absolute; margin-top:0px; width:100px; height:100px;}
  499. .album img {width:100px; height:100px;border-right:1px solid {color:border};}
  500. .audio {position:absolute;padding:35px 0px 0px 36px;height:30px;width:28px;overflow:hidden;opacity:.5;}
  501. .audiobox {height:100px;z-index:10; margin-left:110px;}
  502.  
  503. .chat {margin:3px 3px 10px 3px;{block:IndexPage}{block:ifNotGrid}
  504. width:389px;{/block:ifNotGrid}
  505. {block:ifGrid}width:239px;{/block:ifGrid}{/block:IndexPage}
  506. {block:PermalinkPage}width:489px;{/block:PermalinkPage}}
  507. .chat .lines {margin-left:1px;border-top:1px solid {color:border};border-left:1px solid {color:border};border-right:1px solid {color:border};}
  508. .chat .lines .line {margin-bottom:1px;padding:3px 5px;background-color:{color:Chat1};border-bottom:1px solid {color:border};}
  509. .chat .lines .line.even{background-color:{color:Chat2};}
  510.  
  511. #credit {
  512. z-index: 99999999999;
  513. text-align: center;
  514. font-size: 14px; font-family:'Montez';
  515. position: fixed;
  516. bottom: 5px; right: 5px;
  517. }
  518. #credit a {
  519. display: inline-block;
  520. height: 20px; width: 20px;
  521. background-color: {color:Post};
  522. color: {color:body};
  523. }
  524. #credit a:hover {
  525. border-radius: 50%;
  526. background-color: {color:body};
  527. color: {color:Post};
  528. }
  529.  
  530. #s-m-t-tooltip {
  531. padding:5px 10px 5px 10px;
  532. margin:20px 14px 7px 10px;
  533. border:1px solid {color:border};
  534. background-color:{color:Body};
  535. font:normal 9px/100% {font:body};
  536. letter-spacing:1px;
  537. color:{color:Post};
  538. z-index:99999999;
  539. }
  540.  
  541. #over{
  542. {block:ifNotGrid}height:2000px!important;{/block:ifNotGrid}
  543. {block:ifGrid}height:0px!important;{/block:ifGrid}
  544. position:absolute;
  545. top:0px;
  546. left:0px;
  547. width: 100%;}
  548.  
  549. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  550. #infscr-loading {display:none;}
  551. .navigation {display:none!important;}
  552.  
  553. {CustomCSS}</style>
  554.  
  555. <link href='https://fonts.googleapis.com/css?family=Montez|Clicker+Script' rel='stylesheet' type='text/css'>
  556.  
  557. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  558.  
  559. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  560.  
  561. <script>
  562. (function($){
  563. $(document).ready(function(){
  564. $("a[title]").style_my_tooltips({
  565. tip_follows_cursor:true,
  566. tip_delay_time:0,
  567. tip_fade_speed:0,
  568. attribute:"title"
  569. });
  570. });
  571. })(jQuery);
  572. </script>
  573.  
  574. {block:ifInfiniteScroll}<script src="https://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>{/block:ifInfiniteScroll}
  575.  
  576. <script type="text/javascript" src="https://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  577. <script src="https://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  578.  
  579. {block:ifNotInfiniteScroll}<script type="text/javascript">
  580. $(window).load(function () {
  581. $('#content').masonry({
  582. itemSelector : "#container2",
  583. },
  584. function() { $('#content').masonry({ appendedContent: $(this) }); }
  585. );
  586. });
  587. </script>{/block:ifNotInfiniteScroll}
  588.  
  589. </head>
  590. <body>
  591.  
  592. <div id="over"></div>
  593.  
  594. <div id="credit"><a href="https://theghostoflove.tumblr.com/" target="_blank" title="enchantingly">E</a></div>
  595.  
  596. <div id="sidebar">
  597. {block:ifSidebarImage}<img src="{image:Sidebar}">{/block:ifSidebarImage}
  598. <center>
  599. <div id="description"><div style="float:left;clear:left;height:12px;width:0px"></div><div style="float:right;clear:right;height:12px;width:0px"></div><div style="float:left;clear:left;height:12px;width:101px"></div><div style="float:right;clear:right;height:12px;width:91px"></div><div style="float:left;clear:left;height:12px;width:71px"></div><div style="float:right;clear:right;height:12px;width:58px"></div><div style="float:left;clear:left;height:12px;width:56px"></div><div style="float:right;clear:right;height:12px;width:45px"></div><div style="float:left;clear:left;height:12px;width:44px"></div><div style="float:right;clear:right;height:12px;width:33px"></div><div style="float:left;clear:left;height:12px;width:34px"></div><div style="float:right;clear:right;height:12px;width:23px"></div><div style="float:left;clear:left;height:12px;width:27px"></div><div style="float:right;clear:right;height:12px;width:17px"></div><div style="float:left;clear:left;height:12px;width:21px"></div><div style="float:right;clear:right;height:12px;width:13px"></div><div style="float:left;clear:left;height:12px;width:16px"></div><div style="float:right;clear:right;height:12px;width:10px"></div><div style="float:left;clear:left;height:12px;width:12px"></div><div style="float:right;clear:right;height:12px;width:8px"></div><div style="float:left;clear:left;height:12px;width:12px"></div><div style="float:right;clear:right;height:12px;width:7px"></div><div style="float:left;clear:left;height:12px;width:11px"></div><div style="float:right;clear:right;height:12px;width:8px"></div><div style="float:left;clear:left;height:12px;width:13px"></div><div style="float:right;clear:right;height:12px;width:10px"></div><div style="float:left;clear:left;height:12px;width:15px"></div><div style="float:right;clear:right;height:12px;width:13px"></div><div style="float:left;clear:left;height:12px;width:20px"></div><div style="float:right;clear:right;height:12px;width:16px"></div><div style="float:left;clear:left;height:12px;width:27px"></div><div style="float:right;clear:right;height:12px;width:21px"></div><div style="float:left;clear:left;height:12px;width:35px"></div><div style="float:right;clear:right;height:12px;width:27px"></div><div style="float:left;clear:left;height:12px;width:44px"></div><div style="float:right;clear:right;height:12px;width:37px"></div><div style="float:left;clear:left;height:12px;width:58px"></div><div style="float:right;clear:right;height:12px;width:48px"></div><div style="float:left;clear:left;height:12px;width:78px"></div><div style="float:right;clear:right;height:12px;width:70px"></div><div style="float:left;clear:left;height:12px;width:114px"></div><div style="float:right;clear:right;height:12px;width:118px"></div><div style="float:left;clear:left;height:12px;width:0px"></div><div style="float:right;clear:right;height:12px;width:0px"></div><div style="float:left;clear:left;height:12px;width:0px"></div><div style="float:right;clear:right;height:12px;width:0px"></div>
  600. <br>{Description}</div>
  601. <div id="title">{Title}</div>
  602. </center>
  603.  
  604. <div id="linkstick1"></div>
  605. <a href="/"><div id="link1">home</div></a>
  606.  
  607. <div id="linkstick2"></div>
  608. <a href="/ask"><div id="link2">ask</div></a>
  609.  
  610. {block:ifLink1}<div id="linkstick3"></div>
  611. <a href="{text:Link1URL}"><div id="link3">{text:Link1}</div></a>{/block:ifLink1}
  612.  
  613. {block:ifLink2}<div id="linkstick4"></div>
  614. <a href="{text:Link2URL}"><div id="link4">{text:Link2}</div></a>{/block:ifLink2}
  615.  
  616. {block:ifLink3}<div id="linkstick5"></div>
  617. <a href="{text:Link3URL}"><div id="link5">{text:Link3}</div></a>{/block:ifLink3}
  618.  
  619. {block:ifLink4}<div id="linkstick6"></div>
  620. <a href="{text:Link4URL}"><div id="link6">{text:Link4}</div></a>{/block:ifLink4}
  621.  
  622. </div>
  623.  
  624. {block:ifInfiniteScroll}
  625. <div class="navigation">
  626. {block:Pagination}
  627. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
  628. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
  629. {/block:Pagination}
  630. </div>
  631. {/block:ifInfiniteScroll}
  632.  
  633. <div id="entries">
  634.  
  635. {block:ifInfiniteScroll}<div id="container">{/block:ifInfiniteScroll}
  636. {block:ifNotInfiniteScroll}<div id="content">{/block:ifNotInfiniteScroll}
  637.  
  638. {block:Posts}<div id="post">
  639. <!--Text Posts-->
  640. {block:Text}
  641. {block:Title}<div id="texttitle">{Title}</div>{/block:Title}
  642. {Body}
  643. {/block:Text}
  644.  
  645. <!--Photo Posts-->
  646. {block:Photo}<center>{LinkOpenTag}
  647. {block:IndexPage}{block:ifNotGrid}
  648. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  649. {/block:ifNotGrid}
  650. {block:ifGrid}
  651. <img src="{PhotoURL-250}" alt="{PhotoAlt}">
  652. {/block:ifGrid}{/block:IndexPage}
  653. {block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}">
  654. {/block:PermalinkPage}
  655. {LinkCloseTag}</center>
  656. {block:Caption}{Caption}{/block:Caption}
  657. {/block:Photo}
  658.  
  659. <!--Photosets-->
  660. {block:Photoset}<center>{block:IndexPage}
  661. {block:ifNotGrid}{Photoset-400}{/block:ifNotGrid}
  662. {block:ifGrid}{Photoset-250}{/block:ifGrid}{/block:IndexPage}
  663. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  664. </center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  665.  
  666. <!--Panorama-->
  667. {block:Panorama}
  668. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
  669. {LinkCloseTag}
  670. {block:Caption}{Caption}{/block:Caption}
  671. {/block:Panorama}
  672.  
  673. <!--Quotes-->
  674. {block:Quote}<div id="quote">
  675. <div id="quote_{Length}">“{Quote}”</div>
  676. {block:Source}
  677. <div id="quotesource">- {Source}</div>
  678. {/block:Source}
  679. </div>{/block:Quote}
  680.  
  681. <!--Video Posts-->
  682. {block:Video}{block:IndexPage}{block:ifNotGrid}{Video-400}
  683. {/block:IfNotGrid}{block:ifGrid}{Video-250}{/block:IfGrid}
  684. {/block:IndexPage}
  685. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  686. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  687.  
  688. <!--Link Posts-->
  689. {block:Link}<div id="linkposts">
  690. <a href="{URL}" class="link" {Target}>
  691. <center>{Name} →</center></a><BR>
  692. <center><small><small>{URL}</small></small></center>
  693. </div> <!--linkposts-->
  694.  
  695. {block:Thumbnail}
  696. <div id="linkfav"><img src="{Thumbnail}"></div>
  697. {/block:Thumbnail}
  698.  
  699. {block:Description}{Description}{/block:Description}
  700. {/block:Link}
  701.  
  702. <!--Chat-->
  703. {block:Chat}
  704. {block:Title}<div id="texttitle">{Title}</div>{/block:Title}
  705. <div class="chat">
  706. <div class="lines">
  707. {block:Lines}
  708. <div class="line {Alt}">
  709. {block:Label}
  710. <strong>{Label}</strong>{/block:Label} {Line}
  711. </div> <!--line alt-->
  712. {/block:Lines}
  713. </div> <!--lines-->
  714. </div><!--chat-->
  715. {/block:Chat}
  716.  
  717. <!--Audio Posts -->
  718. {block:Audio}<div id="audiopost">
  719. {block:AlbumArt}
  720. <div class="album"><img src="{AlbumArtURL}"></div>
  721. {/block:AlbumArt}
  722.  
  723. <div class="audio"><center>{AudioPlayerWhite}</center></div>
  724.  
  725. <div class="audiobox">
  726. {block:TrackName}<br><big><b>Track name:</b>
  727. "{TrackName}"{/block:TrackName}
  728. {block:Artist}<br><b>Artist:</b> {Artist}{/block:Artist}
  729. {block:Album}<br><b>Album:</b> {Album}{/block:Album}
  730. {block:PlayCount}<br><b>Playcount:</b> {PlayCountWithLabel}
  731. {/block:PlayCount}
  732. </big>
  733. </div><!--audiobox-->
  734. </div><!--audiopost-->
  735. {block:Caption}{Caption}{/block:Caption}
  736. {/block:Audio}
  737.  
  738. <!--Asks-->
  739. {block:Answer}
  740. <div id="question">
  741. <div id="asker">
  742. <img src="{AskerPortraitURL-30}"><p>{Asker}</div>
  743. {Question}</div> <!--question-->
  744. <br>{Answer}<br>
  745. {/block:Answer}
  746.  
  747. {block:Date}<div id="info">
  748. <a href="{Permalink}" title="{DayOfMonth}{DayOfMonthSuffix}
  749. {ShortMonth} '{ShortYear} at {12Hour}.{Minutes}{ampm}">
  750. {TimeAgo} </a>
  751. {block:NoteCount} ·
  752. <a href="{Permalink}">{NoteCountWithLabel} </a>
  753. {/block:NoteCount}
  754. {block:RebloggedFrom} via <a href="{ReblogParentURL}">
  755. {ReblogParentName} </a>{/block:RebloggedFrom}
  756. {block:Reblog}
  757. (©<a href="{ReblogRootURL}">{ReblogRootName}</a>)
  758. {/block:Reblog}
  759. ·<a href="{ReblogURL}" target="_blank"> reblog</a>
  760. </div>{/block:Date}
  761.  
  762. <center>{block:ifShowTags}{block:HasTags}
  763. <div id="tags">
  764. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>
  765. {/block:HasTags}{/block:IfShowTags}</center>
  766. {block:PostNotes}
  767. <div class="note"> {PostNotes}</div>
  768. {/block:PostNotes}
  769. </div><!--posts-->{/block:Posts}
  770.  
  771. {block:ifNotInfiniteScroll}<div id="pagi"><center>
  772. {block:PreviousPage}
  773. <a href="{PreviousPage}">« prev</a>
  774. {/block:PreviousPage}
  775. {block:JumpPagination length="5"}
  776. {block:CurrentPage}
  777. <span id="currentpage">{PageNumber}</span>
  778. {/block:CurrentPage}
  779. {block:JumpPage}
  780. <a class="jump_page" href="{URL}">{PageNumber}</a>
  781. {/block:JumpPage}
  782. {/block:JumpPagination}
  783. {block:NextPage}
  784. <a href="{NextPage}">next »</a>{/block:NextPage}
  785. </center></div><!--pagi-->{/block:ifNotInfiniteScroll}
  786.  
  787. {block:ifInfiniteScroll}<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  788. <script type="text/javascript">//** Scroll to top script by Kyle Monk (kylemonk.tumblr.com)
  789.  
  790. var scrolltotop={
  791. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  792. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
  793. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  794. 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"
  795. controlattrs: {offsetx:35, offsety:35}, //offset of control relative to right/ bottom of window corner
  796. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  797.  
  798. state: {isvisible:false, shouldvisible:false},
  799.  
  800. scrollup:function(){
  801. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  802. this.$control.css({opacity:0}) //hide control immediately after clicking it
  803. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  804. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  805. dest=jQuery('#'+dest).offset().top
  806. else
  807. dest=0
  808. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  809. },
  810.  
  811. keepfixed:function(){
  812. var $window=jQuery(window)
  813. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  814. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  815. this.$control.css({left:controlx+'px', top:controly+'px'})
  816. },
  817.  
  818. togglecontrol:function(){
  819. var scrolltop=jQuery(window).scrollTop()
  820. if (!this.cssfixedsupport)
  821. this.keepfixed()
  822. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  823. if (this.state.shouldvisible && !this.state.isvisible){
  824. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  825. this.state.isvisible=true
  826. }
  827. else if (this.state.shouldvisible==false && this.state.isvisible){
  828. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  829. this.state.isvisible=false
  830. }
  831. },
  832.  
  833. init:function(){
  834. jQuery(document).ready(function($){
  835. var mainobj=scrolltotop
  836. var iebrws=document.all
  837. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  838. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  839. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  840. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  841. .attr({title:'back to top'})
  842. .click(function(){mainobj.scrollup(); return false})
  843. .appendTo('body')
  844. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  845. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  846. mainobj.togglecontrol()
  847. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  848. mainobj.scrollup()
  849. return false
  850. })
  851. $(window).bind('scroll resize', function(e){
  852. mainobj.togglecontrol()
  853. })
  854. })
  855. }
  856. }
  857.  
  858. scrolltotop.init()</script>{/block:ifInfiniteScroll}
  859.  
  860. {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}
  861. {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>
  862.  
  863. <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>
  864. <script type="text/javascript">
  865. $(window).load(function(){
  866. var $wall = $('#container');
  867. $wall.imagesLoaded(function(){
  868. $wall.masonry({
  869. itemSelector: '#post',
  870. isAnimated : true
  871. });
  872. });
  873. $wall.infinitescroll({
  874. navSelector : "div#navigation",
  875. nextSelector : "div#navigation a#nextPage",
  876. itemSelector : '#post',
  877. loadingImg : "https://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
  878. loadingText : " ",
  879. donetext : " ",
  880. extraScrollPx : 9000,
  881. bufferPx : 10000,
  882. debug : false,
  883. errorCallback: function() {
  884. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  885. }},
  886. function( newElements ) {
  887. var $newElems = $( newElements );
  888. $newElems.hide();
  889. $newElems.imagesLoaded(function(){
  890. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  891. });
  892. }); $('#container').show(500);
  893. });
  894. </script>{/block:IndexPage}{/block:ifInfiniteScroll}
  895. </div><!--entries--></div></div>
  896.  
  897. </div> </div>
  898. </div>
  899.  
  900. </div></div>
  901.  
  902.  
  903. </div>
  904. </body>
  905. </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!