API tools faq
paste
feiinho

marfa themesbyjames

feiinho
Aug 11th, 2014
318
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.29 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--
  6.  
  7. theme marfa version 1.0
  8. by themesbyjames, created april 2014.
  9. http://themesbyjames.com
  10.  
  11. For more themes visit:
  12. http://themesbyjames.com AND
  13. http://homemade.themesbyjames.com
  14.  
  15. -->
  16.  
  17. <html><head>
  18.  
  19. <title>{title}</title>
  20. <meta name="description" content="{MetaDescription}" />
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  23. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  24. <meta name="viewport" content="width=1220" />
  25.  
  26. <!-- DEFAULT VARIABLES -->
  27. <meta name="color:Background" content="#FFFFFF" />
  28. <meta name="color:Blog Title" content="#FFFFFF" />
  29. <meta name="color:Text" content="#000000" />
  30. <meta name="color:Link" coxntent="#292929"/>
  31. <meta name="color:Link Hover" content="#292929" />
  32. <meta name="image:Background" content="" />
  33. <meta name="image:Header Background" content="" />
  34. <meta name="if:Show Blog Title" content="1"/>
  35. <meta name="if:Show Blog Description" content="1"/>
  36. <meta name="if:Show Photo Permalinks" content="1"/>
  37. <meta name="text:Blog Description Title" content="Description" />
  38. <meta name="text:Ask Title" content="Message" />
  39. <meta name="text:Link One" content="" />
  40. <meta name="text:Link One Title" content="" />
  41. <meta name="text:Link Two" content="" />
  42. <meta name="text:Link Two Title" content="" />
  43. <meta name="text:Link Three" content="" />
  44. <meta name="text:Link Three Title" content="" />
  45. <meta name="text:Link Four" content="" />
  46. <meta name="text:Link Four Title" content="" />
  47. <meta name="text:Link Five" content="" />
  48. <meta name="text:Link Five Title" content="" />
  49. <meta name="text:Link Six" content="" />
  50. <meta name="text:Link Six Title" content="" />
  51. <!--- STYLESHEETS & STATIC UPLOADS --->
  52. <link href="http://static.tumblr.com/6jwx45k/VUxmq9xvq/animation.css" rel="stylesheet">
  53. <script type="text/javascript"
  54. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  55. <script src="http://static.tumblr.com/6jwx45k/qnrmqhe43/ifie1.js"></script>
  56. <script src="http://static.tumblr.com/6jwx45k/QcKmqhe47/ifie2.js"></script>
  57.  
  58.  
  59. <style type="text/css">
  60. html{
  61. overflow-x:hidden;
  62. height:103%;}
  63.  
  64. body, p {
  65. font-family:Helvetica;
  66. font-style: normal;
  67. font-size: 12px;
  68. line-height:16px;
  69. padding: 0px;
  70. margin: 0px;
  71. color:{color:text};}
  72.  
  73. body {
  74. background-color:{color:background};
  75. background-image:url({image:Background});
  76. background-attachment: fixed;
  77. background-repeat: repeat;}
  78.  
  79. a {
  80. text-decoration:none;
  81. color:{color:text};
  82. -webkit-transition: all 0.4s linear;
  83. -moz-transition: all 0.4s linear;
  84. transition: all 0.4s linear;}
  85.  
  86. a:link, a:active, a:visited{
  87. color: {color:Link};
  88. text-decoration: none;
  89. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  90.  
  91. a:hover{
  92. color:{color:link hover};}
  93.  
  94. a, img {border:none;padding:0px;height:auto;}
  95. .entry img{width:100%;padding:0px;border:none;height:auto;}
  96.  
  97. blockquote{
  98. margin:5px 0;
  99. border-left:2px solid gray;
  100. opacity:0.8;
  101. padding-left:10px}
  102.  
  103. div#content {
  104. z-index:1;
  105. top:2px;
  106. margin:auto;width:100%;
  107. margin-left:0%; }
  108.  
  109. #hbar{
  110. background-image:url({image:Header Background});
  111. background-attachment: fixed;
  112. background-repeat:no-repeat;
  113. background-size:cover;
  114. background-size:100% 250px;
  115. z-index:2;
  116. padding:30px;
  117. width:100%;}
  118.  
  119. #hbar h1{
  120. color:{color:Blog Title};
  121. font-style:italic;
  122. margin-top:20px;
  123. margin-left:3px;
  124. font-family:Marfa;
  125. font-size:50px;
  126. text-transform:uppercase;}
  127.  
  128. #hbar h1 a{color:{color:Blog Title};}
  129.  
  130. .nav{
  131. text-transform:uppercase;
  132. position:relative;
  133. display:block;
  134. top:-10px;}
  135.  
  136. .page_plus{display:inline;}
  137.  
  138. .nav a{
  139. display:inline;
  140. text-transform:uppercase;
  141. margin-right:4px;}
  142.  
  143. .description{display:none;}
  144.  
  145. .entry{
  146. padding:0px;
  147. margin-top:-1px;
  148. margin-bottom:-2px;
  149. float:left;
  150. height:auto;
  151. {block:IndexPage}
  152. width:19.96%;
  153. overflow:hidden;
  154. {/block:IndexPage}
  155. {block:PermalinkPage}
  156. top:20px;
  157. padding-left:30px;
  158. position:fixed;
  159. width:500px;
  160. height:auto;
  161. {/block:PermalinkPage}}
  162.  
  163.  
  164.  
  165. .like_and_reblog_buttons {
  166. position:absolute;
  167. top:-7px;
  168. right:0px;
  169. list-style: none;
  170. opacity:0;
  171. -webkit-transition: all 0.2s linear;
  172. -webkit-transition: all 0.2s linear;
  173. -moz-transition: all 0.2s linear;
  174. transition: all 0.2s linear;
  175. }
  176. .entry:hover .like_and_reblog_buttons{
  177. opacity:1;
  178. -webkit-transition: all 0.2s linear;
  179. -webkit-transition: all 0.2s linear;
  180. -moz-transition: all 0.2s linear;
  181. transition: all 0.2s linear;
  182. }
  183.  
  184. .like_and_reblog_buttons li {
  185. float: left;
  186. height:15px;
  187. width:17px;
  188. padding:8px;
  189. background:rgba(0,0,0,.2);
  190. border-radius:100%;
  191. margin-right:4px;
  192. }
  193.  
  194.  
  195. .links a {
  196. color:#000;}
  197.  
  198. .links {
  199. width:100%;
  200. padding:4px;
  201. margin-bottom:4px;
  202. border-right:0px solid transparent;
  203. color:#000;
  204. text-align:left;
  205. border-bottom:1px solid #ccc;
  206. font-size:12px;
  207. line-height:16px;
  208. display:block;
  209. -webkit-transition: all 0.2s linear;
  210. -webkit-transition: all 0.2s linear;
  211. -moz-transition: all 0.2s linear;}
  212.  
  213. .links:hover {
  214. -webkit-transition: all 0.2s linear;
  215. -webkit-transition: all 0.2s linear;
  216. -moz-transition: all 0.2s linear;}
  217.  
  218. #top{
  219. {block:ifHeaderFixed}position:absolute;{/block:ifHeaderFixed}
  220. {block:ifnotHeaderFixed}position:fixed;{/block:ifnotHeaderFixed}
  221. top:0px;
  222. {block:ifHeaderTransparent}opacity:0.85;{/block:ifHeaderTransparent}
  223. width:100%;
  224. left:0px;
  225. text-align:left;
  226. padding:10px;
  227. padding-right:10px;
  228. padding: 10px 15px 10px 15px;
  229. background-color:{color:Header Background};
  230. z-index:1;-webkit-transition: all 0.4s linear;
  231. -webkit-transition: all 0.4s linear;
  232. -moz-transition: all 0.4s linear;}
  233.  
  234. #navback{
  235. opacity:.8;
  236. z-index:3;
  237. position:absolute;
  238. position:fixed;
  239. top:0px;
  240. left:0px;
  241. width:100%;
  242. height:70px;
  243. z-index:99;
  244. opacity:1;}
  245.  
  246.  
  247. .text{padding:5px 5px 5px 5px;;-webkit-transition: all 0.5s linear;
  248. -webkit-transition: all 0.5s linear;
  249. -moz-transition: all 0.5s linear;
  250. transition: all 0.5s linear;
  251. {block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  252.  
  253. .audio{padding:3px 3px 6px 3px;;-webkit-transition: all 0.5s linear;
  254. -webkit-transition: all 0.5s linear;
  255. -moz-transition: all 0.5s linear;
  256. transition: all 0.5s linear;
  257. {block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  258.  
  259. .chat{
  260. padding:3px 3px 6px 3px;;-webkit-transition: all 0.5s linear;
  261. -webkit-transition: all 0.5s linear;
  262. -moz-transition: all 0.5s linear;
  263. transition: all 0.5s linear;
  264. {block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  265.  
  266.  
  267. .misc_post{
  268. {block:indexpage}height:250px;overflow:hidden;
  269. background-color:{color:Header Background};
  270. opacity:0.8;color:{color:header text};{/block:indexpage}
  271. -webkit-transition: all 0.5s linear;
  272. -webkit-transition: all 0.5s linear;
  273. -moz-transition: all 0.5s linear;
  274. transition: all 0.5s linear;text-align:center;}
  275.  
  276. .misc_title{text-align:center;color:{color:header text};font-weight:300;text-transform:uppercase;display:block;padding-top:105px;color:{color:header text};}
  277. .misc_title a{color:{color:header text};font-weight:500;}
  278.  
  279. #infscr-loading{
  280. z-index:1;
  281. bottom: 3px;
  282. opacity:0.7;
  283. position: absolute;
  284. left: 50%;
  285. background-color:white;
  286. height:32px;
  287. width:32px;
  288. padding:32px;
  289. border-radius:16px;
  290. margin-left:-32px;
  291. overflow:hidden;
  292. margin-bottom: 50px;}
  293.  
  294. .notes{display:block;margin-left:-20px;}
  295.  
  296. ol.notes li.note {
  297. list-style-type: none;
  298. padding: 1px;
  299. float:left;}
  300. ol.notes li.note img.avatar {
  301. vertical-align: -4px;
  302. width: 20px;
  303. height: 20px;}
  304. ol.notes li.note span.action {
  305. font-weight:normal;
  306. display:none;}
  307. ol.notes li.note .answer_content {
  308. font-weight: normal;
  309. display:none;}
  310. ol.notes li.note blockquote {
  311. padding: 4px 10px;
  312. margin: 10px 0px 0px 0px;
  313. display:none;}
  314. ol.notes li.note blockquote a {
  315. text-decoration: none;
  316. display:none;}
  317. ol.notes more_notes_link_container{
  318. text-align:center;
  319. height:14px;
  320. padding:3px;
  321. width:104px;
  322. margin:1px;
  323. background-color:rgba(0,0,0,0.1);}
  324. ol.notes more_notes_link_container:hover{
  325. background-color:rgba(0,0,0,0);}
  326.  
  327. .uttons {
  328. padding-bottom:10px;
  329. margin-right:15px;
  330. list-style: none;
  331. opacity:1;
  332. color:gray;
  333.  
  334. -webkit-transition: all 0.2s linear;
  335. -webkit-transition: all 0.2s linear;
  336. -moz-transition: all 0.2s linear;
  337. transition: all 0.2s linear;
  338. }
  339.  
  340.  
  341. .text_buttons li {
  342. float:right;
  343. z-index:1;
  344. display:inline;
  345. margin-top:5px;
  346. margin-bottom:10px;
  347. padding-left:5px;
  348. padding-right:5px;}
  349.  
  350. .text_buttons li a{color:gray;}
  351.  
  352. .notec{
  353. color:gray;
  354. line-height:17px;
  355. opacity:0.8;
  356. margin-top:10px;
  357. top:10px;
  358. font-size:13px;
  359. text-transform:uppercase;}
  360.  
  361. .notec a{color:gray;padding-top:4px;}
  362.  
  363. #chat {
  364. margin:0; list-style:none; padding:0;opacity:1;}
  365. #chat li { padding:7px 10px;}
  366. #chat li:nth-child(even) {
  367. background-color:black;
  368. border-radius:5px;
  369. color:white;}
  370. #chat li span{ text-transform:uppercase;}
  371.  
  372. .cover {
  373. margin-top:-2px;
  374. width:100%;
  375. z-index:1;
  376. height:auto;}
  377.  
  378. .cover img {
  379. float:left;
  380. width:100%;
  381. height:auto;}
  382.  
  383. .playbox {
  384. opacity:1;
  385. background-color:black;
  386. height:27px;
  387. overflow:hidden;
  388. z-index:1000;
  389. width:100%;
  390. top:3px;
  391. text-align:left;}
  392.  
  393. .hide{width:30px;height:27px;overflow:hidden;top:px;}
  394.  
  395. .info {
  396. margin-left:73px;
  397. margin-top:4px;
  398. line-height:14px;
  399. }
  400. .photoset{margin-top:-1px;padding-bottom:2px;}
  401. .photoset img{
  402. margin-bottom:1px;
  403. width:50%;
  404. margin-bottom:0px;
  405. float:left;
  406. height:auto;}
  407.  
  408. .photo{
  409. margin-bottom:-2px;
  410. -webkit-transition: all 0.4s linear;
  411. -webkit-transition: all 0.4s linear;
  412. -moz-transition: all 0.4s linear;
  413. transition: all 0.4s linear;}
  414.  
  415. .photo:hover{
  416. -webkit-transition: all 0.4s linear;
  417. -webkit-transition: all 0.4s linear;
  418. -moz-transition: all 0.4s linear;
  419. transition: all 0.4s linear;}
  420.  
  421. #header {
  422. background:white;
  423. padding-top:10px;
  424. text-align: center;
  425. font-size: 11px;
  426. position:fixed;
  427. width:100%;
  428. height:100%;
  429. top:0px;
  430. opacity:1.0;
  431. left:0px;
  432. z-index:999;
  433. }
  434.  
  435. .plus {
  436. position:fixed;
  437. height:47px;
  438. width:47px;
  439. opacity:.9;
  440. top:15px;
  441. left:15px;
  442. background-color:rgba(0,0,0,.6);
  443. border-radius:100%;
  444. z-index:999999999;
  445. cursor:pointer;
  446. }
  447. .plus img{
  448. margin-top:-7px;
  449. margin-left:-7px;
  450. }
  451.  
  452. #header h1{
  453. padding-top:80px;
  454. text-transform:uppercase;
  455. color:white;
  456. }
  457.  
  458. #header h1 a{color:black;}
  459.  
  460. .description{padding:10px;text-align:left;margin-top:-5px;max-width:900px;margin:auto;color:black;}
  461.  
  462. #page_menu{
  463. display:none;
  464. margin-left:30px;
  465. margin-top:-40px;
  466. position:absolute;}
  467.  
  468. .caption{
  469. padding:5px;}
  470.  
  471. {CustomCSS}
  472. </style>
  473.  
  474.  
  475. </head><body>
  476.  
  477. <script>
  478. var IsOpen = "no";
  479. function ShowMenu()
  480. {
  481. if (IsOpen == "no")
  482. {
  483. $("#page_menu").slideDown("slow");
  484. document.getElementById('page_plus').innerHTML = '{text:Blog Description Title} -&nbsp;';
  485. IsOpen="yes";
  486. }else
  487. {
  488. $("#page_menu").slideUp("slow");
  489. document.getElementById('page_plus').innerHTML = '{text:Blog Description Title} +';
  490. IsOpen="no";
  491. }
  492. }
  493. </script>
  494. <script>
  495. var IsOpen2 = "no";
  496. function ShowMenu2()
  497. {
  498. if (IsOpen2 == "no")
  499. {
  500.  
  501. $("#header_menu").slideDown("slow");
  502. $("#page_menu").slideDown("slow");
  503.  
  504. document.getElementById('page_plusask').innerHTML = '';
  505. IsOpen2="yes";
  506. }else
  507. {
  508. $("#header_menu").slideUp("slow");
  509. $("#page_menu").slideUp("slow");
  510. document.getElementById('page_plusask').innerHTML = '';
  511. IsOpen2="no";
  512. }
  513. }
  514. </script>
  515.  
  516.  
  517.  
  518. <div id="hbar">
  519. <h1><a href="/">{title}</a></h1>
  520. <div class="nav">
  521. <a href="/">Home</a>
  522. {block:ifshowblogdescription}
  523. <div id="page_plus" onclick="ShowMenu();changeText();" style="cursor:help; margin-left:0px;display:inline;margin-right:4px;color:{color:link}">{text:Blog Description Title} +</div>
  524. {block:ifshowblogdescription}
  525. {block:ifaskenabled}<a href="/ask" title="{AskLabel}">{text:Ask Title}</a>
  526. {/block:ifaskenabled}
  527. <a href="{text:Link One}">{text:Link One Title}</a>{/block:ifLinkOneTitle}{block:ifLinkTwoTitle}<a href="{text:Link Two}">{text:Link Two Title}</a> {/block:ifLinkTwoTitle}{block:ifLinkThreeTitle}<a href="{text:Link Three}">{text:Link Three Title}</a> {/block:ifLinkThreeTitle}{block:ifLinkFourTitle}<a href="{text:Link Four}">{text:Link Four Title}</a> {/block:ifLinkFourTitle}{block:ifLinkFiveTitle}<a href="{text:Link Five}">{text:Link Five Title}</a> {/block:ifLinkFiveTitle}{block:ifLinkSixTitle}<a href="{text:Link Six}">{text:Link Six Title}</a> {/block:ifLinkSixTitle}
  528. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
  529. {/block:HasPages}
  530. <a href="/archive" title="Blog History">Archive</a>
  531. <a href="http://themesbyjames.com" target="_blank" title="Theme Maker">Theme</a>
  532. </div>
  533. <div class="description">{description}</div>
  534. </div>
  535.  
  536. <div id="page_menu">
  537. {block:Description} <div id="description"><p>{Description}<p></div>{/block:Description}</div>
  538. </div>
  539.  
  540.  
  541. <div id="content">
  542. {block:Posts}
  543. <div class="entry">
  544.  
  545.  
  546. {block:Text}
  547. <div class="text">{block:Title}<span class="title">{Title}</span>{/block:Title}
  548. {Body}
  549. {block:indexpage}
  550. <ul class="text_buttons">
  551. <li><a href="{Permalink}" class="notec">{Notecount} Notes</a></li>
  552. <li>{LikeButton color="gray" size=17}</li>
  553. <li>{ReblogButton color="gray" size=17}</li>
  554. </ul>
  555. {/block:indexpage}
  556. </div>
  557. {/block:Text}
  558.  
  559. {block:Answer}
  560. <div class="text">
  561. <b>Q</b>: {Question}
  562. <div style="margin-top:5px;"></div>
  563. {Answer}
  564. <div style="margin-top:5px;"><i>asked by {Asker}</i></div>
  565. {block:indexpage}
  566. <ul class="text_buttons">
  567. <li><a href="{Permalink}" class="notec">{Notecount} Notes</a></li>
  568. <li>{LikeButton color="gray" size=17}</li>
  569. <li>{ReblogButton color="gray" size=17}</li>
  570. </ul>
  571. {/block:indexpage}
  572. </div>
  573. {/block:Answer}
  574.  
  575. {block:Link}
  576. <div class="text"><a href="{URL}"><span class="title">{Name}</span></a>
  577. {block:Description}{Description}{/block:Description}
  578. {block:indexpage}
  579. <ul class="text_buttons">
  580. <li><a href="{Permalink}" class="notec">{Notecount} Notes</a></li>
  581. <li>{LikeButton color="gray" size=17}</li>
  582. <li>{ReblogButton color="gray" size=17}</li>
  583. </ul>
  584. {/block:indexpage}
  585. </div>
  586. {block:Link}
  587.  
  588. {block:Photo}
  589. {block:IndexPage}
  590. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=100%/></a></div>{LinkCloseTag}
  591. {block:ifshowphotopermalinks}
  592. {block:indexpage}
  593. <ul class="like_and_reblog_buttons">
  594. <li>{ReblogButton color="white" size=17}</li>
  595. <li>{LikeButton color="white" size=17}</li>
  596. </ul>
  597. {/block:indexpage}
  598. {/block:ifshowphotopermalinks}
  599. {/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px/>{LinkCloseTag}{/block:PermalinkPage}
  600. {/block:Photo}
  601.  
  602. {block:Photoset}
  603. <center>
  604. {block:IndexPage}
  605. <div class="photoset">
  606. {block:Photos}
  607. <a href="{permalink}" target="_blank">
  608. <img src="{PhotoUrl-250}" border="0" class="photoset" alt="{PhotoAlt}"/>
  609. </a>
  610. {/block:Photos}
  611. {block:ifshowphotopermalinks}
  612. <ul class="like_and_reblog_buttons">
  613. <li>{ReblogButton color="white" size=17}</li>
  614. <li>{LikeButton color="white" size=17}</li>
  615. </ul>
  616. {/block:ifshowphotopermalinks}
  617. </div>
  618. {/block:indexpage}
  619. {block:PermalinkPage}
  620. {Photoset-500}
  621. {/block:PermalinkPage}
  622. {/block:Photoset}
  623.  
  624.  
  625. {block:Quote}
  626. <div class="text"><div class="title">{Quote}</div> - {Source}
  627. {block:indexpage}
  628. <ul class="text_buttons">
  629. <li><a href="{Permalink}" class="notec">{Notecount} Notes</a></li>
  630. <li>{LikeButton color="gray" size=17}</li>
  631. <li>{ReblogButton color="gray" size=17}</li>
  632. </ul>
  633. {/block:indexpage}
  634. </div>
  635. {/block:Quote}
  636.  
  637. {block:Chat}
  638. <div class="chat">
  639. {block:Title}
  640. <a href="{Permalink}">
  641. <div class="title">{Title}</div></a>
  642. {/block:Title}
  643. <ul id="chat">
  644. {block:Lines}
  645. <li class="{Alt} user_{UserNumber}">
  646. {block:Label}
  647. <span class="label">{Label}</span>
  648. {/block:Label}
  649. {Line}
  650. </li>
  651. {/block:Lines}
  652. </ul>
  653. {block:indexpage}
  654. <ul class="text_buttons">
  655. <li><a href="{Permalink}" class="notec">{Notecount} Notes</a></li>
  656. <li>{LikeButton color="gray" size=17}</li>
  657. <li>{ReblogButton color="gray" size=17}</li>
  658. </ul>
  659. {/block:indexpage}
  660. </div>
  661. {/block:Chat}
  662.  
  663.  
  664. {block:Audio}
  665. {block:IndexPage}
  666. <div class="audio">
  667. {block:AlbumArt}<div class="cover">
  668. <a href="{permalink}">
  669. <img src="{AlbumArtURL}"></div></a>{/block:AlbumArt}
  670. <div class="playbox"><div class="hide">
  671. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  672. </div></div>
  673. {block:Caption}
  674. <div style="text-align:left;padding-top:5px;display:inline-block;bottom:-5px;">{caption}</div>{/block:Caption}</div>
  675. {/block:IndexPage}
  676.  
  677. {block:PermalinkPage}
  678. <div class="text">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  679. </div>{/block:PermalinkPage}
  680. </center>
  681. {block:indexpage}
  682. <ul class="text_buttons">
  683. <li><a href="{Permalink}" class="notec">{Notecount} Notes</a></li>
  684. <li>{LikeButton color="gray" size=17}</li>
  685. <li>{ReblogButton color="gray" size=17}</li>
  686. </ul>
  687. {/block:indexpage}
  688. {/block:Audio}
  689.  
  690.  
  691. {block:Video}
  692. {block:IndexPage}
  693. <div class="video">
  694. <center>{Video-250}</center>
  695. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  696. {block:indexpage}
  697. <ul class="text_buttons">
  698. <li><a href="{Permalink}" class="notec">{Notecount} Notes</a></li>
  699. <li>{LikeButton color="gray" size=17}</li>
  700. <li>{ReblogButton color="gray" size=17}</li>
  701. </ul>
  702. {/block:indexpage}
  703. </div>
  704. {/block:IndexPage}
  705. {block:PermalinkPage}
  706. <center>{Video-500}</center>
  707. {/block:PermalinkPage}
  708. {/block:Video}
  709.  
  710. {block:PermalinkPage}
  711. {block:HasTags} &middot; {block:Tags}<a href="TagURL">
  712. #{Tag}</a> {/block:Tags}{/block:hasTags}
  713. {/block:PermalinkPage}
  714.  
  715. {block:PostNotes}
  716. <div class="notess"><span class="title">{NoteCount} Notes</span><br>
  717. {block:Caption}{caption}{/block:Caption}</div>
  718. <span class="notes"> {PostNotes}</span>
  719. {/block:PostNotes}
  720. </div>
  721. {/block:Posts}
  722. </div>
  723.  
  724.  
  725. {block:Pagination}
  726. <div id="pagination">
  727. {block:NextPage}
  728. <a id="nextPage" href="{NextPage}"></a>
  729. {/block:NextPage}
  730. {block:PreviousPage}
  731. <a href="{PreviousPage}"></a>
  732. {/block:PreviousPage}
  733. </div>
  734. {/block:Pagination}
  735. {/block:IndexPage}
  736. </div>
  737.  
  738. <!-- INFINTE SCROLL SCRIPT -->
  739. <script type="text/javascript"
  740. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  741.  
  742. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  743.  
  744. <script type="text/javascript" src="http://static.tumblr.com/6jwx45k/OmXn4d177/inf-scroll.js"></script>
  745. <script type="text/javascript">
  746. $(window).load(function () {
  747. var $content = $('#content');
  748. $content.masonry({itemSelector: '.entry'}),
  749. $content.infinitescroll({
  750. navSelector : 'div#pagination',
  751. nextSelector : 'div#pagination a#nextPage',
  752. itemSelector : '.entry',
  753. loading: {
  754. finishedMsg: '',
  755. img: 'http://static.tumblr.com/6jwx45k/AQTmqdo25/ajax-loader.gif'
  756. },
  757. bufferPx : 600,
  758. debug : false,
  759. },
  760. //call masonry as a callback.
  761. function( newElements ) {
  762. var $newElems = $( newElements );
  763. $newElems.hide();
  764. //ensure that images load before adding to masonry layout
  765. $newElems.imagesLoaded(function(){
  766. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});</script>
  767. <script type="text/javascript" src="http://static.tumblr.com/6jwx45k/Kw5mplfc5/infintescroll-x.js"></script></script>
  768. {block:IndexPage}
  769. {block:Pagination}
  770. <div id="pagination">
  771. {block:NextPage}
  772. <a id="nextPage" href="{NextPage}"></a>
  773. {/block:NextPage}
  774. {block:PreviousPage}
  775. <a href="{PreviousPage}"></a>
  776. {/block:PreviousPage}
  777. </div>
  778. {/block:Pagination}
  779. {/block:IndexPage}
  780. </body></html><!-- END OF THEME -->
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!