jasonmcann

Theme: Butterfly

Sep 15th, 2015
7,791
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.08 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. - theme #29 by caulfielld -
  5. don't take parts of this code.
  6. don't remove this comment.
  7. don't remove the credit.
  8. -->
  9.  
  10. <html>
  11. <head>
  12.  
  13. <title>{Title}
  14. {block:PostSummary} — {PostSummary}{/block:PostSummary}
  15. {block:TagPage} — {Tag}{/block:TagPage}
  16. </title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <meta name="color:Background" content="#ffffff" />
  22. <meta name="color:Text" content="#999999" />
  23. <meta name="color:Link" content="#444444" />
  24. <meta name="color:Link hover" content="#999999" />
  25. <meta name="color:Bold" content="#444444" />
  26. <meta name="color:Borders" content="#eeeeee" />
  27. <meta name="color:Scrollbar" content="#444444" />
  28. <meta name="color:Selection" content="#444444" />
  29. <meta name="color:Tooltip" content="#444444" />
  30. <meta name="color:Ask bg" content="#fafafa" />
  31. <meta name="color:Titles bg" content="#fafafa" />
  32. <meta name="color:Search bg" content="#fafafa" />
  33.  
  34. <meta name="text:Subtitle" content="">
  35. <meta name="text:Link 01 URL" content="/" />
  36. <meta name="text:Link 01 title" content="Link 01">
  37. <meta name="text:Link 02 URL" content="/" />
  38. <meta name="text:Link 02 title" content="Link 02">
  39. <meta name="text:Link 03 URL" content="/" />
  40. <meta name="text:Link 03 title" content="Link 03">
  41. <meta name="text:Link 04 URL" content="/" />
  42. <meta name="text:Link 04 title" content="Link 04">
  43. <meta name="text:Link 05 URL" content="/" />
  44. <meta name="text:Link 05 title" content="Link 05">
  45.  
  46. <meta name="if:Show caption" content="1">
  47. <meta name="if:Infinite scroll" content="0">
  48. <meta name="if:Search box" content="1">
  49. <meta name="select:Posts width" content="300" title="300px"/>
  50. <meta name="select:Posts width" content="350" title="350px"/>
  51. <meta name="select:Posts width" content="400" title="400px"/>
  52. <meta name="select:Posts width" content="450" title="450px"/>
  53. <meta name="select:Posts width" content="500" title="500px"/>
  54. <meta name="select:Posts width" content="540" title="540px"/>
  55.  
  56. <meta name="image:Sidebar" content="">
  57. <meta name="image:Background" content="">
  58.  
  59. <!--- extras --->
  60.  
  61. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  62. <link href="http://static.tumblr.com/nb65v05/3i0nvm3eg/sghn.css" rel="stylesheet" type="text/css"/>
  63. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  64. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  65.  
  66. <script src="http://static.tumblr.com/nb65v05/XPQmpjoyl/jquery.style-my-tooltips.js"></script>
  67.  
  68. <script type="text/javascript">
  69. $(document).ready(function(){
  70. $(window).scroll(function(){
  71. if ($(this).scrollTop() > 100) {
  72. $('.scrollup').fadeIn();
  73. } else {
  74. $('.scrollup').fadeOut();}});
  75. $('.scrollup').click(function(){
  76. $("html, body").animate({ scrollTop: 0 }, 600);
  77. return false;});});
  78. </script>
  79.  
  80. <script>
  81. (function($){
  82. $(document).ready(function(){
  83. $("[title]").style_my_tooltips({
  84. tip_follows_cursor:false,
  85. tip_delay_time:20,
  86. tip_fade_speed:300,
  87. attribute:"title"
  88. });});})(jQuery);
  89. </script>
  90.  
  91. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  92.  
  93. <style type="text/css">
  94.  
  95. body {
  96. font:09px helvetica,sans-serif, cambria, calibri;
  97. margin:0;
  98. background:{color:Background} {block:ifBackgroundImage}url('{image:Background}') fixed{/block:ifBackgroundImage};
  99. color:{color:text};}
  100.  
  101. a {
  102. color:{color:link};
  103. text-decoration: none;
  104. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  105. -o-transition:all 0.6s ease-in-out;/*opera*/
  106. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  107. -ms-transition:all 0.6s ease-in-out;/*ie*/
  108. transition:all 0.6s ease-in-out;/*w3c*/}
  109.  
  110. a:hover {
  111. color:{color:link hover};}
  112.  
  113. em, strong {
  114. color:{color:bold};}
  115.  
  116. small {
  117. font-size:09px;}
  118.  
  119. blockquote {
  120. border-left: 1px solid {color:borders};
  121. padding-left: 5px;
  122. margin:05px;}
  123.  
  124. img {
  125. max-width: 100%;}
  126.  
  127. ol {
  128. list-style-type:lower-roman;}
  129.  
  130. sub, sup{
  131. font-size: 10px;}
  132.  
  133. .container {
  134. width:{select:posts width}px;
  135. margin: auto;}
  136.  
  137. #entries {
  138. width:{select:posts width}px;
  139. position:relative;
  140. padding-top:60px;
  141. padding-bottom:60px;}
  142.  
  143. .posts {
  144. width:{select:posts width}px;
  145. overflow:hidden;
  146. border-radius:0px;
  147. word-wrap: break-word;
  148. {block:IndexPage}
  149. margin-bottom:90px;
  150. {/block:IndexPage}
  151. margin-top:-04px;}
  152.  
  153. .photo-slideshow .count-1 {
  154. max-width:{select:posts width};}
  155.  
  156. .photo-slideshow .count-2 {
  157. max-width:calc({select:posts width}px/2 - 2px)!important;
  158. max-width:-moz-calc({select:posts width}px/2 - 2px)!important;}
  159.  
  160. .photo-slideshow .count-3 {
  161. max-width:calc({select:posts width}px/3 - 2px)!important;
  162. max-width:-moz-calc({select:posts width}px/3 - 2px)!important;}
  163.  
  164. .photo-slideshow .count-3:last-of-type {
  165. max-width:calc({select:posts width}px/3 - 3px)!important;
  166. max-width:-moz-calc({select:posts width}px/3 - 3px)!important;}
  167.  
  168. .photo-slideshow .count-3:first-of-type {
  169. max-width:calc({select:posts width}px/3 - 3px)!important;
  170. max-width:-moz-calc({select:posts width}px/3 - 3px)!important;}
  171.  
  172. .posts img {
  173. height:auto;}
  174.  
  175. .posts .images{
  176. display:block;
  177. max-width:100%;}
  178.  
  179. /* SIDEBAR */
  180. #side{
  181. position:fixed;
  182. border-right:1px solid {color:borders};
  183. height:85%;
  184. top:10%;
  185. margin-left:-230px;}
  186.  
  187. #sidebar {
  188. width: 130px;
  189. margin-right:45px;
  190. height:auto;
  191. margin-top:0px;}
  192.  
  193. .sb-title{
  194. padding-bottom:15px;
  195. text-align:center;
  196. font:16px helvetica;
  197. border-bottom:1px solid {color:borders};
  198. letter-spacing:1px;
  199. line-height:90%;}
  200.  
  201. .sidebar-image img{
  202. display:block;
  203. margin-left: auto;
  204. margin-right: auto;
  205. width:45px;
  206. margin-bottom:20px;
  207. border-radius:100%;}
  208.  
  209. /* DESCRIPTION */
  210. .descr {
  211. margin-top:15px;
  212. text-align:center;
  213. max-height:118px;
  214. overflow:auto;
  215. line-height:140%;
  216. background-color:{color:background};
  217. font:10px calibri;}
  218.  
  219. /* NAVIGATION / LINKS */
  220. .navi {
  221. text-align:center;
  222. margin-top:15px;
  223. -webkit-column-count: 2; /* Chrome, Safari, Opera */
  224. -moz-column-count: 2; /* Firefox */
  225. column-count: 2;
  226. column-rule: 1px outset {color:borders};}
  227.  
  228. .navi a{
  229. text-align:center;
  230. padding:10px;
  231. border-bottom:1px solid {color:borders};
  232. display:block;}
  233.  
  234. .navi a:nth-child(3){
  235. border-bottom:0px solid {color:borders};}
  236.  
  237. .navi a:nth-child(6){
  238. border-bottom:0px solid {color:borders};}
  239.  
  240. /* PAGINATION */
  241. .pag {
  242. margin-top:05px;
  243. text-align:center;
  244. font:italic 09px sans-serif;}
  245.  
  246. .jump_page {
  247. padding: 4px 6px;}
  248.  
  249. .current_page, .jump_page:hover {
  250. padding: 4px 6px;}
  251.  
  252. /* TEXT POSTS */
  253. .text-title{
  254. font-size:18px;}
  255.  
  256. /* QUOTE POSTS */
  257. .quote {
  258. padding:0 10px 0 10px;}
  259.  
  260. .quotetext-short {
  261. font-size: 18px;}
  262.  
  263. .quotetext-medium {
  264. font-size: 14px;}
  265.  
  266. .quotetext-long {
  267. font-size: 11px;}
  268.  
  269. .quote-source {
  270. text-align:right;}
  271.  
  272. /* CHAT POSTS */
  273. .odd, .even {
  274. margin:0px;
  275. padding:10px;
  276. border-top:1px solid {color:borders};}
  277.  
  278. .odd:first-child{
  279. border-top:0px;}
  280.  
  281. /* AUDIO POSTS */
  282. .tumblr_audio_player {
  283. height:20px;
  284. width:20px;
  285. z-index:9999;
  286. margin:0;
  287. padding:10px;
  288. margin-left:20px;
  289. position:relative;
  290. float:left;
  291. background-color:white;}
  292.  
  293. .audio {
  294. height:42px;
  295. width:auto;
  296. border:1px solid {color:borders};
  297. overflow:auto;
  298. max-height:42px;
  299. background-color:white;}
  300.  
  301. .au-info {
  302. text-align:center;
  303. font:italic 12px helvetica;
  304. line-height:100%;
  305. padding:14px;}
  306.  
  307. /* VIDEO POSTS*/
  308. .video{
  309. position:relative;
  310. z-index:9999;}
  311.  
  312. .tumblr_video_container {
  313. width:auto!important;
  314. height:auto!important;}
  315.  
  316. .video .instagram-media {
  317. max-height:none!important;
  318. box-shadow:none!important;
  319. border:1px solid {color:borders}!important;
  320. width:calc({select:posts width}px - 3px)!important;}
  321.  
  322. /* ASK POSTS */
  323. .askk {
  324. background-color:{color:ask bg};
  325. padding:10px;
  326. color:{color:link};}
  327.  
  328. .askk img {
  329. float:left;
  330. margin-right: 10px;}
  331.  
  332. /* CAPTION */
  333. .caption{
  334. background-color:{color:background};}
  335.  
  336. .caption a{
  337. }
  338.  
  339. .caption img, .answer img{
  340. max-width:100%;
  341. height:auto;}
  342.  
  343. /* INFO */
  344. .posts-info{
  345. padding:3px;
  346. padding-left:0;
  347. text-align:left;
  348. margin-top:05px;
  349. margin-bottom:-16px;
  350. font:08px calibri;
  351. text-transform:uppercase;
  352. letter-spacing:1px;
  353. background-color:{color:background};
  354. opacity:1;
  355. position:relative;
  356. z-index:9;
  357. -webkit-transition:margin-bottom 0.6s ease 0.1s;/*chrome-safari*/
  358. -o-transition:margin-bottom 0.6s ease 0.1s;/*opera*/
  359. -moz-transition:margin-bottom 0.6s ease 0.1s;/*mozilla firefox*/
  360. -ms-transition:margin-bottom 0.6s ease 0.1s;/*ie*/
  361. transition:margin-bottom 0.6s ease 0.1s;/*w3c*/}
  362.  
  363. .posts:hover .posts-info a{
  364. color:{color:link};}
  365.  
  366. .posts:hover .posts-info{
  367. opacity:1;
  368. margin-bottom:05px;}
  369.  
  370. .posts-info::before{
  371. content:'';
  372. height:1px;
  373. background:{color:borders};
  374. display:inline-block;
  375. width:30px;
  376. margin-right:5px;
  377. border-bottom:02.5px solid {color:background};}
  378.  
  379. .posts-inf{
  380. padding:3px;
  381. padding-left:0;
  382. text-align:left;
  383. margin-top:05px;
  384. margin-bottom:05px;
  385. font:08px calibri;
  386. text-transform:uppercase;
  387. letter-spacing:1px;
  388. background-color:{color:background};
  389. opacity:1;
  390. position:relative;
  391. z-index:9;}
  392.  
  393. .posts-inf::before{
  394. content:'';
  395. height:1px;
  396. background:{color:borders};
  397. display:inline-block;
  398. width:30px;
  399. margin-right:5px;
  400. border-bottom:02.5px solid {color:background};}
  401.  
  402. .ph{
  403. background-color:{color:background};
  404. position:relative;
  405. z-index:9999;}
  406.  
  407. /* NOTES */
  408. #notes{
  409. width:{select:posts width}px;
  410. margin-left:0px;
  411. max-height:190px;
  412. overflow:auto;
  413. margin-top:30px;}
  414.  
  415. .notes img{
  416. border-radius:100%;}
  417.  
  418. ol.notes {
  419. padding: 0px;
  420. margin: 0;
  421. list-style-type: none;}
  422.  
  423. ol.notes li.note {
  424. padding: 10px;}
  425.  
  426. ol.notes li.note img.avatar {
  427. vertical-align: -4px;
  428. float:left;
  429. margin-right: 10px;
  430. width: 16px;
  431. height: 16px;}
  432.  
  433. ol.notes li.note span.action {}
  434.  
  435. ol.notes li.note .answer_content {
  436. font-weight: normal;}
  437.  
  438. ol.notes li.note blockquote {
  439. border-color: {color:borders};
  440. padding: 4px 10px;
  441. margin: 10px 0px 0px 25px;}
  442.  
  443. /* EXTRAS */
  444. #s-m-t-tooltip{
  445. z-index:10;
  446. margin:24px 14px 7px 12px;
  447. letter-spacing:1px;
  448. z-index:9999999999999;
  449. line-height:16px;
  450. background-color:{color:Tooltip};
  451. color:white;
  452. font: 08px helvetica;
  453. letter-spacing:1px;
  454. text-transform:uppercase;
  455. padding:03px;}
  456.  
  457. ::selection {
  458. background: {color:selection};
  459. color: white;}
  460. ::-moz-selection {
  461. background: {color:selection};
  462. color: white;}
  463. ::-webkit-selection {
  464. background: {color:selection};
  465. color: white;}
  466.  
  467. iframe#tumblr_controls {
  468. top:0%!important;
  469. right:0%!important;
  470. position:fixed!important;
  471. z-index:999999999!important;
  472. opacity:0.3;
  473. -webkit-filter:invert(100%);
  474. -moz-filter:invert(100%);
  475. -o-filter:invert(100%);
  476. -ms-filter:invert(100%);
  477. filter:invert(100%);}
  478.  
  479. ::-webkit-scrollbar {
  480. width: 3px;
  481. height: 3px;
  482. background: {color:background};}
  483.  
  484. ::-webkit-scrollbar-thumb {
  485. background-color:{color:scrollbar};}
  486.  
  487. /* SCROLL TO TOP */
  488. .scrollup{
  489. width:30px;
  490. height:30px;
  491. opacity:0.3;
  492. position:fixed;
  493. bottom:10px;
  494. right:0px;
  495. display:none;}
  496.  
  497. .scrollup:hover{
  498. cursor:pointer;}
  499.  
  500. #c{
  501. position:fixed;
  502. bottom:10px;
  503. right:12px;
  504. font: 09px georgia;
  505. letter-spacing:1px;
  506. text-align:right;
  507. z-index:99;}
  508.  
  509. #vignette, #tumblr_lightbox_right_image, #tumblr_lightbox_left_image {
  510. visibility: hidden;}
  511.  
  512. #tumblr_lightbox img {
  513. box-shadow: none !important;
  514. border-radius:0 !important;}
  515.  
  516. #tumblr_lightbox {
  517. background-color: transparent !important;}
  518.  
  519. #tumblr_lightbox div:nth-child(2) {
  520. background-color: #fff;
  521. opacity: .8;}
  522.  
  523. #tumblr_lightbox a img {
  524. border: 3px solid #fff !important;
  525. border-radius:05px;}
  526.  
  527. .search{background-color: {color:search bg};
  528. margin-top:15px;}
  529.  
  530. .search .query {
  531. border: 0;
  532. outline: 0;
  533. padding: 5px;
  534. font-family: inherit;
  535. font-size: inherit;
  536. color: inherit;
  537. background-color: transparent;}
  538.  
  539. ::-webkit-input-placeholder {color: inherit;}
  540. :-moz-placeholder {color: inherit; opacity:1;}
  541. ::-moz-placeholder {color: inherit; opacity:1;}
  542. :-ms-input-placeholder {color: inherit;}
  543.  
  544. input:focus::-webkit-input-placeholder {color: transparent;}
  545. input:focus:-moz-placeholder {color: transparent;}
  546. input:focus::-moz-placeholder {color: transparent;}
  547. input:focus:-ms-input-placeholder { color: transparent;}
  548.  
  549. .posts-info2{
  550. margin-top:15px;
  551. font:08px calibri;
  552. text-transform:uppercase;
  553. letter-spacing:1px;
  554. background-color:{color:background};
  555. text-align:center;
  556. line-height:180%;}
  557.  
  558. .posts:hover .posts-info1{
  559. opacity:1;}
  560.  
  561. .posts-info1{
  562. font:09px calibri;
  563. text-transform:uppercase;
  564. letter-spacing:1px;
  565. background-color:{color:background};
  566. text-align:left;
  567. opacity:0;
  568. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  569. -o-transition:all 0.6s ease-in-out;/*opera*/
  570. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  571. -ms-transition:all 0.6s ease-in-out;/*ie*/
  572. transition:all 0.6s ease-in-out;/*w3c*/ }
  573.  
  574. .posts-info2 a, .posts-info1 a{
  575. padding-right:10px;}
  576.  
  577. .bb{
  578. border-bottom:1px solid #eee;
  579. width:{select:posts width}px;
  580. padding-top:10px;}
  581.  
  582. .text-title, .text-titl{
  583. font:16px helvetica;
  584. font-weight:bold;
  585. font-style:italic;
  586. background-color:{color:titles bg};
  587. padding:10px;}
  588.  
  589. .text-titl{
  590. background-color:{color:background};}
  591.  
  592. </style>
  593.  
  594. </head>
  595. <body>
  596.  
  597. <div class="container">
  598.  
  599. <div id="side">
  600. <div id="sidebar">
  601.  
  602. <div class="sidebar-image"><img src="{image:sidebar}"></div>
  603.  
  604. <div class="sb-title"><a href="/"><i><b>{Title}<br><small>{text:subtitle}</small></b></i></a></div>
  605.  
  606. <div class="descr">{Description}</div><!--description-->
  607.  
  608. <div class="navi">
  609. <a><b>links</b></a>
  610. <a href="{text:Link 01 URL}">{text:Link 01 title}</a>
  611. <a href="{text:Link 02 URL}">{text:Link 02 title}</a>
  612. <a href="{text:Link 03 URL}">{text:Link 03 title}</a>
  613. <a href="{text:Link 04 URL}">{text:Link 04 title}</a>
  614. <a href="{text:Link 05 URL}">{text:Link 05 title}</a>
  615. </div>
  616.  
  617. {block:ifSearchBox}
  618. <form action="/search" method="get" class="search">
  619. <input type="text" name="q" value="{SearchQuery}" class="query" placeholder="search tags">
  620. </form>
  621. {/block:ifSearchBox}
  622.  
  623. {block:Pagination}<div class="pag" {block:IfInfiniteScroll}style="display:none;"{/block:IfInfiniteScroll}>
  624. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  625.  
  626. {block:NextPage}<a href="{NextPage}" class="next">next</a>{/block:NextPage}</div>
  627. {/block:Pagination}
  628. </div>
  629. </div>
  630.  
  631. <div id="c">
  632. <a href="http://caulfielld.tumblr.com/" target="_blank"><em>tc.</em></a>
  633. </div>
  634.  
  635. <div id="entries">
  636.  
  637. {block:Posts}
  638.  
  639. {block:ContentSource}
  640. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  641. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  642. {/block:SourceLogo}
  643. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  644. {/block:ContentSource}
  645.  
  646. <div class="posts">
  647.  
  648. {block:Date}{block:IndexPage}
  649. <div class="posts-info" style="display:none;{block:Photo}display:block;{/block:Photo}{block:Photoset}display:block;{/block:Photoset}{block:Video}display:block;{/block:Video}">
  650. posted <a href="{Permalink}">{TimeAgo}</a>
  651. {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<a href="{reblogurl}"> / reblog</a>
  652. </div>{/block:IndexPage}{/block:Date}
  653.  
  654. {block:Date}{block:IndexPage}
  655. <div class="posts-inf" style="display:block;{block:Photo}display:none;{/block:Photo}{block:Photoset}display:none;{/block:Photoset}{block:Video}display:none;{/block:Video}">
  656. posted <a href="{Permalink}">{TimeAgo}</a>
  657. {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<a href="{reblogurl}"> / reblog</a>
  658. </div>{/block:IndexPage}{/block:Date}
  659.  
  660. {block:Text}
  661. {block:Title}<div class="text-title">{Title}</div>{/block:Title}
  662. <div class="caption">{Body}</div>
  663. {/block:Text}
  664.  
  665. {block:Photo}<div class="ph">
  666. <center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="images">{LinkCloseTag}</center>
  667. {block:ifShowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaption}{block:ifNotShowCaption}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:ifNotShowCaption}</div>
  668. {/block:Photo}
  669.  
  670. {block:Photoset}<div class="ph">
  671. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  672. {block:ifShowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaption}{block:ifNotShowCaption}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:ifNotShowCaption}</div>
  673. {/block:Photoset}
  674.  
  675. {block:Quote}<div class="quote">
  676. <div class="quotetext-{Length}">{Quote}</div>
  677. {block:Source}
  678. <div class="quote-source">{Source}</div>
  679. {/block:Source}
  680. </div>{/block:Quote}
  681.  
  682. {block:Link}
  683. <div class="text-title">
  684. <a href="{URL}" target="{Target}">{Name} <b>&rarr;</b></a></div>
  685. {block:Description}{Description}{/block:Description}
  686. {/block:Link}
  687.  
  688. {block:Chat}
  689. {block:Title}<div class="text-titl">{Title}</div>{/block:Title}
  690. {block:Lines}<ul class="{Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></ul>{/block:Lines}
  691. {/block:Chat}
  692.  
  693. {block:Audio}
  694. <div class="audio">
  695. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  696. <div class="au-info">{block:TrackName}{TrackName}{/block:TrackName}
  697. {block:Artist}<small><b>{Artist}</b></small>{/block:Artist}</div>
  698. </div>
  699. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  700. {/block:Audio}
  701.  
  702. {block:Video}
  703. <div class="video"><center>{Video-500}</center></div>
  704. {block:ifShowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaption}{block:ifNotShowCaption}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:ifNotShowCaption}
  705. {/block:Video}
  706.  
  707. {block:Answer}
  708. <div class="askk">
  709. <i><b>{Asker}:</b> {Question}</i></div>
  710. <blockquote>{Answer}</blockquote>
  711. {/block:Answer}
  712.  
  713. <div class="bb"></div>
  714.  
  715. {block:Date}{block:PermalinkPage}
  716. <div class="posts-info2"><a href="{Permalink}">{TimeAgo}</a>
  717. {block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}{block:PermalinkPage}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:PermalinkPage}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}
  718. {block:HasTags}<br />{block:Tags}<a href="{TagURL}" class="tag">{Tag} </a>{/block:Tags} {/block:HasTags}
  719. </div>{/block:PermalinkPage}{/block:Date}
  720.  
  721. {block:Date}{block:indexpage}
  722. <div class="posts-info1">
  723. {block:HasTags}<br />{block:Tags}<a href="{TagURL}" class="tag">#{Tag} </a>{/block:Tags} {/block:HasTags}
  724. </div>{/block:indexpage}{/block:Date}
  725.  
  726. </div><!--- posts --->
  727.  
  728. {block:PermalinkPage}
  729. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  730. {/block:PermalinkPage}
  731.  
  732. {/block:Posts}
  733. </div><!-- entries -->
  734. </div><!-- container-->
  735.  
  736. <script>
  737. $(document).ready(function(){
  738. $('.photo-slideshow').pxuPhotoset({
  739. lightbox: true,
  740. rounded: false,
  741. gutter: '0px',
  742. borderRadius: '0px',
  743. photoset: '.photo-slideshow',
  744. photoWrap: '.photo-data',
  745. photo: '.pxu-photo'
  746. });
  747. });
  748. </script>
  749.  
  750. <script>
  751. $(document).ready(function(){
  752. $('.video iframe').each(function(){
  753. var scale = $(this).parents('.video').width() / 500;
  754. $(this).attr({
  755. width: Math.floor($(this).attr('width') * scale),
  756. height: Math.floor($(this).attr('height') * scale)
  757. });
  758. });
  759. });
  760. </script>
  761.  
  762. {block:IndexPage}{block:ifInfiniteScroll}
  763. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  764.  
  765. <script type="text/javascript">
  766. $(function(){
  767. var $container = $('#entries');
  768. $container.infinitescroll({
  769. bufferPx: 400,
  770. itemSelector: '.posts',
  771. navSelector: '.pag',
  772. nextSelector: '.next',
  773. loading: {
  774. img: 'http://static.tumblr.com/nb65v05/NgXntm6a6/untitled-1.png',
  775. msg: null,
  776. msgText: ''
  777. }
  778. },
  779. function( newElements ) {
  780. var $newElems = $( newElements );
  781. $newElems.find('.photo-slideshow').pxuPhotoset({
  782. lightbox: true,
  783. rounded: false,
  784. gutter: '0px',
  785. borderRadius: '0px',
  786. photoset: '.photo-slideshow',
  787. photoWrap: '.photo-data',
  788. photo: '.pxu-photo'
  789. });
  790. $newElems.find('.video iframe').each(function(){
  791. var scale = $(this).parents('.video').width() / 500;
  792. $(this).attr({
  793. width: Math.floor($(this).attr('width') * scale),
  794. height: Math.floor($(this).attr('height') * scale)
  795. });
  796. });
  797. });
  798.  
  799. });
  800. </script>
  801. {/block:ifInfiniteScroll}{/block:IndexPage}
  802.  
  803. </body>
  804. </html>
Advertisement
Add Comment
Please, Sign In to add comment