API tools faq
paste
Advertisement
anakinskywalker

sad river

anakinskywalker
Feb 23rd, 2020
137
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.18 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. theme by @kirk/larrytrainor, do not (re)move the credit!
  7. pxu photosets by @shythemes and @bychloethemes.
  8. responsive video width by @shythemes.
  9.  
  10. ----->
  11.  
  12. <link href="https://fonts.googleapis.com/css?family=Libre+Baskerville|Open+Sans|Roboto|Staatliches|Coiny" rel="stylesheet">
  13.  
  14. <meta charset="utf-8">
  15. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.  
  20. <title>{Title}</title>
  21.  
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  25.  
  26. <meta name="image:avatar" content="">
  27. <meta name="image:other image one" content="">
  28. <meta name="image:other image two" content="">
  29. <meta name="image:background img" content="">
  30.  
  31. <meta name="color:background" content="#eee">
  32. <meta name="color:headbar title" content="#000">
  33. <meta name="color:text" content="#000">
  34. <meta name="color:links" content="#000">
  35. <meta name="color:links hover" content="#ddd">
  36. <meta name="color:border" content="#000">
  37. <meta name="color:accent" content="#fff">
  38. <meta name="color:shadow" content="#000">
  39. <meta name="color:highlight" content="#eee">
  40. <meta name="select:post" content="250px">
  41. <meta name="select:post" content="300px">
  42. <meta name="select:post" content="400px">
  43. <meta name="select:post" content="500px">
  44.  
  45. <meta name="select:font" content="courier">
  46. <meta name="select:font" content="calibri">
  47. <meta name="select:font" content="times">
  48. <meta name="select:font" content="arial">
  49. <meta name="select:font" content="consolas">
  50. <meta name="select:font" content="ms gothic">
  51. <meta name="select:font" content="'Libre Baskerville'" title="libre baskerville">
  52. <meta name="select:font" content="'Roboto'" title="roboto">
  53. <meta name="select:font" content="'Open Sans'" title="open sans">
  54.  
  55. <meta name="select:font size" content="10px">
  56. <meta name="select:font size" content="11px">
  57. <meta name="select:font size" content="12px">
  58. <meta name="select:font size" content="13px">
  59. <meta name="select:font size" content="14px">
  60. <meta name="select:font size" content="15px">
  61. <meta name="select:font size" content="16px">
  62. <meta name="select:font size" content="17px">
  63. <meta name="select:font size" content="18px">
  64. <meta name="select:font size" content="19px">
  65. <meta name="select:font size" content="20px">
  66.  
  67. <meta name="select:title font" content="courier">
  68. <meta name="select:title font" content="calibri">
  69. <meta name="select:title font" content="times">
  70. <meta name="select:title font" content="arial">
  71. <meta name="select:title font" content="consolas">
  72. <meta name="select:title font" content="ms gothic">
  73. <meta name="select:title font" content="'Coiny'" title="coiny">
  74. <meta name="select:title font" content="'Staatliches'" title="staatliches">
  75. <meta name="select:title font" content="'Libre Baskerville'" title="libre baskerville">
  76. <meta name="select:title font" content="'Roboto'" title="roboto">
  77. <meta name="select:title font" content="'Open Sans'" title="open sans">
  78.  
  79. <meta name="select:title size" content="14px">
  80. <meta name="select:title size" content="16px">
  81. <meta name="select:title size" content="18px">
  82. <meta name="select:title size" content="20px">
  83. <meta name="select:title size" content="22px">
  84. <meta name="select:title size" content="24px">
  85. <meta name="select:title size" content="26px">
  86. <meta name="select:title size" content="28px">
  87. <meta name="select:title size" content="30px">
  88.  
  89. <meta name="select:avatar size" content="25px">
  90. <meta name="select:avatar size" content="50px">
  91. <meta name="select:avatar size" content="75px">
  92. <meta name="select:avatar size" content="100px">
  93. <meta name="select:avatar size" content="125px">
  94. <meta name="select:avatar size" content="135px">
  95. <meta name="select:avatar size" content="150px">
  96.  
  97. <meta name="select:other img size" content="25px">
  98. <meta name="select:other img size" content="50px">
  99. <meta name="select:other img size" content="75px">
  100. <meta name="select:other img size" content="100px">
  101. <meta name="select:other img size" content="125px">
  102. <meta name="select:other img size" content="135px">
  103. <meta name="select:other img size" content="150px">
  104.  
  105. <meta name="select:avatar radius" content="0px">
  106. <meta name="select:avatar radius" content="5px">
  107. <meta name="select:avatar radius" content="100%">
  108.  
  109. <meta name="select:border style" content="solid">
  110. <meta name="select:border style" content="dashed">
  111. <meta name="select:border style" content="dotted">
  112.  
  113. <meta name="select:links style" content="none">
  114. <meta name="select:links style" content="underline">
  115. <meta name="select:links style" content="line-through">
  116.  
  117. <meta name="if:headbar title" content="0">
  118. <meta name="if:other img style" content="0">
  119. <meta name="if:link style" content="0">
  120. <meta name="if:small cursor" content="0">
  121. <meta name="if:headbar padding" content="0">
  122. <meta name="if:headbar border" content="0">
  123. <meta name="if:post padding" content="0">
  124. <meta name="if:post border" content="0">
  125. <meta name="if:headbar shadow" content="0">
  126. <meta name="if:post shadow" content="0">
  127. <meta name="if:cover background" content="0">
  128. <meta name="if:tags" content="0">
  129.  
  130. <meta name="text:sidebar title" content="title">
  131.  
  132. <meta name="text:description text" content="keep it short">
  133.  
  134. <meta name="text:link one" content="one">
  135. <meta name="text:link one url" content="/">
  136. <meta name="text:link two" content="two">
  137. <meta name="text:link two url" content="/">
  138. <meta name="text:link three" content="three">
  139. <meta name="text:link three url" content="/">
  140.  
  141. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  142. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  143. <script>
  144. (function($){
  145. $(document).ready(function(){
  146. $("a[title]").style_my_tooltips({
  147. tip_follows_cursor:true,
  148. tip_delay_time:90,
  149. tip_fade_speed:600,
  150. attribute:"title"
  151. });
  152. });
  153. })(jQuery);
  154. </script>
  155.  
  156. <script type="text/javascript">
  157.  
  158. $(document).ready(function() {
  159. jQuery(".sub").hide();
  160. $(".cthrough").click(function() {
  161. $(".sub").animate({
  162. height: "toggle",
  163. opacity: "toggle"
  164. }, "slow");
  165. });
  166. });
  167. </script>
  168.  
  169. <style type="text/css">
  170.  
  171.  
  172. {block:ifsmallcursor}
  173. *, body {cursor: url(https://i.imgur.com/2qleX.jpg), auto;} a, a:link,a:active,a:visited, a:hover {cursor: url(https://i.imgur.com/IepP2.jpg), auto;}{/block:ifsmallcursor}
  174.  
  175. ::-moz-selection {
  176. color:{color:bg};
  177. background:{color:highlight};
  178. }
  179.  
  180. ::selection {
  181. color:{color:bg};
  182. background:{color:highlight};
  183. }
  184.  
  185. ::-webkit-scrollbar {
  186. width: 5px;
  187. background: #ffffff; }
  188.  
  189. ::-webkit-scrollbar-thumb {
  190. background: #000000;
  191. }
  192.  
  193. .tooltip{
  194. display:inline;
  195. position:relative;
  196. }
  197.  
  198. #s-m-t-tooltip{
  199. {block:ifheadbarborder}
  200. border:1px solid {color:border};
  201. {/block:ifheadbarborder}
  202. padding:5px 7px 5px 7px;
  203. background:{color:accent};
  204. z-index:99999999999999999999;
  205. margin:20px 7px -2px 20px;
  206. }
  207.  
  208. body {
  209. margin:0px;
  210. background: fixed {color:background} url('{image:background img}');
  211. {block:ifcoverbackground}
  212. background-size: cover;{/block:ifcoverbackground}
  213. background-repeat:repeat;
  214. font-family: {select:font};
  215. font-size:{select:font size};
  216. line-height:140%;
  217. color:{color:text};
  218. }
  219.  
  220. p{
  221. margin:0 0 10px 0;
  222. padding:0;
  223. }
  224.  
  225. pre {
  226. white-space: pre-wrap;
  227. white-space: -moz-pre-wrap;
  228. white-space: -pre-wrap;
  229. white-space: -o-pre-wrap;
  230. word-wrap: break-word;
  231. }
  232.  
  233. a{
  234. text-decoration:{select:links style};
  235. outline:0;
  236. color:{color:links};
  237. }
  238.  
  239. a:hover{
  240. color:{color:links hover};
  241. }
  242.  
  243. li{
  244. margin-left:-15px;
  245. }
  246.  
  247. #wrapper{
  248. width:{select:post};
  249. margin:50px auto;
  250. }
  251.  
  252. .header{
  253. font-size:{select:title size};
  254. margin-bottom:15px;
  255. font-family:{select:title font};
  256. }
  257.  
  258. .header a{
  259. text-decoration:none;
  260. color:{color:headbar title};
  261. }
  262.  
  263. #sidebar{
  264. {block:ifheadbarpadding}
  265. {block:ifheadbarshadow}
  266. box-shadow:3px 3px 0px {color:shadow};
  267. {/block:ifheadbarshadow}
  268. padding:25px;
  269. background:{color:accent};
  270. {block:ifheadbarborder}
  271. border:1px {select:border style} {color:border};
  272. {/block:ifheadbarborder}
  273. {block:ifpostpadding}
  274. width:{select:post};
  275. {/block:ifpostpadding}
  276. {/block:ifheadbarpadding}
  277. {block:ifnotheadbarpadding}
  278. {block:ifpostpadding}
  279. width:calc({select:post} + 50px);
  280. {/block:ifpostpadding}
  281. {/block:ifnotheadbarpadding}
  282. position:relative;
  283. margin:auto auto 90px auto;
  284. text-align:center;
  285. }
  286.  
  287. #sidebarimg a{
  288. outline:0;
  289. background:none;
  290. }
  291.  
  292. #sidebarimg img{
  293. width:{select:avatar size};
  294. border-radius:{select:avatar radius};
  295. }
  296.  
  297. .links{
  298. text-align:center;
  299. margin-top:15px;
  300. letter-spacing:1px;
  301. word-spacing:7px;
  302. }
  303.  
  304. .links img{
  305. width:{select:links pixel size};
  306. }
  307.  
  308. .links a{
  309. color:{color:links};
  310. }
  311.  
  312. .desc{
  313. text-align:center;
  314. margin-top:15px;
  315. }
  316.  
  317. #content{
  318. {block:ifpostpadding}
  319. width:calc({select:post} + 50px);
  320. {block:ifpostshadow}
  321. width:calc({select:post} + 56px);
  322. {/block:ifpostshadow}
  323. {block:ifpostborder}
  324. width:calc({select:post} + 56px);
  325. {/block:ifpostborder}
  326. {/block:ifpostpadding}
  327. {block:ifnotpostpadding}
  328. width:{select:post}; {/block:ifnotpostpadding}
  329. margin:auto;
  330. overflow:hidden;
  331. }
  332.  
  333. .post{
  334. {block:ifpostpadding}
  335. {block:ifpostshadow}
  336. box-shadow:3px 3px 0px {color:shadow};
  337. {/block:ifpostshadow}
  338. {block:ifpostborder}
  339. border:1px {select:border style} {color:border};
  340. {/block:ifpostborder}
  341. padding:25px;
  342. background:{color:accent};
  343. {/block:ifpostpadding}
  344. width:{select:post};
  345. overflow:hidden;
  346. }
  347.  
  348. .post img{
  349. max-width:100%;
  350. }
  351.  
  352. .post a{
  353. background:none;
  354. }
  355.  
  356.  
  357. .footer{
  358. text-align:center;
  359. {block:ifpostpadding}
  360. width:calc({select:post} + 50px);{/block:ifpostpadding}
  361. {block:ifnotpostpadding}
  362. width:{select:post};{/block:ifnotpostpadding}
  363. margin:15px 0px 70px 0px;
  364. }
  365.  
  366. .footer a{
  367. text-decoration:{select:links style};
  368. color:{color:links};
  369. }
  370.  
  371. .caption{
  372. text-align:left;
  373. margin:15px 0px 10px;
  374. }
  375.  
  376. #nav{
  377. text-align:center;
  378. {block:ifpostpadding}
  379. width:calc({select:post} + 50px);{/block:ifpostpadding}
  380. {block:ifnotpostpadding}
  381. width:{select:post};{/block:ifnotpostpadding}
  382. margin:50px 0 0 0;
  383. }
  384.  
  385. .title{
  386. font-weight:normal;
  387. font-size:18px;
  388. margin:0 0 10px 0;
  389. }
  390.  
  391. .quote{
  392. font-weight:normal;
  393. font-size:16px;
  394. font-style:italic;
  395. margin:0 0 10px 0;
  396. }
  397.  
  398. .question{
  399. margin-bottom:10px;
  400. }
  401.  
  402. blockquote{
  403. margin:0 0 10px 10px;
  404. padding:0 0 0 10px;
  405. border-left:solid 1px #000;
  406. }
  407.  
  408. ol.notes{
  409. text-align:left;
  410. list-style-type:none;
  411. padding:0;
  412. margin-top:15px;
  413. }
  414.  
  415. ol.notes li.note img{
  416. display:none;
  417. }
  418.  
  419. ol.notes li.note{
  420. margin:0px;
  421. }
  422.  
  423. .playbutton {width: 32px;
  424. height: 25px;
  425. overflow: hidden;
  426. position: relative;
  427. z-index: 1000;
  428. margin: 12px 10px 13px 10px;}
  429.  
  430. .playbox {background-color: #fff;
  431. opacity:.5;
  432. position: absolute;
  433. z-index: 1000;
  434. margin-top: 0px;
  435. margin-left: 0px;
  436. transition: 0.4s;
  437. }
  438.  
  439. .playbox:hover{
  440. transition: 0.4s;
  441. opacity:.8;
  442. }
  443.  
  444. .cover {position: absolute; z-index: 1; width:50px;
  445. }
  446.  
  447. .track {
  448. overflow:auto;
  449. line-height:15px;
  450. height:50px;
  451. margin-bottom:10px;
  452. margin-left:60px;
  453. width: calc(100% - 60px);
  454. display:inline-block;
  455. margin-top:10px;
  456. }
  457.  
  458. #credit{
  459. position: fixed;
  460. bottom: 7px;
  461. right: 10px;
  462. color:{color:links};
  463. z-index: 99;
  464. font-size: 13px;
  465. }
  466.  
  467. .current_page{
  468. margin:0px 7px 0px 7px;
  469. }
  470.  
  471. .current_page:first-child{
  472. margin-left:0px;
  473. }
  474.  
  475. .jump_page{
  476. margin:0px 4px 0px 4px;
  477. }
  478.  
  479. {CustomCSS}
  480. </style>
  481.  
  482. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  483. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  484. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  485. <script src ="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  486.  
  487. </head>
  488.  
  489. <body>
  490. <div id="wrapper">
  491.  
  492.  
  493. <div id="sidebar">
  494.  
  495. {block:ifheadbartitle}
  496. <div class="header"><a>{text:sidebar title}</a></div>
  497. {/block:ifheadbartitle}
  498.  
  499. <div id="sidebarimg">
  500. {block:ifnototherimgstyle}
  501. <img src="{image:other image one}" style="width:{select:other img size};border-radius:0px">
  502. <a href="/" title="home">
  503. <img src="{image:avatar}"></a>
  504. <img src="{image:other image two}" style="width:{select:other img size};border-radius:0px">
  505. {/block:ifnototherimgstyle}
  506. {block:ifotherimgstyle}
  507. <img src="{image:other image one}" style="width:{select:other img size};border-radius:0px"><br><a href="/" title="home">
  508. <img src="{image:avatar}"></a><br>
  509. <img src="{image:other image two}" style="width:{select:other img size};border-radius:0px">
  510. </a>
  511. {/block:ifotherimgstyle}
  512. </div>
  513.  
  514. {block:ifnotlinkstyle}
  515. <div class="desc">{text:description text}</div>{/block:ifnotlinkstyle}
  516.  
  517. {block:iflinkstyle}
  518. <div class="links">
  519. <a href="{text:link one url}">{text:link one}</a>
  520. <a href="{text:link two url}">{text:link two}</a>
  521. <a href="{text:link three url}">{text:link three}</a>
  522. </div>{/block:iflinkstyle}
  523.  
  524. </div>
  525.  
  526.  
  527.  
  528. <div id="content">
  529. {block:Posts}
  530.  
  531. <div class="post">
  532.  
  533. {block:Text}
  534. {block:Title}
  535. <div class="title">{Title}</div>
  536. {/block:Title}
  537. {Body}
  538. {/block:Text}
  539.  
  540. {block:Photo}
  541. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  542. {/block:Photo}
  543.  
  544. {block:Photoset}<div class="photoset"><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></div>{/block:Photoset}
  545.  
  546. {block:Quote}
  547. <div class="quote">"{Quote}"</div>
  548. {block:Source}
  549. <div class="quotesource">{Source}</div>
  550. {/block:Source}
  551. {/block:Quote}
  552.  
  553. {block:Link}
  554. <div class="title"><a href="{URL}">{Name}</a></div>
  555. {block:Description}
  556. <div class="description">{Description}</div>
  557. {/block:Description}
  558. {/block:Link}
  559.  
  560. {block:Chat}
  561. {block:Title}
  562. <div class="title">{Title}</div>
  563. {/block:Title}
  564.  
  565. {block:Lines}
  566. <div class="{Alt} user_{UserNumber}">
  567. {block:Label}
  568. <b>{Label}</b>{/block:Label}
  569. &nbsp;{Line}
  570. </div>
  571. {/block:Lines}
  572. {/block:Chat}
  573.  
  574. {block:Video}
  575. <div class="video">{Video-500}</div>
  576. {/block:Video}
  577.  
  578. {block:Audio}
  579. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  580. {block:AlbumArt}
  581. <img src="{AlbumArtURL}" class="cover">
  582. {/block:AlbumArt}
  583. <div class="track">{block:TrackName}<span>{TrackName}</span>{/block:TrackName}<br>{block:Artist}<span>{Artist}</span>{/block:Artist}</div>
  584. {/block:Audio}
  585.  
  586. {block:Answer}
  587. <div class="question">{Asker}: {Question}</div>
  588. <div class="caption"><blockquote>{Answer}</blockquote></div>
  589. {/block:Answer}
  590.  
  591. </div>
  592.  
  593. {block:Date}
  594.  
  595. <div class="footer">
  596.  
  597. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  598.  
  599. <a href="{Permalink}" title="{TimeAgo}">{DayOfMonth}{DayOfMonthSuffix} {Month}</a> ({12Hour}:{Minutes}{AmPm})
  600. <br>
  601.  
  602. {block:iftags}
  603. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags} {/block:iftags}<br>
  604.  
  605. {block:PermalinkPage}
  606.  
  607. ({NoteCount})
  608.  
  609. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  610. {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}
  611.  
  612. {block:NoteCount}
  613. {block:PostNotes}{PostNotes}{/block:PostNotes}
  614. {/block:NoteCount}
  615. {/block:PermalinkPage}
  616. </div>
  617.  
  618. {/block:Date}
  619.  
  620. {/block:Posts}
  621.  
  622. {block:Pagination}
  623. <div id="nav">
  624.  
  625. {block:JumpPagination length="5"}
  626. {block:CurrentPage}
  627. <span class="current_page" style="float:left">({PageNumber})</span>
  628. {/block:CurrentPage}
  629.  
  630. {block:JumpPage}
  631. <a class="jump_page" href="{URL}" style="float:left">{PageNumber}</a>
  632. {/block:JumpPage}
  633. {/block:JumpPagination}
  634.  
  635. {block:NextPage}<a href="{NextPage}" style="float:right">→</a>{/block:NextPage}
  636.  
  637. {block:PreviousPage}<a href="{PreviousPage}" style="float:right;margin-right:10px">←</a>{/block:PreviousPage}
  638.  
  639. </div>
  640. {/block:Pagination}
  641.  
  642. </div>
  643.  
  644. </div>
  645.  
  646. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  647. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  648.  
  649.  
  650. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  651. <script>
  652. $(document).ready(function(){
  653. $('.photo-slideshow').pxuPhotoset({
  654. lightbox: true,
  655. rounded: false,
  656. gutter: '1px',
  657. borderRadius: '0px',
  658. photoset: '.photo-slideshow',
  659. photoWrap: '.photo-data',
  660. photo: '.pxu-photo'
  661. });
  662. });
  663. </script>
  664.  
  665. <a href="https://kirk.tumblr.com/" title="credit @ kirk/larrytrainor"><div id="credit">kirk</div></a>
  666.  
  667. </body>
  668. </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!