Advertisement
themesbyjames

Marfa

Apr 25th, 2014
70,489
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.29 KB | None | 0 0
  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 -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement