API tools faq
paste
Advertisement
thegreatalyssa

thegreatalyssa - Misery

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