sexycullen

192x

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