API tools faq
paste
Advertisement
thegreatalyssa

thegreatalyssa - Liquid Confidence

thegreatalyssa
Dec 30th, 2012
820
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.77 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <!--
  5. ▲ LIQUID CONFIDENCE THEME
  6. by: http://www.thegreatalyssa.tumblr.com
  7. live preview: http://www.liqconfid-theme03.tumblr.com
  8.  
  9. DO NOT REMOVE THE CREDITS
  10. THANKS FOR USING THE THEME
  11. HOPE YOU LIKE IT :)
  12. -->
  13.  
  14.  
  15. <head>
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  21.  
  22. <link href='http://fonts.googleapis.com/css?family={text:Google Webfont name}' rel='stylesheet' type='text/css'>
  23. <link href='http://fonts.googleapis.com/css?family=Berkshire+Swash' rel='stylesheet' type='text/css'>
  24. <link href='http://fonts.googleapis.com/css?family=Orator+SD' rel='stylesheet' type='text/css'>
  25.  
  26. <meta name="color:Background" content=""/>
  27. <meta name="image:Background" content=""/>
  28.  
  29. <meta name="color:Posts Shadow" content="#d1d1d1"/>
  30.  
  31. <meta name="color:text" content="#000000"/>
  32. <meta name="text:Font Size" content=""/>
  33. <meta name="text:Google Webfont name" content="Cambria"/>
  34. <meta name="color:Link" content="#00000"/>
  35. <meta name="color:Link Hover" content="#00000"/>
  36. <meta name="color:Link Hover Background" content=""/>
  37. <meta name="if:Link Hover Transform" content"1"/>
  38.  
  39. <meta name="image:Banner" content=""/>
  40.  
  41.  
  42. <meta name="image:Sidebar Image" content=""/>
  43. <meta name="if:Fixed Sidebar" content=""/>
  44. <meta name="color:Sidebar Border" content="#d1d1d1"/>
  45. <meta name="color:Sidebar Shadow" content=""/>
  46. <meta name="color:Description Background" content="#d1d1d1"/>
  47. <meta name="color:Description Text" content="#000"/>
  48.  
  49. <meta name="color:Link Box Background" content=""/>
  50. <meta name="color:Link Box Hover Background" content=""/>
  51.  
  52. <meta name="text:Link1" content=""/>
  53. <meta name="text:Link1 URL" content=""/>
  54. <meta name="text:Link2" content=""/>
  55. <meta name="text:Link2 URL" content=""/>
  56. <meta name="text:Link3" content=""/>
  57. <meta name="text:Link3 URL" content=""/>
  58. <meta name="text:Link4" content=""/>
  59. <meta name="text:Link4 URL" content=""/>
  60.  
  61.  
  62. <meta name="color:Notes Background" content="#ebebeb"/>
  63. <meta name="color:Notes Text" content="#000000"/>
  64.  
  65. <meta name="text:Header" content="Liquid Confidence"/>
  66. <meta name="text:Header Text Size" content="120"/>
  67. <meta name="color:Header Text" content="#000000"/>
  68.  
  69. <meta name="if:Faded Images" content=""/>
  70. <meta name="if:Scroll To Top" content=""/>
  71. <meta name="if:Searchbar" content=""/>
  72. <meta name="if:Show Date" content=""/>
  73.  
  74. <meta name="if:Custom Scrollbar" content=""/>
  75. <meta name="color:Scrollbar" content=""/>
  76.  
  77. <meta name="text:Music Player Code" content=""/>
  78.  
  79.  
  80. <style type="text/css">
  81.  
  82.  
  83. body {
  84.  
  85. background-color:{color:Background};
  86. background-image:url('{image:Background}');
  87. background-repeat:repeat;
  88. font:{text:Font size}px {text:Google Webfont name};
  89. color:{color:Text};
  90. margin:0px;
  91. padding:0px;
  92. letter-spacing:0.5px;
  93. }
  94.  
  95. a {
  96. color:{color:Link};
  97. text-decoration:none;
  98. letter-spacing:1px;
  99. }
  100.  
  101. a:hover {
  102. color:{color:Link Hover};
  103. background:{color:Link Hover Background};
  104. {block:ifLinkHoverTransform}
  105. text-decoration:none;
  106. letter-spacing:2.5px;
  107. text-transform:lowercase;
  108. -webkit-transition-duration:.3s;
  109. {/block:ifLinkHoverTransform}
  110. }
  111.  
  112. {block:ifFadedImages}
  113. img {
  114. opacity: 1.0;
  115. -webkit-transition: all 0.3s linear 0s;
  116. -moz-transition: all 0.3s linear 0s;
  117. -o-transition: all 0.3s linear 0s;
  118. transition: all 0.3s linear 0s;
  119. }
  120.  
  121. img:hover {
  122. opacity: 0.6;
  123. -webkit-transition: all 0.3s linear 0s;
  124. -moz-transition: all 0.3s linear 0s;
  125. -o-transition: all 0.3s linear 0s;
  126. transition: all 0.3s linear 0s;
  127. }
  128.  
  129. {/block:ifFadedImages}
  130.  
  131. .pagination {
  132. display: none;
  133. }
  134.  
  135.  
  136. #container {
  137. width: 600px;
  138. margin-left:400px;
  139. background-color:{color:background};
  140. position:absolute;
  141. padding:5px;
  142. }
  143.  
  144. #post{
  145. padding:10px 10px 25px 10px;
  146. background-color:{color:background};
  147. width:{block:indexpage}250px{/block:indexpage} {block:permalinkpage}600px{/block:permalinkpage};
  148. box-shadow:0px 0px 3px {color:Post Shadow};
  149. -webkit-transition:box-shadow 0.3s ease-out;
  150. -moz-transition:box-shadow 0.3s ease-out;
  151. transition:box-shadow 0.3s ease-out;
  152. -o-transition:box-shadow 0.3s ease-out;
  153. float:left;
  154. margin:10px 20px 10px 10px;
  155. position:left;
  156. }
  157.  
  158. #post:hover {
  159. box-shadow:0px 0px 15px {color:Post Shadow};
  160. }
  161.  
  162.  
  163. #sidebar{
  164. background-color:{color:background};
  165. width:275px;
  166. height:400px;
  167. margin-bottom:-12px;
  168. margin-left:75px;
  169. margin-top:15px;
  170. border:4px solid {color:Sidebar Border};
  171. box-shadow:{color:Sidebar Shadow} 0px 0px 5px;
  172. -moz-border-radius:20px;
  173. border-radius:20px;
  174. {block:ifFixedSidebar}
  175. position:fixed;
  176. {/block:ifFixedSidebar}
  177. padding:3px;
  178. transition-duration: 1s;
  179. -moz-transition-duration: 1s;
  180. -webkit-transition-duration: 1s;
  181. -o-transition-duration: 1s;
  182. }
  183.  
  184.  
  185. #sidebar:hover {
  186. box-shadow:0px 0px 15px {color:Sidebar Shadow};
  187. }
  188.  
  189.  
  190. #banner {
  191. width: 600px;
  192. text-align: center;
  193.  
  194. }
  195.  
  196. #banner a{
  197. width:600px;
  198. align:center;
  199. }
  200.  
  201. #banner a:hover{
  202. width:600px;
  203. align:center;
  204. }
  205.  
  206. #sidebarimg {
  207. background-image:url('{image:Sidebar Image}');
  208. background-size:100%;
  209. width:250px;
  210. height:250px;
  211. position:relative;
  212. opacity:1.0;
  213. z-index:1000;
  214. overflow:auto;
  215. -moz-border-radius:20px;
  216. border-radius:20px;
  217. box-shadow:#818482 0px 0px 2px;
  218. border:2px solid {color:Sidebar Shadow};
  219. transition-duration: 1s;
  220. -moz-transition-duration: 1s;
  221. -webkit-transition-duration: 1s;
  222. -o-transition-duration: 1s;
  223.  
  224. }
  225.  
  226. #sidebarimg:hover {
  227. opacity:0.7;
  228. -webkit-transition: opacity 0.7s linear;
  229. -webkit-transition: all 0.7s ease-out;
  230. -moz-transition: all 0.7s ease-out;
  231. transition: all 0.7s ease-out;
  232. }
  233.  
  234. #sidewhole {
  235. width:225px;
  236. height:auto;
  237. opacity:0.0;
  238. -webkit-transition: opacity 0.7s linear;
  239. -webkit-transition: all 0.7s ease-out;
  240. -moz-transition: all 0.7s ease-out;
  241. transition: all 0.7s ease-out;}
  242.  
  243. #sideinfo {
  244. width:225px;
  245. height:auto;
  246. max-height:100px;
  247. padding: 0px 5px 0px 5px;
  248. float:center;
  249. overflow:auto;
  250. text-align:justify;
  251. opacity:0.0;
  252. border-left:0px;
  253. border-right:0px;
  254. background-color:{color:Description Background};
  255. -webkit-transition: opacity 0.7s linear;
  256. -webkit-transition: all 0.7s ease-out;
  257. -moz-transition: all 0.7s ease-out;
  258. transition: all 0.7s ease-out;}
  259.  
  260. #sidebarimg:hover {
  261. opacity:0.7;
  262. -webkit-transition: opacity 0.7s linear;
  263. -webkit-transition: all 0.7s ease-out;
  264. -moz-transition: all 0.7s ease-out;
  265. transition: all 0.7s ease-out;}
  266.  
  267. #sidebarimg:hover #sideinfo {
  268. color:{color:Description Text};
  269. opacity:0.8;
  270. float:center;
  271. padding: 10px 5px 10px 5px;
  272. background-color:{color:Description Background};
  273. text-align:justify;
  274. -webkit-transition: opacity 0.7s linear;
  275. -webkit-transition: all 0.7s ease-out;
  276. -moz-transition: all 0.7s ease-out;
  277. transition: all 0.7s ease-out;}
  278.  
  279.  
  280. #sidebarimg:hover #sidewhole {
  281. opacity:0.8;
  282. margin-top:20px;
  283. background-color:{color:Description Background};
  284. -webkit-transition: opacity 0.7s linear;
  285. -webkit-transition: all 0.7s ease-out;
  286. -moz-transition: all 0.7s ease-out;
  287. transition: all 0.7s ease-out;
  288. }
  289.  
  290. .links a {
  291. float: left;
  292. width: 105px;
  293. height: 12px;
  294. margin-left: 15px;
  295. margin-top: 1px;
  296. background-color: {color:Link Box Background};
  297. padding: 5px;
  298. font-family:{text:Google Webfont name};
  299. text-align: center;
  300. letter-spacing: 2px;
  301. line-height: 5px;
  302. font-size: 11px;
  303. text-transform:uppercase;
  304. -webkit-transition: all 0.5s ease-out;
  305. -moz-transition: all 0.5s ease-out;
  306. -o-transition: all 0.5s ease-out;
  307. }
  308.  
  309. .links a:hover{
  310. background-color: {color:Link Box Hover Background};
  311. -webkit-transition: all 0.5s ease-out;
  312. border-bottom: 0px solid {color:Sidebar Shadow};
  313. -moz-transition: all 0.5s ease-out;
  314. -o-transition: all 0.5s ease-out;
  315. }
  316.  
  317.  
  318.  
  319. #header {
  320. font-family:Berkshire Swash;
  321. font-size:{text:Header Text Size}px;
  322. padding:3px;
  323. margin-bottom:-15px;
  324. text-shadow:{color:Sidebar Shadow} 3px 3px 5px;
  325. color:{color:Header Text};
  326. -webkit-transition: opacity 0.7s linear;
  327. -webkit-transition: all 0.7s ease-out;
  328. -moz-transition: all 0.7s ease-out;
  329. transition: all 0.7s ease-out;
  330. }
  331.  
  332.  
  333. .notes {
  334. position:absolute;
  335. background:{color:Notes Background};
  336. margin:-10px 0px 0px -10px;
  337. width:100%;
  338. padding:2px 0px;
  339. text-align:left;
  340. bottom:-10px;
  341. opacity:0;
  342. -webkit-transition: all 0.5s ease;
  343. -moz-transition: all 0.5s ease;
  344. transition: all 0.5s ease;
  345. color:{color:permalink text};
  346. font-family:Cambria;
  347. text-transform:lowercase;
  348. font-size:9.5px;
  349. letter-spacing:1px;
  350. }
  351.  
  352. #post:hover .notes {
  353. bottom:0px;
  354. opacity:0.9;
  355. }
  356.  
  357. #nav {
  358. width: 25px;
  359. margin-bottom: 10px;
  360. margin-right:2px;
  361. height: 20px;
  362. padding-left: 5px;
  363. border-radius: 10px 0 0 10px;
  364. float: left;
  365. -webkit-transition: all 0.4s ease-in-out;
  366. -moz-transition: all 0.4s ease-in-out;
  367. -o-transition: all 0.4s ease-in-out;
  368. -ms-transition: all 0.4s ease-in-out;
  369. transition: all 0.4s ease-in-out;
  370. }
  371.  
  372. #index:hover, #indexa:hover, #indexb:hover, #indexc:hover, #indexd:hover {
  373. margin-left: -90px;
  374. -webkit-transition: all 0.4s ease-in-out;
  375. -moz-transition: all 0.4s ease-in-out;
  376. -o-transition: all 0.4s ease-in-out;
  377. -ms-transition: all 0.4s ease-in-out;
  378. transition: all 0.4s ease-in-out;
  379. }
  380.  
  381. .asdf {
  382. font-family: {text:Google Webfont name};
  383. letter-spacing: 1.5px;
  384. font-size: 10px;
  385. width: 60px;
  386. float: left;
  387. text-align: center;
  388. color: {color:Text};
  389. height: 25px;
  390. line-height: 25px;
  391. opacity: 0;
  392. {block:IfTransparentNavigation}
  393. background-color: rgba(0,0,0,0.0);
  394. {block:IfTransparentNavigation}
  395. -webkit-transition: all 0.4s ease-in-out;
  396. -moz-transition: all 0.4s ease-in-out;
  397. -o-transition: all 0.4s ease-in-out;
  398. -ms-transition: all 0.4s ease-in-out;
  399. transition: all 0.4s ease-in-out;
  400. }
  401.  
  402. #index:hover .asdf, #indexa:hover .asdf, #indexb:hover .asdf, #indexc:hover .asdf, #indexd:hover .asdf {
  403. opacity: 0.8;
  404. text-transform:uppercase;
  405. -webkit-transition: all 0.4s ease-in-out;
  406. -moz-transition: all 0.4s ease-in-out;
  407. -o-transition: all 0.4s ease-in-out;
  408. -ms-transition: all 0.4s ease-in-out;
  409. transition: all 0.4s ease-in-out;
  410. }
  411.  
  412.  
  413. #index {
  414. position: fixed;
  415. margin-left: -30px;
  416. margin-bottom:5px;
  417. -webkit-transition: all 0.4s ease-in-out;
  418. -moz-transition: all 0.4s ease-in-out;
  419. -o-transition: all 0.4s ease-in-out;
  420. -ms-transition: all 0.4s ease-in-out;
  421. transition: all 0.4s ease-in-out;
  422. }
  423.  
  424. #indexa {
  425. position: fixed;
  426. margin-top: 30px;
  427. margin-left: -30px;
  428. -webkit-transition: all 0.4s ease-in-out;
  429. -moz-transition: all 0.4s ease-in-out;
  430. -o-transition: all 0.4s ease-in-out;
  431. -ms-transition: all 0.4s ease-in-out;
  432. transition: all 0.4s ease-in-out;
  433. }
  434.  
  435. #indexb {
  436. position: fixed;
  437. margin-top: 60px;
  438. margin-left: -30px;
  439. -webkit-transition: all 0.4s ease-in-out;
  440. -moz-transition: all 0.4s ease-in-out;
  441. -o-transition: all 0.4s ease-in-out;
  442. -ms-transition: all 0.4s ease-in-out;
  443. transition: all 0.4s ease-in-out;
  444. }
  445.  
  446. #indexc {
  447. position: fixed;
  448. margin-top: 90px;
  449. margin-left: -30px;
  450. -webkit-transition: all 0.4s ease-in-out;
  451. -moz-transition: all 0.4s ease-in-out;
  452. -o-transition: all 0.4s ease-in-out;
  453. -ms-transition: all 0.4s ease-in-out;
  454. transition: all 0.4s ease-in-out;
  455. }
  456.  
  457. #indexd {
  458. position: fixed;
  459. margin-top: 120px;
  460. margin-left: -30px;
  461. -webkit-transition: all 0.4s ease-in-out;
  462. -moz-transition: all 0.4s ease-in-out;
  463. -o-transition: all 0.4s ease-in-out;
  464. -ms-transition: all 0.4s ease-in-out;
  465. transition: all 0.4s ease-in-out;
  466. }
  467.  
  468. .playbutton {
  469. width: 20px;
  470. height: 20px;
  471. overflow: hidden;
  472. position: relative;
  473. opacity:0.5;
  474. left:20px;
  475. top:20px;
  476. z-index: 1000; }
  477.  
  478. .cover {
  479. position: relative;
  480. z-index: 1;
  481. width:150px;
  482. height:150px;
  483. margin:5px;
  484. -webkit-border-radius: 100px;
  485. -moz-border-radius: 100px;
  486. border-radius: 100px;
  487. box-shadow:{color:Post Shadow} 0px 0px 7px; }
  488.  
  489. .playbox {background-color: #FFFFFF;
  490. position: absolute;
  491. z-index: 1000;
  492. opacity:0.5;
  493. width:70px;
  494. height:70px;
  495. margin-left:45px;
  496. margin-top:45px;
  497. -webkit-border-radius: 100px;
  498. -moz-border-radius: 100px;
  499. border-radius: 100px;}
  500.  
  501. .playbutton:hover {
  502. opacity:1.0; }
  503.  
  504. #credits {
  505. padding:3px;
  506. position:fixed;
  507. left:-185px;
  508. bottom:0px;
  509. opacity:.8;
  510. text-align:right;
  511. font-size:15px;
  512. width:200px;
  513. -webkit-transition: all .6s ease-out;
  514. -moz-transition: all .6s ease-out;
  515. -o-transition: all .6s ease-out;
  516. transition: all .6s ease-out;
  517. }
  518.  
  519. #credits:hover {
  520. position:fixed;
  521. left:0px;
  522. bottom:0px;
  523. opacity:1;
  524. text-align:right;
  525. width:200px;
  526. -webkit-transition: all .6s ease-out;
  527. -moz-transition: all .6s ease-out;
  528. -o-transition: all .6s ease-out;
  529. transition: all .6s ease-out;
  530. }
  531.  
  532.  
  533. #music {
  534. position:fixed;
  535. top:0px;
  536. left:0px;
  537. padding:10px;
  538. width:15px;
  539. height:15px;
  540. overflow:hidden;
  541. -webkit-transition: all 0.3s ease;
  542. -moz-transition: all 0.3s ease;
  543. transition: all 0.3s ease;
  544. -webkit-border-radius: 0px 30px 0px 0px;
  545. -moz-border-radius: 0px 30px 0px 0px;
  546. border-radius: 0px 30px 0px 0px;
  547. }
  548.  
  549. #music:hover {
  550. width:250px;
  551. }
  552.  
  553. #music .inner {
  554. width:250px;
  555. }
  556.  
  557. #search {
  558. margin-top: 0px;
  559. }
  560.  
  561. form#search input {
  562. font: 12px {text:Google Webfont name};
  563. width: 220px;
  564. margin-top: 5px;
  565. margin-left: 25px;
  566. background-image:url('{image:Background}');
  567. background-color:{color:Background};
  568. border: 0;
  569. text-align:center;
  570.  
  571. }
  572.  
  573. form#search input:hover {
  574. background-image:url('{image:Background}');
  575. background-color:{color:Background};
  576. }
  577.  
  578. form#search input:focus {
  579. background-image:url('{image:Background}');
  580. background-color:{color:Background};
  581. width: 220px;
  582. }
  583.  
  584.  
  585. blockquote {
  586. border:1px dashed {color:Description Text Shadow};
  587. padding:5px 5px 5px 5px;
  588. }
  589.  
  590. {block:ifCustomScrollbar}
  591. ::-webkit-scrollbar {
  592. width:10px;
  593. height:10px;
  594. }
  595.  
  596. ::-webkit-scrollbar-track {
  597. background-color:rgba({RGBcolor:Background},0.1);
  598. }
  599.  
  600. ::-webkit-scrollbar-thumb {
  601. background-color:{color:Scrollbar};
  602. -webkit-border-radius: 10px;
  603. -moz-border-radius: 10px;
  604. border-radius: 10px;
  605. }
  606.  
  607. {/block:ifCustomScrollbar}
  608.  
  609. ::-moz-selection { background: #d1d1d1; color:{color:Text}; }
  610. ::selection { background: #d1d1d1; color:{color:Text}; }
  611.  
  612. {CustomCSS]</style>
  613.  
  614.  
  615. {block:ifScrollToTop}
  616.  
  617. <script type="text/javascript" src="http://arrow.scrolltotop.com/arrow27.js"></script>
  618. <noscript><a href="http://www.scrolltotop.com">Scroll to Top</a></noscript>
  619.  
  620. {/block:ifScrollToTop}
  621. </head>
  622. <body>
  623.  
  624.  
  625.  
  626. <center>
  627.  
  628. {block:ifNotBannerImage}
  629. <div id="header">
  630. {text:Header}
  631. </div>
  632. {/block:ifNotBannerImage}
  633.  
  634.  
  635. {block:ifBannerImage}
  636. <div id="banner"><a href="/"><img src="{image:Banner}" alt="banner" /></a></div>
  637. {/block:ifBannerImage}
  638.  
  639.  
  640. </center>
  641.  
  642. <div id="sidebar">
  643.  
  644. <br>
  645.  
  646. <div id="index">
  647. <a href="/" title="index"><img id="nav" src="http://static.tumblr.com/qjsklvb/X74mfuhdl/53-house.png" width="15" height="15">
  648. <div class="asdf">INDEX</div>
  649. </div></a>
  650. <div id="indexa">
  651. <a href="/ask" title="message"><img id="nav" src="http://static.tumblr.com/qjsklvb/uzsmfuhh5/08-chat.png">
  652. <div class="asdf">ASK</div>
  653. </div></a>
  654. <div id="indexb">
  655. <a href="/archive" title="history"><img id="nav" src="http://static.tumblr.com/qjsklvb/UW6mfuhjc/144-martini.png">
  656. <div class="asdf">ARCHIVE</div>
  657. </div></a>
  658. <div id="indexc">
  659. <a href="/about" title="about"><img id="nav" src="http://static.tumblr.com/qjsklvb/Jxymfuhkf/111-user.png">
  660. <div class="asdf">ABOUT</div>
  661. </div></a>
  662.  
  663.  
  664. <center>
  665.  
  666. <div id="sidebarimg">
  667. <div id="sidewhole">
  668. <div id="sideinfo">
  669. {Description}
  670. </div>
  671. </div>
  672. </div>
  673. </td>
  674. </tr>
  675. </table>
  676.  
  677. <br>
  678. {block:IfLink1URL}<div class="links"><a href="{text:Link1 URL}">{text:Link1}</a></div>{/block:IfLink1URL}
  679. {block:IfLink2URL}<div class="links"><a href="{text:Link2 URL}">{text:Link2}</a></div>{/block:IfLink2URL}
  680. {block:IfLink3URL}<div class="links"><a href="{text:Link3 URL}">{text:Link3}</a></div>{/block:IfLink3URL}
  681. {block:IfLink4URL}<div class="links"><a href="{text:Link4 URL}">{text:Link4}</a></div>{/block:IfLink4URL}
  682.  
  683. </center>
  684. <br>
  685. {block:ifSearchbar}
  686. <form action="/search" method="get" id="search">
  687. <input type="text" name="q" value="SEARCH" onfocus="value='{searchQuery}'" onblur="value='SEARCH'"/>
  688.  
  689. <input type="hidden" value="Search" />
  690. </form>
  691. {/block:ifSearchbar}
  692.  
  693.  
  694. </div>
  695.  
  696.  
  697. <div id="container">
  698.  
  699. {block:Posts}
  700. <div id="post">
  701.  
  702. {block:IndexPage}
  703. <div class="notes">{block:ifShowDate}{block:Date} <a href="{Permalink}"> ▲ Posted {TimeAgo}{/block:Date}{/block:ifShowDate} with
  704. </a>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br>
  705. {block:RebloggedFrom} ▲ Reblogged from <a href="{ReblogParentURL}"> {ReblogParentName}</a>{/block:RebloggedFrom}
  706. </div>
  707.  
  708.  
  709. {/block:IndexPage}
  710.  
  711.  
  712. {block:Title}{Title}{/block:Title} </a>
  713. <span class="permalink"> <a href="{Permalink}">
  714. {block:Text}{Body}{/block:Text} </span>
  715.  
  716. {block:Photo}
  717. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="{block:indexpage}250px{/block:indexpage} {block:permalinkpage}500px{/block:permalinkpage}"
  718. "/></a>
  719. {/block:Photo}
  720.  
  721. {block:Photoset}
  722. {Photoset-250}
  723. {/block:Photoset}
  724.  
  725.  
  726. {block:Quote} <Br><span class="permalink"> <img style="width:15px;margin-right:-6px;opacity:0.3;margin-bottom:-2px;" src="http://i42.tinypic.com/okmxi8.png"/><a href="{Permalink}">
  727. "{Quote}"</a></span> written by {block:Source}{Source}{/block:Source}
  728. <div align="right">
  729.  
  730. </div>
  731. {/block:Quote}
  732.  
  733.  
  734. {block:Video}
  735. {Video-500}<br>
  736. {PlayCountWithLabel}
  737. {/block:Video}
  738.  
  739.  
  740. {block:Link}
  741. <a href="{URL}" class="link" {Target}>{Name}</a><BR>
  742. {block:Description}{Description}{/block:Description}
  743. {/block:Link}
  744.  
  745. {block:Chat}
  746. {block:Lines}
  747. {block:Label}
  748. <br>{Label}
  749. {/block:Label}
  750. &nbsp;{Line}
  751. {/block:Lines}
  752. {/block:Chat}
  753.  
  754. {block:Audio}
  755.  
  756. <table><tr><td width="20%" vAlign="middle">
  757. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  758. {block:AlbumArt}
  759. <img src="{AlbumArtURL}" class="cover">
  760. {/block:AlbumArt}
  761. </td><td width="80%" vAlign="middle">
  762. <div class="audiocaption">
  763. {block:Artist}
  764. {Artist}
  765. {/block:Artist}<p>
  766. {block:TrackName}
  767. <i>{TrackName}</i>
  768. {/block:TrackName}<p>
  769. {PlayCountWithLabel}
  770. </td></tr></table>
  771. {/block:Audio}
  772.  
  773. {block:Answer}
  774. <u>{Asker}</u> asked {Question}</b>
  775. A:{Answer}
  776. {/block:Answer}
  777.  
  778. {block:PermalinkPage}
  779. {block:Caption}
  780. {Caption}
  781. {/block:Caption}
  782. <br>
  783. {block:NoteCount}
  784. {NoteCount} notes
  785. {/block:NoteCount}
  786. <br>
  787. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  788. {/block:PermalinkPage}
  789.  
  790. </div>
  791.  
  792. {/block:Posts}
  793.  
  794. {block:ifmusicplayercode}
  795. <div id="music">
  796. <div class="inner">
  797. <div style="float:left;"><img src="http://static.tumblr.com/qjsklvb/hKemfue5d/divx_s.png" width="15px" height="15px">&nbsp;&nbsp;&nbsp;</div>
  798. <div style="float:left;">{text:music player code}</div>
  799. </div>
  800. </div>
  801. {/block:ifmusicplayercode}
  802.  
  803.  
  804. <div id="credits">
  805. Theme by <a href="http://www.thegreatalyssa.tumblr.com">thegreatalyssa</a> <big>▲</big>
  806. </div>
  807. <!-- Do not remove the credits. Seriously. JUST DO NOT. -->
  808.  
  809. </div>
  810.  
  811.  
  812.  
  813. <nav id="page-nav">
  814. {block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</nav>
  815.  
  816.  
  817. <script src="http://static.tumblr.com/ihdmiub/fXOm2ke05/jquery-1.7.1.min.js"></script>
  818. <script src="http://static.tumblr.com/ihdmiub/e8tm2kdze/jquery.masonry.min.js"></script>
  819. <script src="http://static.tumblr.com/ihdmiub/Noam2kdyo/jquery.infinitescroll.min.js"></script>
  820. <script>
  821. $(function(){
  822.  
  823. var $container = $('#container');
  824.  
  825. $container.imagesLoaded(function(){
  826. $container.masonry({
  827. itemSelector: '#post',
  828. columnWidth: 0
  829. });
  830. });
  831.  
  832. $container.infinitescroll({
  833. navSelector : '#page-nav', // selector for the paged navigation
  834. nextSelector : '#page-nav a', // selector for the NEXT link (to page 2)
  835. itemSelector : '#post', // selector for all items you'll retrieve
  836. loading: {
  837. finishedMsg: 'No more pages to load.',
  838. img: ''
  839. }
  840. },
  841. // trigger Masonry as a callback
  842. function( newElements ) {
  843. // hide new items while they are loading
  844. var $newElems = $( newElements ).css({ opacity: 0 });
  845. // ensure that images load before adding to masonry layout
  846. $newElems.imagesLoaded(function(){
  847. // show elems now they're ready
  848. $newElems.animate({ opacity: 1 });
  849. $container.masonry( 'appended', $newElems, true );
  850. });
  851. }
  852. );
  853.  
  854. });
  855. </script>
  856.  
  857. </body>
  858. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!