API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 17th, 2017
69
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.43 KB | None | 0 0
raw download clone embed print report
  1. <!------------
  2. theme #3: westworld by rogers-stevens
  3.  
  4. thanks for using my theme!!! please don't get rid of the credit, claim as your own, or steal any of my code.
  5.  
  6. any questions can be directed to https://rogers-stevens.tumblr.com/faqask
  7.  
  8. enjoy!
  9. ------------->
  10.  
  11. <html>
  12. <head>
  13.  
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  17. <meta name="description" content="{MetaDescription}" />
  18. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  19.  
  20. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  21. </script>
  22. <script type="text/javascript">
  23. //drop menu script by acuite
  24. $(document).ready(function(){
  25. $(".postnotes").hide();
  26. $(".postnotestitle").click(function(){
  27. $(this).next(".postnotes").slideToggle('fast');
  28. });
  29. }); </script>
  30.  
  31.  
  32. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  33.  
  34. <script>
  35. // video resizing script by shythemes
  36. $(document).ready(function(){
  37. resizeVideos();
  38. });
  39. function resizeVideos() {
  40. $('.video:not(.resized) iframe:not(.tumblr_video_iframe)').each(function(){
  41. var vw = $(this).width();
  42. var vh = $(this).height();
  43. var scale = $(this).parents('.video').width() / vw;
  44. $(this).attr({
  45. width: Math.floor($(this).attr('width') * scale),
  46. height: Math.floor($(this).attr('height') * scale)
  47. });
  48. $(this).parents('.video').addClass('resized');
  49. });
  50. $('.video:not(.resized) .tumblr_video_iframe').each(function(){
  51. var vw = $(this).width();
  52. var vh = $(this).height();
  53. var scale = $(this).parents('.video').width() / vw;
  54. $(this).css({
  55. 'transform': 'scale(' + scale + ')',
  56. 'margin': vh * (scale - 1) / 2 + 'px ' + vw * (scale - 1) / 2 + 'px'
  57. });
  58. $(this).parents('.tumblr_video_container').css({
  59. width: Math.floor(vw * ( scale + 1 ) / 2),
  60. height: Math.floor(vh * ( scale + 1 ) / 2)
  61. });
  62. $(this).parents('.video').addClass('resized');
  63. });
  64. }
  65. </script>
  66.  
  67. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  68. <script>
  69. (function($){
  70. $(document).ready(function(){
  71. $("[title]").style_my_tooltips({
  72. tip_follows_cursor:true,
  73. tip_delay_time:200,
  74. tip_fade_speed:300
  75. }
  76. );
  77. });
  78. })(jQuery);
  79. </script>
  80.  
  81. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  82. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  83. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  84.  
  85. <script>
  86. $(document).ready(function(){
  87. $('.photo-slideshow').pxuPhotoset({
  88. lightbox: true,
  89. rounded: false,
  90. gutter: '5px',
  91. borderRadius: '0px',
  92. photoset: '.photo-slideshow',
  93. photoWrap: '.photo-data',
  94. photo: '.pxu-photo'
  95. });
  96. });
  97. </script>
  98.  
  99. <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  100. <script> $(function(){ $('.content').unnest({
  101. yourCaption: ".caption",
  102. wrapName: ".tumblr_parent",
  103. newCaptionUsername: false,
  104. originalPostCaptionUsername: false,
  105. tumblrAvatars: true,
  106. tumblrAvatarClass: ".tumblr_avatar",
  107. usernameColon: false
  108. }); }); </script>
  109.  
  110.  
  111.  
  112.  
  113.  
  114.  
  115. <link href="https://fonts.googleapis.com/css?family=Libre+Franklin:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
  116. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
  117.  
  118. <meta name="color:Text" content="#666"/>
  119. <meta name="color:Link" content="#000"/>
  120. <meta name="color:LinkHover" content="#888"/>
  121. <meta name="color:Accent" content="#bb0000"/>
  122. <meta name="color:Scrollbar" content="#ccc"/>
  123.  
  124. <meta name="text:PostWidth" content="500"/>
  125. <meta name="text:SidebarWidth" content="175"/>
  126.  
  127. <meta name="text:Link1URL" content="/"/>
  128. <meta name="text:Link1Title" content="link1"/>
  129. <meta name="text:Link2URL" content="/"/>
  130. <meta name="text:Link2Title" content="link2"/>
  131. <meta name="text:Link3URL" content="/"/>
  132. <meta name="text:Link3Title" content="link3"/>
  133. <meta name="image:Sidebar" content=""/>
  134.  
  135. <meta name="if:ShowSidebarImage" content="1"/>
  136. <meta name="if:ShowTitle" content="1"/>
  137. <meta name="if:ShowLikeButton" content=""/>
  138.  
  139. <style type="text/css">
  140.  
  141. /*tooltips*/
  142.  
  143. #s-m-t-tooltip {
  144. margin:10px;
  145. padding:5px;
  146. border-radius:0px;
  147. background:#fff;
  148. color:{color:Link};
  149. z-index:1000;
  150. font-size:10px;
  151. font-style:none;
  152. font-weight:normal;
  153. letter-spacing:0px;
  154. font-family:'Libre Franklin', arial, sans-serif;
  155. text-transform:lowercase;
  156. box-shadow: none;
  157. }
  158.  
  159. /*scrollbar*/
  160.  
  161. ::-webkit-scrollbar {
  162. width:19px;
  163. background: #fff;
  164. }
  165.  
  166. ::-webkit-scrollbar-thumb:vertical {
  167. background:{color:Scrollbar};
  168. border:9px solid #fff;
  169. }
  170.  
  171. /*general*/
  172.  
  173. body {
  174. font-family: 'Libre Franklin', arial, sans-serif;
  175. font-smoothing:always;
  176. -webkit-font-smoothing:antialiased;
  177. -moz-osx-font-smoothing: grayscale;
  178. font-size: 11px;
  179. color:{color:Text};
  180. background-color:#fff;
  181. }
  182.  
  183. a {
  184. color:{color:Link};
  185. text-decoration:none;
  186. -webkit-transition:all 0.5s;
  187. -moz-transition:all 0.5s;
  188. -ms-transition:all 0.5s;
  189. -o-transition:all 0.5s;
  190. transition:all 0.5s;
  191. }
  192.  
  193. a:hover {
  194. text-decoration:none;
  195. color: {color:LinkHover};
  196. -webkit-transition:all 0.5s;
  197. -moz-transition:all 0.5s;
  198. -ms-transition:all 0.5s;
  199. -o-transition:all 0.5s;
  200. transition:all 0.5s;
  201. }
  202.  
  203.  
  204. img {
  205. opacity:1;
  206. text-decoration:none;
  207. }
  208.  
  209. h1,h2,h3,h4,h5,h6 {
  210. font-size:12px;
  211. font-weight:400;
  212. text-transform:uppercase;
  213. }
  214.  
  215. small,pre,blockquote,big,sub,sup{
  216. font-size:11px;
  217. }
  218.  
  219. b{
  220. font-weight:500;
  221. }
  222.  
  223. blockquote{
  224. border-left: #e5e5e5 1px solid;
  225. padding-left: 10px;
  226. margin:0px;
  227. }
  228.  
  229. blockquote img{
  230. max-width:100%!important;
  231. }
  232.  
  233. .container {
  234. width:800px;
  235. position:absolute;
  236. margin:auto;
  237. animation: fadein 2s;
  238. -moz-animation: fadein 2s;
  239. -webkit-animation: fadein 2s;
  240. -o-animation: fadein 2s;
  241. }
  242.  
  243. @keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  244. @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  245. @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  246. @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  247. @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  248.  
  249. .content {
  250. width:{text:PostWidth}px;
  251. margin-left:450px;
  252. margin-top:100px;
  253. margin-bottom:50px;
  254. animation: fadein 2s;
  255. -moz-animation: fadein 2s;
  256. -webkit-animation: fadein 2s;
  257. -o-animation: fadein 2s;
  258. }
  259.  
  260. .posts {
  261. width:{text:PostWidth}px;
  262. {block:IndexPage}
  263. margin-bottom:100px;
  264. {/block:IndexPage}
  265. animation: fadein 2s;
  266. -moz-animation: fadein 2s;
  267. -webkit-animation: fadein 2s;
  268. -o-animation: fadein 2s;
  269. }
  270.  
  271.  
  272. .posts img, .posts li, .posts blockquote {
  273. max-width: 540px;
  274. }
  275.  
  276. .posts li{
  277. list-style-type: disc;
  278. margin-top:5px;
  279. }
  280.  
  281. .posts blockquote {
  282. border-left: solid 0px!important;
  283. padding-left: 0px;
  284. margin:0px;
  285. }
  286.  
  287.  
  288. /*lightbox*/
  289.  
  290. .vignette {
  291. opacity:0;
  292. }
  293.  
  294. .lightbox-image {
  295. box-shadow:none !important;
  296. border-radius:0 !important;
  297. max-width:none;
  298. border:2px solid #fff !important;
  299. -moz-box-sizing:border-box;
  300. box-sizing:border-box;
  301. }
  302.  
  303. .tmblr-lightbox {
  304. background-color:rgba(245,245,245,.8) !important;
  305. }
  306.  
  307. .lightbox-caption {
  308. visibility:hidden;
  309. }
  310.  
  311. /*sidebar*/
  312.  
  313. .sidebar {
  314. width:{text:SidebarWidth}px;
  315. top:110px;
  316. margin-left:150px;
  317. position:fixed;
  318. }
  319.  
  320. .sidebarimage {
  321. max-width:{text:SidebarWidth}px;
  322. margin-bottom:15px;
  323. }
  324.  
  325. .sidebarimage img {
  326. width:{text:SidebarWidth}px;
  327. }
  328.  
  329.  
  330. .title {
  331. width:{text:SidebarWidth}px;
  332. text-align:center;
  333. padding-bottom:10px;
  334. text-transform:uppercase;
  335. font-size:14px;
  336. }
  337.  
  338. .title a{
  339. border-bottom:{color:Accent} 1px solid;
  340. }
  341.  
  342. .description {
  343. width:{text:SidebarWidth}px;
  344. text-align:left;
  345. margin-top:5px;
  346. }
  347.  
  348. .description a{
  349. border-bottom:0px!important;
  350. }
  351.  
  352. .links {
  353. text-align:left;
  354. margin-top:10px;
  355. }
  356.  
  357. .links ul, ol{
  358. margin:0px;
  359. padding:0px;
  360. }
  361.  
  362. .links li{
  363. list-style-type:none;
  364. margin-bottom:5px;
  365. }
  366.  
  367. .links a{
  368. border-bottom:{color:Accent} 1px solid;
  369. transition:0.5s ease;
  370. -o-transition:0.5s ease;
  371. -moz-transition:0.5s ease;
  372. -webkit-transition:0.5s ease;
  373. }
  374.  
  375. .links a:hover{
  376. margin-left:10px;
  377. transition:0.5s ease;
  378. -o-transition:0.5s ease;
  379. -moz-transition:0.5s ease;
  380. -webkit-transition:0.5s ease;
  381. }
  382.  
  383. /*ask posts*/
  384.  
  385. .ask {
  386. text-transform:lowercase;
  387. }
  388.  
  389. .asker {
  390. text-transform: uppercase;
  391. font-weight:lighter;
  392. padding-bottom:0px;
  393. background:#eee;
  394. padding-top:20px;
  395. padding-left:10px;
  396. padding-right:55px;
  397. text-align:right;
  398. color:{color:Link};
  399. }
  400.  
  401. .asker a{
  402. text-align:right;
  403. padding-right:0px;
  404. padding-left:0px;
  405. }
  406.  
  407. .question {
  408. background:#eee;
  409. padding-bottom:20px;
  410. padding-left:10px;
  411. padding-right:55px;
  412. text-align:right;
  413. }
  414.  
  415. .askerportrait {
  416. width:40px;
  417. float:right;
  418. margin-top:14px;
  419. margin-right:10px;
  420. }
  421.  
  422. .askerportrait img {
  423. width:40px;
  424. border-radius:100px;
  425. }
  426.  
  427. .answer {
  428. margin-top:-15px;
  429. margin-bottom:-5px;
  430. text-transform:none;
  431.  
  432.  
  433. }
  434.  
  435. /*pagination*/
  436.  
  437. .pag{
  438. text-align:center;
  439. padding-bottom:50px;
  440. }
  441.  
  442. .pag a{
  443. border-bottom:{color:Accent} 1px solid;
  444. }
  445.  
  446. /*captions*/
  447.  
  448. .caption{
  449. padding-top:20px;
  450. }
  451.  
  452. a.tumblr_blog{
  453. border-bottom: {color:Accent} 1px solid;
  454. }
  455.  
  456. .tumblr_avatar{
  457. width:25px;
  458. height:25px;
  459. padding-top:0px!important;
  460. margin-right:10px;
  461. vertical-align:middle;
  462. }
  463.  
  464.  
  465. /*quote posts*/
  466.  
  467. .source{
  468. text-transform:uppercase;
  469. font-style:italic;
  470. font-weight:lighter;
  471. }
  472.  
  473. /*chat posts*/
  474.  
  475. .lineodd {
  476. background:#eee;
  477. padding:10px;
  478. list-style:none;
  479. }
  480.  
  481. .lineeven {
  482. padding:10px;
  483. list-style:none;
  484. }
  485.  
  486. .label {
  487. font-weight:lighter;
  488. text-transform:uppercase;
  489. }
  490.  
  491. .chat li{
  492. list-style:none;
  493. }
  494.  
  495. /*audio posts*/
  496.  
  497. .albumart{
  498. max-width:50px;
  499. z-index:1;
  500. margin-bottom:5px;
  501.  
  502. }
  503.  
  504. .playbox{
  505. background-color: #000;
  506. position: absolute;
  507. z-index: 1000;
  508. margin-top:12px;
  509. margin-left:12px;
  510. -webkit-border-radius: 100px;
  511. -moz-border-radius: 100px;
  512. border-radius: 100px;
  513. opacity: 0.75;
  514.  
  515. }
  516.  
  517. .playbutton{
  518. width: 25px;
  519. height: 25px;
  520. overflow: hidden;
  521. position: relative;
  522. z-index: 1000
  523. margin-top: 0px;
  524. margin-bottom: 2px;
  525. margin-left: 0px;
  526. margin-right: 2px;
  527. -webkit-border-radius: 100px;
  528. -moz-border-radius: 100px;
  529. border-radius: 100px;
  530. }
  531.  
  532. .tracknames{
  533. margin-left:75px;
  534. margin-top:-55px;
  535. padding-bottom:5px;
  536. }
  537.  
  538. /*post info*/
  539.  
  540. .postinfo{
  541. padding-top:10px;
  542. margin-top:25px;
  543. text-transform:none;
  544. color:{color:Link};
  545. border-top:#eee 1px solid;
  546. text-transform:lowercase;
  547. }
  548.  
  549.  
  550. .tags {
  551. font-size:10px;
  552. margin-top:5px;
  553. }
  554.  
  555. .tags a {
  556. margin-right:10px;
  557. color:{color:Text};
  558. -webkit-transition:all 0.5s;
  559. -moz-transition:all 0.5s;
  560. -ms-transition:all 0.5s;
  561. -o-transition:all 0.5s;
  562. transition:all 0.5s;
  563. }
  564.  
  565. .tags a:hover {
  566. margin-right:10px;
  567. color:{color:LinkHover};
  568. -webkit-transition:all 0.5s;
  569. -moz-transition:all 0.5s;
  570. -ms-transition:all 0.5s;
  571. -o-transition:all 0.5s;
  572. transition:all 0.5s;
  573. }
  574.  
  575. {block:ifShowLikeButton}
  576. .mylike {
  577. cursor:pointer;
  578. position:relative;
  579. width:10px;
  580. height:10px;
  581. display:inline-block;
  582. float:right;
  583. vertical-align:top;
  584. }
  585. .like_button {
  586. cursor:pointer!important;
  587. position: absolute;
  588. top: 0;
  589. left: 0;
  590. right: 0;
  591. bottom: 0;
  592. width: 100%;
  593. height: 100%;
  594. opacity: 0;
  595. z-index: 10;
  596. }
  597.  
  598. .like_button iframe {
  599. width: 100% !important;
  600. height: 100% !important;
  601. }
  602.  
  603. .mylikebutton {
  604. cursor:pointer!important;
  605. position: absolute;
  606. top: 0;
  607. left: 0;
  608. right: 0;
  609. bottom: 0;
  610. width: 100%;
  611. height: 100%;
  612. opacity: 1;
  613. z-index: 1;
  614. -webkit-transition:all 0.5s;
  615. -moz-transition:all 0.5s;
  616. -ms-transition:all 0.5s;
  617. -o-transition:all 0.5s;
  618. transition:all 0.5s;
  619. }
  620. .like_button:hover + .mylikebutton {
  621. cursor:pointer!important;
  622. color: #666;
  623. -webkit-transition:all 0.5s;
  624. -moz-transition:all 0.5s;
  625. -ms-transition:all 0.5s;
  626. -o-transition:all 0.5s;
  627. transition:all 0.5s;
  628. }
  629. .like_button.liked + .mylikebutton {
  630. color:#bb0000;
  631. -webkit-transition:all 0.5s;
  632. -moz-transition:all 0.5s;
  633. -ms-transition:all 0.5s;
  634. -o-transition:all 0.5s;
  635. transition:all 0.5s;
  636. }
  637. {/block:ifShowLikeButton}
  638.  
  639. /*permalink page*/
  640.  
  641. .postnotes{
  642. font-size:10px;
  643. text-transform:lowercase;
  644. padding-top:10px;
  645. height:250px;
  646. overflow-y:scroll;
  647. text-align:center;
  648.  
  649. }
  650.  
  651. .postnotes img{
  652. display:none;
  653. }
  654.  
  655. .postnotes li{
  656. list-style-type:none;
  657. margin-bottom:1px;
  658. }
  659.  
  660. .postnotes ul, .postnotes ol {
  661. padding:0px;
  662. margin:0px;
  663. }
  664.  
  665. .postnotes blockquote {
  666. font-size:10px;
  667. margin-top:2px;
  668. margin-bottom:2px;
  669. }
  670.  
  671. .postnotes a{
  672. border-bottom:0px!important;
  673. }
  674.  
  675. .postnotestitle {
  676. padding-top:10px;
  677. text-align:center;
  678. font-size:10px;
  679. }
  680.  
  681. .postnotestitle:hover {
  682. cursor:pointer;
  683. color:{color:LinkHover};
  684. -webkit-transition:all 0.5s;
  685. -moz-transition:all 0.5s;
  686. -ms-transition:all 0.5s;
  687. -o-transition:all 0.5s;
  688. transition:all 0.5s;
  689. }
  690.  
  691.  
  692. /*credit: please do not remove!!!*/
  693.  
  694. .credit{
  695. position:fixed;
  696. bottom:20px;
  697. right:20px;
  698. }
  699.  
  700. .credit a{
  701. border-bottom:0px!important;
  702. }
  703.  
  704. </style>
  705. </head>
  706.  
  707. <body>
  708. <div class="container">
  709.  
  710. <div class="credit">
  711. <a href="https://rogers-stevens.tumblr.com" title="theme"><i class="fa fa-code" aria-hidden="true"></i></a>
  712. </div>
  713. <div class="sidebar">
  714. {block:ifShowSidebarImage}<div class="sidebarimage"><a href="/"><img src="{image:Sidebar}"</a></div>{/block:ifShowSidebarImage}
  715. {block:ifShowTitle}<div class="title"><a href="/">{Title}</a></div>{/block:ifShowTitle}
  716. <div class="description">{Description}</div>
  717. <div class="links">
  718. <li>&mdash;&nbsp;&nbsp;<a href="/">home</a></li>
  719. <li>&mdash;&nbsp;&nbsp;<a href="/ask">message</a></li>
  720. <li>&mdash;&nbsp;&nbsp;<a href="{text:Link1URL}">{text:Link1Title}</a></li>
  721. <li>&mdash;&nbsp;&nbsp;<a href="{text:Link2URL}">{text:Link2Title}</a></li>
  722. <li>&mdash;&nbsp;&nbsp;<a href="{text:Link3URL}">{text:Link3Title}</a></li>
  723.  
  724.  
  725. </div>
  726.  
  727.  
  728.  
  729.  
  730.  
  731. </div>
  732.  
  733. <div class="content">
  734. {block:Posts}
  735. <div class="posts" id="{PostID}">
  736. {block:Text}
  737. {block:Title}<h1>{Title}</h1>{/block:Title}
  738. <div class="caption">{Body}</div>
  739. {/block:Text}
  740.  
  741. {block:Answer}
  742. <div class="ask">
  743. <span class="askerportrait"><img src="{AskerPortraitURL-96}"></span>
  744. <div class="asker">{Asker}:</div> <div class="question">{Question}</div><br>
  745. <div class="answer"><div class="caption">{Answer}</div></div>
  746. </div>
  747. {/block:Answer}
  748.  
  749. {block:Quote}
  750. &ldquo;{Quote}&rdquo;
  751. {block:Source}<div class="source">&mdash;&nbsp;{Source}</div>{/block:Source}
  752. {/block:Quote}
  753.  
  754. {block:Link}
  755. <a href="{URL}"><h2>{Name} &nbsp;&rsaquo;</h2></a>
  756. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  757. {/block:Link}
  758.  
  759. {block:Chat}
  760. {block:Title}<h1>{Title}</h1>{/block:Title}
  761. <div class="chat">{block:Lines}<li class="line{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  762. &nbsp;{Line}</li>{/block:Lines}</div>
  763. {/block:Chat}
  764.  
  765. {block:Photo}
  766. <img src="{PhotoURL-HighRes}" />{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  767. {/block:Photo}
  768.  
  769. {block:Photoset}
  770. {Photoset}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  771. {/block:Photoset}
  772.  
  773. {block:Audio}
  774. {block:AudioPlayer}
  775. <div class="playbox"><div class="playbutton">{AudioPlayerBlack}</div></div>
  776. {block:AlbumArt}
  777. <div class="albumart"><img src="{AlbumArtURL}"></div>
  778. {/block:AlbumArt}
  779. <div class="tracknames">
  780.  
  781. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  782. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  783. <b>PLAY COUNT:</b> {FormattedPlayCount}</div>
  784. {/block:AudioPlayer}
  785.  
  786. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  787. {/block:Audio}
  788.  
  789. {block:Video}
  790. <div class="video">
  791. {Video-500}
  792. </div>
  793. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  794. {/block:Video}
  795.  
  796. <div class="postinfo">
  797. {block:Date}
  798. <a href="{Permalink}">{NoteCount} notes</a>
  799. on
  800.  
  801. <a href="{Permalink}" title="{Month} {DayofMonth}">{DayofWeek}</a>
  802. &nbsp;&nbsp;
  803. {block:RebloggedFrom}
  804. <a href="{ReblogURL}" class="reblog" title="reblog"><i class="fa fa-retweet" aria-hidden="true"></i></a>&nbsp;&nbsp;
  805.  
  806. <a href="{ReblogParentURL}" title="{ReblogParentName}" class="reblog">via</a>
  807. {block:ContentSource}
  808. /
  809. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}"class="reblog">src</a>
  810. {/block:ContentSource}
  811. {/block:RebloggedFrom}
  812. {block:ifShowLikeButton}
  813. <div class="mylike">
  814. {LikeButton}
  815. <span class="mylikebutton">
  816. <i class="fa fa-heart-o fa-fw" aria-hidden="true"></i>
  817. </span>
  818. </div>
  819. {/block:ifShowLikeButton}
  820. {/block:Date}
  821.  
  822. </div>
  823.  
  824. {block:HasTags}
  825. <div class="tags">
  826. <i class="fa fa-tags" aria-hidden="true" style="color:{color:LinkHover}"></i>&nbsp;&nbsp;
  827. {block:Tags}
  828. <a href="{TagURL}">{Tag}</a>
  829. {/block:Tags}
  830. </div>
  831. {/block:HasTags}
  832.  
  833. </div>
  834. {block:PermalinkPage}
  835. {block:PostNotes}
  836. <div class="postnotestitle">SHOW NOTES</div>
  837. <div class="postnotes">{PostNotes}</div>
  838. {/block:PostNotes}
  839. {/block:PermalinkPage}
  840.  
  841. {/block:Posts}
  842. <div class="pag">
  843. {block:Pagination}
  844. {block:PreviousPage}
  845. <a href="{PreviousPage}">back</a> &nbsp; / &nbsp; {/block:PreviousPage}
  846. {block:NextPage}
  847. <a href="{NextPage}">next</a>
  848. {/block:NextPage}
  849. {/block:Pagination}
  850. </div>
  851. {block:ContentSource}
  852. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  853. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  854. {/block:SourceLogo}
  855. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  856. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  857.  
  858. </div>
  859. </div>
  860. </div>
  861.  
  862. <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
  863. <script>
  864. /* questions? ask oddhour.tumblr.com */
  865. var updatePhotosetCss = "<style id='updatePhotosetStyle'>.photoset .photoset_row { margin-top: 5px; } .photoset .photoset_row .photoset_photo { margin-left: 4px;} .photoset .photoset_row.photoset_row_1 img { max-width: 540px; } .photoset .photoset_row.photoset_row_2 img { max-width: 268px; } .photoset .photoset_row.photoset_row_3 img { max-width: 177px; } .photoset .photoset_row { text-align: left; width: 540px; } .photoset { width: 540px; }</style>";
  866. function updatePhotoset() {
  867.  
  868. $(".photoset").each( function (i, e) {
  869. if($(this.contentDocument).find("#updatePhotosetStyle").size() <= 0)
  870. $(this.contentDocument).find("head").append(updatePhotosetCss);
  871. var photoset = $(this.contentDocument).find(".photoset");
  872. var photosetRows = photoset.find(".photoset_row");
  873. photoset.find(".photoset_photo")
  874. .each(function () {
  875. var hiResSrc = $(this).attr("href");
  876. var img = $(this).find('img');
  877. img.attr("src", hiResSrc );
  878. img.attr("style", "");
  879. });
  880. photosetRows.attr("style", "").css("margin-bottom", "-5px");
  881. photoset.attr("style","");
  882.  
  883. $(this).height($(this.contentDocument.body).height());
  884. });
  885. }
  886.  
  887. updatePhotoset();
  888.  
  889. var photosetTimer = setInterval(updatePhotoset, 1500);
  890. $(window).on('load', function () { setTimeout(function() {clearInterval(photosetTimer)}, 2000); })
  891. </script>
  892. </body>
  893. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!