Advertisement
feiinho

Untitled

Jun 15th, 2017
191
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!------------------------------------------
  2.  
  3. (◍•ᴗ•◍)♡ ✧*。
  4.  
  5. Sweet Spot Theme by ThemeKid Chloë | @redivide | @themekid
  6.  
  7. > Do not delete/alter any credit.
  8. > Do not claim as your own.
  9. > Do not copy any code.
  10. > Do not redistribute.
  11.  
  12. ------------------------------------------->
  13. <html>
  14. <head>
  15. <meta charset="UTF-8" />
  16. <title>{block:TagPage}{Tag} posts | {/block:TagPage} {block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Hidden}<!--options-->
  20. <meta name="color:Accent" content="#dc270f" />
  21. <meta name="color:Border" content="#dc270f" />
  22. <meta name="text:About Link" content="" />{/block:Hidden}
  23. <!--fonts-->
  24. <link href='https://fonts.googleapis.com/css?family=Montserrat:700|Roboto+Mono:300,300i,500,500i|Roboto+Slab:400' rel='stylesheet' type='text/css'>
  25. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  26. <link href='http://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
  27. <!--jquery-->
  28. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> </script>
  29. <link rel="stylesheet" href="http://static.tumblr.com/8pnyeus/29To2og0o/styles.css">
  30. <script src="https://dl.dropboxusercontent.com/s/7ke33tjjl8rty02/scripts.js"></script>
  31. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  32. <script>
  33. (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery);var fhs = document.createElement('script');var fhs_id = "5467394";var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"' style='display:none'></span>");
  34. </script>
  35. <style>
  36. * {
  37. margin:0;
  38. padding:0;
  39. }
  40. #s-m-t-tooltip {
  41. max-width:300px;
  42. padding:3px 6px;
  43. margin:20px 10px;
  44. background: #000;
  45. color:#fff;
  46. z-index:999999999999999!important;
  47. font-size:9px;
  48. text-transform:uppercase;
  49. font-family:'Roboto Mono', monospace;
  50. }
  51. body {
  52. font-size:10px;
  53. font-family:'Roboto Mono', monospace;
  54. line-height:130%;
  55. font-weight:300;
  56. }
  57. body:before {
  58. content:'';
  59. height:5px;
  60. width:100%;
  61. position:fixed;
  62. top:0;
  63. left:0;
  64. background:{color:Border};
  65. z-index:999;
  66. }
  67. a {
  68. text-decoration:none;
  69. color:{color:Accent};
  70. }
  71. b, strong {
  72. font-weight:500;
  73. }
  74. h1, h2, h3, h4, h5, h6 {
  75. font-family:'Roboto Slab', serif;
  76. font-weight:400;
  77. }
  78. #tumblr_controls, .tmblr-iframe {
  79. top:15px!important;
  80. right:15px!important;
  81. -webkit-filter: invert(90%);
  82. filter: invert(90%);
  83. position:fixed!important;
  84. -webkit-transform:scale(.8, .8);
  85. -moz-transform:scale(.8, .8);
  86. transform:scale(.8, .8);
  87. -webkit-transform-origin: right top;
  88. -moz-transform-origin: right top;
  89. -ms-transform-origin: right top;
  90. -o-transform-origin: right top;
  91. transform-origin: right top;
  92. z-index:999999999999999999!important
  93. }
  94. ::-webkit-scrollbar {
  95. background-color:#ddd;
  96. height: 11px;
  97. width: 11px;
  98. border:5px solid #fff;
  99. }
  100. ::-webkit-scrollbar-thumb {
  101. background-color:#000;
  102. border:5px solid #fff;
  103. }
  104. img:not(.lightbox-image), embed, video, .tumblr_video_container, iframe:not(.instagram-media):not(#ask_form):not(.tumblr_audio_player):not(.like_toggle) {
  105. max-width:100%!important;
  106. height:auto;
  107. }
  108. .instagram-media, .tumblr_audio_player {
  109. max-width:100%!important;
  110. }
  111. img:not(.lightbox-image) {
  112. vertical-align:middle;
  113. }
  114. .tumblr_video_container {
  115. height:auto!important;
  116. }
  117. .vine-embed {
  118. height:200px!important;
  119. }
  120. aside {
  121. position:fixed;
  122. top:10px;
  123. left:5px;
  124. }
  125. aside ul#nav {
  126. list-style:none;
  127. font-size:1.5em;
  128. }
  129. aside ul#nav li {
  130. margin:5px 3px;
  131. }
  132. .wrapper {
  133. width:600px;
  134. margin:0 auto;
  135. padding-bottom:40px;
  136. }
  137. header {
  138. margin:40px auto;
  139. text-align:center;
  140. width:400px;
  141. }
  142. #sub-nav {
  143. list-style: none;
  144. }
  145. #sub-nav li {
  146. display:inline-block;
  147. margin: -10px 5px 0;
  148. }
  149. #desc {
  150. margin:20px 0;
  151. }
  152. #infscr-loading {
  153. position:absolute;
  154. margin-bottom:-40px;
  155. bottom:30px;
  156. width:200px;
  157. margin-left:50%;
  158. left:-100px;
  159. text-align:center;
  160. }
  161. article {
  162. width:180px;
  163. box-sizing:border-box;
  164. margin-bottom:30px;
  165. }
  166. {block:IndexPage}
  167. article .t-type {
  168. background: rgba({RGBcolor:Accent},0.1);
  169. padding:8px;
  170. }
  171. img.caption_avatar, img.asker {
  172. border-radius: 50%;
  173. height: 20px;
  174. margin-right:5px;
  175. }
  176. .tumblr_parent, .question {
  177. border-bottom:1px solid {color:Accent};
  178. margin-bottom:5px;
  179. padding-bottom:5px;
  180. }
  181. .tumblr_parent:last-of-type, .question:last-of-type {
  182. border-bottom:none;
  183. margin-bottom:0;
  184. padding-bottom:0;
  185. }
  186. .caption, .question {
  187. font-size:0.9em;
  188. text-align:justify;
  189. }
  190. {/block:IndexPage}
  191. article ul, article ol {
  192. margin:5px 0;
  193. margin-left:15px;
  194. }
  195. article h2 {
  196. font-size:1.4em;
  197. line-height:1.2em;
  198. text-align:center;
  199. margin-bottom:5px;
  200. }
  201. article p {
  202. margin:5px 0;
  203. }
  204. article p:last-of-type, .chat li:last-of-type {
  205. margin-bottom:0;
  206. }
  207. article p:first-of-type, .chat li:first-of-type {
  208. margin-top:0;
  209. }
  210. .quote h2 {
  211. text-align:left;
  212. }
  213. cite {
  214. display:block;
  215. text-align:right;
  216. }
  217. .chat ul {
  218. margin:0;
  219. list-style:none;
  220. }
  221. .chat li {
  222. margin:3px 0;
  223. text-align:justify;
  224. }
  225. ul.audio-info {
  226. list-style:none;
  227. padding:0;
  228. margin:5px 0 0;
  229. }
  230. .permalink {
  231. text-align:center;
  232. text-transform:uppercase;
  233. font-family:'Montserrat', sans-serif;
  234. font-weight:bold;
  235. font-size:0.9em;
  236. word-spacing:3px;
  237. margin-top:10px;
  238. line-height:13px;
  239. }
  240. .permalink a {
  241. color:#000;
  242. }
  243. .permalink .lnr-heart {
  244. font-size: 9px;
  245. vertical-align: text-bottom;
  246. }
  247. .custom-like-button {
  248. position: relative;
  249. cursor: pointer;
  250. display:inline-block;
  251. }
  252. .like_button {
  253. position: absolute;
  254. top: 0;
  255. left: 0;
  256. right: 0;
  257. bottom: 0;
  258. width: 100%;
  259. height: 100%;
  260. opacity: 0;
  261. z-index: 10;
  262. }
  263. .like_button iframe {
  264. width: 100% !important;
  265. height: 100% !important;
  266. }
  267. .our_toggle {
  268. top: 0;
  269. left: 0;
  270. right: 0;
  271. bottom: 0;
  272. width: 10px;
  273. height: 10px;
  274. z-index: 1;
  275. }
  276. .like_button:hover + .our_toggle {
  277. color:red;
  278. }
  279. .like_button.liked + .our_toggle {
  280. color:red;
  281. }
  282. {block:PermalinkPage}
  283. #posts {
  284. margin:0 auto;
  285. width:350px;
  286. }
  287. article {
  288. width:350px;
  289. position:relative;
  290. }
  291. .tumblr_parent, .question {
  292. text-align:center;
  293. }
  294. .tumblr_parent:before, .question:before {
  295. content: '* * * * * * * * * * * * * * * *';
  296. margin: 20px 0;
  297. display: block;
  298. }
  299. img.caption_avatar, img.asker {
  300. display: block;
  301. margin: 0px auto 10px;
  302. border-radius: 50%;
  303. height: 20px;
  304. }
  305. img.caption_avatar + a.tumblr_blog,
  306. .asker-a {
  307. margin-bottom: 5px;
  308. display: block;
  309. }
  310. .tumblr_audio_player {
  311. width:350px!important;
  312. }
  313. ul.extra-info {
  314. position: absolute;
  315. top: 0;
  316. left: 350px;
  317. list-style: none;
  318. width: 100px;
  319. font-size:1.5em;
  320. color:{color:Accent};
  321. }
  322. ul.extra-info li {
  323. margin-bottom:3px;
  324. }
  325. ol.notes:before {
  326. content: '* * * * * * * * * * * * * * * *';
  327. margin: 20px 0;
  328. display: block;
  329. }
  330. ol.notes {
  331. margin:0;
  332. list-style:none;
  333. text-align:center;
  334. }
  335. li.note {
  336. margin-bottom: 8px;
  337. }
  338. img.avatar {
  339. display:none;
  340. }
  341. li.like:before {
  342. content: '\e099';
  343. font-family: "untitled-font-1" !important;
  344. font-style: normal;
  345. font-weight: normal;
  346. speak: none;
  347. display: inline-block;
  348. text-decoration: inherit;
  349. width: 1em;
  350. text-align: center;
  351. font-variant: normal;
  352. text-transform: none;
  353. line-height: 1em;
  354. font-size: 1em;
  355. vertical-align:middle;
  356. -webkit-font-smoothing: antialiased;
  357. -moz-osx-font-smoothing: grayscale;
  358. margin-right: 5px;
  359. vertical-align: middle;
  360. }
  361. li.reblog:before {
  362. content: '\e02d';
  363. font-family: "untitled-font-1" !important;
  364. font-style: normal;
  365. font-weight: normal;
  366. speak: none;
  367. display: inline-block;
  368. text-decoration: inherit;
  369. width: 1em;
  370. text-align: center;
  371. font-variant: normal;
  372. text-transform: none;
  373. line-height: 1em;
  374. font-size: 1em;
  375. vertical-align:middle;
  376. -webkit-font-smoothing: antialiased;
  377. -moz-osx-font-smoothing: grayscale;
  378. margin-right: 5px;
  379. vertical-align: middle;
  380. }
  381. li.original_post:before {
  382. content:'\e078';
  383. }
  384. {/block:PermalinkPage}
  385. [class^="PIN_"] {
  386. -webkit-animation: fadein 0.7s both;
  387. animation: fadein 0.7s both;
  388. opacity:1;
  389. }
  390. @-webkit-keyframes fadein {0% {opacity: 0}100% {opacity: 1}}
  391. @keyframes fadein {0% {opacity: 0}100% {opacity: 1}}
  392. </style>
  393. </head>
  394. <body>
  395. <aside>
  396. <ul id="nav">
  397. <li><a href="/" title="home"><i class="oi-home"></i></a>
  398. {block:AskEnabled}<li><a href="/ask" title="message"><i class="oi-discuss"></i></a>{/block:AskEnabled}
  399. {block:IfAboutLink}<li><a href="{text:About Link}" title="about"><i class="oi-user"></i></a>{/block:IfAboutLink}
  400. <li><a href="/archive" title="past"><i class="oi-grid"></i></a>
  401. </ul>
  402. </aside>
  403. <div class="wrapper">
  404. <header>
  405. <h1>{Title}</h1>
  406. {block:Description}<div id="desc">
  407. {Description}
  408. </div>{/block:Description}
  409. {block:HasPages}<ul id="sub-nav">
  410. {block:Pages}<li><a href="{URL}">{Label}</a>{/block:Pages}
  411. </ul>{/block:HasPages}
  412. </header>
  413. <section id="posts">
  414. {block:Posts}<article id="{PostId}">
  415. {block:Text}<div class="text t-type">
  416. {block:Title}<h2>{Title}</h2>{/block:Title}
  417. <div class="caption">{Body}</div>
  418. </div>{/block:Text}{block:Photo}<div class="photo">
  419. <img src="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-400}{/block:PermalinkPage}">
  420. </div>{/block:Photo}{block:Photoset}<div class="photoset">
  421. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  422. {block:Photos}<div class="photo-data">
  423. <div class="pxu-photo">
  424. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  425. </div>
  426. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  427. </div>
  428. {/block:Photos}</div>
  429. </div>{/block:Photoset}{block:Quote}<div class="quote {Length} t-type">
  430. <h2>{Quote}</h2>
  431. {block:Source}<cite>{Source}</cite>{/block:Source}
  432. </div>{/block:Quote}{block:Link}<div class="link t-type">
  433. <h2><i class="oi-chevron-right"></i> <a href="{URL}">{Name}</a></h2>
  434. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  435. </div>{/block:Link}{block:Chat}<div class="chat t-type">
  436. {block:Title}<h2>{Title}</h2>{/block:Title}
  437. <ul>
  438. {block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label} {Line}{/block:Lines}
  439. </ul>
  440. </div>{/block:Chat}{block:Audio}<div class="audio t-type">
  441. {block:AlbumArt}<img src="{AlbumArtURL}" class="album-art">{/block:ALbumArt}
  442. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  443. <ul class="audio-info">
  444. <li><b>Artist:</b> <span {block:Artist}style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
  445. <li><b>Title:</b> <span {block:TrackName}style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
  446. <li><b>Album:</b> <span {block:Album}style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br>
  447. <li><b>Plays:</b> {FormattedPlayCount}
  448. </ul>
  449. </div>{/block:Audio}{block:Video}<div class="video">
  450. {block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  451. </div>{/block:Video}{block:Answer}<div class="answer t-type">
  452. <div class="question">
  453. <img src="{AskerPortraitURL-24}" class="asker">
  454. <span class="asker-a">{Asker} asked:</span>
  455. <div>{Question}</div>
  456. </div>
  457. {block:Answerer}
  458. <div class="question">
  459. <img src="{AnswererPortraitURL-24}" class="asker">
  460. <span class="asker-a">{Answerer} replied:</span>
  461. <div>{Answer}</div>
  462. </div>
  463. {/block:Answerer}
  464. <div class="caption">{Replies}</div>
  465. </div>{/block:Answer}
  466. {block:IndexPage}<div class="permalink">
  467. <div class="custom-like-button" title="like">{LikeButton}<div class="our_toggle"><i class="oi-heart"></i></span></div></div> <a href="{Permalink}" target="_blank">{TimeAgo}</a> | <a href="{ReblogURL}" target="_blank">{NoteCount}</a>
  468. </div>{/block:IndexPage}{block:PermalinkPage}
  469. {block:Caption}<div class="caption">
  470. {Caption}
  471. </div>{/block:Caption}
  472. {block:PostNotes}{PostNotes-16}{/block:PostNotes}
  473. {block:Date}<ul class="extra-info">
  474. <li title="{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear} ({TimeAgo})"><i class="oi-time"></i>
  475. {block:NoteCount}<li title="{NoteCount}"><i class="oi-bookmark"></i>{/block:NoteCount}
  476. {block:RebloggedFrom}<li><a href="{ReblogParentURL}" title="{ReblogParentName}"><i class="oi-chart"></i></a>{/block:RebloggedFrom}
  477. {block:ContentSource}<li><a href="{SourceURL}" title="{SourceTitle}"><i class="oi-globe"></i></a>{/block:ContentSource}
  478. {block:HasTags}<li title="{block:Tags}#{Tag} {/block:Tags}"><i class="oi-tags"></i>{/block:HasTags}
  479. </ul>{/block:Date}
  480. {/block:PermalinkPage}
  481. </article>
  482. {/block:Posts}
  483. </section>
  484. </div>
  485. {block:IndexPage}<div class="pagination" style="visibility:hidden;">
  486. {block:NextPage}<a href="{NextPage}" id="next-link"><i class="fa fa-angle-right"></i></a>{/block:NextPage}
  487. </div>{/block:IndexPage}
  488. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  489. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  490. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  491. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  492. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  493. <script>!function(a){a.fn.unnest=function(b){var d,e,f,g,h,c=a.extend({yourCaption:".caption",wrapName:".tumblr_parent",newCaptionUsername:!1,originalPostCaptionUsername:!1,tumblrAvatarClass:".tumblr_avatar",tumblrAvatars:!0,usernameColon:!0},b),i=c.wrapName.slice(1,c.wrapName.length),j=c.tumblrAvatarClass.slice(1,c.tumblrAvatarClass.length);a(c.yourCaption,this).length>=1&&a(c.yourCaption,this).each(function(){var b=!1,k=!1;a("a.tumblr_blog",this).length<=0&&(b=!0),a(this).find("blockquote").each(function(){a(this).prev().children(".tumblr_blog").length>0&&(a(this).addClass(i),d=a(this).parent().find("a.tumblr_blog").parent("p").html(),c.usernameColon||(d=d.slice(0,-1))),a(this).hasClass(i)&&(a(this).prepend(d),c.tumblrAvatars&&(g=a(this).prev().children("a.tumblr_blog").text(),a(this).prepend('<img src="http://api.tumblr.com/v2/blog/'+g+'.tumblr.com/avatar/30" class="'+j+'" />')))}),a(this).find("> p a.tumblr_blog:first-of-type").parent("p").remove(),a(c.wrapName,this).each(function(){a(this).parents(c.yourCaption).prepend(a(this))}),h=window.location.hostname;var l=a(this);a.getScript("http://"+h+"/api/read/json").complete(function(){e=l.contents(":not("+c.wrapName+")"),e.text().replace(/\s/g,"").length>0&&(k=l.clone().find(c.wrapName).remove().end().html(),e.remove(),c.newCaptionUsername||b?(f='<blockquote class="'+i+'">',c.tumblrAvatars&&(!b||b&&c.originalPostCaptionUsername)&&(f+='<img src="http://api.tumblr.com/v2/blog/'+h+'/avatar/30" class="'+j+'" />'),(!b||b&&c.originalPostCaptionUsername)&&(f+='<a class="tumblr_blog" href="/">'),(!b||b&&c.originalPostCaptionUsername)&&("undefined"!=typeof tumblr_api_read&&(h=tumblr_api_read.tumblelog.name),f+=h+"</a><p>"),f+=k+"</blockquote>",l.append(f)):l.append('<blockquote class="'+i+'">'+k+"</blockquote>"))})})}}(jQuery);</script>
  494. <script>
  495. var pxuOptions = {
  496. lightbox: true,
  497. rounded: false,
  498. gutter: '1px',
  499. photoset: '.photo-slideshow',
  500. photoWrap: '.photo-data',
  501. photo: '.pxu-photo'
  502. }, masonryOptions = {
  503. itemSelector: 'article',
  504. isAnimated:false,
  505. columnWidth:180,
  506. gutterWidth:30,
  507. }, infScrOptions = {
  508. navSelector : "div.pagination",
  509. nextSelector : ".pagination a#next-link",
  510. itemSelector : "article",
  511. loading: {
  512. finishedMsg: "<p>You've reached the end of the Earth.</p>",
  513. img : "https://res1.nabtrade.com.au/Content/Images/ajax_loader.gif",
  514. msg: null,
  515. msgText: "",
  516. },
  517. }, unnestOptions = {
  518. yourCaption: ".caption",
  519. wrapName: ".tumblr_parent",
  520. newCaptionUsername: true,
  521. originalPostCaptionUsername: false,
  522. tumblrAvatars: true,
  523. tumblrAvatarClass: ".caption_avatar",
  524. usernameColon: false
  525. };
  526. $(function(){
  527. $('.photo-slideshow').pxuPhotoset(pxuOptions);
  528. $('article').unnest(unnestOptions);
  529. {block:IndexPage}
  530. var $tumblelog = $('#posts');
  531. $tumblelog.imagesLoaded(function () {
  532. $tumblelog.masonry(masonryOptions);
  533. });
  534. $tumblelog.infinitescroll(
  535. infScrOptions,
  536. function( newElements ) {
  537. var $newElems = $( newElements );
  538. var $newElemsIDs = $newElems.map(function () {
  539. return this.id;
  540. }).get();
  541. $newElems.find('.photo-slideshow').pxuPhotoset(pxuOptions);
  542. var $newElems = $(newElements).css({
  543. opacity: 0,
  544. zIndex: -1,
  545. });
  546. $newElems.imagesLoaded(function(){
  547. $newElems.animate({ opacity: 1, zIndex: 1 });
  548. $tumblelog.masonry( 'appended', $newElems );
  549. });
  550. $newElems.unnest(unnestOptions);
  551. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  552. }
  553. );{/block:IndexPage}
  554. });
  555. </script>
  556. <script type="text/javascript" async data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>
  557. </body>
  558. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement