sexycullen

# 61 2

Feb 10th, 2014 (edited)
3,170
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.05 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <!--------------------------------------------
  8. SPUNKHANDSOME THEMES # 61 2
  9. THEME BY: https://britishrobert.tumblr.com/ (PREV SPUNKHANDSOME)
  10.  
  11. RULES, IMPORTANT: DON'T REMOVE THE CREDIT // DON'T CLAIM AS YOUR OWN // DON'T USE AS A BASE
  12.  
  13. --------------------------------------------->
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  18. <meta name="description" content="" />
  19. <meta https-equiv="x-dns-prefetch-control" content="off"/>
  20.  
  21.  
  22. <meta name="color:Background" content="#FFFFFF">
  23. <meta name="color:Link" content="#2E2E2E">
  24. <meta name="color:Link Hover" content="#000000">
  25. <meta name="color:Text" content="#2E2E2E">
  26. <meta name="color:Scrollbar" content="#000000">
  27. <meta name="color:Blockquote" content="#EAEAEA">
  28. <meta name="color:Questions Border" content="#FBFBFB">
  29. <meta name="color:Heart Info Color" content="#E6E6E6">
  30. <meta name="color:Info Border" content="#F5F5F5">
  31. <meta name="color:Tags Border" content="#F5F5F5">
  32.  
  33. <meta name="color:Sidebar Link Border" content="#F5F5F5">
  34.  
  35. <meta name="text:Body Font Size" content="9px"/>
  36. <meta name="text:Body Font" content="Helvetica"/>
  37.  
  38. <meta name="image:Sidebar" content=""/>
  39.  
  40. <meta name="if:Posts size 540px" content="1"/>
  41. <meta name="if:Posts size 500px" content="0"/>
  42. <meta name="if:Posts size 400px" content="0"/>
  43.  
  44. <meta name="if:Show Heart Info" content="1">
  45. <meta name="if:Hover Tags" content="1"/>
  46. <meta name="if:Show Link1" content="0" />
  47. <meta name="if:Show Link2" content="0" />
  48. <meta name="if:Show Link3" content="0" />
  49. <meta name="if:Show Link4" content="0" />
  50.  
  51. <meta name="text:link1" content="">
  52. <meta name="text:link1 url" content="/">
  53. <meta name="text:link2" content="">
  54. <meta name="text:link2 url" content="/">
  55. <meta name="text:link3" content="">
  56. <meta name="text:link3 url" content="/">
  57. <meta name="text:link4" content="">
  58. <meta name="text:link4 url" content="/">
  59.  
  60. <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>
  61.  
  62. <link href='https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700' rel='stylesheet' type='text/css'>
  63.  
  64. <link href='https://fonts.googleapis.com/css?family=Josefin+Slab:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  65.  
  66. <link href='https://fonts.googleapis.com/css?family=Cutive+Mono' rel='stylesheet' type='text/css'>
  67.  
  68. <link href='https://fonts.googleapis.com/css?family=Rambla:400,700,400italic,700italic|Anaheim|Hammersmith+One&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  69.  
  70. <style type="text/css">
  71.  
  72. :root {
  73. --NPF-Image-Spacing:4px;
  74. --NPF-Bottom-Gap-From-Captions:1em;
  75. }
  76.  
  77. ::-webkit-scrollbar {background-color:{color:Background}; height:4px; width:6px}
  78. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar}; height:50px}
  79. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar}; height:8px!important}
  80.  
  81. small {
  82. font-size: {text:Body Font Size};}
  83. sub {
  84. font-size: {text:Body Font Size};}
  85. sup {
  86. font-size: {text:Body Font Size};}
  87.  
  88. h1 {
  89. font-weight:normal;
  90. font-size:11px;
  91. text-align:center;
  92. font-style:italic;
  93. line-height:50%;
  94. letter-spacing:0px;
  95. font-family:Josefin Slab;
  96. text-transform:none;
  97. color:{color:text};
  98. }
  99.  
  100. h2 {
  101. font-size:18px;
  102. font-family:Open Sans Condensed;
  103. letter-spacing:0px;
  104. margin-bottom:10px;
  105. font-weight:normal;
  106. line-height:90%;
  107. text-transform:lowercase;
  108. color: {color:Text};
  109. margin: 0px;}
  110.  
  111. code {
  112. {block:ifPostsSize540px}
  113. width: 541px;
  114. {/block:ifPostsSize540px}
  115. {block:ifPostsSize500px}
  116. width: 500px;
  117. {/block:ifPostsSize500px}
  118. {block:ifPostsSize400px}
  119. width:400px;
  120. {/block:ifPostsSize400px}
  121. font-size:11px;
  122. font-family:cutive mono;
  123. text-align: left;
  124. word-wrap: break-word;
  125. color:{color:Text};
  126. }
  127.  
  128. pre {
  129. {block:ifPostsSize540px}
  130. width: 541px;
  131. {/block:ifPostsSize540px}
  132. {block:ifPostsSize500px}
  133. width: 500px;
  134. {/block:ifPostsSize500px}
  135. {block:ifPostsSize400px}
  136. width:400px;
  137. {/block:ifPostsSize400px}
  138. font-size:11px;
  139. font-family:cutive mono;
  140. text-align: left;
  141. word-wrap: break-word;
  142. color:{color:Text};
  143. }
  144.  
  145.  
  146. blockquote {
  147. border-left:1px solid {color:Blockquote};
  148. padding-left:6px;
  149. margin:8px;
  150. }
  151.  
  152. blockquote img {
  153. max-width:470px;
  154. }
  155.  
  156. body {
  157. color: {color:Text};
  158. background-color:{color:Background};}
  159.  
  160. a {
  161. color: {color:Link};
  162. text-decoration: none;
  163. -moz-transition-duration: 0.5s;
  164. -o-transition-duration: 0.5s;
  165. -webkit-transition-duration: 0.5s;
  166. transition-duration: 0.5s;}
  167.  
  168. a:hover {
  169. color: {color:Link Hover};
  170. -moz-transition-duration: 0.5s;
  171. -o-transition-duration: 0.5s;
  172. -webkit-transition-duration: 0.5s;
  173. transition-duration: 0.5s;}
  174.  
  175. .sidebar {
  176. width:245px;
  177. color:{color:Text};
  178. position: fixed;
  179. margin-left: 80px;
  180. margin-top: 140px;
  181. }
  182.  
  183. .sidebar a {
  184. color:{color:Link};
  185. }
  186.  
  187. .sidebar a:hover {
  188. color:{color:Link Hover};
  189. }
  190.  
  191. .sidebarimage {
  192. width:245px;
  193. height:auto;
  194. margin-left:0px;
  195. margin-bottom:5px;
  196. padding:3px;
  197. }
  198.  
  199. .sidebarlinks {
  200. width:245px;
  201. padding-top:2px;
  202. padding-bottom:5px;
  203. text-transform:lowercase;
  204. font-family:calibri;
  205. font-size:10px;
  206. text-align:center;
  207. border-bottom:1px solid {color:Sidebar Link Border};
  208. -moz-transition-duration: 0.5s;
  209. -o-transition-duration: 0.5s;
  210. -webkit-transition-duration: 0.5s;
  211. transition-duration: 0.5s;}
  212.  
  213. .sidebarlinks a {
  214. color:{color:Link};
  215. padding:3px;
  216. -moz-transition-duration: 0.5s;
  217. -o-transition-duration: 0.5s;
  218. -webkit-transition-duration: 0.5s;
  219. transition-duration: 0.5s;}
  220.  
  221. .sidebarlinks a:hover {
  222. color:{color:Link Hover};
  223. text-decoration:underline;
  224. -moz-transition-duration: 0.5s;
  225. -o-transition-duration: 0.5s;
  226. -webkit-transition-duration: 0.5s;
  227. transition-duration: 0.5s;}
  228.  
  229. .description {
  230. width:245px;
  231. position:absolute;
  232. margin-left:0px;
  233. padding-top:6px;
  234. text-align:right;
  235. font-size:9px;
  236. font-family:arial;
  237. font-style:none;
  238. color:{color:Text};
  239. letter-spacing:0px;
  240. }
  241.  
  242. .description a:hover {
  243. color:{color:Hover};
  244. }
  245.  
  246. .pagination {
  247. position:fixed;
  248. width:245px;
  249. line-height:190%;
  250. margin-top:-10px;
  251. margin-left:0px;
  252. font-family:arial;
  253. font-size:9px;
  254. text-transform:lowercase;
  255. letter-spacing:-1x;
  256. font-style:normal;
  257. text-align:right;
  258. }
  259.  
  260. .pagination a {
  261. padding:4px;
  262. text-align:left;
  263. color:{color:text};
  264. }
  265.  
  266. .pagination a:hover {
  267. color:{color:hover};
  268. }
  269.  
  270. .container {
  271. width:900px;
  272. margin: -40px 50px 75px;
  273. outline:0px solid {color:Posts Border};
  274. }
  275.  
  276.  
  277. .postscontainer {
  278. {block:ifPostsSize540px}
  279. width:560px;
  280. {/block:ifPostsSize540px}
  281. {block:ifPostsSize500px}
  282. width:520px;
  283. {/block:ifPostsSize500px}
  284. {block:ifPostsSize400px}
  285. width:421px;
  286. {/block:ifPostsSize400px}
  287. padding:0px;
  288. margin-left:430px;
  289. outline:0px solid {color:Posts Border};
  290. }
  291.  
  292. .posts {
  293. font-size: {text:Body Font Size};
  294. font-family: {text:Body Font};
  295. {block:ifPostsSize540px}
  296. width: 541px;
  297. {/block:ifPostsSize540px}
  298. {block:ifPostsSize500px}
  299. width: 500px;
  300. {/block:ifPostsSize500px}
  301. {block:ifPostsSize400px}
  302. width:400px;
  303. {/block:ifPostsSize400px}
  304. line-height:100%;
  305. margin-top:100px;
  306. margin-left:0px;
  307. padding-top:5px;
  308. text-align:justify;
  309. }
  310.  
  311. .posts img {
  312. max-width:100%;
  313. display:block;
  314. height:auto;
  315. }
  316.  
  317.  
  318.  
  319. /* style for pixel union photosets
  320. i recomend not changing if you don't know what you're doing */
  321.  
  322. .photo-slideshow {
  323. visibility: hidden;
  324. }
  325.  
  326. .photo-slideshow.processed {
  327. visibility: visible;
  328. }
  329.  
  330. .photo-slideshow .row {
  331. clear: both;
  332. width: 100%;
  333. }
  334.  
  335. .photo-slideshow .pxu-photo {
  336. display: block;
  337. float: clear;
  338. width: 100%;
  339. overflow: hidden;
  340. }
  341.  
  342. .photo-slideshow .pxu-photo img {
  343. display: block;
  344. }
  345.  
  346. .photo-slideshow.processed .pxu-photo img {
  347. width:100%;
  348. height: auto;
  349. }
  350.  
  351. .photo-slideshow .pxu-photo:first-child img {
  352. margin:auto;
  353. }
  354.  
  355. {block:ifPostsSize540px}
  356. .photo-slideshow .count-1 {
  357. margin-bottom:4px!important;
  358. width:540px;
  359. }
  360.  
  361. .photo-slideshow .count-2 {
  362. margin-left:4px!important;
  363. margin-bottom:4px!important;
  364. width:268px!important;
  365. }
  366.  
  367. .photo-slideshow .count-2:first-child {
  368. margin-left:0!important;
  369. }
  370.  
  371. .photo-slideshow .count-3 {
  372. margin-left:4px!important;
  373. margin-bottom:4px!important;
  374. width:177!important;
  375. }
  376.  
  377. .photo-slideshow .count-3:first-child {
  378. margin-right:4px!important;
  379. width:177!important;
  380. }
  381.  
  382. .photo-slideshow .count-3:nth-child(2) {
  383. margin-left:0px!important;
  384. width:178!important;
  385. }
  386. {/block:ifPostsSize540px}
  387.  
  388.  
  389. {block:ifPostsSize500px}
  390. .photo-slideshow .count-1 {
  391. max-width:500px;
  392. height: auto;
  393. }
  394.  
  395.  
  396. .photo-slideshow .count-2 {
  397. width:245px;
  398. height: auto;
  399. }
  400.  
  401.  
  402. .photo-slideshow .count-3 {
  403. width:160px;
  404. height: auto;
  405. }
  406. {/block:ifPostsSize500px}
  407.  
  408. {block:ifPostsSize400px}
  409. .photo-slideshow .count-1 {
  410. width:100%;
  411. }
  412.  
  413. .photo-slideshow .count-2 {
  414. width:50%;
  415. height: auto;
  416. }
  417.  
  418. .photo-slideshow .count-3 {
  419. width:33.33%;
  420. height: auto;
  421. }
  422. {/block:ifPostsSize400px}
  423.  
  424.  
  425. .set {
  426. margin:auto!important;
  427. }
  428.  
  429. .photo-slideshow {
  430. width:auto!important;
  431. }
  432. /* style for pixel union photosets
  433. i recomend not changing if you don't know what you're doing */
  434.  
  435.  
  436. .info {
  437. margin-bottom:10px;
  438. padding-bottom:4px;
  439. margin-left:3px;
  440. line-height:0%;
  441. text-align:right;
  442. font-family:calibri;
  443. text-transform:lowercase;
  444. font-size:10px;
  445. border-top:1px solid {color:Info Border};
  446. }
  447.  
  448. .info a {
  449. color:{color:Link};
  450. }
  451.  
  452. .info a:hover {
  453. text-decoration:underline;
  454. color:{color:Link Hover};
  455. }
  456.  
  457. .info2 {
  458. margin-top:-3px;
  459. text-align:right;
  460. line-height:0%;
  461. font-family:helvetica;
  462. padding:3px;
  463. text-transform:lowercase;
  464. font-size:9px;
  465. }
  466.  
  467. .info2 a {
  468. color:{color:Link};
  469. }
  470.  
  471. .info2 a:hover {
  472. text-decoration:underline;
  473. color:{color:Link Hover};
  474. }
  475.  
  476. .postscontainer:hover .tags {
  477. {block:ifHoverTags}
  478. margin-top:8px;filter: alpha(opacity = 100);
  479. opacity:100;-webkit-transition: all 0.5s ease-out;
  480. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  481. {/block:ifHoverTags}}
  482.  
  483. .tags {{block:ifHoverTags}
  484. -webkit-transition:0.7s ease; position:absolute; text-transform:uppercase; opacity:0;
  485. {/block:ifHoverTags}
  486. {block:ifPostsSize540px}
  487. width: 541px;
  488. {/block:ifPostsSize540px}
  489. {block:ifPostsSize500px}
  490. width: 500px;
  491. {/block:ifPostsSize500px}
  492. {block:ifPostsSize400px}
  493. width:400px;
  494. {/block:ifPostsSize400px}
  495. font-family:calibri;
  496. text-transform:none;
  497. margin-top:10px;
  498. letter-spacing:0px;
  499. font-style:none;
  500. font-size:10px;
  501. text-align:left;
  502. padding:2px;
  503. padding-top:5px;
  504. border-top:1px solid {color:Tags Border};
  505. -moz-transition-duration:0.5s;
  506. -webkit-transition-duration:0.5s;
  507. -o-transition-duration:0.5s;
  508. }
  509.  
  510. .tags a {
  511. background-color:none;
  512. color:{color:Text};
  513. }
  514.  
  515. .tags a:hover {
  516. text-decoration:underline;
  517. color:{color:Link Hover};
  518. letter-spacing:0px;
  519. -moz-transition-duration: 0.5s;
  520. -o-transition-duration: 0.5s;
  521. -webkit-transition-duration: 0.5s;
  522. transition-duration: 0.5s;}
  523. }
  524.  
  525. .postnote {
  526. {block:ifPostsSize540px}
  527. width: 541px;
  528. {/block:ifPostsSize540px}
  529. {block:ifPostsSize500px}
  530. width: 500px;
  531. {/block:ifPostsSize500px}
  532. {block:ifPostsSize400px}
  533. width:400px;
  534. {/block:ifPostsSize400px}
  535. font-family:calibri;
  536. text-transform:lowercase;
  537. font-style:normal;
  538. letter-spacing:0px;
  539. font-size:10px;
  540. text-align:left;
  541. line-height:90%;
  542. margin-top:40px;
  543. }
  544.  
  545. .postnote li {
  546. list-style-type:none;
  547. border-bottom:1px solid {color:Questions Border};
  548. padding:37px 0px 3px 0px;
  549. text-align:left;
  550. margin:0px;
  551. -moz-transition-duration:0.5s;
  552. -webkit-transition-duration:0.5s;
  553. -o-transition-duration:0.5s;
  554. }
  555.  
  556. .postnote img {
  557. align: left;
  558. margin: 0px 2px -4px 1px;
  559. padding: 3px;
  560. }
  561.  
  562. .music {
  563. width:500px;
  564. {block:ifPostsSize540px}
  565. width: 541px;
  566. {/block:ifPostsSize540px}
  567. {block:ifPostsSize500px}
  568. width: 500px;
  569. {/block:ifPostsSize500px}
  570. {block:ifPostsSize400px}
  571. width:400px;
  572. {/block:ifPostsSize400px}
  573. padding-bottom:10px;
  574. }
  575.  
  576. .albumart {
  577. float:left;
  578. padding:10px 10px 10px 0px;
  579. }
  580.  
  581. .albumart img {
  582. width:45px;
  583. height:45px;
  584. }
  585.  
  586. .playercontainer {
  587. text-align:left;
  588. padding:5px 5px -5px;
  589. width:480px;
  590. }
  591.  
  592. .musicinfo {
  593. padding:10px;
  594. color:{color:text};
  595. }
  596.  
  597. .quote {
  598. font-size:18px;
  599. font-family:Open Sans Condensed;
  600. letter-spacing:0px;
  601. line-height:90%;
  602. font-weight:normal;
  603. text-align:center;
  604. text-transform:lowercase;
  605. }
  606.  
  607. .source {
  608. font-family:calibri;
  609. font-size:10px;
  610. font-style:normal;
  611. text-align:center;
  612. line-height:17px;
  613. }
  614.  
  615. .chat ol {
  616. font-family:anaheim;
  617. font-size:11px;
  618. line-height:100%;
  619. padding:0px;
  620. list-style:none;
  621. }
  622. .label {
  623. font-family:Open Sans Condensed;
  624. text-transform:lowercase;
  625. font-size:12px;
  626. font-weight:bold;
  627. color:{color:Text};
  628. }
  629. .line.odd {
  630. padding:4px;
  631. margin-bottom:6px;
  632. }
  633. .line.even {
  634. padding:4px;
  635. margin-bottom:6px;
  636. }
  637.  
  638. .ask {
  639. font-size:18px;
  640. font-family:Open Sans Condensed;
  641. letter-spacing:0px;
  642. font-weight:bold;
  643. text-align:left;
  644. text-transform:lowercase;
  645. }
  646.  
  647. .question {
  648. {block:ifPostsSize540px}
  649. width: 541px;
  650. {/block:ifPostsSize540px}
  651. {block:ifPostsSize500px}
  652. width: 500px;
  653. {/block:ifPostsSize500px}
  654. {block:ifPostsSize400px}
  655. width:400px;
  656. {/block:ifPostsSize400px}
  657. letter-spacing:0px;
  658. margin-top:10px;
  659. padding-bottom:3px;
  660. text-align:justify;
  661. color:{color:Text};
  662. border-bottom: 1px solid {color:Questions Border};
  663. }
  664.  
  665. .answer {
  666. {block:ifPostsSize540px}
  667. width: 541px;
  668. {/block:ifPostsSize540px}
  669. {block:ifPostsSize500px}
  670. width: 500px;
  671. {/block:ifPostsSize500px}
  672. {block:ifPostsSize400px}
  673. width:400px;
  674. {/block:ifPostsSize400px}
  675. letter-spacing:0px;
  676. text-align:justify;
  677. padding-top:5px;
  678. margin-bottom:1px;
  679. color:{color:Text};
  680. }
  681.  
  682. </style>
  683. </head>
  684.  
  685. <body>
  686.  
  687. <div class="container">
  688. <div class="sidebar">
  689. <a href="/">
  690. <img src="{image:sidebar}" class="sidebarimage">
  691. </a>
  692. <div class="sidebarlinks">
  693. <a href="https://britishrobert.tumblr.com/">c.</a>
  694. <a href="/">index</a>
  695. <a href="/ask">ask</a>
  696. {block:ifShowLink1}
  697. <a href="{text:link1 url}">{text:link1}</a>
  698. {/block:IfShowLink1}
  699. {block:ifShowLink2}
  700. <a href="{text:link2 url}">{text:link2}</a>
  701. {/block:IfShowLink2}
  702. {block:ifShowLink3}
  703. <a href="{text:link3 url}">{text:link3}</a>
  704. {/block:IfShowLink3}
  705. {block:ifShowLink4}
  706. <a href="{text:link4 url}">{text:link4}</a>
  707. {/block:IfShowLink4}
  708. </div>
  709. <div class="description">
  710. {Description}
  711. <br><br>
  712. {block:Pagination}
  713. <div class="pagination">
  714. {block:PreviousPage}
  715. <a href="{PreviousPage}">back</a>
  716. {/block:PreviousPage}—{block:NextPage}
  717. <a href="{NextPage}">next</a>
  718. {/block:NextPage}
  719. </div>
  720. {/block:Pagination}
  721. </div>
  722. </div>
  723.  
  724.  
  725.  
  726. <div class="postscontainer">
  727. {block:Posts}
  728.  
  729. <div class="posts" post-type="{PostType}">
  730.  
  731. {block:Date}<div class="info"><span style="background-color:{color:background};padding:4px;padding-bottom:0px;"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {Month}</a>{block:NoteCount} {NoteCount} {block:ifShowHeartInfo}<span style="color:{color:Heart Info Color};"><span style="font-size:8px;">♥</span></span>{/block:IfShowHeartInfo}{/block:NoteCount}{block:RebloggedFrom}  <a href="{ReblogParentURL}">via</a>{block:ContentSource}<b> · </b><a href="{SourceURL}">source</a>{/block:ContentSource}{/block:RebloggedFrom} <span style="font-size:7px;text-transform:lowercase;"> <a href="{ReblogURL}">&#8635;</a></span>{/block:RebloggedFrom}</div></span>{/block:Date}
  732.  
  733. {block:Text}
  734. {block:Title}<h2>{Title}</h2>{/block:Title}
  735. {Body}
  736. {/block:Text}
  737.  
  738. {block:Quote}<div class="quote">&#8220;{Quote}&#8221;</div><center><div class="source">&mdash; {block:Source}{Source}{/block:Source}</div></center><br>{/block:Quote}
  739.  
  740. {/block:Quote}
  741.  
  742. {block:Link}
  743. <h2><a href="{URL}">{Name}</a></h2>
  744. {block:Description}{Description}{/block:Description}
  745. {/block:Link}
  746.  
  747. {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
  748. </ol></div>{/block:Chat}
  749.  
  750. {block:Answer}<div class="ask"><span style="text-transform:lowercase;">{Asker} asked:</b></span></div> <div class="question">{Question}</div><div class="answer">{Answer}</div>{/block:answer}
  751.  
  752. {block:Photo}
  753. <center><img src="{PhotoURL-HighRes}"/></center>
  754. {block:Caption}{Caption}{/block:Caption}
  755. {/block:Photo}
  756.  
  757. {block:Photoset}
  758. {block:ifPostsSize540px}
  759. <div class="set"><center><div class="pxu"><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></div></center></div>
  760. {/block:ifPostsSize540px}
  761. {block:ifPostsSize500px}
  762. <div class="set"><center><div class="pxu"><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></div></center></div>
  763. {/block:ifPostsSize500px}
  764. {block:ifPostsSize400px}
  765. <div class="set"><center><div class="pxu"><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></div></center></div>
  766. {/block:ifPostsSize400px}
  767. {block:Caption}{Caption}{/block:Caption}
  768. {/block:Photoset}
  769.  
  770. {block:Audio}<div class="music">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  771. <div class="musicinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  772. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  773. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  774. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  775.  
  776. {block:Video}
  777. {block:ifNotShow400pxposts}{Video-500}{/block:ifNotShow400pxposts}{block:ifShow400pxposts}{Video-400}{/block:ifShow400pxposts}
  778. {block:Caption}{Caption}{/block:Caption}
  779. {/block:Video}
  780.  
  781. {block:HasTags}
  782. <div class="tags">
  783. {block:Tags}#<a href="{TagURL}">{Tag}</a>  {/block:Tags}</div>
  784. {/block:HasTags}
  785.  
  786. <div class="postnote">
  787. {block:PostNotes}{PostNotes}{/block:PostNotes}
  788. </div>
  789.  
  790. </div>
  791. {/block:Posts}
  792.  
  793. </div>
  794. </div>
  795. </div>
  796.  
  797. <!-- scripts -->
  798. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <!-- for tooltips -->
  799. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
  800. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script> <!-- smooth scroll -->
  801.  
  802. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  803. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  804. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  805.  
  806. <!--
  807. NPF IMAGES READJUSTMENT | @glenthemes
  808. v2.0 [last updated: 2021-04-18]
  809. -->
  810. <link href="//dl.dropbox.com/s/bnoj86mka0bkplb/npf-override.css" rel="stylesheet">
  811. <script src="//dl.dropbox.com/s/vwrm94pcg4c9e71/npf-evenize.js"></script>
  812.  
  813. <script type="text/javascript">
  814. // pixel union photosets
  815.  
  816. $(document).ready(function(){
  817. $('.photo-slideshow').pxuPhotoset({
  818. lightbox:true,
  819. rounded:false,
  820. gutter:'0px',
  821. borderRadius:'0px',
  822. photoset:'.photo-slideshow',
  823. photoWrap:'.photo-data',
  824. photo:'.pxu-photo'
  825. });
  826. });
  827.  
  828. </script>
  829.  
  830. </body>
Add Comment
Please, Sign In to add comment