API tools faq
paste
sexycullen

# 194 (pagination on sidebar)

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