API tools faq
paste
Advertisement
jiyoones

shythemes double sb atz

jiyoones
Apr 12th, 2019
155
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.67 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="https://www.w3.org/1999/xhtml">
  3. <head>
  4.  
  5. <link rel=“stylesheet” href=“//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css”>
  6.  
  7.  
  8.  
  9.  
  10. <!----------------------------------------------------------------------
  11.  
  12.  
  13.  
  14.  
  15.  
  16.  
  17.  
  18. delta @ shythemes
  19.  
  20.  
  21.  
  22.  
  23.  
  24. Please read this before sending me questions:
  25.  
  26. 1. You do not need to change anything in the code. Every option you see in the previews can be toggled in the theme options (update your preview, then click the arrow in the top left corner to view them).
  27.  
  28. 2. In order to make this theme work for all screen sizes, I inserted a breakpoint at 900px. This means that, as long as the screen width is less than 900px, the header will appear, regardless of whether you have the header option selected. If you do not have the header option selected, then the sidebars will show up only when the screen is wide enough.
  29.  
  30. Thanks for reading :)
  31.  
  32. ----------------------------------------------------------------------->
  33. <title>{title}</title>
  34. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  35. <link rel="shortcut icon" href="{Favicon}">
  36. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  37. <meta name="viewport" content="width=device-width, initial-scale=1">
  38.  
  39. <!-- meta tags -------------------------------------------------------->
  40.  
  41. <meta name="image:left sidebar" content="">
  42. <meta name="image:right sidebar" content="">
  43. <meta name="color:link hover" content="#f08dbd">
  44. <meta name="select:font size" content="9px" title="9px">
  45. <meta name="select:font size" content="10px" title="10px">
  46. <meta name="select:font size" content="11px" title="11px">
  47. <meta name="select:font size" content="12px" title="12px">
  48. <meta name="if:dark version" content="">
  49. <meta name="if:header" content="">
  50. <meta name="if:show avatar" content="">
  51. <meta name="if:show captions" content="">
  52. <meta name="if:show tags" content="">
  53. <meta name="if:infinite scroll" content="">
  54. <meta name="text:posts" content="500px">
  55. <meta name="text:home link" content="">
  56. <meta name="text:archive link" content="">
  57. <meta name="text:ask link" content="contact">
  58. <meta name="text:link 1" content="">
  59. <meta name="text:link 1 url" content="">
  60. <meta name="text:link 2" content="">
  61. <meta name="text:link 2 url" content="">
  62. <meta name="text:link 3" content="">
  63. <meta name="text:link 3 url" content="">
  64. <meta name="text:link 4" content="">
  65. <meta name="text:link 4 url" content="">
  66. <meta name="text:link 5" content="">
  67. <meta name="text:link 5 url" content="">
  68. <meta name="text:link 6" content="">
  69. <meta name="text:link 6 url" content="">
  70.  
  71. <link href="https://fonts.googleapis.com/css?family=ABeeZee:400,400italic|Lato:400,400italic,700,700italic" rel="stylesheet">
  72.  
  73. <!-- css -------------------------------------------------------------->
  74.  
  75. <style type="text/css">
  76.  
  77.  
  78.  
  79.  
  80.  
  81.  
  82.  
  83.  
  84. /* typography ------------------------------------------------------- */
  85.  
  86.  
  87. ::-webkit-scrollbar {
  88. width:17px;
  89. height:17px;
  90. }
  91. ::-webkit-scrollbar {
  92. background-color:rgb(255,255,255); /* background color */
  93. }
  94. ::-webkit-scrollbar-track {
  95. border:8px solid rgb(255,255,255); /* background color */
  96. background-color:rgb(230,230,230); /* light border color */
  97. }
  98. ::-webkit-scrollbar-thumb {
  99. border:8px solid rgb(255,255,255); /* background color */
  100. background-color:rgb(144,144,144); /* dark border color */
  101. min-height:24px;
  102. min-width:24px;
  103. }
  104.  
  105.  
  106. body {
  107. margin:0;
  108. font-size:{select:font size};
  109. font-family:ABeeZee, arial, sans-serif;
  110. letter-spacing:1px;
  111. word-spacing:1px;
  112. line-height:2em;
  113. word-break:break-word;
  114. -moz-osx-font-smoothing:grayscale;
  115. -webkit-font-smoothing:antialiased;
  116. font-smoothing:antialiased;
  117. color:#111111;
  118. background:#ffffff;
  119. }
  120. a {
  121. color:inherit;
  122. text-decoration:none;
  123. transition:all 0s ease-in-out;
  124. -webkit-transition:all 0s ease-in-out;
  125. cursor:help;
  126.  
  127. }
  128. small, sub {
  129. font-size:1em;
  130. vertical-align:baseline;
  131. }
  132. b, strong {
  133.  
  134. }
  135. blockquote, ol, ul, p, pre, figure {
  136. margin:1em 0;
  137. }
  138. h1, h2, h3, h4, h5, h6 {
  139. margin:0 0 1em;
  140. font-size:1em;
  141. font-weight:inherit;
  142. }
  143. img {
  144. border:0;
  145. max-width:100%;
  146. height:auto;
  147. }
  148. pre {
  149. white-space:normal;
  150. }
  151. h1 {
  152. margin:0 0 1em;
  153. color:#000000;
  154. }
  155. ol {
  156. counter-reset:list;
  157. list-style:none;
  158. padding:0;
  159. }
  160. ol li {
  161. position:relative;
  162. padding-left:3em;
  163. counter-increment:list;
  164. }
  165. ol li:before {
  166. content:counter(list) '.';
  167. position:absolute;
  168. margin-left:-3em;
  169. }
  170. hr,
  171. .tumblr_parent:not(:first-of-type):before {
  172. content:'';
  173. display:block;
  174. margin:1.5em 0;
  175. border:0;
  176. height:1px;
  177. width:100%;
  178. -moz-box-sizing:border-box;
  179. box-sizing:border-box;
  180. background-color:#dfdfdf;
  181. }
  182. .tumblr_parent blockquote {
  183. padding:0 0 0 2em;
  184. background-image:linear-gradient(90deg, transparent, #000000 50%);
  185. background-size:1px 1px;
  186. background-repeat:repeat-y;
  187. background-position:left top;
  188. }
  189. .text a:not(.tumblr_blog), .desc a:hover {
  190. background-image:linear-gradient(transparent, #000000 50%);
  191. background-size:1px 1px;
  192. background-repeat:repeat-x;
  193. background-position:left bottom;
  194. }
  195. .text a:not(.tumblr_blog):hover, .desc a:hover {
  196. color:{color:link hover}!important;
  197. background-image:linear-gradient(transparent, {color:link hover} 50%);
  198. }
  199. .title {
  200. font-size:1.5em;
  201. line-height:1.7em;
  202. margin-bottom:.5em;
  203. }
  204. .accent, .baby, .tumblr_parent .tumblr_blog, nav a {
  205. color:#6f6f6f;
  206.  
  207. }
  208. .baby, b, strong {
  209. font-size:.89em;
  210. font-family:lato, sans-serif;
  211. letter-spacing:2px;
  212. text-transform:uppercase;
  213. font-style:normal;
  214. color:{color:link hover};
  215.  
  216.  
  217. }
  218. .baby {
  219. color:{color:link hover};
  220. }
  221. .desc a {
  222. color:{color:link hover};
  223.  
  224. }
  225.  
  226. {block:ifDarkVersion}
  227. /* dark colors ------------------------------------------------------ */
  228.  
  229. body, h1 {
  230. color:#d7d7d7;
  231. }
  232. body {
  233. background:#0a0a0a;
  234. }
  235. hr,
  236. .tumblr_parent:not(:first-of-type):before {
  237. background-color:#2a2a2a;
  238. }
  239. .tumblr_parent blockquote {
  240. background-image:linear-gradient(90deg, transparent, #d7d7d7 50%);
  241. }
  242. .text a:not(.tumblr_blog) {
  243. background-image:linear-gradient(transparent, #d7d7d7 50%);
  244. }
  245. .accent, .tumblr_parent .tumblr_blog {
  246. color:#8f8f8f!important;
  247. }
  248. .baby {
  249. color:#aaaaaa;
  250.  
  251. }
  252. {/block:ifDarkVersion}
  253.  
  254. /* layout ----------------------------------------------------------- */
  255.  
  256. .main {
  257. margin-top:80px ;
  258. margin-left:456px;
  259. margin-bottom:60px;
  260. width:500px;
  261. width:{text:posts};
  262. max-width:calc(100vw - 50px);
  263. }
  264. aside {
  265. text-align:center;
  266. }
  267. aside.r,
  268. aside section:not(:first-child) {
  269. margin-top:1.5em;
  270. }
  271. aside nav li {
  272. display:inline-block;
  273. margin:0 1em 1em;
  274.  
  275. }
  276. aside h1.blog.title {
  277. font-style:normal;
  278. font-size:10px;
  279. font-family:lato, sans-serif;
  280. text-transform:uppercase;
  281. letter-spacing:.25em;
  282. padding-left:.25em;
  283. margin-bottom:1em;
  284. }
  285. aside .avatar {
  286. display:block;
  287. margin:0 auto 2em;
  288. width:30px;
  289. border-radius:4px;
  290. overflow:hidden;
  291. }
  292. aside .avatar img {
  293. display:block;
  294. }
  295. aside .side {
  296. display:none;
  297. width:90px;
  298. border-radius:20%;
  299. }
  300. .content {
  301. margin:150px 0 0;
  302. }
  303. .entry {
  304. position:relative;
  305. margin:0 0 150px;
  306. }
  307. .entry:last-child {
  308. margin-bottom:0;
  309. }
  310. .pagination {
  311. overflow:hidden;
  312. margin-bottom:100px;
  313. }
  314. .pagination .next {
  315. float:right;
  316. }
  317.  
  318. {block:ifNotHeader}
  319. /* sidebar version -------------------------------------------------- */
  320.  
  321. @media screen and (min-width:900px) {
  322. aside.l {
  323. position:fixed;
  324. width:230px;
  325. top:150px;
  326. left:28%;
  327. margin-left:-125px;
  328. margin-left:calc(-{text:posts} / 4);
  329. transform:translateX(-50%);
  330. text-align:center;
  331.  
  332. }
  333. aside.r {
  334. position:fixed;
  335. width:230px;
  336. top:150px;
  337. left:75%;
  338. margin-left:125px;
  339. margin-left:calc({text:posts} / 4);
  340. margin-top:0;
  341. transform:translateX(-50%);
  342.  
  343. }
  344. aside nav {
  345. margin:0;
  346.  
  347. }
  348. aside nav li {
  349. display:block;
  350. margin:0 0 2em;
  351. margin-left:60px;
  352. text-align:left;
  353.  
  354. }
  355. aside .side {
  356. display:block;
  357. margin:auto;
  358. width:90px;
  359. border-radius:20%;
  360.  
  361. }
  362. }
  363. {/block:ifNotHeader}
  364.  
  365. /* posts ------------------------------------------------------------ */
  366.  
  367. .post {
  368.  
  369. }
  370. .date {
  371. margin:1em 0 0;
  372. text-transform:lowercase;
  373. }
  374. .date > a {
  375. margin:0 .65em 0 0;
  376. }
  377. .date > a:last-of-type {
  378. margin:0 2.9em 0 0;
  379. }
  380. .like-b {
  381. position:relative;
  382. }
  383. .like-b .b {
  384. position:relative;
  385. }
  386. .like_button {
  387. position:absolute;
  388. top:0;
  389. left:0;
  390. width:100%;
  391. height:100%;
  392. overflow:hidden;
  393. }
  394. .like-b .like_button iframe {
  395. position:absolute;
  396. top:0;
  397. left:0;
  398. bottom:0;
  399. right:0;
  400. z-index:2;
  401. opacity:0;
  402. width:100%;
  403. }
  404. .like-b .liked + .b {
  405. color:inherit;
  406. }
  407. .like-b .liked + .b:after {
  408. content:'d';
  409. }
  410. .tags {
  411. {block:IndexPage}{block:ifNotShowTags}display:none;{/block:ifNotShowTags}{/block:IndexPage}
  412. text-transform:none;
  413. }
  414. .tags .comma {
  415. margin:0 0 0 .6em;
  416. }
  417. .tags .comma:last-of-type {
  418. display:none;
  419. }
  420. .caption {
  421. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  422. }
  423. .chat, .chat li {
  424. padding:0;
  425. list-style-type:none;
  426. }
  427. .post .media {
  428. position:relative;
  429. }
  430. .sender {
  431. text-transform:lowercase;
  432. }
  433. .audiowrap {
  434. position:relative;
  435. height:27px;
  436. overflow:hidden;
  437. background-color:#f8f8f8;
  438. {block:ifDarkVersion}background-color:#000000;{/block:ifDarkVersion}
  439. padding:14px;
  440. margin-bottom:1.5em;
  441. }
  442. .audio {
  443. position:absolute;
  444. display:inline-block;
  445. left:14px;
  446. top:14px;
  447. right:14px;
  448. bottom:14px;
  449. text-align:left;
  450. line-height:27px;
  451. }
  452. .audio .player {
  453. width:27px;
  454. height:27px;
  455. left:0;
  456. top:0;
  457. opacity:.5;
  458. line-height:0;
  459. overflow:hidden;
  460. position:absolute;
  461. }
  462. .audio .track {
  463. overflow:hidden;
  464. line-height:15px;
  465. margin-left:41px;
  466. width:calc(100% - 41px);
  467. display:inline-block;
  468. vertical-align:middle;
  469. }
  470. .audio .track .h {
  471. display:block;
  472. max-height:15px;
  473. white-space:nowrap;
  474. overflow:hidden;
  475. text-overflow:ellipsis;
  476. margin-right:15px;
  477. }
  478.  
  479. /* svgs ------------------------------------------------------------- */
  480.  
  481. .permalink,
  482. .notecount,
  483. .like-b,
  484. .reblog-b,
  485. .tumblr_blog,
  486. .sender {
  487. position:relative;
  488. padding-left:2.25em;
  489. }
  490. .tags {
  491. position:relative;
  492. }
  493. .tags a:first-child {
  494. margin-left:2.25em;
  495. }
  496. .permalink:before,
  497. .notecount:before,
  498. .like-b:before,
  499. .reblog-b:before,
  500. .tags:before,
  501. .tumblr_blog:before,
  502. .sender:before {
  503. position:absolute;
  504. overflow:auto;
  505. display:block;
  506. opacity:.5;
  507. }
  508. .permalink:before {
  509. content:url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20216%20216%22%20enable-background%3D%22new%200%200%20216%20216%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M108%2C184.3c42.1%2C0%2C76.3-34.2%2C76.3-76.3S150.1%2C31.7%2C108%2C31.7S31.7%2C65.9%2C31.7%2C108S65.9%2C184.3%2C108%2C184.3z%20M108%2C43.7%0A%09c35.5%2C0%2C64.3%2C28.9%2C64.3%2C64.3s-28.9%2C64.3-64.3%2C64.3S43.7%2C143.5%2C43.7%2C108S72.5%2C43.7%2C108%2C43.7z%22{block:ifDarkVersion}%20fill%3D%22%23FFFFFF%22{/block:ifDarkVersion}%2F%3E%0A%3Cpath%20d%3D%22M98.3%2C120.7l25.7%2C20c1.1%2C0.8%2C2.4%2C1.3%2C3.7%2C1.3c1.8%2C0%2C3.6-0.8%2C4.7-2.3c2-2.6%2C1.6-6.4-1.1-8.4L108%2C113.1V72c0-3.3-2.7-6-6-6%0A%09s-6%2C2.7-6%2C6v44C96%2C117.9%2C96.9%2C119.6%2C98.3%2C120.7z%22{block:ifDarkVersion}%20fill%3D%22%23FFFFFF%22{/block:ifDarkVersion}%2F%3E%0A%3C%2Fsvg%3E);
  510. width:1.25em;
  511. left:0em;
  512. top:-.1em;
  513. }
  514. .notecount:before {
  515. content:url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20216%20216%22%20enable-background%3D%22new%200%200%20216%20216%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M198%2C106c0%2C3.3-2.7%2C6-6%2C6h-20.8c-2%2C0-3.9-1-5-2.7L153%2C88.9l-15.8%2C84.4c-0.5%2C2.8-3%2C4.7-5.8%2C4.7c0%2C0%2C0%2C0-0.1%2C0%0A%09c-2.8%2C0-5.3-1.8-5.9-4.6L101.8%2C60.2l-14.9%2C77.4c-0.5%2C2.7-2.7%2C4.7-5.4%2C4.9c-2.7%2C0.2-5.2-1.4-6.1-4L54.7%2C79.9l-10.2%2C28.1%0A%09c-0.9%2C2.4-3.1%2C3.9-5.6%2C3.9H18c-3.3%2C0-6-2.7-6-6s2.7-6%2C6-6h16.6l14.5-40c0.9-2.4%2C3.1-4%2C5.6-4c0%2C0%2C0%2C0%2C0%2C0c2.5%2C0%2C4.8%2C1.7%2C5.6%2C4.1%0A%09l18.9%2C53.6l16.4-84.9c0.5-2.8%2C3-4.7%2C5.8-4.7c0%2C0%2C0%2C0%2C0%2C0c2.8%2C0%2C5.3%2C1.9%2C5.9%2C4.6l23.5%2C112.8l13-69.6c0.5-2.4%2C2.3-4.3%2C4.7-4.8%0A%09c2.4-0.5%2C4.9%2C0.6%2C6.2%2C2.6l19.6%2C30.3H192C195.3%2C100%2C198%2C102.7%2C198%2C106z%22{block:ifDarkVersion}%20fill%3D%22%23FFFFFF%22{/block:ifDarkVersion}%2F%3E%0A%3C%2Fsvg%3E);
  516. width:1.2em;
  517. left:0em;
  518. top:-.1em;
  519. opacity:.4;
  520. }
  521. .like-b:before {
  522. content:url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20216%20216%22%20enable-background%3D%22new%200%200%20216%20216%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M148%2C37.8c-3.9%2C0-7.5%2C0.6-10.8%2C1.9c-15.1%2C5.7-24.6%2C17.8-29.8%2C26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2%0A%09c-10.7%2C0-20.3%2C4.1-27%2C11.5c-5.7%2C6.2-12%2C18-10%2C38.8c4.1%2C42.6%2C71.5%2C87.1%2C74.3%2C88.9c1%2C0.7%2C2.1%2C1%2C3.3%2C1c1.1%2C0%2C2.3-0.3%2C3.3-1%0A%09c2.7-1.8%2C66.5-43.6%2C73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2%2C42.7%2C158.6%2C37.8%2C148%2C37.8z%20M173.1%2C91c-2.6%2C15.2-15.1%2C33.4-36.1%2C52.7%0A%09c-11.9%2C10.9-23.5%2C19.4-29%2C23.2c-5.7-4-17.9-12.9-30.3-24.3C56%2C122.5%2C43.8%2C104%2C42.3%2C89c-1.3-13%2C1.1-23.2%2C6.9-29.6%0A%09c6-6.6%2C13.9-7.6%2C18.1-7.6c3%2C0%2C5.9%2C0.5%2C8.5%2C1.3c11.4%2C3.9%2C23.3%2C21.7%2C26.9%2C28.3c1.1%2C2.1%2C3.4%2C3.3%2C5.7%2C3.1c2.4-0.2%2C4.4-1.7%2C5.2-4%0A%09c0.1-0.2%2C8.2-22.4%2C27.7-29.7c1.9-0.7%2C4.2-1.1%2C6.6-1.1c7.2%2C0%2C14.3%2C3.3%2C19%2C9C173.3%2C66.2%2C175.5%2C77.4%2C173.1%2C91z%22{block:ifDarkVersion}%20fill%3D%22%23FFFFFF%22{/block:ifDarkVersion}%2F%3E%0A%3C%2Fsvg%3E);
  523. width:1.3em;
  524. left:0em;
  525. top:-.1em;
  526. }
  527. .reblog-b:before {
  528. content:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20361.095%20361.095%22%20style%3D%22enable-background%3Anew%200%200%20361.095%20361.095%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M182.595%2C325.678c-63.183%2C0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333%20%20%20%20c-9.067%2C2.833-14.167%2C12.183-11.333%2C21.25c22.95%2C75.933%2C91.517%2C126.65%2C170.85%2C126.65c98.317%2C0%2C178.5-80.183%2C178.5-178.5%20%20%20%20s-80.183-178.5-178.5-178.5c-55.817%2C0-108.233%2C26.633-141.667%2C69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733%20%20%20%20C5.511%2C2.678-1.005%2C11.178%2C0.128%2C20.528l13.317%2C103.7c1.133%2C8.5%2C8.5%2C14.733%2C16.717%2C14.733c0.567%2C0%2C1.417%2C0%2C1.983%2C0l102.567-11.617%20%20%20%20c9.35-1.133%2C16.15-9.35%2C15.017-18.7s-9.35-16.15-18.7-15.017l-68.85%2C7.65c26.633-39.95%2C71.683-64.6%2C120.417-64.6%20%20%20%20c79.617%2C0%2C144.5%2C64.883%2C144.5%2C144.5S262.211%2C325.678%2C182.595%2C325.678z%22{block:ifDarkVersion}%20fill%3D%22%23FFFFFF%22{/block:ifDarkVersion}%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  529. width:.85em;
  530. left:.2em;
  531. top:-.3em;
  532. }
  533. .tags:before {
  534. content:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20524.237%20524.237%22%20style%3D%22enable-background%3Anew%200%200%20524.237%20524.237%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M209.95%2C465.552c3.117%2C3.117%2C7.367%2C4.533%2C11.9%2C4.533h0.283c4.533%2C0%2C8.783-1.7%2C11.9-4.817l183.6-188.983%20c6.517-6.8%2C6.517-17.283-0.283-23.8L220.15%2C55.569c-3.117-3.117-7.65-4.817-11.9-4.817l0%2C0L18.133%2C51.035%20c-9.35%2C0-17%2C7.367-17%2C16.717L0%2C254.469c0%2C4.533%2C1.7%2C9.067%2C5.1%2C12.183L209.95%2C465.552z%20M35.133%2C84.752l166.033-0.567l180.2%2C180.2%20l-160.083%2C164.9L34%2C247.385L35.133%2C84.752z%22{block:ifDarkVersion}%20fill%3D%22%23FFFFFF%22{/block:ifDarkVersion}%2F%3E%3Cpath%20d%3D%22M321.017%2C77.669c-6.8%2C6.517-6.8%2C17.283-0.283%2C24.083l162.633%2C165.467L311.383%2C444.585%20c-6.517%2C6.8-6.233%2C17.567%2C0.283%2C24.083c3.4%2C3.117%2C7.65%2C4.817%2C11.9%2C4.817c4.533%2C0%2C8.783-1.7%2C12.183-5.1l183.6-189.267%20c6.517-6.517%2C6.517-17.283%2C0-23.8L345.1%2C77.952C338.3%2C71.435%2C327.533%2C71.152%2C321.017%2C77.669z%22{block:ifDarkVersion}%20fill%3D%22%23FFFFFF%22{/block:ifDarkVersion}%2F%3E%3Ccircle%20cx%3D%22118.15%22%20cy%3D%22163.235%22%20r%3D%226.233%22{block:ifDarkVersion}%20fill%3D%22%23FFFFFF%22{/block:ifDarkVersion}%2F%3E%3Cpath%20d%3D%22M118.15%2C140.002c-12.75%2C0-23.233%2C10.483-23.233%2C23.233s10.483%2C23.233%2C23.233%2C23.233s23.233-10.483%2C23.233-23.233%20C141.1%2C150.485%2C130.9%2C140.002%2C118.15%2C140.002z%20M118.15%2C174.002c-5.95%2C0-10.767-4.817-10.767-10.767%20c0-5.95%2C4.817-10.767%2C10.767-10.767c5.95%2C0%2C10.767%2C4.817%2C10.767%2C10.767C128.917%2C169.185%2C124.1%2C174.002%2C118.15%2C174.002z%22{block:ifDarkVersion}%20fill%3D%22%23FFFFFF%22{/block:ifDarkVersion}%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A);
  535. width:1em;
  536. left:.2em;
  537. top:.3em;
  538. }
  539. .tumblr_blog:before {
  540. content:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20419.617%20419.617%22%20style%3D%22enable-background%3Anew%200%200%20419.617%20419.617%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M48.592%2C402.617c0%2C9.35%2C7.65%2C17%2C17%2C17h288.433c9.35%2C0%2C17-7.65%2C17-17c0-94.067-42.5-174.817-102.283-207.117%20c28.9-18.983%2C47.883-51.85%2C47.883-88.967C316.625%2C47.883%2C268.742%2C0%2C210.092%2C0S103.275%2C47.6%2C103.275%2C106.533%20c0%2C37.117%2C18.983%2C69.7%2C47.883%2C88.967C91.092%2C227.8%2C48.592%2C308.55%2C48.592%2C402.617z%20M209.808%2C34%20c39.95%2C0%2C72.533%2C32.583%2C72.533%2C72.533s-32.583%2C72.533-72.533%2C72.533s-72.533-32.583-72.533-72.533S169.858%2C34%2C209.808%2C34z%20M209.808%2C213.917c66.3%2C0%2C120.7%2C75.65%2C126.65%2C171.7h-253.3C89.108%2C289.567%2C143.508%2C213.917%2C209.808%2C213.917z%22{block:ifDarkVersion}%20fill%3D%22%23FFFFFF%22{/block:ifDarkVersion}%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A);
  541. width:.9em;
  542. left:0;
  543. top:-.3em;
  544. }
  545. .sender:before {
  546. content:url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20216%20216%22%20enable-background%3D%22new%200%200%20216%20216%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M37.1%2C171h141.9c3.3%2C0%2C6-2.7%2C6-6V74.7c0%2C0%2C0-0.1%2C0-0.1V50.7c0-3.3-2.7-6-6-6H37.1c-3.3%2C0-6%2C2.7-6%2C6v25.1c0%2C0%2C0%2C0%2C0%2C0.1V165%0A%09C31.1%2C168.3%2C33.8%2C171%2C37.1%2C171z%20M43.1%2C56.7h129.9v15.2l-65.5%2C55.5L43.1%2C73V56.7z%20M43.1%2C88.7l60.5%2C51.1c2.2%2C1.9%2C5.5%2C1.9%2C7.7%2C0%0A%09l61.6-52.2V159H43.1V88.7z%22{block:ifDarkVersion}%20fill%3D%22%23FFFFFF%22{/block:ifDarkVersion}%2F%3E%0A%3C%2Fsvg%3E);
  547. top:.4em;
  548. left:-.1em;
  549. width:1.2em;
  550. }
  551.  
  552. /* other ------------------------------------------------------------ */
  553.  
  554. .notes img {
  555. display:none;
  556. }
  557. #tumblr_controls,
  558. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
  559. position:fixed!important;
  560. top:0!important;
  561. right:0!important;
  562. opacity:.4!important;
  563. {block:ifNotDarkVersion}
  564. -webkit-filter:invert(100%);
  565. {/block:ifNotDarkVersion}
  566. -webkit-backface-visibility:hidden;
  567. padding:17px;
  568. }
  569. #theme {
  570. position:fixed;
  571. display:block;
  572. bottom:10px;
  573. right:10px;
  574. z-index:999;
  575. padding:5px;
  576. line-height:1em;
  577. }
  578.  
  579. .lightbox-image, #tumblr_lightbox img {
  580. box-shadow:none !important;
  581. border-radius:0px !important;
  582. max-width:none;
  583. border-bottom:0px {color:accent} solid !important;
  584. }
  585.  
  586.  
  587. {block:ifInfiniteScroll}
  588. .pagination,
  589. #infscr-loading {
  590. display:none!important;
  591. }
  592. {/block:ifInfiniteScroll}
  593.  
  594. /* cr: agustd/gukthemes & sughyun/caulfielld; do not take w/o credit. */
  595.  
  596. .photo-slideshow .count-1 {
  597. margin-bottom:4px!important;
  598. }
  599.  
  600. .photo-slideshow .count-2 {
  601. margin-left:4px!important;
  602. margin-bottom:4px!important;
  603. width:calc(50% - 2px)!important;
  604. }
  605.  
  606. .photo-slideshow .count-2:first-child {
  607. margin-left:0!important;
  608. }
  609.  
  610. .photo-slideshow .count-3 {
  611. margin-left:4px!important;
  612. margin-bottom:4px!important;
  613. width:calc(33.33% - 3px)!important;
  614. }
  615.  
  616. .photo-slideshow .count-3:first-child {
  617. margin-left:0!important;
  618. }
  619.  
  620. .photo-slideshow .count-3:nth-child(2) {
  621. width:calc(33.33% - 3px)!important;
  622. }
  623.  
  624. .photo-slideshow {
  625. display:inline-block!important;
  626. margin-bottom:-4px;
  627. position:relative;
  628. width:100%;
  629. }
  630.  
  631. svg {
  632. display:block;
  633. width:10px;
  634. height:auto;
  635. opacity:.75;
  636. overflow:visible;
  637. }
  638. svg path {
  639. fill:rgb(132,132,132);
  640. -webkit-transition:fill .6s ease-out;
  641. transition:fill .6s ease-out;
  642. }
  643. .ic {
  644. position:fixed;
  645. top:15px;
  646. right:16px;
  647. }
  648. #tumblr_controls,
  649. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
  650. position:fixed!important;
  651. top:0!important;
  652. right:0!important;
  653. opacity:0!important;
  654. -webkit-filter:invert(100%);
  655. -webkit-backface-visibility:hidden;
  656. padding:10px 40px 10px 10px;
  657. -webkit-transition:opacity .3s ease-out;
  658. transition:opacity .3s ease-out;
  659. }
  660. #tumblr_controls:hover,
  661. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls:hover {
  662. opacity:.5!important;
  663. }
  664.  
  665. iframe.tmblr-iframe {
  666. z-index:99999999999999!important;
  667. top:-2px!important;
  668. right:0!important;
  669. opacity:0;
  670. padding-right:38px;
  671. /* delete invert(1) from here */
  672. filter:invert(1) contrast(150%);
  673. -webkit-filter:invert(1) contrast(150%);
  674. -o-filter:invert(1) contrast(150%);
  675. -moz-filter:invert(1) contrast(150%);
  676. -ms-filter:invert(1) contrast(150%);
  677. /* to here if your blog has a dark background */
  678. transform:scale(0.65);
  679. transform-origin:100% 0;
  680. -webkit-transform:scale(0.65);
  681. -webkit-transform-origin:100% 0;
  682. -o-transform:scale(0.65);
  683. -o-transform-origin:100% 0;
  684. -moz-transform:scale(0.65);
  685. -moz-transform-origin:100% 0;
  686. -ms-transform:scale(0.65);
  687. -ms-transform-origin:100% 0;}
  688.  
  689. iframe.tmblr-iframe:hover {
  690. opacity:0.6!important;}
  691.  
  692. .hcontrols {
  693. position:fixed;
  694. top:0;
  695. right:0;
  696. z-index:999999999;}
  697.  
  698. .hcontrols svg {
  699. width:14px;
  700. height:14px;
  701. padding:9px;}
  702.  
  703. .hcontrols svg path {
  704. fill:#888888;/* change this to change the color of the icon */}
  705.  
  706.  
  707.  
  708.  
  709.  
  710.  
  711.  
  712.  
  713. </style>
  714.  
  715.  
  716.  
  717.  
  718. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  719.  
  720. <script src="https://cdn.rawgit.com/meetselva/attrchange/master/js/attrchange.js"></script>
  721. <script src="https://cdn.rawgit.com/meetselva/attrchange/master/js/attrchange_ext.js"></script>
  722. <script src="https://static.tumblr.com/2b2izpj/cB7ogqs8l/jquery.initialize.js"></script>
  723.  
  724. <script src="https://static.tumblr.com/p0knose/CtEozruse/jquery.fuckstaff.js"></script>
  725.  
  726. <script>
  727. $(window).load(fuckTumblr(1280));
  728. $(document).ready(fuckTumblr(1280));
  729.  
  730. $(document).ready(function(){
  731. $(".pxu-photo img").fuckStaff({
  732. width:"1280"
  733. });
  734. $(".media img").fuckStaff({
  735. width:"1280" // or 540
  736. });
  737. $("a.tumblr-box").initialize(function(){
  738. $(this).attr("href",function(i, src) {
  739. return src.replace('_500.', '_1280.');
  740. });
  741. });
  742. });
  743. </script>
  744.  
  745.  
  746. </head>
  747.  
  748.  
  749.  
  750. <body class="{select:font}">
  751.  
  752.  
  753.  
  754.  
  755. <div class="main">
  756.  
  757.  
  758.  
  759.  
  760.  
  761. <div class="ic"><svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 438.317 438.317" style="enable-background:new 0 0 438.317 438.317;" xml:space="preserve"><g><g><path d="M31.167,266.192l20.4,9.35c8.5,3.967,12.467,13.6,9.35,22.383l-7.933,20.967c-5.95,16.15-3.967,33.433,5.95,47.317 c9.633,14.167,25.5,22.383,42.5,22.383c6.233,0,12.467-1.133,18.417-3.4l20.967-7.933c1.983-0.85,3.967-1.133,6.233-1.133 c6.8,0,13.317,3.967,16.15,10.483l9.35,20.4c8.5,18.7,26.633,30.317,47.033,30.317s38.533-11.617,47.033-30.317l9.35-20.4 c2.833-6.233,9.067-10.483,16.15-10.483c1.983,0,4.25,0.283,6.233,1.133l20.967,8.217c5.95,2.267,12.183,3.683,18.417,3.683l0,0 c16.717,0,32.583-8.783,42.5-22.667c9.633-14.167,11.9-31.45,5.95-47.6l-7.933-20.967c-3.117-8.783,0.85-18.417,9.35-22.383 l20.4-9.35c18.7-8.5,30.317-26.633,30.317-47.033S426.7,180.625,408,172.125l-20.4-9.35c-8.5-3.967-12.467-13.6-9.35-22.383 l7.933-20.967c5.95-16.15,3.967-33.433-5.95-47.317c-9.633-14.167-25.5-22.383-42.5-22.383c-6.233,0-12.467,1.133-18.417,3.4 l-20.967,7.933c-1.983,0.85-3.967,1.133-6.233,1.133c-6.8,0-13.317-3.967-16.15-10.483l-9.35-20.4 c-8.5-18.7-26.633-30.317-47.033-30.317s-39.383,11.9-47.883,30.6l-9.35,20.4c-2.833,6.233-9.067,10.483-16.15,10.483 c-1.983,0-4.25-0.283-6.233-1.133L119,53.408c-5.95-2.267-12.183-3.4-18.417-3.4c-16.717,0-32.583,8.5-42.5,22.383 c-9.633,14.167-11.9,31.45-5.95,47.317l7.933,20.967c3.117,8.783-0.85,18.417-9.35,22.383l-20.4,9.35 C11.617,180.908,0,199.042,0,219.442S12.467,257.692,31.167,266.192z M45.05,203.008l20.4-9.35 c24.65-11.333,36.55-39.95,26.917-65.167l-7.933-20.967c-2.833-7.65,0-13.317,1.983-16.15c4.533-6.8,13.033-9.633,20.967-6.517 l20.967,7.933c5.95,2.267,11.9,3.4,18.133,3.4l0,0c20.117,0,38.533-11.9,47.033-30.317l9.35-20.4 c4.25-9.633,13.317-10.483,16.15-10.483c2.833,0,11.617,0.85,16.15,10.483l9.35,20.4c8.5,18.417,26.917,30.317,47.033,30.317 c6.233,0,12.183-1.133,18.133-3.4l20.967-7.933c7.933-2.833,16.15,0,20.967,6.517c1.983,2.833,4.817,8.5,1.983,16.15 l-7.933,20.967c-9.35,25.217,2.267,53.833,26.917,65.167l20.4,9.35c9.633,4.25,10.483,13.317,10.483,16.15 c0,2.833-0.85,11.617-10.483,16.15l-20.4,9.35c-24.65,11.333-36.55,39.95-26.917,65.167l7.933,20.967 c2.833,7.65,0,13.317-1.983,16.15c-4.533,6.8-13.033,9.633-20.967,6.517l-20.967-7.933c-5.95-2.267-11.9-3.4-18.133-3.4 c-20.117,0-38.533,11.9-47.033,30.317l-9.35,20.4c-4.25,9.633-13.317,10.483-16.15,10.483c-2.833,0-11.617-0.85-16.15-10.483 l-9.35-20.4c-8.5-18.417-26.917-30.317-47.033-30.317c-6.233,0-12.183,1.133-18.133,3.4l-20.967,7.933 c-7.933,2.833-16.15,0-20.967-6.517c-1.983-2.833-4.817-8.5-1.983-16.15l7.933-20.967c9.35-25.217-2.267-53.833-26.917-65.167 l-20.4-9.35c-9.633-4.25-10.483-13.317-10.483-16.15C34.567,216.325,35.417,207.542,45.05,203.008z"/><path d="M218.733,292.825c40.517,0,73.667-33.15,73.667-73.667s-33.15-73.667-73.667-73.667s-73.667,33.15-73.667,73.667 S177.933,292.825,218.733,292.825z M218.733,179.492c21.817,0,39.667,17.85,39.667,39.667s-17.85,39.667-39.667,39.667 s-39.667-17.85-39.667-39.667S196.917,179.492,218.733,179.492z"/></g></g></svg>
  762. </div>
  763.  
  764.  
  765.  
  766.  
  767. <!-- left sidebar ----------------------------------------------------->
  768.  
  769. <aside class="l">
  770. {block:ifNotHeader}
  771.  
  772. <section>
  773. <a href="/"><img class="side" src="https://static.tumblr.com/wdc9mus/81lppgnb7/sb99v2.gif"></a>
  774. </section>
  775.  
  776. {/block:ifNotHeader}
  777. <section>
  778. {block:ifShowAvatar}<a href="/"><img src="{PortraitURL-128}" class="avatar"></a>{/block:ifShowAvatar}
  779. <h1 class="blog title"><a href="/">
  780.  
  781.  
  782.  
  783. <span style='color: #1adbe6'>w</span><span style='color: #24d7e0'>e</span><span style='color: #2fd4db'>'</span><span style='color: #3ad0d6'>r</span><span style='color: #45cdd0'>e</span><span style='color: #50c9cb'> </span><span style='color: #5ac6c6'>c</span><span style='color: #65c2c1'>h</span><span style='color: #70bfbb'>a</span><span style='color: #7bbbb6'>s</span><span style='color: #86b8b1'>i</span><span style='color: #90b4ab'>n</span><span style='color: #9bb1a6'>g</span><span style='color: #a6ada1'> </span><span style='color: #b1aa9c'>t</span><span style='color: #bca696'>h</span><span style='color: #c6a391'>e</span><span style='color: #d19f8c'> </span><span style='color: #dc9c86'>s</span><span style='color: #e79881'>u</span><span style='color: #f2957c'>n</span>
  784.  
  785. </a></h1>
  786. <div class="desc accent">
  787.  
  788. <center>🌙✨ jiyoon. <a href="/tagged/gifs">gifmaker</a>. ★ <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5224532";
  789. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  790. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  791. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  792. </script><br><i>no matter what darkness we walk in, <br>we can be stars for each other.</i><br>
  793.  
  794. <a href="https://www.youtube.com/watch?v=wNqnaeOXetQ&t=">for sad days</a> ♡
  795.  
  796. </div>
  797. </section>
  798. </aside>
  799.  
  800. <!-- right sidebar ---------------------------------------------------->
  801.  
  802. <aside class="r">
  803. {block:ifNotHeader}
  804. {block:ifRightSidebarImage}
  805. <section>
  806. <a href="/"><img class="side" src="{image:right sidebar}"></a>
  807. </section>
  808. {/block:ifRightSidebarImage}
  809. {/block:ifNotHeader}
  810. <section>
  811. <nav class="baby">
  812. {block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink}
  813. {block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink}
  814. {block:ifAskLink}<li><a href="/ask"><i class="far fa-envelope"></i> {text:ask link}</a></li>{/block:ifAskLink}
  815. {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li> {/block:Pages}{/block:HasPages}
  816. {block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1}
  817. {block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2}
  818. {block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3}
  819. {block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4}
  820. {block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5}
  821. {block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6}
  822. </nav>
  823. </section>
  824.  
  825. </aside>
  826.  
  827.  
  828.  
  829.  
  830. <!-- posts ------------------------------------------------------------>
  831.  
  832. <div class="content">
  833.  
  834. {block:Posts}
  835. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}" id="{PostID}">
  836. <section class="post">
  837. {block:Audio}
  838. <!-- audio ------------------------------------------------------------>
  839. <div class="audiowrap">
  840. <div class="audio">
  841. {block:AudioPlayer}
  842. <div class="player">{block:AudioPlayer}{block:ifNotDarkVersion}{AudioPlayerWhite}{/block:ifNotDarkVersion}{block:ifDarkVersion}{AudioPlayerBlack}{/block:ifDarkVersion}{/block:AudioPlayer}
  843. </div>
  844. {/block:AudioPlayer}
  845. <div class="track"><div class="h">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<span class="accent"> by {Artist}</span>{/block:Artist}</div></div>
  846. </div>
  847. </div>
  848. {/block:Audio}
  849. {block:Photo}
  850. <!-- photo ------------------------------------------------------------>
  851. <div class="media">
  852. {LinkOpenTag}
  853. <img src="{PhotoURL-HighRes}">
  854. {LinkCloseTag}
  855. </div>
  856. {/block:Photo}
  857. {block:Photoset}
  858. <!-- photoset --------------------------------------------------------->
  859. <div class="media photoset">
  860. <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>
  861. </div>
  862. {/block:Photoset}
  863. {block:Video}
  864. <!-- video ------------------------------------------------------------>
  865. <div class="media video">{Video-500}</div>
  866. {/block:Video}
  867. {block:Answer}
  868. <!-- answer ----------------------------------------------------------->
  869. <div class="question">
  870. <div class="sender accent">{Asker}</div>
  871. <div class="inquiry text">{Question}</div>
  872. </div>
  873. <div class="answer text">
  874. <a class="tumblr_blog" href="{Permalink}">{Name}</a>{Answer}</div>
  875. {/block:Answer}
  876. {block:Chat}
  877. <!-- chat ------------------------------------------------------------->
  878. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  879. <ul class="chat text">
  880. {block:Lines}
  881. <li class="line">
  882. {block:Label}
  883. <b class="label">{Label}&nbsp; </b>
  884. {/block:Label}
  885. {Line}
  886. </li>
  887. {/block:Lines}
  888. </ul>
  889. {/block:Chat}
  890. {block:Link}
  891. <!-- link ------------------------------------------------------------->
  892. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  893. {block:Description}<div class="text">{Description}</div>{/block:Description}
  894. {/block:Link}
  895. {block:Quote}
  896. <!-- quote ------------------------------------------------------------>
  897. <div class="quote title">{Quote}</div>
  898. {block:Source}
  899. <div class="source text">{Source}</div>
  900. {/block:Source}
  901. {/block:Quote}
  902. {block:Text}
  903. <!-- text ------------------------------------------------------------->
  904. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  905. <div class="text">{Body}</div>
  906. {/block:Text}
  907. {block:Caption}
  908. <!-- caption ---------------------------------------------------------->
  909. <div class="caption text">{Caption}</div>
  910. {/block:Caption}
  911. {block:Date}
  912. <div class="date accent">
  913. <!-- date ------------------------------------------------------------->
  914. <a class="permalink" href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}</a> {block:NoteCount}<a class="notecount" href="{Permalink}">{12HourWithZero}:{Minutes}{CapitalAmPm}</a> {/block:NoteCount}<a class="like-b" href="#">{LikeButton size="100"}<span class="b">like</span></a> <a class="reblog-b" href="{ReblogURL}" target="_blank">reblog</a>
  915. {block:HasTags}
  916. <!-- tags ------------------------------------------------------------->
  917. <div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a><i class="comma"> </i>{/block:Tags}</div>
  918. {/block:HasTags}
  919. </div>
  920. {/block:Date}
  921. </section>
  922. </article>
  923. {/block:Posts}
  924. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  925.  
  926. {block:PostNotes}
  927. <!-- notes ------------------------------------------------------------>
  928.  
  929. <article class="entry">
  930. <section class="post">
  931. {PostNotes}
  932. </section>
  933. </article>
  934.  
  935. {/block:PostNotes}
  936.  
  937. <!-- pagination ------------------------------------------------------->
  938.  
  939. {block:Pagination}<div class="pagination baby">{block:PreviousPage}<a class="prev accent" href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage} {block:NextPage}<a class="next" href="{NextPage}">{lang:Next Page}</a>{/block:NextPage}</div>{/block:Pagination}
  940. </div>
  941.  
  942. </div>
  943.  
  944. <a href="https://shythemes.tumblr.com" id="theme" class="baby" title="theme">k.</a>
  945.  
  946. <!-- scripts ---------------------------------------------------------->
  947.  
  948. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  949. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  950. <script src="//static.tumblr.com/wgg6svp/ohGobvaye/unnest.min.js"></script>
  951. <script src="//static.tumblr.com/fwgzvyf/FRIojd56w/shythemes.fn.js"></script>
  952. {block:IndexPage}
  953. {block:ifInfiniteScroll}
  954. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  955. {/block:ifInfiniteScroll}
  956. {/block:IndexPage}
  957.  
  958.  
  959.  
  960. <script>
  961. $(document).ready(function(){
  962. var $container = $('.content');
  963. $container.resizevideos();
  964. {block:ifNotDarkVersion}
  965. $container.audioplayers('{color:link hover}');
  966. {/block:ifNotDarkVersion}
  967. $('.photo-slideshow').pxuPhotoset({
  968. lightbox: true,
  969. rounded: false,
  970. gutter: '0',
  971. photoset: '.photo-slideshow',
  972. photoWrap: '.photo-data',
  973. photo: '.pxu-photo'
  974. });
  975. $('.entry').unnest({
  976. yourCaption: ".text",
  977. wrapName: ".tumblr_parent",
  978. newCaptionUsername: false,
  979. originalPostCaptionUsername: false,
  980. tumblrAvatars: false,
  981. tumblrAvatarClass: ".tumblr_avatar",
  982. usernameColon: false
  983. });
  984. {block:ifInfiniteScroll}
  985. $container.infinitescroll({
  986. itemSelector: '.entry',
  987. navSelector: '.pagination',
  988. nextSelector: '.next',
  989. loadingImg: '',
  990. loadingText: '<em></em>',
  991. bufferPx: 2000
  992. },
  993. function( newElements ) {
  994. var $newElems = $( newElements );
  995. var $newElemsIDs = $newElems.map(function(){
  996. return this.id;
  997. }).get();
  998. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  999. $newElems.resizevideos();
  1000. {block:ifNotDarkVersion}
  1001. $newElems.audioplayers('{color:link hover}');
  1002. {/block:ifNotDarkVersion}
  1003. $newElems.find('.photo-slideshow').pxuPhotoset({
  1004. lightbox: true,
  1005. rounded: false,
  1006. gutter: '0',
  1007. photoset: '.photo-slideshow',
  1008. photoWrap: '.photo-data',
  1009. photo: '.pxu-photo'
  1010. });
  1011. $newElems.unnest({
  1012. yourCaption: ".text",
  1013. wrapName: ".tumblr_parent",
  1014. newCaptionUsername: false,
  1015. originalPostCaptionUsername: false,
  1016. tumblrAvatars: false,
  1017. tumblrAvatarClass: ".tumblr_avatar",
  1018. usernameColon: false
  1019. });
  1020. });
  1021. {/block:ifInfiniteScroll}
  1022. });
  1023. </script>
  1024. </body>
  1025. </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!