API tools faq
paste
sexycullen

# 191

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