API tools faq
paste
nerdy-thms

whiplash

nerdy-thms
Feb 25th, 2018
217
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.81 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6.  
  7.  
  8.  
  9.  
  10. theme: whiplash
  11.  
  12. - overcount.tumblr.com
  13.  
  14.  
  15.  
  16. * please read my terms of use before using
  17.  
  18. * please don't delete my credit, thank you!
  19.  
  20. * when you are typing custom values for post width etc;
  21. don't forget to add 'px' :)
  22.  
  23.  
  24. -->
  25. <title>{Title}{block:TagPage} : #{Tag}{/block:TagPage} {block:PostSummary} : {PostSummary}{/block:PostSummary}</title>
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. <link rel="shortcut icon" href="{Favicon}">
  28. {block:Description}
  29. <meta name="description" content="{MetaDescription}">
  30. {/block:Description}
  31. <meta name="viewport" content="width=device-width, initial-scale=1">
  32. <meta name="color:background" content="#ffffff">
  33. <meta name="color:title" content="#000000">
  34. <meta name="color:text" content="#000000">
  35. <meta name="color:border" content="#aaaaaa">
  36. <meta name="color:link" content="#000000">
  37. <meta name="color:link hover" content="#3c3c3c">
  38. <meta name="if:show captions" content="1">
  39. <meta name="if:show tags" content="1">
  40. <meta name="if:infinite scroll" content="0">
  41. <meta name="text:post width" content="355px">
  42. <meta name="text:post gap" content="40px">
  43. <meta name="text:photo gutter" content="5px">
  44. <meta name="text:home link" content="home">
  45. <meta name="text:archive link" content="archive">
  46. <meta name="text:ask link" content="contact">
  47. <meta name="text:link 1" content="one">
  48. <meta name="text:link 1 url" content="/">
  49. <meta name="text:link 2" content="two">
  50. <meta name="text:link 2 url" content="/">
  51. <meta name="text:link 3" content="three">
  52. <meta name="text:link 3 url" content="/">
  53. <link href="//static.tumblr.com/putjwid/LXNp2skaa/animate.css" rel="stylesheet" type="text/css">
  54. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  55.  
  56. <style type="text/css">
  57.  
  58. /* basic */
  59.  
  60. body {
  61. margin:0;
  62. font-size:11px;
  63. font-family:courier, monospace;
  64. letter-spacing:.5px;
  65. line-height:1.6em;
  66. -moz-osx-font-smoothing:grayscale;
  67. -webkit-font-smoothing:antialiased;
  68. font-smoothing:antialiased;
  69. color:{color:Text};
  70. background:{color:Background};
  71. }
  72. a {
  73. color:{color:Link};
  74. text-decoration:none;
  75. -webkit-transition:all .2s linear;
  76. transition:all .2s linear;
  77. }
  78. a:hover {
  79. color:{color:Link Hover};
  80. text-decoration:none;
  81. -webkit-transition:all .2s linear;
  82. transition:all .2s linear;
  83. }
  84. small, sub {
  85. font-size:1em;
  86. vertical-align:baseline;
  87. }
  88. blockquote {
  89. margin-left:1em;
  90. padding:0 0 0 10px;
  91. border-left:1px solid {color:Border};
  92. }
  93. blockquote,
  94. ol,
  95. ul,
  96. p,
  97. pre {
  98. margin:0 0 .6em;
  99. }
  100. h1,
  101. h2,
  102. h3,
  103. h4,
  104. h5,
  105. h6 {
  106. margin:0 0 .6em;
  107. font-size:1em;
  108. font-weight:inherit;
  109. }
  110. img {
  111. border:0;
  112. max-width:100%;
  113. height:auto;
  114. display:block;
  115. }
  116. hr {
  117. margin:1em 0;
  118. border:0;
  119. height:1px;
  120. -moz-box-sizing:border-box;
  121. box-sizing:border-box;
  122. background-color:{color:Border};
  123. }
  124. .main {
  125. margin:100px auto 50px auto;
  126. width:{text:Post Width};
  127. min-width:250px;
  128. max-width:450px;
  129. -webkit-animation:fadeIn;
  130. -moz-animation:fadeIn;
  131. -ms-animation:fadeIn;
  132. -webkit-animation-duration:4s;
  133. }
  134.  
  135. /* sidebar */
  136.  
  137. aside {
  138. position:fixed;
  139. width:165px;
  140. margin-top:40px;
  141. margin-left:-265px;
  142. }
  143. .title,
  144. .title a,
  145. .b a,
  146. .b {
  147. font-size:16px;
  148. letter-spacing:2px;
  149. font-weight:bold;
  150. color:{color:title};
  151. margin-bottom:1em;
  152. text-transform:uppercase;
  153. }
  154. .b {
  155. font-size:18px;
  156. margin-bottom:0;
  157. font-style:italic;
  158. }
  159. aside p {
  160. margin:2em 0;
  161. padding:10px;
  162. border:1px dashed {color:Border};
  163. }
  164. nav li {
  165. display:inline-block;
  166. margin:0 .5em .5em 0;
  167. }
  168.  
  169. /* post content */
  170.  
  171. .content {
  172. margin:0;
  173. }
  174. .entry {
  175. position:relative;
  176. width:{text:Post Width};
  177. margin:40px;
  178. margin-bottom:{text:Post Gap};
  179. min-width:250px;
  180. max-width:450px;
  181. }
  182. .entry blockquote {
  183. margin-left:1em;
  184. }
  185. .text {
  186. margin:1em 0 2em;
  187. }
  188. .text:last-child,
  189. .text *:last-child {
  190. margin-bottom:0;
  191. }
  192. .spotify_audio_player {
  193. max-height:80px;
  194. border-radius:0!important;
  195. }
  196. iframe.tumblr_audio_player {
  197. width:32px;
  198. height:32px;
  199. }
  200. .audio-post {
  201. position:relative;
  202. padding:15px 15px 13px 15px;
  203. height:42px;
  204. border:1px dashed {color:Border};
  205. display:block;
  206. }
  207. .albumart {
  208. width:50px;
  209. position:absolute;
  210. top:10px;
  211. left:10px;
  212. height:50px;
  213. }
  214. .audio {
  215. left:15px;
  216. top:15px;
  217. right:15px;
  218. position:absolute;
  219. line-height:30px;
  220. display:inline-block;
  221. }
  222. .audio .plyr {
  223. overflow:hidden;
  224. left:4px;
  225. top:6px;
  226. opacity:.7;
  227. position:absolute;
  228. }
  229. .audio .audio-info {
  230. display:inline-block;
  231. width:calc(100% - 55px);
  232. overflow:hidden;
  233. margin-top:12px;
  234. margin-left:60px;
  235. vertical-align:middle;
  236. line-height:15px;
  237. }
  238. .audio .audio-info .extend {
  239. display:block;
  240. max-height:15px;
  241. white-space:nowrap;
  242. overflow:hidden;
  243. text-overflow:ellipsis;
  244. margin-right:15px;
  245. }
  246. .chat {
  247. padding:0;
  248. margin-bottom:2em;
  249. list-style-type:none;
  250. }
  251. .chat .line {
  252. margin-bottom:.5em;
  253. }
  254. .chat .label {
  255. font-weight:bold;
  256. }
  257. .quote {
  258. font-weight:bold;
  259. }
  260. .source {
  261. margin:2em 0;
  262. }
  263. .media {
  264. position:relative;
  265. display:inline-block;
  266. width:100%;
  267. }
  268. .media,
  269. .media iframe {
  270. position:relative;
  271. display:inline-block;
  272. }
  273. .video iframe {
  274. height:auto;
  275. }
  276. .question {
  277. margin-bottom:2em;
  278. border-bottom:1px dashed {color:Border};
  279. padding-bottom:20px;
  280. }
  281. .sender {
  282. display:inline-block;
  283. font-weight:bold;
  284. }
  285. .answer {
  286. font-style:italic;
  287. }
  288. /* permalink */
  289.  
  290. .info {
  291. margin:1em 0 0 0;
  292. }
  293. .perma {
  294. border:1px dashed {color:Border};
  295. padding:12px;
  296. }
  297. nav li a,
  298. nav li a:hover,
  299. .perma a,
  300. .perma a:hover,
  301. .pagination a {
  302. text-decoration:underline;
  303. }
  304.  
  305. /* caption - tags */
  306.  
  307. .caption {
  308. {block:IndexPage}
  309. margin-bottom:2em;
  310. {block:ifNotShowCaptions}
  311. display:none;
  312. {/block:ifNotShowCaptions}
  313. {/block:IndexPage}
  314. }
  315. .caption .tumblr_blog {
  316. font-weight:bold;
  317. }
  318. .caption blockquote {
  319. border:0;
  320. margin:2em 0;
  321. padding:0;
  322. }
  323. .tags {
  324. display:block;
  325. margin-top:1em;
  326. opacity:.8;
  327. {block:IndexPage}
  328. {block:ifNotShowTags}
  329. display:none;
  330. {/block:ifNotShowTags}
  331. {/block:IndexPage}
  332. }
  333. .tags .space:last-of-type {
  334. display:none;
  335. }
  336.  
  337. /* post notes */
  338.  
  339. ol.notes {
  340. list-style-type:none;
  341. padding:0px;
  342. margin-top:1em;
  343. }
  344. ol.notes li.note {
  345. display:block;
  346. padding:0;
  347. margin:5px 0;
  348. }
  349. ol.notes li.note blockquote {
  350. padding:5px 5px 5px 10px;
  351. margin:.5em 0 1em .5em;
  352. }
  353. ol.notes li.note img.avatar {
  354. width:14px;
  355. border-radius:100%;
  356. float:left;
  357. margin-right:.8em;
  358. }
  359. .more_notes_link, .notes_loading {
  360. font-weight:bold;
  361. text-align:left!important;
  362. display:block;
  363. margin-top:1em;
  364. }
  365.  
  366. /* pagiantion - infinte scroll */
  367.  
  368. .pagination {
  369. margin:75px 0 40px 40px;
  370. }
  371. {block:ifInfiniteScroll}
  372. .pagination,
  373. #infscr-loading {
  374. display:none!important;
  375. }
  376. {/block:ifInfiniteScroll}
  377.  
  378. /* tooltip - scrollbar - tumblr controls */
  379.  
  380. .ui-tooltip {
  381. position:absolute;
  382. margin:5px 5px 10px 5px;
  383. padding:10px 5px 10px 5px;
  384. letter-spacing:1px;
  385. z-index:99999999;
  386. font-size:9px;
  387. }
  388. .ui-tooltip-content {
  389. padding:4px 5px 1px 5px;
  390. background:{color:background};
  391. border:1px solid {color:Border};
  392. text-transform:uppercase;
  393. color:{color:text};
  394. }
  395. ::-webkit-scrollbar {
  396. height:11px;
  397. width:11px;
  398. background:{color:Background};
  399. }
  400.  
  401. ::-webkit-scrollbar-track {
  402. background:{color:border};
  403. border:5px solid {color:Background};
  404. }
  405.  
  406. ::-webkit-scrollbar-thumb{
  407. border:5px solid {color:Background};
  408. background:{color:Text};
  409. }
  410. #tumblr_controls {
  411. position:fixed!important;
  412. opacity:.67!important;
  413. -webkit-filter:invert(100%);
  414. -webkit-backface-visibility:hidden;
  415. padding:4px;
  416. }
  417.  
  418. /* credit - don't delete! */
  419.  
  420. .myshit {
  421. position:fixed;
  422. bottom:10px;
  423. right:10px;
  424. }
  425. </style>
  426. </head>
  427. <body>
  428. <div class="main">
  429. <div class="myshit">
  430. <a href="http://overcount.tumblr.com" title="coded by overcount">[ @ ]</a>
  431. </div>
  432. <aside>
  433. <h1 class="title b"><a href="/">{Title}</a></h1>
  434. <p>{Description}</p>
  435. <nav>
  436. {block:ifHomeLink}
  437. <li><a href="/">{text:home link}</a></li>
  438. {/block:ifHomeLink}
  439. {block:ifArchiveLink}
  440. <li><a href="/archive">{text:archive link}</a></li>
  441. {/block:ifArchiveLink}
  442. {block:ifAskLink}
  443. <li><a href="/ask">{text:ask link}</a></li>
  444. {/block:ifAskLink}
  445. {block:ifLink1}
  446. <li><a href="{text:link 1 url}">{text:link 1}</a></li>
  447. {/block:ifLink1}
  448. {block:ifLink2}
  449. <li><a href="{text:link 2 url}">{text:link 2}</a></li>
  450. {/block:ifLink2}
  451. {block:ifLink3}
  452. <li><a href="{text:link 3 url}">{text:link 3}</a></li>
  453. {/block:ifLink3}
  454. {block:HasPages}
  455. {block:Pages}
  456. <li><a href="{URL}">{Label}</a></li>
  457. {/block:Pages}
  458. {/block:HasPages}
  459. </nav>
  460. </aside>
  461. <div class="content">
  462. {block:Posts}
  463. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}">
  464. <section class="post">
  465. {block:Audio}
  466. <div class="audio-post">
  467. {block:AlbumArt}
  468. <div class="albumart">
  469. <img src="{AlbumArtURL}">
  470. </div>
  471. {/block:AlbumArt}
  472. <div class="audio">
  473. {block:AudioPlayer}
  474. <div class="plyr">
  475. {AudioPlayerGrey}
  476. </div>
  477. {/block:AudioPlayer}
  478. <div class="audio-info">
  479. <div class="extend">
  480. {block:TrackName}{TrackName}{/block:TrackName}
  481. {block:Artist}<span> by {Artist}</span>{/block:Artist}
  482. </div>
  483. </div>
  484. </div>
  485. </div>
  486. {/block:Audio}
  487. {block:Photo}
  488. <div class="media">
  489. {LinkOpenTag}
  490. <img src="{PhotoURL-500}">
  491. {LinkCloseTag}
  492. </div>
  493. {/block:Photo}
  494. {block:Photoset}
  495. <div class="media photoset">
  496. <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>
  497. </div>
  498. {/block:Photoset}
  499. {block:Video}
  500. <div class="media video">
  501. {Video-500}
  502. </div>
  503. {/block:Video}
  504. {block:Answer}
  505. <div class="question">
  506. <div class="sender">{Asker}: </div>
  507. <span class="inquiry">{Question}</span>
  508. </div>
  509. <div class="answer text">{Answer}</div>
  510. {/block:Answer}
  511. {block:Chat}
  512. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  513. <ul class="chat text">
  514. {block:Lines}
  515. <li class="line">
  516. {block:Label}
  517. <span class="label">{Label}</span>
  518. {/block:Label}
  519. {Line}
  520. </li>
  521. {/block:Lines}
  522. </ul>
  523. {/block:Chat}
  524. {block:Link}
  525. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  526. {block:Description}
  527. <div class="text">{Description}</div>
  528. {/block:Description}
  529. {/block:Link}
  530. {block:Quote}
  531. <div class="quote text">{Quote}</div>
  532. {block:Source}
  533. <div class="source text">{Source}</div>
  534. {/block:Source}
  535. {/block:Quote}
  536. {block:Text}
  537. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  538. <div class="text">{Body}</div>
  539. {/block:Text}
  540. {block:Caption}
  541. <div class="caption text">{Caption}</div>
  542. {/block:Caption}
  543. {block:Date}
  544. {block:indexpage}
  545. <div class="info text">
  546. <div class="perma">
  547. <a class="permalink" href="{Permalink}">{MonthNumber}/{DayOfMonthWithZero}/{ShortYear}({NoteCountWithLabel})</a> : <a class="permalink" href="{ReblogURL}">reblog</a>
  548. </div>
  549. {block:HasTags}
  550. <div class="tags">
  551. {block:Tags}
  552. <a href="{TagURL}">{Tag}</a><i class="space">, </i>
  553. {/block:Tags}
  554. </div>
  555. {/block:HasTags}
  556. </div>
  557. {/block:indexpage}
  558. {block:permalinkpage}
  559. <div class="info text">
  560. <div class="perma">
  561. <a class="permalink" href="{Permalink}">{TimeAgo},</a>
  562. {block:RebloggedFrom}via: <a class="permalink" href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &mdash; source: <a class="permalink" href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}
  563. </div>
  564. {block:HasTags}
  565. <div class="tags">
  566. {block:Tags}
  567. <a href="{TagURL}">{Tag}</a><i class="space">, </i>
  568. {/block:Tags}
  569. </div>
  570. {/block:HasTags}
  571.  
  572. <div style="margin:5em 0; font-style:italic; opacity:.8;">
  573. {NoteCountWithLabel}
  574. </div>
  575.  
  576. {block:PostNotes}
  577. {PostNotes}
  578. {/block:PostNotes}
  579. </div>
  580. {/block:permalinkpage}
  581. {/block:Date}
  582. </section>
  583. </article>
  584. {/block:Posts}
  585. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  586. </div>
  587. {block:Pagination}
  588. <div class="pagination">
  589. {block:PreviousPage}
  590. <a class="prev" style="margin-right:2em;" href="{PreviousPage}">previous</a>
  591. {/block:PreviousPage}
  592. <span style="opacity:.8; font-style:italic">{CurrentPage} of {TotalPages} pages</span>
  593. {block:Nextpage}
  594. <a class="next" style="margin-left:2em;" href="{NextPage}">forward</a>
  595. {/block:NextPage}
  596. </div>
  597. {/block:Pagination}
  598. </div>
  599.  
  600. <!-- script don't touch -->
  601.  
  602. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  603. {block:IndexPage}<script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>{block:IfInfiniteScroll}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script><script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>{/block:IfInfiniteScroll}{/block:IndexPage}<script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script><script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  604. <script>
  605. (function(){
  606. $('body').tooltip({track:true});
  607. $('.photo-slideshow').pxuPhotoset({
  608. lightbox: true,
  609. rounded:false,
  610. gutter: '{text:Photo Gutter}',
  611. photoset: '.photo-slideshow',
  612. photoWrap: '.photo-data',
  613. photo: '.pxu-photo'
  614. });
  615. $('iframe.tumblr_audio_player').load( function() {
  616. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:#fff; !important;} </style>"));
  617. });
  618. {block:IndexPage}
  619. var $tumblelog = $('.content');
  620.  
  621. $tumblelog.imagesLoaded(function () {
  622. $tumblelog.masonry({itemSelector: '.entry'});
  623. });
  624. $(window).resize(function(){
  625. $tumblelog.masonry();
  626. });
  627. {block:IfInfiniteScroll}
  628. $tumblelog.infinitescroll({
  629. navSelector : ".pagination",
  630. nextSelector : ".next",
  631. itemSelector : ".entry",
  632. loading: {
  633. finishedMsg: "<p>You've reached the end of the Earth.</p>",
  634. img : "https://res1.nabtrade.com.au/Content/Images/ajax_loader.gif",
  635. msg: null,
  636. msgText: "",
  637. },
  638. },
  639. function( newElements ) {
  640. var $newElems = $( newElements );
  641.  
  642. var $newElemsIDs = $newElems.map(function () {
  643. return this.id;
  644. }).get();
  645. $newElems.find('.photo-slideshow').pxuPhotoset({
  646. lightbox: true,
  647. rounded: false,
  648. gutter: '{text:Photo Gutter}',
  649. photoset: '.photo-slideshow',
  650. photoWrap: '.photo-data',
  651. photo: '.pxu-photo'
  652. });
  653. var $newElems = $newElems.css({
  654. opacity: 0,
  655. zIndex: -1
  656. });
  657. resizeVideos();
  658. $newElems.imagesLoaded(function(){
  659. $newElems.animate({ opacity: 1, zIndex: 1 });
  660. $tumblelog.masonry( 'appended', $newElems );
  661. });
  662. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  663. });
  664. {/block:IfInfiniteScroll}
  665. {/block:IndexPage}
  666. })();
  667. </script>
  668. </body>
  669. </html>
Advertisement
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!