API tools faq
paste
Advertisement
skittlezbro

4/4/16

skittlezbro
Apr 4th, 2016
69
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.29 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. phi @ shythemes
  11.  
  12.  
  13.  
  14.  
  15.  
  16. -->
  17.  
  18.  
  19.  
  20. <title>{Title}</title>
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. <link rel="shortcut icon" href="{Favicon}">
  23. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  24. <meta name="viewport" content="width=device-width, initial-scale=1">
  25. <meta name="color:link" content="#e5bbe2">
  26. <meta name="if:light version" content="0">
  27. <meta name="if:one column" content="0">
  28. <meta name="if:show description" content="1">
  29. <meta name="if:show captions" content="1">
  30. <meta name="if:show tags" content="1">
  31. <meta name="if:infinite scroll" content="0">
  32. <meta name="select:posts" content="222" title="222px">
  33. <meta name="select:posts" content="245" title="245px">
  34. <meta name="select:posts" content="268" title="268px">
  35. <meta name="text:home link" content="">
  36. <meta name="text:archive link" content="archive">
  37. <meta name="text:ask link" content="message">
  38. <meta name="text:link 1" content="">
  39. <meta name="text:link 1 url" content="">
  40. <meta name="text:link 2" content="">
  41. <meta name="text:link 2 url" content="">
  42. <meta name="text:link 3" content="">
  43. <meta name="text:link 3 url" content="">
  44. <meta name="text:link 4" content="">
  45. <meta name="text:link 4 url" content="">
  46. <meta name="text:link 5" content="">
  47. <meta name="text:link 5 url" content="">
  48. <meta name="text:link 6" content="">
  49. <meta name="text:link 6 url" content="">
  50.  
  51. <style type="text/css">
  52. #updatesbox {/*the styling of the whole updates box; tutorial by http://kimsjongin.tumblr.com*/
  53. line-height:100%;/*don't change this!*/
  54. display:block;/*don't change this either lol*/
  55. border:1px solid #eee;/*the border of the whole box; 1px is the width, #eee is the hex color (go to colorpicker.com and pick one)*/
  56. height:12px;/*the height of the box before hover*/
  57. width:30px;/*the width of the box before hover*/
  58. padding:0px 5px 5px 5px;/*don't change this!*/
  59. z-index:0;/*don't change this!*/
  60. top:450px;/*distance from top of page*/
  61. left:140px;/*distance from left of page*/
  62. color:#999;/*color of text*/
  63. position:fixed;/*don't change this!*/
  64. background:#fff;/*background color of updates box*/
  65. overflow:hidden;/*don't change this!*/
  66. text-align:center;/*text alignment of everything in updates box*/
  67. -moz-transition-duration:0.6s;
  68. -webkit-transition-duration:0.6s;
  69. -o-transition-duration:0.6s;
  70. }
  71.  
  72. #updatesbox:hover {/*the updates box after hover*/
  73. height:80px;/*the height of the box after hover*/
  74. width:90px;/*the width of the box after hover*/
  75. -moz-transition-duration:0.5s;
  76. -webkit-transition-duration:0.5s;
  77. -o-transition-duration:0.5s;
  78. }
  79. /*tutorial by meem.co.vu; please don't remove this note*/
  80. #updatestitle {/*the title of the updates box*/
  81. line-height:17px;/*don't change this!*/
  82. font-family:calibri;/*the font of the updates title*/
  83. text-transform:uppercase;/*can be uppercase, lowercase, none*/
  84. font-size:8px;/*font size of updates title*/
  85. }
  86.  
  87. #inside {/*the actual updates*/
  88. font-size:10px;/*the font size of the actual updates*/
  89. font-family:baskerville;/*the font of the actual updates*/
  90. width:90px;/*if you increase the width of #updatesbox:hover , increase the width of #inside by the same value. for instance, if you increase the width of #updatesbox:hover from 90px to 100px, change the width of #inside to 100px*/
  91. line-height:10px;/*don't change this!*/
  92. -moz-transition-duration:0.5s;
  93. -webkit-transition-duration:0.5s;
  94. -o-transition-duration:0.5s;
  95. }
  96. /* general */
  97.  
  98. body {
  99. margin:0;
  100. font-size:9px;
  101. font-family:'trebuchet ms', 'helvetica neue', sans-serif;
  102. line-height:15px;
  103. word-break:break-word;
  104. -moz-osx-font-smoothing:greyscale;
  105. -webkit-font-smoothing:antialiased;
  106. font-smoothing:antialiased;
  107. color:rgb(175,175,175);
  108. background-color:rgb(22,22,22);
  109. }
  110. a {
  111. color:inherit;
  112. text-decoration:none;
  113. -webkit-transition:all .4s ease-out;
  114. transition:all .4s ease-out;
  115. }
  116. a:hover {
  117. color:rgb(225,225,225)!important;
  118. }
  119. small, sub {
  120. font-size:inherit;
  121. vertical-align:baseline;
  122. }
  123. blockquote, ol, ul, p, pre {
  124. margin:0 0 9px;
  125. }
  126. .text figure, .text img {
  127. padding:3px 0;
  128. margin:0 0 9px;
  129. }
  130. h1, h2, h3, h4, h5, h6 {
  131. margin:0;
  132. font-size:inherit;
  133. font-weight:inherit;
  134. }
  135. ol, ul {
  136. counter-reset:list;
  137. list-style:none;
  138. padding:0;
  139. }
  140. pre {
  141. white-space:normal;
  142. }
  143. img {
  144. border:0;
  145. max-width:100%;
  146. height:auto;
  147. display:block;
  148. }
  149. hr {
  150. border:0;
  151. -moz-box-sizing:border-box;
  152. box-sizing:border-box;
  153. }
  154. ::-webkit-scrollbar {
  155. width:17px;
  156. height:17px;
  157. }
  158. ::-webkit-scrollbar {
  159. background-color:rgb(22,22,22);
  160. }
  161. ::-webkit-scrollbar-track {
  162. border:8px solid rgb(22,22,22);
  163. background-color:rgb(60,60,60);
  164. }
  165. ::-webkit-scrollbar-thumb {
  166. border:8px solid rgb(22,22,22);
  167. background-color:rgb(120,120,120);
  168. }
  169.  
  170. /* accents */
  171.  
  172. .title {
  173. font-style:italic;
  174. color:rgb(225,225,225);
  175. }
  176. h1.title {
  177. margin:12px 0;
  178. }
  179. h1.title:first-child {
  180. margin-top:0;
  181. }
  182. .accent {
  183. font-size:8px;
  184. text-transform:uppercase;
  185. letter-spacing:1px;
  186. color:rgb(120,120,120);
  187. }
  188. .text a {
  189. font-style:italic;
  190. }
  191. .tags a,
  192. .question,
  193. .pagination span {
  194. font-style:italic;
  195. color:rgb(120,120,120);
  196. }
  197. blockquote:after,
  198. blockquote > p:first-child .tumblr_blog:before {
  199. content:'';
  200. display:block;
  201. }
  202. hr,
  203. blockquote:after,
  204. blockquote > p:first-child .tumblr_blog:before {
  205. margin:11px 0 12px;
  206. width:28px;
  207. height:1px;
  208. background-color:rgb(80,80,80);
  209. }
  210. blockquote:last-child:after,
  211. .source .tumblr_blog:before {
  212. display:none;
  213. }
  214. ol li,
  215. ul li {
  216. position:relative;
  217. padding-left:24px;
  218. counter-increment:list;
  219. }
  220. ol li:before {
  221. content:counter(list) '.';
  222. position:absolute;
  223. margin-left:-24px;
  224. color:rgb(120,120,120);
  225. }
  226. ul li:before {
  227. content:'';
  228. position:absolute;
  229. left:0;
  230. top:6px;
  231. width:6px;
  232. height:1px;
  233. background-color:rgb(80,80,80);
  234. }
  235. .chat li {
  236. padding-left:0;
  237. }
  238. .chat li:before {
  239. display:none;
  240. }
  241. svg {
  242. height:auto;
  243. overflow:visible;
  244. }
  245. svg path {
  246. -webkit-transition:fill .6s ease-out;
  247. transition:fill .6s ease-out;
  248. }
  249.  
  250. /* container */
  251.  
  252. .main {
  253. margin:100px auto;
  254. padding-left:calc(120px + {select:posts}px * 0.3);
  255. padding-right:calc({select:posts}px * 0.3);
  256. {block:ifOneColumn}
  257. width:calc({select:posts}px * 1.3);
  258. {/block:ifOneColumn}
  259. }
  260. .content {
  261. overflow:hidden;
  262. margin:calc({select:posts}px * 0.3) auto 0;
  263. {block:PermalinkPage}
  264. width:calc({select:posts}px * 1.3);
  265. {/block:PermalinkPage}
  266. }
  267.  
  268. /* sidebar */
  269.  
  270. aside {
  271. position:fixed;
  272. margin-left:-120px;
  273. top:100px;
  274. width:120px;
  275. text-align:right;
  276. opacity:0;
  277. }
  278. aside .title {
  279. font-size:9px;
  280. margin:15px -2px 15px 0!important;
  281. text-transform:uppercase;
  282. letter-spacing:2px;
  283. color:rgb({RGBcolor:link});
  284. }
  285. aside .desc {
  286. margin:15px 0;
  287. font-style:italic;
  288. }
  289. aside .links {
  290. margin:15px -1px 15px 0!important;
  291. }
  292. aside .links li {
  293. display:block;
  294. margin-bottom:5px;
  295. }
  296.  
  297. /* entries */
  298.  
  299. .entry {
  300. position:relative;
  301. float:left;
  302. overflow:hidden;
  303. width:{select:posts}px;
  304. margin:0 0 calc({select:posts}px * 0.3) calc({select:posts}px * 0.3);
  305. opacity:0;
  306. z-index:-1;
  307. {block:ifNotOneColumn}
  308. {block:PermalinkPage}
  309. width:422px;
  310. {/block:PermalinkPage}
  311. {block:ifNotOneColumn}
  312. {block:ifOneColumn}
  313. {block:IndexPage}
  314. margin-bottom:100px;
  315. {/block:IndexPage}
  316. {/block:ifOneColumn}
  317. }
  318. .ph .media {
  319. background-color:rgb(48,48,48);
  320. border-top:1px solid rgb(22,22,22);
  321. }
  322. .body {
  323. padding:15px 18px;
  324. background-color:rgb(36,36,36);
  325. }
  326. .permalink {
  327. margin-right:5px;
  328. color:rgb({RGBcolor:link});
  329. }
  330. .tags {
  331. {block:IndexPage}
  332. {block:ifNotShowTags}
  333. display:none;
  334. {/block:ifNotShowTags}
  335. {/block:IndexPage}
  336. }
  337. .tags a {
  338. margin-right:5px;
  339. }
  340.  
  341. /* post types */
  342.  
  343. .text {
  344. margin:12px 0;
  345. }
  346. .text:last-child,
  347. .text *:last-child {
  348. margin-bottom:0;
  349. }
  350. .media {
  351. position:relative;
  352. overflow:hidden;
  353. }
  354. .media > a,
  355. .media > img,
  356. .media .photo-slideshow,
  357. .media .video {
  358. display:block!important;
  359. padding:0;
  360. margin:0;
  361. }
  362. .media .photo-slideshow .row:last-of-type .photo-data.count-1 {
  363. margin-bottom:0!important;
  364. }
  365. .media .video iframe {
  366. display:block;
  367. }
  368. .lb {
  369. display:block!important;
  370. width:auto!important;
  371. position:absolute;
  372. top:0;
  373. left:0;
  374. bottom:0;
  375. right:0;
  376. }
  377. .lb svg {
  378. display:block;
  379. position:absolute;
  380. bottom:0;
  381. right:0;
  382. width:14px;
  383. padding:6px 6px 5px;
  384. background-color:rgba(0,0,0,.56);
  385. }
  386. .lb svg path {
  387. fill:rgba(255,255,255,.75);
  388. }
  389. {block:IndexPage}
  390. {block:ifNotShowCaptions}
  391. .caption {
  392. display:none;
  393. }
  394. {/block:ifNotShowCaptions}
  395. {/block:IndexPage}
  396. .caption p,
  397. .caption blockquote {
  398. margin:0;
  399. }
  400.  
  401.  
  402. /* audio posts */
  403.  
  404. .audiowrap {
  405. position:relative;
  406. height:43px;
  407. overflow:hidden;
  408. padding:8px;
  409. }
  410. .audio {
  411. position:absolute;
  412. display:inline-block;
  413. left:0;
  414. top:0;
  415. right:0;
  416. bottom:0;
  417. text-align:right;
  418. line-height:59px;
  419. }
  420. .audio .player {
  421. width:27px;
  422. height:27px;
  423. left:16px;
  424. top:16px;
  425. opacity:.4;
  426. line-height:0;
  427. overflow:hidden;
  428. position:absolute;
  429. {block:ifNotLightVersion}
  430. -webkit-filter:invert(100%);
  431. {/block:ifNotLightVersion}
  432. }
  433. .audio .track {
  434. overflow:hidden;
  435. line-height:15px;
  436. margin-left:60px;
  437. width:calc(100% - 60px);
  438. display:inline-block;
  439. vertical-align:middle;
  440. }
  441. .audio .track span {
  442. display:block;
  443. max-height:15px;
  444. white-space:nowrap;
  445. overflow:hidden;
  446. text-overflow:ellipsis;
  447. margin-right:15px;
  448. font-style:normal;
  449. }
  450.  
  451. /* pagination */
  452.  
  453. .pagination {
  454. margin:calc(100px - {select:posts}px * 0.3) auto 0;
  455. padding-left:calc({select:posts}px * 0.3);
  456. text-align:center;
  457. clear:both;
  458. }
  459. .pagination a {
  460. display:inline-block;
  461. vertical-align:top;
  462. max-height:10px;
  463. overflow:visible;
  464. margin-bottom:24px;
  465. }
  466. .pagination a svg {
  467. width:8px;
  468. padding:4px;
  469. }
  470. .pagination a svg path {
  471. fill:rgba(255,255,255,.5);
  472. }
  473. .pagination span {
  474. margin:0 24px;
  475. }
  476.  
  477. /* notes */
  478.  
  479. .notes {
  480. padding:0;
  481. background:transparent;
  482. }
  483. .notes li {
  484. display:block;
  485. }
  486. .notes img {
  487. display:none;
  488. }
  489. .notes .more_notes_link_container {
  490. text-align:inherit!important;
  491. }
  492.  
  493. /* etc */
  494.  
  495. #tumblr_controls,
  496. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
  497. position:fixed!important;
  498. top:0!important;
  499. right:0!important;
  500. opacity:.5!important;
  501. -webkit-backface-visibility:hidden;
  502. padding:10px;
  503. -webkit-transition:opacity .3s ease-out;
  504. transition:opacity .3s ease-out;
  505. }
  506. #tumblr_lightbox, .tmblr-lightbox {
  507. background-color:rgba(22,22,22,.93)!important;
  508. }
  509. #vignette, .vignette {
  510. opacity:0;
  511. }
  512. #tumblr_lightbox img, .lightbox-image {
  513. box-shadow:none!important;
  514. border-radius:0!important;
  515. -moz-box-sizing:border-box;
  516. box-sizing:border-box;
  517. max-width:none;
  518. }
  519. #tumblr_lightbox_caption, .lightbox-caption {
  520. visibility:hidden;
  521. }
  522. #theme {
  523. position:fixed;
  524. display:block;
  525. bottom:10px;
  526. right:10px;
  527. z-index:999;
  528. padding:5px;
  529. line-height:1em;
  530. }
  531. {block:ifInfiniteScroll}
  532. .pagination,
  533. #infscr-loading {
  534. display:none!important;
  535. }
  536. {/block:ifInfiniteScroll}
  537.  
  538. {block:ifLightVersion}
  539. /* light version */
  540.  
  541. body {color:rgb(120,120,120); background-color:rgb(244,244,244);}
  542. a:hover {color:rgb(100,100,100)!important;}
  543. ::-webkit-scrollbar {background-color:rgb(244,244,244);}
  544. ::-webkit-scrollbar-track {border:8px solid rgb(244,244,244); background-color:rgb(211,211,211);}
  545. ::-webkit-scrollbar-thumb {border:8px solid rgb(244,244,244); background-color:rgb(170,170,170);}
  546. .title {color:rgb(80,80,80);}
  547. .accent, .tags a, .question, .pagination span, ol li:before {color:rgb(180,180,180);}
  548. .permalink {color:rgb({RGBcolor:link});}
  549. hr, blockquote:after, blockquote > p:first-child .tumblr_blog:before, ul li:before {background-color:rgb(225,225,225);}
  550. .body {background-color:rgb(251,251,251);}
  551. .ph .media {background-color:rgb(255,255,255); border-color:rgb(245,245,245);}
  552. .lb svg {background-color:rgba(255,255,255,.75);}
  553. .lb svg path {fill:rgba(0,0,0,.4);}
  554. .pagination a svg path {fill:rgba(0,0,0,.3);}
  555. #tumblr_lightbox, .tmblr-lightbox {background-color:rgba(244,244,244,.93)!important;}
  556. #tumblr_controls, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {-webkit-filter:invert(100%);}
  557. {/block:ifLightVersion}
  558. </style>
  559. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  560. </head>
  561. <body class="p{select:posts}">
  562. <div class="main">
  563. <div class="content">
  564. <aside>
  565. <h1 class="title"><a href="/">{Title}</a></h1>
  566. {block:ifShowDescription}
  567. <section class="desc">
  568. {Description}
  569. </section>
  570. {/block:ifShowDescription}
  571. <section class="links accent">
  572. {block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink}
  573. {block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink}
  574. {block:ifAskLink}<li><a href="/ask">{text:ask link}</a></li>{/block:ifAskLink}
  575. {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li> {/block:Pages}{/block:HasPages}
  576. {block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1}
  577. {block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2}
  578. {block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3}
  579. {block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4}
  580. {block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5}
  581. {block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6}
  582. </section>
  583. </aside>
  584. {block:Posts}
  585. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}{block:Video}ph{/block:Video}{block:Audio}ph{/block:Audio}" id="{PostID}">
  586. <section class="body">
  587. {block:Date}
  588. <a class="permalink accent" href="{Permalink}">{Month} {DayOfMonth}</a>
  589. {/block:Date}
  590. {block:Answer}
  591. <div class="question text">
  592. <i class="sender">{Asker}:</i>
  593. <i>{Question}</i>
  594. </div>
  595. <div class="answer text">{Answer}</div>
  596. {/block:Answer}
  597. {block:Chat}
  598. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  599. <div class="chat text">
  600. {block:Lines}
  601. <p class="line">
  602. {block:Label}
  603. <span class="label title">{Label}&nbsp;</span>
  604. {/block:Label}
  605. {Line}
  606. </p>
  607. {/block:Lines}
  608. </div>
  609. {/block:Chat}
  610. {block:Link}
  611. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  612. {block:Description}<div class="text">{Description}</div>{/block:Description}
  613. {/block:Link}
  614. {block:Quote}
  615. <h1 class="quote title">{Quote}</h1>
  616. {block:Source}
  617. <div class="source text">{Source}</div>
  618. {/block:Source}
  619. {/block:Quote}
  620. {block:Text}
  621. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  622. <div class="text">{Body}</div>
  623. {/block:Text}
  624. {block:Caption}
  625. <div class="caption text">{Caption}</div>
  626. {/block:Caption}
  627. {block:HasTags}
  628. <div class="tags">
  629. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  630. </div>
  631. {/block:HasTags}
  632. </section>
  633. <section class="media">
  634. {block:Audio}
  635. <div class="audiowrap">
  636. <div class="audio accent">
  637. {block:AudioPlayer}
  638. <div class="player">{AudioPlayerBlack}</div>
  639. {/block:AudioPlayer}
  640. <div class="track">{block:TrackName}<span class="title">{TrackName}</span>{/block:TrackName}{block:Artist}<span>{Artist}</span>{/block:Artist}</div>
  641. </div>
  642. </div>
  643. {/block:Audio}
  644. {block:Photo}
  645. {LinkOpenTag}
  646. <img src="{PhotoURL-HighRes}">
  647. {LinkCloseTag}
  648. {block:IndexPage}
  649. <a class="lb" href="#" onclick="Tumblr.Lightbox.init([{ width: '{PhotoWidth-HighRes}', height: '{PhotoHeight-HighRes}', low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]);$('body').toggleClass('tumblr_lightbox_active');return false"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M179.5,34.5c-3.3,0-6,2.7-6,6s2.7,6,6,6c3.9,0,7,2.3,7.8,5.7c-0.2,0.6-0.3,1.2-0.3,1.8v41c-7.2-7.1-17.1-11.5-28-11.5 c-14.6,0-27.3,7.8-34.3,19.5c-3.6-3.4-8.4-5.5-13.7-5.5s-10.1,2.1-13.7,5.5c-7-11.6-19.8-19.5-34.3-19.5c-11.4,0-21.7,4.8-29,12.5 V56.4c0.3-0.7,0.5-1.5,0.5-2.4c0-4.4,3.1-7.5,7.5-7.5c3.3,0,6-2.7,6-6s-2.7-6-6-6c-10.1,0-18,7-19.3,16.7C22.3,52,22,53,22,54v70 c0,1.4,0.5,2.6,1.2,3.6c2.1,20.1,19.1,35.9,39.8,35.9c22.1,0,40-17.9,40-40c0-1.5-0.1-2.9-0.2-4.3c0.2-0.5,0.2-1.1,0.2-1.7 c0-4.4,3.6-8,8-8s8,3.6,8,8c0,0.6,0.1,1.1,0.2,1.7c-0.2,1.4-0.2,2.9-0.2,4.3c0,22.1,17.9,40,40,40c21.7,0,39.4-17.4,40-39 c0-0.2,0-0.3,0-0.5V56.4c0.3-0.7,0.5-1.5,0.5-2.4C199.5,43.1,190.7,34.5,179.5,34.5z M63,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28 s28,12.6,28,28S78.4,151.5,63,151.5z M159,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28s28,12.6,28,28S174.4,151.5,159,151.5z"/></svg></a>
  650. {/block:IndexPage}
  651. {/block:Photo}
  652. {block:Photoset}
  653. {block:PermalinkPage}
  654. <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>
  655. {/block:PermalinkPage}
  656. {block:IndexPage}
  657. {block:Photos}<img src="{PhotoURL-HighRes}"><!--{/block:Photos}-->
  658. <a class="lb" href="#" onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: '{PhotoWidth-HighRes}', height: '{PhotoHeight-HighRes}', low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]);$('body').toggleClass('tumblr_lightbox_active');return false"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M179.5,34.5c-3.3,0-6,2.7-6,6s2.7,6,6,6c3.9,0,7,2.3,7.8,5.7c-0.2,0.6-0.3,1.2-0.3,1.8v41c-7.2-7.1-17.1-11.5-28-11.5 c-14.6,0-27.3,7.8-34.3,19.5c-3.6-3.4-8.4-5.5-13.7-5.5s-10.1,2.1-13.7,5.5c-7-11.6-19.8-19.5-34.3-19.5c-11.4,0-21.7,4.8-29,12.5 V56.4c0.3-0.7,0.5-1.5,0.5-2.4c0-4.4,3.1-7.5,7.5-7.5c3.3,0,6-2.7,6-6s-2.7-6-6-6c-10.1,0-18,7-19.3,16.7C22.3,52,22,53,22,54v70 c0,1.4,0.5,2.6,1.2,3.6c2.1,20.1,19.1,35.9,39.8,35.9c22.1,0,40-17.9,40-40c0-1.5-0.1-2.9-0.2-4.3c0.2-0.5,0.2-1.1,0.2-1.7 c0-4.4,3.6-8,8-8s8,3.6,8,8c0,0.6,0.1,1.1,0.2,1.7c-0.2,1.4-0.2,2.9-0.2,4.3c0,22.1,17.9,40,40,40c21.7,0,39.4-17.4,40-39 c0-0.2,0-0.3,0-0.5V56.4c0.3-0.7,0.5-1.5,0.5-2.4C199.5,43.1,190.7,34.5,179.5,34.5z M63,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28 s28,12.6,28,28S78.4,151.5,63,151.5z M159,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28s28,12.6,28,28S174.4,151.5,159,151.5z"/></svg></a>
  659. {/block:IndexPage}
  660. {/block:Photoset}
  661. {block:Video}
  662. <div class="video">{Video-500}</div>
  663. {/block:Video}
  664. </section>
  665. </article>
  666. {block:PostNotes}
  667. <article class="entry" id="notes">
  668. <section class="body w">
  669. <h1 class="title">{NoteCountWithLabel}</h1>
  670. {block:RebloggedFrom}
  671. <div class="rf accent text">
  672. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  673. {block:ContentSource}
  674. Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  675. {/block:ContentSource}
  676. </div>
  677. {/block:RebloggedFrom}
  678. {PostNotes}
  679. </section>
  680. </article>
  681. {/block:PostNotes}
  682. {/block:Posts}
  683. </div>
  684. {block:Pagination}
  685. <div class="pagination">
  686. {block:PreviousPage}
  687. <a class="prev" href="{PreviousPage}">
  688. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 375.473 375.473" style="enable-background:new 0 0 375.473 375.473;" xml:space="preserve"><g><g><path d="M315.817,6.856c-5.667-7.65-16.15-9.067-23.8-3.4L63.083,174.023c-4.25,3.117-6.8,8.217-6.8,13.6 c0,5.383,2.55,10.483,6.8,13.6l228.933,170.85c3.117,2.267,6.517,3.4,10.2,3.4c5.1,0,10.2-2.267,13.6-6.8 c5.667-7.65,3.967-18.133-3.4-23.8l-210.8-157.25l210.8-157.25C319.783,24.99,321.483,14.223,315.817,6.856z"/></g></g></svg>
  689. </a>
  690. {/block:PreviousPage}
  691. <span class="pg">{CurrentPage} of {TotalPages}</span>
  692. {block:NextPage}
  693. <a class="next" href="{NextPage}">
  694. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 375.39 375.39" style="enable-background:new 0 0 375.39 375.39;" xml:space="preserve"><g><g><path d="M59.615,368.59c3.4,4.533,8.5,6.8,13.6,6.8c3.4,0,7.083-1.133,10.2-3.4l228.933-170.85c4.25-3.117,6.8-8.217,6.8-13.6 s-2.55-10.483-6.8-13.6L83.415,3.373c-7.65-5.667-18.133-3.967-23.8,3.4c-5.667,7.65-3.967,18.133,3.4,23.8l210.8,157.25 l-210.8,157.25C55.648,350.456,53.948,361.223,59.615,368.59z"/></g></g></svg>
  695. </a>
  696. {/block:NextPage}</span>
  697. </div>
  698. {/block:Pagination}
  699. </div>
  700. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  701. <a href="http://shythemes.tumblr.com" id="theme" class="accent" title="theme">k.</a>
  702. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  703. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  704. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  705. {block:PermalinkPage}
  706. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  707. {/block:PermalinkPage}
  708. {block:IndexPage}
  709. {block:ifInfiniteScroll}
  710. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  711. {/block:ifInfiniteScroll}
  712. {/block:IndexPage}
  713. <script>
  714. $(document).ready(function(){
  715. {block:PermalinkPage}
  716. // pxu photosets
  717. $('.photo-slideshow').pxuPhotoset({
  718. lightbox: true,
  719. rounded: false,
  720. gutter: '1px',
  721. photoset: '.photo-slideshow',
  722. photoWrap: '.photo-data',
  723. photo: '.pxu-photo'
  724. });
  725. {/block:PermalinkPage}
  726. // soundcloud players
  727. var color = '{color:link}'; // color of play button (hex)
  728. $('.soundcloud_audio_player').each(function(){
  729. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  730. });
  731. // tumblr audio players
  732. $('.tumblr_audio_player').each(function(){
  733. $(this).attr({ src: $(this).attr('src').split('&color=')[0] + '&color=transparent&simple=1 '});
  734. });
  735. // masonry
  736. var $container = $('.content');
  737. $container.masonry({
  738. itemSelector: '.entry',
  739. columnWidth: {select:posts} * 1.3,
  740. isFitWidth: true
  741. });
  742. $container.imagesLoaded(function(){
  743. $container.masonry();
  744. $('aside').animate({ opacity: 1 });
  745. $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
  746. });
  747. {block:IndexPage}
  748. {block:ifInfiniteScroll}
  749. // infinite scroll
  750. var $container = $('.content');
  751. $container.infinitescroll({
  752. itemSelector: '.entry',
  753. navSelector: '.pagination',
  754. nextSelector: '.next',
  755. loadingImg: '',
  756. loadingText: '<em></em>',
  757. bufferPx: 2000
  758. },
  759. function( newElements ) {
  760. var $newElems = $( newElements );
  761. $newElems.imagesLoaded(function(){
  762. $container.masonry( 'appended', $newElems );
  763. $newElems.animate({ opacity: 1, zIndex: 1 });
  764. });
  765. // videos
  766. $newElems.find('.video').each(function(){
  767. resizeVideos();
  768. },
  769. function(){
  770. $container.masonry();
  771. });
  772. // soundcloud players
  773. $newElems.find('.soundcloud_audio_player').each(function(){
  774. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  775. },
  776. function(){
  777. $container.masonry();
  778. });
  779. // tumblr audio players
  780. $newElems.find('.tumblr_audio_player').each(function(){
  781. $(this).attr({ src: $(this).attr('src').split('&color=')[0] + '&color=transparent&simple=1 '});
  782. },
  783. function(){
  784. $container.masonry();
  785. });
  786. });
  787. {/block:ifInfiniteScroll}
  788. {/block:IndexPage}
  789. });
  790. </script>
  791. <!-- begin updates box -->
  792. <div id="updatesbox">
  793. <span id="updatestitle">friends</span>
  794. <div id="inside">
  795. <a href="http://arhavanna.tumblr.com/">Bray</a> //
  796. <a href="http://ruthlessdutchman.tumblr.com/">Rick</a> //
  797. <a href="http://ay-ranga.tumblr.com/">Steve</a><br>
  798. <a href="http://justlotsofgay.tumblr.com/">Macyn</a> //
  799. <a href="http://riku-laxion.tumblr.com/">Joshua</a><br>
  800. <a href="http://pharrahmaybe.tumblr.com/">Farrah</a> //
  801. <a href="http://littlerabbitpaw.tumblr.com/">Tess</a><br>
  802. <a href="http://123igottapeepee.tumblr.com/">Cass</a> //
  803. <a href="http://pale---alien.tumblr.com/">Syd</a>//
  804. <a href="http://dial-t0ne.tumblr.com/">Deb</a><br>
  805. <a href="http://http://pinecomb.tumblr.com/">Duncan</a> //
  806. <a href="http://galaxyfuckboi.tumblr.com/">Deanna</a>
  807.  
  808.  
  809.  
  810. </form>
  811. </div>
  812. </div>
  813. <!-- end updates box; it would be nice if you left the below comment in the code! :)
  814. updates box tutorial by http://kimsjongin.tumblr.com -->
  815.  
  816.  
  817. </body>
  818. </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!