API tools faq
paste
Advertisement
bchiang7

Orion Theme

bchiang7
Jul 3rd, 2015
214
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.18 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ORION THEME
  3.  
  4. by obliviateyourworries, 2015.
  5. http://obliviateyourworries.tumblr.com
  6. http://oblivion-themes.tumblr.com
  7. -->
  8. <head>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700' rel='stylesheet' type='text/css'>
  11. <link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,100' rel='stylesheet' type='text/css'>
  12. <link href='http://fonts.googleapis.com/css?family=Merriweather' rel='stylesheet' type='text/css'>
  13. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  14. <title>{title}</title>
  15.  
  16. <meta name="color:Background" content="#ffffff" />
  17. <meta name="color:Post Background" content="#cccccc" />
  18. <meta name="color:Text" content="#000" />
  19. <meta name="color:Blog Title" content="#000000" />
  20. <meta name="color:Border" content="#2200ff" />
  21. <meta name="color:Description" content="#000000" />
  22. <meta name="color:Nav Bar" content="#000" />
  23. <meta name="color:Nav Bar Hover" content="#000" />
  24. <meta name="color:Captions" content="#cccccc" />
  25. <meta name="color:Link" content="#2200ff" />
  26. <meta name="color:Link Hover" content="#6159ff" />
  27. <meta name="color:Post Divider" content="#5C5C5C" />
  28. <meta name="color:Text Permalinks" content="#000000" />
  29.  
  30. <meta name="image:Background" content="" />
  31. <meta name="image:Banner" content="" />
  32.  
  33. <meta name="if:Fixed Header" content="1"/>
  34. <meta name="if:Banner" content="0"/>
  35. <meta name="if:Show Captions" content="0"/>
  36. <meta name="if:Black Audio Player" content="1"/>
  37. <meta name="if:White Audio Player" content="0"/>
  38.  
  39. <meta name="text:Home" content="home">
  40. <meta name="text:Message" content="message">
  41. <meta name="text:Archive" content="archive">
  42. <meta name="text:Reblog Text" content="reblog">
  43.  
  44. <meta name="text:Link One URL" content="" />
  45. <meta name="text:Link One Title" content="" />
  46. <meta name="text:Link Two URL" content="" />
  47. <meta name="text:Link Two Title" content="" />
  48. <meta name="text:Link Three URL" content="" />
  49. <meta name="text:Link Three Title" content="" />
  50. <meta name="text:Link Four URL" content="" />
  51. <meta name="text:Link Four Title" content="" />
  52. <meta name="text:Link Five URL" content="" />
  53. <meta name="text:Link Five Title" content="" />
  54.  
  55. <style type="text/css">
  56. iframe#tumblr_controls {
  57. top: 0% !important;
  58. right:0% !important;
  59. position: fixed !important;
  60. }
  61. html, body {
  62. margin: 0;
  63. padding: 0;
  64. }
  65. body {
  66. background-color: {color:Background};
  67. background-image:url({image:Background});
  68. background-attachment: fixed;
  69. background-repeat: repeat;
  70. background-size: cover;
  71. font-size:11px;
  72. font-family: 'Lato', serif;
  73. font-weight: 400;
  74. line-height:14px;
  75. letter-spacing: 1px;
  76. text-transform:none;
  77. color: {color:Text};
  78. }
  79. a {
  80. font-family: 'Lato', sans-serif;
  81. font-weight: 400;
  82. text-decoration:none;
  83. color:{color:Link};
  84. -moz-transition: all 0.1s ease-in-out;
  85. -webkit-transition: all 0.1s ease-in-out;
  86. -o-transition: all 0.1s ease-in-out;
  87. -ms-transition: all 0.1s ease-in-out;
  88. transition: all 0.1s ease-in-out;
  89. }
  90. a:link, a:active, a:visited {
  91. color: {color:Link};
  92. -moz-transition: all 0.1s ease-in-out;
  93. -webkit-transition: all 0.1s ease-in-out;
  94. -o-transition: all 0.1s ease-in-out;
  95. -ms-transition: all 0.1s ease-in-out;
  96. transition: all 0.1s ease-in-out;
  97. }
  98. a:hover {
  99. color: {color:Link hover};
  100. -moz-transition: all 0.1s ease-in-out;
  101. -webkit-transition: all 0.1s ease-in-out;
  102. -o-transition: all 0.1s ease-in-out;
  103. -ms-transition: all 0.1s ease-in-out;
  104. transition: all 0.1s ease-in-out;
  105. }
  106. /* Blog Title & Description =============================*/
  107. .blogtitle {
  108. position:absolute;
  109. text-align:center;
  110. width:100%;
  111. top:80px;
  112. line-height:50px;
  113. cursor:default;
  114. float: center;
  115. }
  116. #blogtitle {
  117. color:{color:Blog Title};
  118. border-bottom:2px solid {color:Border};
  119. padding:6px;
  120. text-align:center;
  121. font-family: 'Lato', sans-serif;
  122. font-size:34px;
  123. font-weight:300;
  124. text-transform: uppercase;
  125. letter-spacing:3px;
  126. -moz-transition: all 0.1s ease-in-out;
  127. -webkit-transition: all 0.1s ease-in-out;
  128. -o-transition: all 0.1s ease-in-out;
  129. -ms-transition: all 0.1s ease-in-out;
  130. transition: all 0.1s ease-in-out;
  131. }
  132. .description {
  133. color:{color:Description};
  134. position:absolute;
  135. width:600px;
  136. left:50%;
  137. margin-left:-300px;
  138. padding-top:7px;
  139. font-size: 11px;
  140. line-height:14px;
  141. z-index:-99;
  142. letter-spacing: 1px;
  143. }
  144. /* Sticky navigation bar ============================ */
  145. #nav {
  146. width:100%;
  147. word-spacing:20px;
  148. text-transform:uppercase;
  149. font-family: 'Lato', sans-serif;
  150. {block:ifNotFixedHeader}
  151. position:absolute;
  152. {/block:ifNotFixedHeader}
  153. {block:ifFixedHeader}
  154. position:fixed;
  155. {/block:ifFixedHeader}
  156. top:0px;
  157. left:0px;
  158. padding-top:20px;
  159. padding-bottom:20px;
  160. text-align:center;
  161. background-color:{color:Nav Bar};
  162. opacity: 0.7;
  163. z-index:999;
  164. -moz-transition: all 0.1s ease-in-out;
  165. -webkit-transition: all 0.1s ease-in-out;
  166. -o-transition: all 0.1s ease-in-out;
  167. -ms-transition: all 0.1s ease-in-out;
  168. transition: all 0.1s ease-in-out;
  169. }
  170. #nav:hover {
  171. background-color:{color:Nav Bar Hover};
  172. opacity: 1;
  173. }
  174. #nav a {
  175. color: white;
  176. font-weight:300;
  177. font-size:12px;
  178. line-height:20px;
  179. letter-spacing:2px;
  180. -moz-transition: all 0.1s ease-in-out;
  181. -webkit-transition: all 0.1s ease-in-out;
  182. -o-transition: all 0.1s ease-in-out;
  183. -ms-transition: all 0.1s ease-in-out;
  184. transition: all 0.1s ease-in-out;
  185. }
  186. #nav a:hover {
  187. color:#ccc;
  188. -moz-transition: all 0.1s ease-in-out;
  189. -webkit-transition: all 0.1s ease-in-out;
  190. -o-transition: all 0.1s ease-in-out;
  191. -ms-transition: all 0.1s ease-in-out;
  192. transition: all 0.1s ease-in-out;
  193. }
  194. .customlink {
  195. word-spacing:1px;
  196. }
  197. /* Content ====================================================*/
  198. div#content {
  199. width: 1020px;
  200. left:50%;
  201. margin-left:-510px;
  202. margin-top:190px;
  203. position: absolute;
  204. background-color:{Post Background};
  205. }
  206. .posts {
  207. margin:20px;
  208. height:auto;
  209. {block:IndexPage}
  210. width:300px;
  211. overflow:hidden;
  212. {/block:IndexPage}
  213. {block:PermalinkPage}
  214. position:absolute;
  215. left:50%;
  216. margin-left:-250px;
  217. width:500px;
  218. {/block:PermalinkPage}
  219. }
  220. /* Permalink stuff ================================== */
  221. .permalink {
  222. position:absolute;
  223. width:100%;
  224. left:0px;
  225. top:50%;
  226. margin-top:-30px;
  227. font-family: 'Lato', sans-serif;
  228. font-size:11px;
  229. line-height:30px;
  230. opacity:0;
  231. text-transform:uppercase;
  232. text-align:center;
  233. color:{color:Link};
  234. -moz-transition: all 0.3s ease-in-out;
  235. -webkit-transition: all 0.3s ease-in-out;
  236. -o-transition: all 0.3s ease-in-out;
  237. -ms-transition: all 0.3s ease-in-out;
  238. transition: all 0.3s ease-in-out;
  239. }
  240. /* Photo reblog button */
  241. .permalink a {
  242. color:white;
  243. opacity: 1;
  244. }
  245. .permalink a:hover {
  246. opacity: 0.8;
  247. }
  248. .posts:hover .permalink {
  249. opacity:1;
  250. }
  251. .permanote {
  252. font-size:20px;
  253. line-height:40px;
  254. border: solid 2px rgba(255, 255, 255, 1.0);
  255. padding:5px;
  256. opacity: 1;
  257. -moz-transition: all 0.3s ease-in-out;
  258. -webkit-transition: all 0.3s ease-in-out;
  259. -o-transition: all 0.3s ease-in-out;
  260. -ms-transition: all 0.3s ease-in-out;
  261. transition: all 0.3s ease-in-out;
  262. }
  263. .permanote:hover {
  264. opacity: 0.8;
  265. border: solid 2px rgba(255, 255, 255, 0.7);
  266. }
  267. .overlay {
  268. position:absolute;
  269. left:0px;
  270. top:0px;
  271. height:100%;
  272. width:100%;
  273. background:rgba(0,0,0,.5);
  274. opacity:0;
  275. -moz-transition: all 0.3s ease-in-out;
  276. -webkit-transition: all 0.3s ease-in-out;
  277. -o-transition: all 0.3s ease-in-out;
  278. -ms-transition: all 0.3s ease-in-out;
  279. transition: all 0.3s ease-in-out;
  280. }
  281. .posts:hover .overlay {
  282. opacity:1;
  283. }
  284. /* Post titles =======================*/
  285. .title {
  286. font-size:18px;
  287. line-height:24px;
  288. letter-spacing:0px;
  289. color: {color:Text};
  290. font-weight:300;
  291. margin-bottom: 15px;
  292. }
  293. .caption {
  294. width:90%;
  295. padding:5%;
  296. background:{color:Captions};
  297. margin-top:-3px;
  298. }
  299. blockquote {
  300. padding:0px 0px 0px 5px;
  301. margin:0px 0px 0px 5px;
  302. border-left: 1px solid {color:Border};
  303. }
  304. .textpost, .linkpost, .quotepost, .answerpost {
  305. width:90%;
  306. padding:5%;
  307. background-color:{color:Post Background};
  308. }
  309. .textpost img, .linkpost img, .quotepost img, .answerpost img {
  310. max-width:100%;
  311. {block:permalinkpage}
  312. width:auto;
  313. {/block:permalinkpage}
  314. }
  315. .chatpost {
  316. width:90%;
  317. padding-top: 10px;
  318. padding-bottom: 30px;
  319. padding-left: 25px;
  320. padding-right: 25px;
  321. background-color:{color:Post Background};
  322. }
  323. .chat li {
  324. list-style-type:none;
  325. margin-left:-40px;
  326. margin-right:20px;
  327. padding:7px;
  328. border-bottom:1px solid #dddddd;
  329. }
  330. .chatlabel {
  331. font-weight:500;
  332. }
  333. /* post under line things ================================*/
  334. .line {
  335. border-top: 1px solid {color:Post Divider};
  336. margin-top: 10px;
  337. margin-bottom: 10px;
  338. font-family: 'Lato', sans-serif;
  339. font-weight: 400;
  340. text-transform:uppercase;
  341. }
  342. .lineperm {
  343. padding-top: 10px;
  344. font-size:11px;
  345. letter-spacing: 1px;
  346. }
  347. .linenote {
  348. position:absolute;
  349. left:3%;
  350. bottom: 0px;
  351. }
  352. .linenote a {
  353. color:{color:Text Permalinks};
  354. }
  355. .linenote a:hover {
  356. color:#ccc;
  357. -moz-transition: all 0.1s ease-in-out;
  358. -webkit-transition: all 0.1s ease-in-out;
  359. -o-transition: all 0.1s ease-in-out;
  360. -ms-transition: all 0.1s ease-in-out;
  361. transition: all 0.1s ease-in-out;
  362. }
  363. .linereblog {
  364. position: relative;
  365. margin-right: 3%;
  366. }
  367. .linereblog a {
  368. float: right;
  369. color:{color:Text Permalinks};
  370. }
  371. .linereblog a:hover {
  372. color:#ccc;
  373. -moz-transition: all 0.1s ease-in-out;
  374. -webkit-transition: all 0.1s ease-in-out;
  375. -o-transition: all 0.1s ease-in-out;
  376. -ms-transition: all 0.1s ease-in-out;
  377. transition: all 0.1s ease-in-out;
  378. }
  379. .postpermalink {
  380. padding-top: 5px;
  381. padding-bottom: 2px;
  382. text-transform:uppercase;
  383. letter-spacing: 1px;
  384. font-family: 'Lato', sans-serif;
  385. font-size:11px;
  386. }
  387. .notebutton {
  388. position:absolute;
  389. left:5%;
  390. bottom: 13px;
  391. }
  392. .notebutton a {
  393. color:{color:Text Permalinks};
  394. }
  395. .notebutton a:hover {
  396. color:#ccc;
  397. -moz-transition: all 0.1s ease-in-out;
  398. -webkit-transition: all 0.1s ease-in-out;
  399. -o-transition: all 0.1s ease-in-out;
  400. -ms-transition: all 0.1s ease-in-out;
  401. transition: all 0.1s ease-in-out;
  402. }
  403. .reblogbutton {
  404. position: relative;
  405. margin-right: 0%;
  406. padding-top: 5px;
  407. }
  408. .reblogbutton a {
  409. float: right;
  410. color:{color:Text Permalinks};
  411. }
  412. .reblogbutton a:hover {
  413. color:#ccc;
  414. -moz-transition: all 0.1s ease-in-out;
  415. -webkit-transition: all 0.1s ease-in-out;
  416. -o-transition: all 0.1s ease-in-out;
  417. -ms-transition: all 0.1s ease-in-out;
  418. transition: all 0.1s ease-in-out;
  419. }
  420. /* Audio post stuff ======================================*/
  421. .tumblr_audio_player {
  422. width: 100%;
  423. height: 42px;
  424. margin-top: -5px;
  425. padding: 0;
  426. }
  427. .audioimage {
  428. width: 100%;
  429. margin: 0;
  430. padding: 0;
  431. }
  432. .playcount {
  433. font-family: 'Lato', sans-serif;
  434. font-size: 13px;
  435. font-weight: 500;
  436. margin-top: -30px;
  437. margin-right: 10px;
  438. z-index: 1;
  439. position: relative;
  440. float: right;
  441. {block:ifBlackAudioPlayer}
  442. color: white;
  443. {/block:ifBlackAudioPlayer}
  444. {block:ifWhiteAudioPlayer}
  445. color: black;
  446. {/block:ifWhiteAudioPlayer}
  447. }
  448. .audioline {
  449. border-top: 1px solid {color:Post Divider};
  450. margin-top: -55px;
  451. margin-bottom: 0px;
  452. margin-left: 10px;
  453. margin-right: 10px;
  454. }
  455. .notebuttonaudio {
  456. position:absolute;
  457. left:5%;
  458. text-transform:uppercase;
  459. letter-spacing: 1px;
  460. font-family: 'Lato', sans-serif;
  461. font-weight:300;
  462. margin-top: -30px;
  463. padding-bottom: 10px;
  464. }
  465. .notebuttonaudio a {
  466. color:{color:Text Permalinks};
  467. }
  468. .notebuttonaudio a:hover {
  469. color:#ccc;
  470. -moz-transition: all 0.1s ease-in-out;
  471. -webkit-transition: all 0.1s ease-in-out;
  472. -o-transition: all 0.1s ease-in-out;
  473. -ms-transition: all 0.1s ease-in-out;
  474. transition: all 0.1s ease-in-out;
  475. }
  476. .audioreblog {
  477. position: absolute;
  478. right: 5%;
  479. margin-top: -30px;
  480. padding-bottom: 10px;
  481. text-transform: uppercase;
  482. font-family: 'Lato', sans-serif;
  483. font-size: 11px;
  484. letter-spacing: 1px;
  485. }
  486. .audioreblog a {
  487. float: right;
  488. color:{color:Text Permalinks};
  489. }
  490. .audioreblog a:hover {
  491. color:#ccc;
  492. -moz-transition: all 0.1s ease-in-out;
  493. -webkit-transition: all 0.1s ease-in-out;
  494. -o-transition: all 0.1s ease-in-out;
  495. -ms-transition: all 0.1s ease-in-out;
  496. transition: all 0.1s ease-in-out;
  497. }
  498. /* Permalink pages ============================================*/
  499. .permalinknotes {
  500. height:300px;
  501. width:500px;
  502. overflow:scroll;
  503. }
  504. .permalinknotes li {
  505. list-style:none;
  506. line-height:30px;
  507. margin-left:-40px;
  508. }
  509. .permalinknotes img {
  510. border-radius:100%;
  511. }
  512. {CustomCSS}
  513. </style>
  514. </head>
  515.  
  516. <body>
  517. <div id="nav">
  518. <a href="/">{text:Home}</a>
  519. <a href="/ask">{text:Message}</a>
  520. <a href="{text:Link One URL}">{text:Link One Title}</a>
  521. <a href="{text:Link Two URL}">{text:Link Two Title}</a>
  522. <a href="{text:Link Three URL}">{text:Link Three Title}</a>
  523. <a href="/archive">{text:Archive}</a>
  524. <a href="http://www.oblivion-themes.tumblr.com" target="_blank">Theme</a>
  525. {block:HasPages}
  526. {block:Pages}
  527. <a href="{URL}"><span class="customlink">{Label}</span></a>
  528. {/block:Pages}
  529. {/block:HasPages}
  530. </div>
  531.  
  532. <div class="blogtitle">
  533. {block:ifNotBanner}
  534. <a href="/"><span id="blogtitle">{Title}</span></a>
  535. {/block:ifNotBanner}
  536. {block:ifBanner}
  537. <img src="{image:Banner}" alt="{title}" height="100px">
  538. {/block:ifBanner}
  539. <br>
  540. <span class="description">{Description}</span>
  541. </div>
  542.  
  543. <div id="content">
  544. {block:Posts}
  545. <div class="posts">
  546. {block:Text}
  547. <div class="textpost">
  548. {block:Title}<span class="title">{Title}</span>{/block:Title}
  549. {Body}
  550. {block:IndexPage}
  551. <div class="postpermalink line">
  552. <div class="notebutton">
  553. <a href="{Permalink}"target="_blank">{NoteCountwithLabel}</a>
  554. </div>
  555. <div class="reblogbutton">
  556. <a href="{ReblogUrl}" target="_blank">{text:Reblog Text}</a>
  557. </div>
  558. </div>
  559. {/block:IndexPage}
  560. </div>
  561. {/block:Text}
  562.  
  563. {block:Photo}
  564. {block:IndexPage}
  565. {LinkOpenTag}
  566. <div class="photo">
  567. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  568. </div>
  569. {LinkCloseTag}
  570. <div class="overlay"></div>
  571. <div class="permalink">
  572. <span class="permanote"><a href="{permalink}">{NoteCountwithLabel}</a></span><br><a href="{ReblogUrl}" target="_blank">{text:Reblog Text}</a>
  573. </div>
  574. {block:ifShowCaptions}
  575. {block:Caption}
  576. <div class="caption">{Caption}</div>
  577. {/block:Caption}
  578. {/block:ifShowCaptions}
  579. {/block:IndexPage}
  580. {block:PermalinkPage}
  581. {LinkOpenTag}
  582. <img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>
  583. {LinkCloseTag}
  584. {/block:PermalinkPage}
  585. {/block:Photo}
  586.  
  587. {block:Photoset}
  588. <center>
  589. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  590. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  591. </center>
  592. {block:IndexPage}
  593. <div class="line lineperm">
  594. <div class="linenote">
  595. <a href="{Permalink}">{NoteCountwithLabel}</a>
  596. </div>
  597. <div class="linereblog">
  598. <a href="{ReblogUrl}" target="_blank">{text:Reblog Text}</a>
  599. </div>
  600. </div>
  601. {/block:IndexPage}
  602. {/block:Photoset}
  603.  
  604. {block:Link}
  605. <div class="linkpost">
  606. <a href="{URL}"><span class="title">{Name}</span></a>
  607. {block:Description}{Description}{/block:Description}
  608. {block:IndexPage}
  609. <div class="postpermalink line">
  610. <div class="notebutton"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  611. <div class="reblogbutton">
  612. <a href="{ReblogUrl}" target="_blank">{text:Reblog Text}</a>
  613. </div>
  614. </div>
  615. {/block:IndexPage}
  616. </div>
  617. {block:Link}
  618.  
  619. {block:Quote}
  620. <div class="quotepost">
  621. <div class="title">{Quote}</div>- {Source}
  622. {block:IndexPage}
  623. <div class="postpermalink line">
  624. <div class="notebutton">
  625. <a href="{Permalink}">{NoteCountwithLabel}</a>
  626. </div>
  627. <div class="reblogbutton">
  628. <a href="{ReblogUrl}" target="_blank">{text:Reblog Text}</a>
  629. </div>
  630. </div>
  631. {/block:IndexPage}
  632. </div>
  633. {/block:Quote}
  634.  
  635. {block:Chat}
  636. <div class="chatpost">
  637. {block:Title}<span class="title">{Title}</span>{/block:Title}
  638. <ul class="chat">
  639. {block:Lines}
  640. <li class="user_{UserNumber}">
  641. {block:Label}
  642. <span class="chatlabel">{Label}</span>
  643. {/block:Label}
  644. {Line}
  645. </li>
  646. {/block:Lines}
  647. </ul>
  648. {block:IndexPage}
  649. <div class="postpermalink">
  650. <div class="notebutton">
  651. <a href="{Permalink}">{NoteCountwithLabel}</a>
  652. </div>
  653. <div class="reblogbutton" style="margin-right:7px;">
  654. <a href="{ReblogUrl}" target="_blank">{text:Reblog Text}</a>
  655. </div>
  656. </div>
  657. {/block:IndexPage}
  658. </div>
  659. {/block:Chat}
  660.  
  661. {block:Answer}
  662. <div class="answerpost">
  663. <div style="font-size:11px;line-height:11px;font-style:italic;color:{color:links}"><i>{Asker} asked:</i></div><br><span class="title">{Question}</span><hr color={color:title}>{Answer}
  664. {block:IndexPage}
  665. <div class="postpermalink line">
  666. <div class="notebutton">
  667. <a href="{Permalink}">{NoteCountwithLabel}</a>
  668. </div>
  669. <div class="reblogbutton">
  670. <a href="{ReblogUrl}" target="_blank">{text:Reblog Text}</a>
  671. </div>
  672. </div>
  673. {/block:IndexPage}
  674. </div>
  675. {/block:Answer}
  676.  
  677. {block:Audio}
  678. <div class="audiopost">
  679. {block:AlbumArt}
  680. <img class="audioimage" src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}"/>
  681. {/block:AlbumArt}
  682. {block:AudioPlayer}
  683. {block:ifBlackAudioPlayer}
  684. {AudioPlayerBlack}
  685. {/block:ifBlackAudioPlayer}
  686. {block:ifWhiteAudioPlayer}
  687. {AudioPlayerWhite}
  688. {/block:ifWhiteAudioPlayer}
  689. <div class="playcount">{PlayCountWithLabel}</div>
  690. {/block:AudioPlayer}
  691. {block:AudioEmbed}
  692. {block:IndexPage}
  693. {AudioEmbed-250}
  694. {/block:IndexPage}
  695. {block:PermalinkPage}
  696. {Embed-500}
  697. {/block:PermalinkPage}
  698. {/block:AudioEmbed}
  699. {block:Caption}
  700. <div class="caption" style="padding-bottom:50px">{Caption}</div>
  701. {/block:Caption}
  702. {block:IndexPage}
  703. <div class="notebuttonaudio">
  704. <a href="{Permalink}">{NoteCountwithLabel}</a>
  705. </div>
  706. <div class="audioreblog">
  707. <a href="{ReblogUrl}" target="_blank">{text:Reblog Text}</a>
  708. </div>
  709. {/block:IndexPage}
  710. </div>
  711. {/block:Audio}
  712.  
  713. {block:Video}
  714. <div class="videopost">
  715. <center>
  716. {block:IndexPage}{Video-250}{block:IndexPage}
  717. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  718. </center>
  719. {block:IndexPage}
  720. <div class="line lineperm">
  721. <div class="linenote">
  722. <a href="{Permalink}">{NoteCountwithLabel}</a>
  723. </div>
  724. <div class="linereblog">
  725. <a href="{ReblogUrl}" target="_blank">{text:Reblog Text}</a>
  726. </div>
  727. </div>
  728. {/block:IndexPage}
  729. </div>
  730. {block:Video}
  731.  
  732. {block:PermalinkPage}
  733. {block:PostNotes}
  734. {block:Caption}{Caption}<br>{/block:caption}
  735. <center>
  736. {block:HasTags}
  737. <br><img src="http://static.tumblr.com/d5odntq/J11ngx2az/icon_tag.png">{block:Tags}&nbsp;<a href="{TagURL}"> #{Tag}</a>{block:Tags}<br><br>
  738. {/block:HasTags}
  739. <img src="http://static.tumblr.com/twte3d7/qg3lo2lcg/heart_fill_8x7.png"> {block:NoteCount}{NoteCountwithLabel}{/block:NoteCount}<br>
  740. <img src="http://static.tumblr.com/twte3d7/xn4lo2lba/clock_8x8.png"> {Timeago}<br><br>
  741.  
  742. </center>
  743. <div class="permalinknotes">{PostNotes}</div>
  744. {/block:PostNotes}
  745. {/block:PermalinkPage}
  746. </div>
  747. {/block:Posts}
  748.  
  749. {block:IndexPage}
  750. {block:Pagination}
  751. <div id="pagination">
  752. {block:NextPage}
  753. <a id="nextPage" href="{NextPage}"></a>
  754. {/block:NextPage}
  755. {block:PreviousPage}
  756. <a href="{PreviousPage}"></a>
  757. {/block:PreviousPage}
  758. </div>
  759. {/block:Pagination}
  760. {/block:IndexPage}
  761.  
  762. </div>
  763.  
  764. {block:IndexPage}
  765. <script type="text/javascript"
  766. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  767. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  768. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  769. <script type="text/javascript">
  770. $(window).load(function () {
  771. var $content = $('#content');
  772. $content.masonry({itemSelector: '.posts'}),
  773. $content.infinitescroll({
  774. navSelector : 'div#pagination',
  775. nextSelector : 'div#pagination a#nextPage',
  776. itemSelector : '.posts',
  777. loading: {
  778. finishedMsg: '',
  779. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  780. },
  781. bufferPx : 600,
  782. debug : false,
  783. },
  784. // call masonry as a callback.
  785. function( newElements ) {
  786. var $newElems = $( newElements );
  787. $newElems.hide();
  788. // ensure that images load before adding to masonry layout
  789. $newElems.imagesLoaded(function(){
  790. $content.masonry('appended', $newElems, true, function(){$newElems.fadeIn(300);
  791. });
  792. });
  793. });
  794. });
  795. </script>
  796. {/block:IndexPage}
  797. </body>
  798. </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!