API tools faq
paste
sexycullen

# 191 2

sexycullen
Oct 24th, 2018 (edited)
3,534
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.52 KB | None | 0 0
raw download clone embed print report
  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. SCOTTISBAE's THEMES #191 2
  9. THEME BY: https://scottisbae.tumblr.com/
  10.  
  11.  
  12. PLEASE DO NOT:
  13. remove the credits; claim as your own; use as a base, take parts
  14. of the theme.
  15. YOU CAN:
  16. edit as much as you want for your own personal use only.
  17.  
  18.  
  19. CREDITS:
  20. unnest captions by neothm, magnusthemes and scarletwitch.
  21. scrollbar style, like and reblog, short notecount by shythemes.
  22. pixel union photoset by gukthemes cathms.
  23. tumblr audio player by alphathemes.
  24. postnotes by havingthemes.
  25. smooth scroll by zacharyfury.
  26. time stamp by bychloethemes.
  27. saturnicons by themehive.
  28. font face by ddkinzart.
  29.  
  30. --------------------------------------------->
  31.  
  32. <title>{Title}</title>
  33. <link rel="shortcut icon" href="{Favicon}">
  34. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  35. <meta name="description" content="" />
  36. <meta https-equiv="x-dns-prefetch-control" content="off"/>
  37.  
  38.  
  39. <meta name="color:Background" content="#FFFFFF">
  40. <meta name="color:Link" content="#9D9D9D">
  41. <meta name="color:Bold" content="#9F8D8B">
  42. <meta name="color:Italic" content="#2E2D2D">
  43. <meta name="color:Link Hover" content="#676868">
  44. <meta name="color:Text" content="#252525">
  45. <meta name="color:Scrollbar" content="#E7E7E7">
  46. <meta name="color:Borders" content="#F3F3F3">
  47. <meta name="color:Posts Background" content="#FFFFFF">
  48.  
  49. <meta name="text:Body Font Size" content="9px"/>
  50. <meta name="text:Body Font" content="'Muli', calibri"/>
  51. <meta name="text:Title" content="Write title here">
  52.  
  53. <meta name="image:Sidebar" content=""/>
  54. <meta name="image:Background" content="" />
  55. <meta name="if:Show Unnest Captions" content="1"/>
  56. <meta name="if:Show 540px posts" content="1"/>
  57. <meta name="if:Show Both 500px 540px posts" content="0"/>
  58. <meta name="if:Show 500px posts" content="0"/>
  59. <meta name="if:Show 400px posts" content="0"/>
  60. <meta name="if:Show 268px Sidebar" content="1"/>
  61. <meta name="if:Show Sidebar Image" content="1" />
  62. <meta name="if:Show Reblog" content="0" />
  63. <meta name="if:Show List Links" content="1" />
  64. <meta name="if:Show Link1" content="1" />
  65. <meta name="if:Show Link2" content="1" />
  66. <meta name="if:Show Link3" content="1" />
  67. <meta name="if:Show Link4" content="1" />
  68.  
  69. <meta name="text:index text" content="home">
  70. <meta name="text:index url" content="/">
  71. <meta name="text:ask text" content="questions">
  72. <meta name="text:ask url" content="/ask">
  73.  
  74. <meta name="text:link 1 text" content="Link 1">
  75. <meta name="text:link 1 url" content="/">
  76. <meta name="text:link 2 text" content="Link 2">
  77. <meta name="text:link 2 url" content="/">
  78. <meta name="text:link 3 text" content="Link 3">
  79. <meta name="text:link 3 url" content="/">
  80. <meta name="text:link 4 text" content="Link 4">
  81. <meta name="text:link 4 url" content="/">
  82.  
  83.  
  84.  
  85. <!----- google fonts ---->
  86.  
  87. <link href="https://fonts.googleapis.com/css?family=Hind:300,400,700" rel="stylesheet">
  88.  
  89. <link href="https://fonts.googleapis.com/css?family=Muli:400,400i,700,700i" rel="stylesheet">
  90.  
  91. <link href="https://fonts.googleapis.com/css?family=Quicksand:400,700" rel="stylesheet">
  92.  
  93. <!----- google fonts ---->
  94.  
  95.  
  96. <link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet">
  97.  
  98.  
  99. <!----- scripts ---->
  100. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  101. <script src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  102. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  103. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  104. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  105. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  106. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  107. </script><script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  108. {block:ifShowBoth500px540pxposts}
  109. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  110. {/block:ifShowBoth500px540pxposts}
  111. {block:ifShowBoth500px540pxposts}
  112. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  113. {/block:ifShowBoth500px540pxposts}
  114. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  115. <script type="text/javascript" src="https://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>
  116. <!----- scripts ---->
  117.  
  118.  
  119.  
  120. <!----- time stamp style ---->
  121. <script type="text/javascript">
  122. $(document).ready(function() {
  123. $(".time-ago").timeAgo({
  124. time: "letter", // can be "letter" "short" or "word"
  125. spaces: true, // adds spaces between words and numbers
  126. words: false, // turns numbers to words
  127. prefix: "", // adds a prefix to the outputted string. could be "~" or "about"
  128. suffix: "", // adds a suffix to the outputted string. could be "ago"
  129. });
  130. });
  131. </script>
  132. <!----- time stamp style ---->
  133.  
  134.  
  135.  
  136.  
  137. <!----- tooltip ---->
  138. <script>
  139. (function($){
  140. $(document).ready(function(){
  141. $("a[title]").style_my_tooltips({
  142. tip_follows_cursor:true,
  143. tip_delay_time:90,
  144. tip_fade_speed:600,
  145. attribute:"title"
  146. });
  147. });
  148. })(jQuery);
  149. </script>
  150. <!----- tooltip ---->
  151.  
  152.  
  153.  
  154. <!----- caption unnest ---->
  155. {block:ifShowUnnestCaptions}
  156. <script>
  157. $(document).ready(function(){ $('.posts').unnest({
  158. yourCaption: ".caption",
  159. wrapName: ".cap",
  160. newCaptionUsername: true,
  161. originalPostCaptionUsername: false,
  162. tumblrAvatars: false,
  163. tumblrAvatarClass: ".icon",
  164. usernameColon: false
  165. });
  166.  
  167. }); </script>
  168.  
  169. {/block:ifShowUnnestCaptions}
  170. <!----- caption unnest ---->
  171.  
  172.  
  173.  
  174. <!----- pixel union photosets ---->
  175. {block:ifShow540pxposts}
  176. <script>
  177. $(document).ready(function(){
  178. $('.photo-slideshow').pxuPhotoset({
  179. lightbox: true,
  180. highRes: true,
  181. gutter: '4px',
  182. borderRadius: '0px',
  183. photoset: '.photo-slideshow',
  184. photoWrap: '.photo-data',
  185. photo: '.pxu-photo'
  186. });
  187.  
  188. }); </script>
  189. {/block:ifShow540pxposts}
  190.  
  191. {block:ifShowBoth500px540pxposts}
  192. <script>
  193. $(document).ready(function(){
  194. $('.photo-slideshow').pxuPhotoset({
  195. lightbox:true,
  196. rounded:false,
  197. gutter:'0px',
  198. borderRadius:'0px',
  199. photoset:'.photo-slideshow',
  200. photoWrap:'.photo-data',
  201. photo:'.pxu-photo'
  202. });
  203. });
  204. </script>
  205. {/block:ifShowBoth500px540pxposts}
  206.  
  207. {block:ifShow500pxposts}
  208. <script>
  209. $(document).ready(function(){
  210. $('.photo-slideshow').pxuPhotoset({
  211. lightbox: true,
  212. highRes: true,
  213. gutter: '4px',
  214. borderRadius: '0px',
  215. photoset: '.photo-slideshow',
  216. photoWrap: '.photo-data',
  217. photo: '.pxu-photo'
  218. });
  219.  
  220. }); </script>
  221. {/block:ifShow500pxposts}
  222.  
  223. {block:ifShow400pxposts}
  224. <script>
  225. $(document).ready(function(){
  226. $('.photo-slideshow').pxuPhotoset({
  227. lightbox: true,
  228. highRes: true,
  229. gutter: '4px',
  230. borderRadius: '0px',
  231. photoset: '.photo-slideshow',
  232. photoWrap: '.photo-data',
  233. photo: '.pxu-photo'
  234. });
  235.  
  236. }); </script>
  237. {/block:ifShow400pxposts}
  238.  
  239. <!----- pixel union photosets ---->
  240.  
  241.  
  242. <style type="text/css">
  243.  
  244. ::-webkit-scrollbar {
  245. width:17px;
  246. height:17px;
  247. }
  248. ::-webkit-scrollbar {
  249. background-color:{color:Background};
  250. }
  251. ::-webkit-scrollbar-track {
  252. border:8px solid {color:Background};
  253. background-color:{color:Background};
  254. }
  255. ::-webkit-scrollbar-thumb {
  256. border:8px solid {color:Background};
  257. background-color:{color:Scrollbar};
  258. min-height:24px;
  259. min-width:24px;
  260. }
  261.  
  262. #s-m-t-tooltip {
  263. max-width:300px;
  264. margin-top:-30px;
  265. margin-left:-25px;
  266. font-size:8px;
  267. font-family: {text:Body Font};
  268. letter-spacing:1px;
  269. text-align:center;
  270. text-transform:uppercase;
  271. padding:3px;
  272. color:color:{Text};
  273. background-color:{color:Background};
  274. border-bottom:1px solid {color:Borders};
  275. z-index:999999;
  276. }
  277.  
  278.  
  279. {block:ifShowUnnestCaptions}
  280. /* to style the reblogged urls */
  281. .tumblr_blog {
  282. margin-bottom:10px;
  283. font-style: none;
  284. font-weight:bold;
  285. color:{color:Bold}!important;
  286. text-transform:uppercase;
  287. letter-spacing:1px;
  288. font-size: 8px;
  289. font-family: 'hind', calibri;
  290. border-bottom:1px solid {color:Borders};
  291. }
  292.  
  293. .tumblr_blog a:hover {
  294. text-decoration:none;
  295. color:{color:Link Hover};
  296. }
  297.  
  298. /* to style the reblogged urls */
  299.  
  300. .cap {
  301. margin-left:0px;
  302. {block:ifShow540pxposts}
  303. width:540px;
  304. {/block:ifShow540pxposts}
  305. {block:ifShowBoth500px540pxposts}
  306. width:540px;
  307. {/block:ifShowBoth500px540pxposts}
  308. {block:ifShow500pxposts}
  309. width:500px;
  310. {/block:ifShow500pxposts}
  311. {block:ifShow400pxposts}
  312. width:400px;
  313. {/block:ifShow400pxposts}
  314. }
  315.  
  316. .cap blockquote {
  317. {block:ifShow540pxposts}
  318. width:540px;
  319. {/block:ifShow540pxposts}
  320. {block:ifShowBoth500px540pxposts}
  321. width:540px;
  322. {/block:ifShowBoth500px540pxposts}
  323. {block:ifShow500pxposts}
  324. width:500px;
  325. {/block:ifShow500pxposts}
  326. {block:ifShow400pxposts}
  327. width:400px;
  328. {/block:ifShow400pxposts}
  329. margin-left:0px;
  330. }
  331.  
  332. {/block:ifShowUnnestCaptions}
  333.  
  334.  
  335.  
  336. {block:ifNotShowUnnestCaptions}
  337. /* to style the reblogged urls */
  338. .tumblr_blog {
  339. vertical-align:bottom;
  340. font-style: none;
  341. font-weight:bold;
  342. color:{color:Bold}!important;
  343. text-transform:uppercase;
  344. letter-spacing:1px;
  345. font-size: 8px;
  346. font-family: 'hind', calibri;
  347. border-bottom:1px solid {color:Borders};
  348. }
  349.  
  350. .tumblr_blog a:hover {
  351. text-decoration:none;
  352. color:{color:Link Hover};
  353. }
  354. /* to style the reblogged urls */
  355.  
  356. blockquote {
  357. border-left:1px solid {color:Borders};
  358. padding-left:7px;
  359. padding-top:px;
  360. padding-bottom:px;
  361. margin:5px;
  362. margin-top:px;
  363. margin-bottom:20px;
  364. margin-left:px;
  365. }
  366. {/block:ifNotShowUnnestCaptions}
  367.  
  368. h1 {
  369. font-weight:normal;
  370. font-size: {text:Body Font Size};
  371. font-family: 9px;
  372. text-align:left;
  373. font-style:italic;
  374. letter-spacing:0px;
  375. text-transform:none;
  376. color:{color:Bold};
  377. }
  378.  
  379. h2 {
  380. margin-bottom:10px;
  381. padding-bottom:10px;
  382. font-size: 10px;
  383. font-family: {text:Body Font};
  384. font-style:none;
  385. text-align:left;
  386. font-weight:bold;
  387. line-height:100%;
  388. text-transform:uppercase;
  389. color:{color:Bold};
  390. margin: 0px;
  391. }
  392.  
  393. hr {
  394. width:50px;
  395. margin-left:0px;
  396. border-width: 1px 0px 0px 0px;
  397. border-style: solid;
  398. border-color: {color:Borders};
  399. }
  400.  
  401. pre {
  402. {block:ifShowBoth500px540pxposts}
  403. width:540px;
  404. {/block:ifShowBoth500px540pxposts}
  405. {block:ifShow500pxposts}
  406. width:500px;
  407. {/block:ifShow500pxposts}
  408. {block:ifShow400pxposts}
  409. width:400px;
  410. {/block:ifShow400pxposts}
  411. font-size: {text:Body Font Size};
  412. font-family: {text:Body Font};
  413. text-align: left;
  414. word-break: break-all;
  415. color:{color:Text};
  416. }
  417.  
  418.  
  419. body {
  420. color: {color:Text};
  421. background-color:{color:Background};
  422. background-image:url('{image:background}');
  423. background-repeat: repeat;
  424. background-attachment: fixed;
  425. background-position:center;
  426. font-size: {text:Body Font Size};
  427. font-family: {text:Body Font};
  428. }
  429.  
  430. b, strong {
  431. font-weight:bold;
  432. color: {color:bold};
  433. }
  434.  
  435. i, italic {
  436. color: {color:italic};
  437. }
  438.  
  439. small, sup, sub {
  440. font-size: {text:Body Font Size};
  441. }
  442.  
  443. a {
  444. color: {color:Link};
  445. text-decoration: none;
  446. -moz-transition-duration: 0.5s;
  447. -o-transition-duration: 0.5s;
  448. -webkit-transition-duration: 0.5s;
  449. transition-duration: 0.5s;
  450. }
  451.  
  452. a:hover {
  453. color: {color:Link Hover};
  454. text-decoration: none;
  455. -moz-transition-duration: 0.5s;
  456. -o-transition-duration: 0.5s;
  457. -webkit-transition-duration: 0.5s;
  458. transition-duration: 0.5s;
  459. }
  460.  
  461. a.read_more {
  462. font-weight:bold;
  463. color:{color:Bold};
  464. text-transform:uppercase;
  465. letter-spacing:1px;
  466. font-size: 8px;
  467. font-family: 'hind', calibri;
  468. }
  469.  
  470. .sf {
  471. font-size:7px;
  472. color:{color:bold};
  473. margin-left:1px;
  474. /* style the icon like you'd style regular text */
  475. }
  476.  
  477. @font-face{font-family:"selima";src:url('https://static.tumblr.com/it5srtk/CFPorxbpc/selima.otf');}
  478.  
  479. .title {
  480. {block:ifShow268pxSidebar}
  481. width:268px;
  482. {/block:ifShow268pxSidebar}
  483.  
  484. {block:ifNotShow268pxSidebar}
  485. width:245px;
  486. {/block:ifNotShow268pxSidebar}
  487. margin:0 0 10px -9px;
  488. font-family:'selima', arial;
  489. font-size:25px;
  490. text-align:right;
  491. font-style:none;
  492. font-weight:;
  493. text-transform:none;
  494. color:{color:bold};
  495. }
  496.  
  497. .sidebar {
  498. {block:ifShow268pxSidebar}
  499. width:268px;
  500. {/block:ifShow268pxSidebar}
  501.  
  502. {block:ifNotShow268pxSidebar}
  503. width:245px;
  504. {/block:ifNotShow268pxSidebar}
  505. font-size: {text:Body Font Size};
  506. font-family: {text:Body Font};
  507. margin-left:0px;
  508. position: fixed;
  509. margin-top:130px;
  510. padding:10px 5px 15px 5px;
  511. letter-spacing:0px;
  512. background-color:{color:Posts Background};
  513. {block:ifNotShowSidebarImage}
  514. border-right:1px solid {color:Borders};
  515. {/block:ifNotShowSidebarImage}
  516. }
  517.  
  518.  
  519. .sidebarimage {
  520. {block:ifShow268pxSidebar}
  521. width:268px;
  522. {/block:ifShow268pxSidebar}
  523. {block:ifNotShow268pxSidebar}
  524. width:245px;
  525. {/block:ifNotShow268pxSidebar}
  526. margin-bottom:5px;
  527. -webkit-filter: grayscale(0%);
  528. }
  529.  
  530.  
  531. .description {
  532. {block:ifShow268pxSidebar}
  533. width:260px;
  534. {/block:ifShow268pxSidebar}
  535. {block:ifNotShow268pxSidebar}
  536. width:237px;
  537. {/block:ifNotShow268pxSidebar}
  538. margin-top:px;
  539. margin-bottom:5px;
  540. padding:3px;
  541. text-align:right;
  542. font-weight:400;
  543. font-size:9px;
  544. line-height:150%;
  545. text-transform:lowercase;
  546. color:{color:Text};
  547. letter-spacing:0.5px;
  548. }
  549.  
  550. .description a:hover {
  551. color:{color:Link Hover};
  552. }
  553.  
  554.  
  555. {block:ifShowListLinks}
  556. .sidebarlinks {
  557. {block:ifShow268pxSidebar}
  558. width:265px;
  559. {/block:ifShow268pxSidebar}
  560. {block:ifNotShow268pxSidebar}
  561. width:242px;
  562. {/block:ifNotShow268pxSidebar}
  563. overflow:hidden;
  564. margin-top:15px;
  565. margin-bottom:0px;
  566. text-align:right;
  567. line-height:19px;
  568. font-weight:bold;
  569. text-transform:uppercase;
  570. letter-spacing:1px;
  571. font-size: 8px;
  572. font-family: 'hind', calibri;
  573. }
  574.  
  575. .sidebarlinks li {
  576. {block:ifShow268pxSidebar}
  577. width:25%;
  578. margin-left:22px;
  579. width:65px;
  580. height:19px;
  581. {/block:ifShow268pxSidebar}
  582. {block:ifNotShow268pxSidebar}
  583. width:25%;
  584. margin-left:20px;
  585. width:60px;
  586. height:19px;
  587. {/block:ifNotShow268pxSidebar}
  588. overflow:hidden;
  589. float:left;
  590. list-style: none;
  591. text-align:right;
  592. border-bottom:1px solid {color:Borders};
  593. }
  594. {/block:ifShowListLinks}
  595.  
  596. {block:ifNotShowListLinks}
  597. .sidebarlinks {
  598. {block:ifShow268pxSidebar}
  599. width:266px;
  600. {/block:ifShow268pxSidebar}
  601. {block:ifNotShow268pxSidebar}
  602. width:245px;
  603. {/block:ifNotShow268pxSidebar}
  604. margin-top:10px;
  605. margin-bottom:0px;
  606. text-align:right;
  607. line-height:19px;
  608. font-weight:bold;
  609. text-transform:uppercase;
  610. letter-spacing:1px;
  611. font-size: 8px;
  612. font-family: 'hind', calibri;
  613. }
  614. {/block:ifNotShowListLinks}
  615.  
  616. .sidebarlinks a {
  617. color: {color:Bold};
  618. padding:3px;
  619. -moz-transition-duration: 0.5s;
  620. -o-transition-duration: 0.5s;
  621. -webkit-transition-duration: 0.5s;
  622. transition-duration: 0.5s;
  623. border-bottom:1px solid {color:Borders};
  624. }
  625.  
  626. .sidebarlinks a:hover {
  627. color:{color:Link Hover};
  628. text-decoration:none;
  629. -moz-transition-duration: 0.5s;
  630. -o-transition-duration: 0.5s;
  631. -webkit-transition-duration: 0.5s;
  632. transition-duration: 0.5s;
  633. }
  634.  
  635. #scrollToTop:link,#scrollToTop:visited {
  636. display: none;
  637. text-transform:lowercase;
  638. font-size: {text:Body Font Size};
  639. font-family: {text:Body Font};
  640. font-weight:none;
  641. }
  642.  
  643.  
  644. .pagination {
  645. {block:ifShow540pxposts}
  646. width:540px;
  647. {/block:ifShow540pxposts}
  648. {block:ifShowBoth500px540pxposts}
  649. width:540px;
  650. {/block:ifShowBoth500px540pxposts}
  651. {block:ifShow500pxposts}
  652. width:500px;
  653. {/block:ifShow500pxposts}
  654. {block:ifShow400pxposts}
  655. width:400px;
  656. {/block:ifShow400pxposts}
  657. padding:3px;
  658. text-align:left;
  659. line-height:130%;
  660. margin-top:45px;
  661. margin-bottom:20px;
  662. font-weight:bold;
  663. text-align:center;
  664. text-transform:uppercase;
  665. letter-spacing:1px;
  666. font-size: 8px;
  667. font-family: 'hind', calibri;
  668. margin-left:auto;
  669. margin-right:auto;
  670. }
  671.  
  672. .pagination a {
  673. padding:5px;
  674. color:{color:Bold};
  675. }
  676.  
  677. .pagination a:hover {
  678. color:{color:Link Hover};
  679. }
  680.  
  681.  
  682. .container {
  683. width:1000px;
  684. margin: auto;
  685. }
  686.  
  687.  
  688. .postscontainer {
  689. {block:ifShow540pxposts}
  690. width:540px;
  691. {/block:ifShow540pxposts}
  692. {block:ifShowBoth500px540pxposts}
  693. width:540px;
  694. {/block:ifShowBoth500px540pxposts}
  695. {block:ifShow500pxposts}
  696. width:500px;
  697. {/block:ifShow500pxposts}
  698. {block:ifShow400pxposts}
  699. width:400px;
  700. {/block:ifShow400pxposts}
  701. margin: auto;
  702. padding:5px;
  703. margin-left:315px;
  704. }
  705.  
  706.  
  707.  
  708. /* style for pixel union photosets
  709. i recomend not changing if you don't know what you're doing */
  710. .photo-slideshow {
  711. visibility: hidden;
  712. }
  713.  
  714. .photo-slideshow.processed {
  715. visibility: visible;
  716. }
  717.  
  718. .photo-slideshow .row {
  719. clear: both;
  720. width: 100%;
  721. }
  722.  
  723. .photo-slideshow .pxu-photo {
  724. display: block;
  725. float: clear;
  726. width: 100%;
  727. overflow: hidden;
  728. }
  729.  
  730. .photo-slideshow .pxu-photo img {
  731. display: block;
  732. }
  733.  
  734. .photo-slideshow.processed .pxu-photo img {
  735. width:100%;
  736. height: auto;
  737. }
  738.  
  739. .photo-slideshow .pxu-photo:first-child img {
  740. margin:auto;
  741. }
  742.  
  743.  
  744. {block:ifShow540pxposts}
  745. .photo-slideshow .count-1 {
  746. max-width:540px;
  747. height: auto;
  748. }
  749.  
  750.  
  751. .photo-slideshow .count-2 {
  752. width:268px;
  753. height: auto;
  754. }
  755.  
  756.  
  757. .photo-slideshow .count-3 {
  758. width:177px;
  759. height: auto;
  760. }
  761.  
  762. {/block:ifShow540pxposts}
  763.  
  764.  
  765. {block:ifShow500pxposts}
  766. .photo-slideshow .count-1 {
  767. max-width:500px;
  768. height: auto;
  769. }
  770.  
  771.  
  772. .photo-slideshow .count-2 {
  773. width:245px;
  774. height: auto;
  775. }
  776.  
  777.  
  778. .photo-slideshow .count-3 {
  779. width:160px;
  780. height: auto;
  781. }
  782.  
  783. {/block:ifShow500pxposts}
  784.  
  785. {block:ifShow400pxposts}
  786. .photo-slideshow .count-1 {
  787. width:100%;
  788. }
  789.  
  790. .photo-slideshow .count-2 {
  791. width:50%;
  792. height: auto;
  793. }
  794.  
  795. .photo-slideshow .count-3 {
  796. width:33.33%;
  797. height: auto;
  798. }
  799. {/block:ifShow400pxposts}
  800.  
  801.  
  802. .set {
  803. margin:auto!important;
  804. }
  805.  
  806. .photo-slideshow {
  807. width:auto!important;
  808. }
  809. /* style for pixel union photosets
  810. i recomend not changing if you don't know what you're doing */
  811.  
  812.  
  813. .posts {
  814. {block:ifShow540pxposts}
  815. width:540px;
  816. {/block:ifShow540pxposts}
  817. {block:ifShowBoth500px540pxposts}
  818. width:540px;
  819. {/block:ifShowBoth500px540pxposts}
  820. {block:ifShow500pxposts}
  821. width:500px;
  822. {/block:ifShow500pxposts}
  823. {block:ifShow400pxposts}
  824. width:400px;
  825. {/block:ifShow400pxposts}
  826. margin-top:40px;
  827. padding:10px;
  828. margin-bottom:10px;
  829. line-height:150%;
  830. text-align:justify;
  831. background-color:{color:Posts Background};
  832. border-bottom:1px solid {color:Borders};
  833. }
  834.  
  835. .posts img {
  836. {block:ifShow540pxposts}
  837. max-width:540px;
  838. {/block:ifShow540pxposts}
  839. {block:ifShowBoth500px540pxposts}
  840. max-width:540px;
  841. {/block:ifShowBoth500px540pxposts}
  842. {block:ifShow500pxposts}
  843. max-width:500px;
  844. {/block:ifShow500pxposts}
  845. {block:ifShow400pxposts}
  846. max-width:400px;
  847. {/block:ifShow400pxposts}
  848. height:auto;
  849. }
  850.  
  851.  
  852. .time-ago {
  853. text-transform: uppercase | lowercase | capitalize;
  854. }
  855.  
  856.  
  857. .info {
  858. {block:ifShow540pxposts}
  859. width:540px;
  860. {/block:ifShow540pxposts}
  861. {block:ifShowBoth500px540pxposts}
  862. width:540px;
  863. {/block:ifShowBoth500px540pxposts}
  864. {block:ifShow500pxposts}
  865. width:500px;
  866. {/block:ifShow500pxposts}
  867. {block:ifShow400pxposts}
  868. width:400px;
  869. {/block:ifShow400pxposts}
  870. margin-top:px;
  871. padding-top:5px;
  872. text-align:center;
  873. text-transform:uppercase;
  874. letter-spacing:1px;
  875. font-size: 8px;
  876. font-family: 'hind', calibri;
  877. border-top:0px solid {color:Borders};
  878. }
  879.  
  880.  
  881. .info a {
  882. color:{color:Text};
  883. }
  884.  
  885. .info a:hover {
  886. text-decoration:none;
  887. color:{color:Link Hover};
  888. }
  889.  
  890. .postscontainer:hover .tags {
  891. margin-top:px;filter: alpha(opacity = 100);
  892. opacity:100;-webkit-transition: all 0.5s ease-in-out;
  893. -moz-transition: all 0.5s ease-in-out;
  894. -o-transition: all 0.5s ease-in-out;}
  895.  
  896. .tags {
  897. -webkit-transition: all 0.5s ease-in-out;
  898. -moz-transition: all 0.5s ease-in-out;
  899. -o-transition: all 0.5s ease-in-out;
  900. position:absolute; opacity:0;
  901. text-transform:none;
  902. position:static;
  903. letter-spacing:0px;
  904. text-align:center;
  905. font-weight:400;
  906. float:initial;
  907. text-transform:uppercase;
  908. letter-spacing:1px;
  909. font-size: 8px;
  910. font-family: 'hind', calibri;
  911. -moz-transition-duration:0.5s;
  912. -webkit-transition-duration:0.5s;
  913. -o-transition-duration:0.5s;
  914. }
  915.  
  916. .tags a {
  917. padding-right:5px;
  918. background-color:none;
  919. color:{color:Text};
  920. }
  921.  
  922. .tags a:hover {
  923. text-decoration:underline;
  924. color:{color:Link Hover};
  925. }
  926.  
  927.  
  928. /* style for lists */
  929. ul li {
  930. color:{color:Body Text};
  931. margin-left:-25px;
  932. list-style:none;
  933. }
  934.  
  935. ul li:before {
  936. color:{color:Bold};
  937. content:'\e083';
  938. font-family:'saturnicons';
  939. margin-right:6px;
  940. font-size:7px;
  941. display:inline-block;
  942. vertical-align:middle;
  943. position:relative;
  944. }
  945.  
  946. ol {
  947. color:{color:Body Text};
  948. margin-left:-25px;
  949. }
  950. /* style for lists */
  951.  
  952.  
  953. .postsnote {
  954. {block:ifShow540pxposts}
  955. width:540px;
  956. {/block:ifShow540pxposts}
  957. {block:ifShowBoth500px540pxposts}
  958. width:540px;
  959. {/block:ifShowBoth500px540pxposts}
  960. {block:ifShow500pxposts}
  961. width:500px;
  962. {/block:ifShow500pxposts}
  963. {block:ifShow400pxposts}
  964. width:400px;
  965. {/block:ifShow400pxposts}
  966. margin-top: 15px;
  967. float: left;
  968. margin-bottom:30px;
  969. margin-left:-11px;
  970. padding:10px;
  971. background-color:{color:Posts Background};
  972. }
  973.  
  974. .postsnote ol, .notes-bottom ul {
  975. margin: 5px;
  976. padding: 0;
  977. list-style: none;
  978. }
  979.  
  980. .postsnote li {
  981. {block:ifShow540pxposts}
  982. width:45%;
  983. {/block:ifShow540pxposts}
  984. {block:ifShowBoth500px540pxposts}
  985. width:45%;
  986. {/block:ifShowBoth500px540pxposts}
  987. {block:ifShow500pxposts}
  988. width:47%;
  989. {/block:ifShow500pxposts}
  990. {block:ifShow400pxposts}
  991. width:45%;
  992. {/block:ifShow400pxposts}
  993. padding: 2px 0 5px 10px;
  994. margin:2px;
  995. font-size: {text:Body Font Size};
  996. font-family: {text:Body Font};
  997. float:left;
  998. text-align:left;
  999. }
  1000.  
  1001. .postsnote li img.avatar {
  1002. border:none;
  1003. margin:;
  1004. width:0;
  1005. padding:0;
  1006. }
  1007.  
  1008. .postsnote .note .action {
  1009. }
  1010.  
  1011. .postsnote .note .retags {
  1012. display:none;
  1013. visibility:hidden;
  1014. }
  1015.  
  1016. .postsnote blockquote {
  1017. display:none;
  1018. }
  1019.  
  1020.  
  1021. .more_notes_link {
  1022. list-style: none;
  1023. text-transform:uppercase;
  1024. letter-spacing:0.5px;
  1025. font-size:8px;
  1026. font-size: {text:Body Font Size};
  1027. font-family: {text:Body Font};
  1028. margin-top:10px;
  1029. font-weight:bold;
  1030. padding:3px;
  1031. position:relative;
  1032. float:left;
  1033. border-top:1px solid {color:Borders};
  1034. }
  1035.  
  1036.  
  1037. .playerbuttonbg {
  1038. position: absolute;
  1039. left: 20px;
  1040. top: 20px;
  1041. width: 19px;
  1042. height: 19px;
  1043. background-color: #ffffff;
  1044. padding: 10px;
  1045. -webkit-border-radius: 40px;
  1046. -moz-border-radius: 40px;
  1047. border-radius: 40px;
  1048. opacity: .4;
  1049. filter: alpha(opacity=40);
  1050. -moz-opacity: 0.4;
  1051. -khtml-opacity: 0.4;
  1052. transition: opacity .7s ease-in-out;
  1053. -moz-transition: opacity .7s ease-in-out;
  1054. -webkit-transition: opacity .7s ease-in-out;
  1055. }
  1056.  
  1057. .playerbuttonbg:hover {
  1058. opacity: 1;
  1059. filter: alpha(opacity=100);
  1060. -moz-opacity: 1;
  1061. -khtml-opacity: 1;
  1062. }
  1063.  
  1064. .newplayerbutton {
  1065. position: relative;
  1066. width: 19px;
  1067. height: 19px;
  1068. overflow: hidden;
  1069. }
  1070.  
  1071. .playerbuttonhug {
  1072. position: absolute;
  1073. top: 0px;
  1074. left: 0px;
  1075. }
  1076.  
  1077. .tumblr_audio_player {
  1078. height: 90px;
  1079. width: 270px;
  1080. -moz-transform: scale(0.60, 0.60);
  1081. -webkit-transform: scale(0.60, 0.60);
  1082. -o-transform: scale(0.60, 0.60);
  1083. -ms-transform: scale(0.60, 0.60);
  1084. transform: scale(0.60, 0.60);
  1085. -moz-transform-origin: top left;
  1086. -webkit-transform-origin: top left;
  1087. -o-transform-origin: top left;
  1088. -ms-transform-origin: top left;
  1089. transform-origin: top left;
  1090. }
  1091.  
  1092. .audioimgwrapper {
  1093. position: absolute;
  1094. left: 0px;
  1095. top: 0px;
  1096. -webkit-border-radius: 40px;
  1097. -moz-border-radius: 40px;
  1098. border-radius: 40px;
  1099. overflow: hidden;
  1100. width: 79px;
  1101. height: 79px;
  1102. }
  1103.  
  1104. .audioimgwrapper img {
  1105. width: 100%;
  1106. height: auto;
  1107. -webkit-border-radius: 40px;
  1108. -moz-border-radius: 40px;
  1109. border-radius: 40px;
  1110. }
  1111.  
  1112. .trackdetails {
  1113. width: auto;
  1114. font-size: {text:Body Font Size};
  1115. font-family: {text:Body Font};
  1116. line-height:14px;
  1117. border: 0px solid black;
  1118. display:inline-block;
  1119. margin-left: 90px;
  1120. padding:15px 10px 10px 10px;
  1121. min-height:70px;
  1122. }
  1123.  
  1124. .audiowrapper {
  1125. position: relative;
  1126. display:inline-block;
  1127. }
  1128.  
  1129. {block:ifShow540pxposts}
  1130. iframe#youtube_iframe {
  1131. width: 540px;
  1132. height: 280px;
  1133. border-top-width: 0px;
  1134. border-right-width: 0px;
  1135. border-bottom-width: 0px;
  1136. border-left-width: 0px;
  1137. }
  1138. {/block:ifShow540pxposts}
  1139.  
  1140. {block:ifShowBoth500px540pxposts}
  1141. iframe#youtube_iframe {
  1142. width: 540px;
  1143. height: 280px;
  1144. border-top-width: 0px;
  1145. border-right-width: 0px;
  1146. border-bottom-width: 0px;
  1147. border-left-width: 0px;
  1148. }
  1149. {/block:ifShowBoth500px540pxposts}
  1150.  
  1151.  
  1152. {block:ifShow400pxposts}
  1153. iframe#youtube_iframe {
  1154. width: 400px;
  1155. height: 280px;
  1156. border-top-width: 0px;
  1157. border-right-width: 0px;
  1158. border-bottom-width: 0px;
  1159. border-left-width: 0px;
  1160. }
  1161. {/block:ifShow400pxposts}
  1162.  
  1163.  
  1164. .quote {
  1165. font-size: {text:Body Font Size};
  1166. font-family: {text:Body Font};
  1167. margin-top:5px;
  1168. color:{color:Bold};
  1169. font-weight:bold;
  1170. letter-spacing:1px;
  1171. text-transform:uppercase;
  1172. line-height:100%;
  1173. text-align:left;
  1174. }
  1175.  
  1176.  
  1177. .quote .sf {
  1178. font-size:8px;
  1179. color:{color:bold};
  1180. margin-left:1px;
  1181. display:inline-block;
  1182. vertical-align:bottom;
  1183. /* style the icon like you'd style regular text */
  1184. }
  1185.  
  1186.  
  1187. .source {
  1188. font-size: {text:Body Font Size};
  1189. font-family: {text:Body Font};
  1190. font-style: italic;
  1191. text-align:left;
  1192. line-height:17px;
  1193. }
  1194.  
  1195. .chat {
  1196. margin-top:5px;
  1197. font-size: {text:Body Font Size};
  1198. font-family: {text:Body Font};
  1199. }
  1200.  
  1201. .chat .lines {
  1202. margin-left:0;
  1203. }
  1204.  
  1205. .chat .lines span {
  1206. font-weight: bold;
  1207. color:{color:bold};
  1208. }
  1209.  
  1210. .ask {
  1211. {block:ifShow540pxposts}
  1212. width:540px;
  1213. {/block:ifShow540pxposts}
  1214. {block:ifShowBoth500px540pxposts}
  1215. width:540px;
  1216. {/block:ifShowBoth500px540pxposts}
  1217. {block:ifShow500pxposts}
  1218. width:500px;
  1219. {/block:ifShow500pxposts}
  1220. {block:ifShow400pxposts}
  1221. width:400px;
  1222. {/block:ifShow400pxposts}
  1223. font-size: {text:Body Font Size};
  1224. font-family: {text:Body Font};
  1225. text-align:left;
  1226. font-weight:;
  1227. }
  1228.  
  1229. .ask .sf {
  1230. font-size:7px;
  1231. color:{color:bold};
  1232. margin-left:1px;
  1233. display:inline-block;
  1234. vertical-align:bottom;
  1235. /* style the icon like you'd style regular text */
  1236. }
  1237.  
  1238. .ask a {
  1239. color:{color:bold};
  1240. padding:3px;
  1241. }
  1242.  
  1243. .ask a:hover {
  1244. text-decoration:none;
  1245. color:{color:Link Hover};
  1246. }
  1247.  
  1248. .asker {
  1249. margin-bottom:10px;
  1250. font-weight:bold;
  1251. text-align:left;
  1252. text-transform:uppercase;
  1253. letter-spacing:1px;
  1254. font-size: 8px;
  1255. font-family: 'hind', calibri;
  1256. border-bottom:1px solid {color:Borders};
  1257. }
  1258.  
  1259. .asker a {
  1260. border-bottom:0px solid {color:Borders};
  1261. }
  1262.  
  1263. .tagsline {
  1264. color:{color:Bold};
  1265. content:"";
  1266. width:100px;
  1267. height:1px;
  1268. display:inline-block;
  1269. vertical-align:middle;
  1270. background-color:{color:Borders};
  1271. position:relative;
  1272. }
  1273.  
  1274.  
  1275. .answer {
  1276. {block:ifShow540pxposts}
  1277. width:540px;
  1278. {/block:ifShow540pxposts}
  1279. {block:ifShowBoth500px540pxposts}
  1280. width:540px;
  1281. {/block:ifShowBoth500px540pxposts}
  1282. {block:ifShow500pxposts}
  1283. width:500px;
  1284. {/block:ifShow500pxposts}
  1285. {block:ifShow400pxposts}
  1286. width:400px;
  1287. {/block:ifShow400pxposts}
  1288. letter-spacing:0px;
  1289. text-align:left;
  1290. margin-bottom:1px;
  1291. font-size: {text:Body Font Size};
  1292. font-family: {text:Body Font};
  1293. }
  1294.  
  1295. .credit {
  1296. position:fixed;
  1297. font-family: 'hind', calibri;
  1298. font-size:8px;
  1299. letter-spacing:1px;
  1300. right:5px;
  1301. bottom:20px;
  1302. text-transform:uppercase;
  1303. text-align:center;
  1304. color: #393939;
  1305. }
  1306.  
  1307. .credit a {
  1308. color:{color:Text};
  1309. padding:3px;
  1310. background-color: #fff;
  1311. border:1px solid {color:Borders};
  1312. font-style:normal;
  1313. padding:3px;
  1314. -moz-transition-duration:0.5s;
  1315. -webkit-transition-duration:0.5s;
  1316. -o-transition-duration:0.5s;
  1317. }
  1318.  
  1319. </style>
  1320. </head>
  1321.  
  1322. <body>
  1323. <div class="container">
  1324. <div class="sidebar">
  1325. <div class="title">
  1326. {text:Title}
  1327. </div>
  1328. {block:ifShowSidebarImage}
  1329. <div class="sidebarimage">
  1330. <img src="{image:sidebar}" class="sidebarimage">
  1331. </div>
  1332. {/block:ifShowSidebarImage}
  1333. <div class="description">
  1334. {Description}
  1335. </div>
  1336. <div class="sidebarlinks">
  1337. {block:ifShowListLinks}
  1338. <li><a href="{text:index url}">{text:index text}</a></li>
  1339. <li><a href="{text:ask url}">{text:ask text}</a></li>
  1340. {block:ifShowLink1}
  1341. <li><a href="{text:link 1 url}">{text:link 1 text}</a></li>
  1342. {/block:IfShowLink1}
  1343. {block:ifShowLink2}
  1344. <li><a href="{text:link 2 url}">{text:link 2 text}</a></li>
  1345. {/block:IfShowLink2}
  1346. <li><a href="{text:link 3 url}">{text:link 3 text}</a></li>
  1347. {/block:IfShowLink3}
  1348. {block:ifShowLink4}
  1349. <li><a href="{text:link 4 url}">{text:link 4 text}</a></li>
  1350. {/block:IfShowLink4}
  1351. {/block:ifShowListLinks}
  1352.  
  1353.  
  1354. {block:ifNotShowListLinks}
  1355. <a href="{text:index url}">{text:index text}</a>
  1356. <a href="{text:ask url}">{text:ask text}</a>
  1357. {block:ifShowLink1}
  1358. <a href="{text:link 1 url}">{text:link 1 text}</a>
  1359. {/block:IfShowLink1}
  1360. {block:ifShowLink2}
  1361. <a href="{text:link 2 url}">{text:link 2 text}</a>
  1362. {/block:IfShowLink2}
  1363. {block:ifShowLink3}
  1364. <a href="{text:link 3 url}">{text:link 3 text}</a>
  1365. {/block:IfShowLink3}
  1366. {block:ifShowLink4}
  1367. <a href="{text:link 4 url}">{text:link 4 text}</a>
  1368. {/block:IfShowLink4}
  1369. {block:ifNotShowListLinks}
  1370. </div>
  1371. </div>
  1372.  
  1373.  
  1374.  
  1375.  
  1376.  
  1377. <div class="postscontainer" id="{PostID}">
  1378. {block:Posts}
  1379. <div class="posts" id="{PostID}">
  1380. {block:Text}
  1381. {block:Title}<h2>{Title}</h2>{/block:Title}
  1382. <div class="caption">
  1383. {Body}
  1384. </div>
  1385. {/block:Text}
  1386.  
  1387. {block:Quote}<div class="quote">{Quote} <span class="sf sf-quotation-mark"></span></div>
  1388. <div class="source"> {block:Source}{Source}{/block:Source}</div>
  1389. {/block:Quote}
  1390.  
  1391. {block:Link}
  1392. <h2><a href="{URL}">{Name}</a></h2>
  1393. {block:Description}{Description}{/block:Description}
  1394. {/block:Link}
  1395.  
  1396.  
  1397. {block:Chat}
  1398. {block:Title}<h2>{Title}</h2>{/block:Title}
  1399. {block:lines}
  1400. <div class="chat">
  1401. <div class="lines">{block:label}
  1402. <span><span style="text-transform:Capitalize;letter-spacing:0.5px;">{label}<br></span></span>
  1403. {/block:label}
  1404. {line}</br></div></div>
  1405. {/block:lines}
  1406. {/block:Chat}
  1407.  
  1408. {block:Answer}
  1409. <div class="ask">
  1410. <span class="asker">{Asker}</span> <span class="sf sf-question-mark"></span>
  1411. <p><span class="question">{Question}</span>
  1412. </div>
  1413. <span class="tagsline"></span>
  1414. <div class="caption">
  1415. <div class="answer">{Answer}</div>
  1416. </div>
  1417. {/block:Answer}
  1418.  
  1419. {block:Photo}
  1420. {block:ifShow540pxposts}
  1421. {LinkOpenTag}
  1422. <img src="{PhotoURL-HighRes}"/>
  1423. {LinkCloseTag}
  1424. {/block:ifShow540pxposts}
  1425. {block:ifShowBoth500px540pxposts}
  1426. {LinkOpenTag}
  1427. <img src="{PhotoURL-HighRes}"/>
  1428. {LinkCloseTag}
  1429. {/block:ifShowBoth500px540pxposts}
  1430. {block:ifShow500pxposts}
  1431. {LinkOpenTag}
  1432. <img src="{PhotoURL-HighRes}"/>
  1433. {LinkCloseTag}
  1434. {/block:ifShow500pxposts}
  1435. {block:ifShow400pxposts}
  1436. {LinkOpenTag}
  1437. <img src="{PhotoURL-HighRes}"/>
  1438. {LinkCloseTag}
  1439. {/block:ifShow400pxposts}
  1440. {block:Caption}
  1441. <div class="caption">{Caption}</div>
  1442. {/block:Caption}
  1443. {/block:Photo}
  1444.  
  1445.  
  1446.  
  1447. {block:Photoset}
  1448.  
  1449. {block:ifShow540pxposts}
  1450. <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>
  1451. {/block:ifShow540pxposts}
  1452.  
  1453. {block:ifShowBoth500px540pxposts}
  1454. <div class="set"><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  1455. <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></div>
  1456. {/block:ifShowBoth500px540pxposts}
  1457.  
  1458. {block:ifShow500pxposts}
  1459. <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>
  1460. {/block:ifShow500pxposts}
  1461.  
  1462. {block:ifShow400pxposts}
  1463. <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>
  1464. {/block:ifShow400pxposts}
  1465. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1466. {/block:Photoset}
  1467.  
  1468.  
  1469. {block:Audio}
  1470. {block:AudioPlayer}
  1471. <div class="audiowrapper">
  1472. {block:AlbumArt}
  1473. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1474. {/block:AlbumArt}
  1475. <div class="playerbuttonbg">
  1476. <div class="newplayerbutton">
  1477. <div class="playerbuttonhug">
  1478. {AudioPlayerWhite}
  1479. </div></div></div>
  1480. <div class="trackdetails">
  1481. {block:TrackName}<span style="font-weight:bold;text-transform:uppercase;color:{color:Bold};">Track:</span> {TrackName} <br/>{/block:TrackName}
  1482. {block:Artist}<span style="font-weight:bold;text-transform:uppercase;color:{color:Bold};">Artist:</span> {Artist} <br/>{/block:Artist}
  1483. {block:Album}<span style="font-weight:bold;text-transform:uppercase;color:{color:Bold};">Album:</span> {Album} <br/>{/block:Album}
  1484. {block:PlayCount}<span style="font-weight:bold;text-transform:uppercase;color:{color:Bold};">Plays:</span> {PlayCount}{/block:PlayCount}
  1485. </div></div>
  1486. {/block:AudioPlayer}
  1487. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1488. {/block:Audio}
  1489.  
  1490.  
  1491. {block:Video}
  1492. {block:ifShow540pxposts}
  1493. {Video-500}
  1494. {/block:ifShow540pxposts}
  1495. {block:ifShowBoth500px540pxposts}
  1496. {Video-500}
  1497. {/block:ifShowBoth500px540pxposts}
  1498. {block:ifShow500pxposts}
  1499. {Video-500}
  1500. {/block:ifShow500pxposts}
  1501. {block:ifShow400pxposts}
  1502. {Video-400}
  1503. {/block:ifShow400pxposts}
  1504. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1505. {/block:Video}
  1506.  
  1507. </div>
  1508. {block:Date}<div class="info"> <a href="{Permalink}"><b><span class="time-ago"> {TimeStamp} </span></b></a>{block:NoteCount} <span class="notecount">{NoteCount}</span>{/block:NoteCount} {block:Permalink}{block:RebloggedFrom}  <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{/block:RebloggedFrom}
  1509. {/block:Permalink}{block:ifShowReblog}   <a href="{ReblogURL}" target="_blank" class="details">reblog</a>{/block:ifShowReblog}
  1510. </div>
  1511.  
  1512. {block:HasTags}
  1513. <div class="tags">
  1514. {block:Tags}<span class="sf sf-check"></span> <a href="{TagURL}">{Tag}</a> {/block:Tags}
  1515. </div>
  1516. {/block:HasTags}
  1517. {/block:Date}
  1518.  
  1519.  
  1520. {block:PostNotes}
  1521. <div class="postsnote">
  1522. {PostNotes}
  1523. </div>
  1524. {/block:PostNotes}
  1525. {/block:Posts}
  1526.  
  1527. {block:Pagination}
  1528. <div class="pagination">
  1529. <a href="javascript:;" id="scrollToTop"><span style="font-size:9px;">
  1530. <span class="sf sf-chevron-up"></span></span></a>
  1531. {block:PreviousPage}
  1532. <a href="{PreviousPage}"> back </a>
  1533. {/block:PreviousPage}
  1534. {block:NextPage}
  1535. <a href="{NextPage}"> next </a>
  1536. {/block:NextPage}
  1537. </div>
  1538. {/block:Pagination}
  1539. </div>
  1540.  
  1541.  
  1542. <div class="credit"><a href="https://scottisbae.tumblr.com/">scottisbae</a></div>
  1543.  
  1544.  
  1545. <!----- short notecount ---->
  1546. <script type="text/javascript">
  1547. var $container = $('.postscontainer');
  1548. $container.find('.notecount').each(function(){
  1549. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1550. if (n > 999) {
  1551. n = Math.floor(n / 100) / 10;
  1552. $(this).text(n + 'k');
  1553. }
  1554. });
  1555. </script>
  1556. <!----- short notecount ---->
  1557.  
  1558. </div>
  1559. </div>
  1560. </div>
  1561.  
  1562. </body>
  1563. </html>
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!