API tools faq
paste
Advertisement
jiyoones

shythemes sidebar version

jiyoones
Sep 20th, 2019
170
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.80 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. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  9.  
  10. <!-------MUSIC PLAYER BY GLENTHEMES------->
  11. <script src="//static.tumblr.com/gtjt4bo/m8Ypn96yc/glenplayer04.js"></script>
  12.  
  13. <!----------------------------------------------------------------------
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21. delta @ shythemes
  22.  
  23.  
  24.  
  25.  
  26.  
  27. Please read this before sending me questions:
  28.  
  29. 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).
  30.  
  31. 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.
  32.  
  33. Thanks for reading :)
  34.  
  35. ----------------------------------------------------------------------->
  36. <title>{title}</title>
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  38. <link rel="shortcut icon" href="{Favicon}">
  39. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  40. <meta name="viewport" content="width=device-width, initial-scale=1">
  41.  
  42. <!-- meta tags -------------------------------------------------------->
  43.  
  44. <meta name="image:left sidebar" content="">
  45. <meta name="image:right sidebar" content="">
  46. <meta name="color:link hover" content="#f08dbd">
  47. <meta name="select:font size" content="9px" title="9px">
  48. <meta name="select:font size" content="10px" title="10px">
  49. <meta name="select:font size" content="11px" title="11px">
  50. <meta name="select:font size" content="12px" title="12px">
  51. <meta name="if:dark version" content="">
  52. <meta name="if:header" content="">
  53. <meta name="if:show avatar" content="">
  54. <meta name="if:show captions" content="">
  55. <meta name="if:show tags" content="">
  56. <meta name="if:infinite scroll" content="">
  57. <meta name="text:posts" content="500px">
  58. <meta name="text:home link" content="">
  59. <meta name="text:archive link" content="">
  60. <meta name="text:ask link" content="contact">
  61. <meta name="text:link 1" content="">
  62. <meta name="text:link 1 url" content="">
  63. <meta name="text:link 2" content="">
  64. <meta name="text:link 2 url" content="">
  65. <meta name="text:link 3" content="">
  66. <meta name="text:link 3 url" content="">
  67. <meta name="text:link 4" content="">
  68. <meta name="text:link 4 url" content="">
  69. <meta name="text:link 5" content="">
  70. <meta name="text:link 5 url" content="">
  71. <meta name="text:link 6" content="">
  72. <meta name="text:link 6 url" content="">
  73.  
  74. <link href="https://fonts.googleapis.com/css?family=ABeeZee:400,400italic|Lato:400,400italic,700,700italic" rel="stylesheet">
  75.  
  76. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  77.  
  78.  
  79. <!-- css -------------------------------------------------------------->
  80.  
  81. <style type="text/css">
  82.  
  83.  
  84.  
  85. /* tylergaciaposey's theme 203
  86. css part */
  87.  
  88.  
  89. .nav_container {
  90. width:100%;
  91. overflow: hidden;
  92. margin:0 auto;
  93. padding:2px;
  94. }
  95.  
  96.  
  97. .box_left {
  98. width:50%;
  99. overflow: hidden;
  100. float:left;
  101. padding:10px;
  102. box-sizing: border-box;
  103.  
  104. }
  105.  
  106. .box_right {
  107. width:50%;
  108. overflow: hidden;
  109. float:right;
  110. padding:10px;
  111. box-sizing: border-box;
  112. }
  113.  
  114. .nav_title {
  115. font-weight:bold;
  116. margin:2px 0 3px;
  117. padding:0 0 5px;
  118. }
  119.  
  120.  
  121. .nav_title:after {
  122. width:100px;
  123. content:'';
  124. border-bottom:1px dotted #e2e2e2;
  125. display:block;
  126. margin:5px 0;
  127. }
  128.  
  129.  
  130. .nav_list {
  131. margin:0 0 2px 5px;
  132. }
  133.  
  134.  
  135. .nav_list:before {
  136. content:'\e083';
  137. font-family:'saturnicons';
  138. margin-right:5px;
  139. font-size:7px;
  140. display:inline-block;
  141. vertical-align:middle;
  142. position:relative;
  143. }
  144.  
  145.  
  146. .nav_paragraph {
  147. margin:7px 0;
  148. }
  149.  
  150.  
  151. .nav_separator {
  152. clear:both;
  153. width:100%;
  154. display:block;
  155. border-bottom:1px dotted #e2e2e2;
  156. margin:25px 0;
  157. padding:0 0 25px;
  158. }
  159.  
  160.  
  161. /* tags aka links lis */
  162.  
  163. .nav_tags_title1 {
  164. font-weight:bold;
  165. margin:2px 10px 3px;
  166. padding:0 0 5px;
  167. }
  168.  
  169. .nav_tags_title1:after {
  170. width:100px;
  171. content:'';
  172. border-bottom:1px dotted #e2e2e2;
  173. display:block;
  174. margin:5px 0;
  175. }
  176.  
  177.  
  178. .nav_tags_title {
  179. margin:3px 0 3px;
  180. padding:0 0 5px;
  181. font-weight:bold;
  182. }
  183.  
  184. .nav_tags_title:after {
  185. content:'';
  186. border-bottom:0px dotted #e2e2e2;
  187. }
  188.  
  189. .nav_tags_box {
  190. height:180px;
  191. width:33.3%;
  192. margin-bottom:25px;
  193. overflow: hidden;
  194. float:left;
  195. padding:10px;
  196. box-sizing: border-box;
  197. overflow-y:auto;
  198. overflow-x:hidden;
  199. }
  200.  
  201.  
  202. .nav_tags_list {
  203. margin:0 0 2px 5px;
  204. }
  205.  
  206. .nav_tags_list:before {
  207. content:'\e08f';
  208. font-family:'saturnicons';
  209. margin-right:5px;
  210. font-size:7px;
  211. display:inline-block;
  212. vertical-align:middle;
  213. position:relative;
  214. }
  215.  
  216.  
  217. .mcredit {
  218. float:right;
  219. right:5px;
  220. bottom:18px;
  221. padding:5px;
  222. outline:1px dotted #e2e2e2;
  223. background-color: #fff;
  224. border-bottom:!important 0px;
  225. }
  226.  
  227.  
  228. .mcredit a {
  229. text-transform:lowercase;
  230. text-align:center;
  231. font-size:10px;
  232. font-family:'Open Sans', Calibri, sans-serif;
  233. padding:3px;
  234. font-style:normal;
  235. padding:3px;
  236. -moz-transition-duration:0.5s;
  237. -webkit-transition-duration:0.5s;
  238. -o-transition-duration:0.5s;
  239. border-bottom:!important 0px;
  240. }
  241.  
  242.  
  243. /* tylergaciaposey's theme 203
  244. css part */
  245.  
  246.  
  247.  
  248.  
  249.  
  250.  
  251. /* typography ------------------------------------------------------- */
  252.  
  253.  
  254. ::-webkit-scrollbar {
  255. width:17px;
  256. height:17px;
  257. }
  258. ::-webkit-scrollbar {
  259. background-color:rgb(255,255,255); /* background color */
  260. }
  261. ::-webkit-scrollbar-track {
  262. border:8px solid rgb(255,255,255); /* background color */
  263. background-color:rgb(230,230,230); /* light border color */
  264. }
  265. ::-webkit-scrollbar-thumb {
  266. border:8px solid rgb(255,255,255); /* background color */
  267. background-color:rgb(144,144,144); /* dark border color */
  268. min-height:24px;
  269. min-width:24px;
  270. }
  271.  
  272.  
  273. body {
  274. margin:0;
  275. font-size:{select:font size};
  276. font-family:ABeeZee, arial, sans-serif;
  277. letter-spacing:1px;
  278. word-spacing:1px;
  279. line-height:2em;
  280. word-break:break-word;
  281. -moz-osx-font-smoothing:grayscale;
  282. -webkit-font-smoothing:antialiased;
  283. font-smoothing:antialiased;
  284. color:#111111;
  285. background:#ffffff;
  286. }
  287. a {
  288. color:inherit;
  289. text-decoration:none;
  290. transition:all 0s ease-in-out;
  291. -webkit-transition:all 0s ease-in-out;
  292. cursor:help;
  293.  
  294. }
  295. small, sub {
  296. font-size:1em;
  297. vertical-align:baseline;
  298. }
  299. b, strong {
  300.  
  301. }
  302. blockquote, ol, ul, p, pre, figure {
  303. margin:1em 0;
  304. }
  305. h1, h2, h3, h4, h5, h6 {
  306. margin:0 0 1em;
  307. font-size:1em;
  308. font-weight:inherit;
  309. }
  310. img {
  311. border:0;
  312. max-width:100%;
  313. height:auto;
  314. }
  315. pre {
  316. white-space:normal;
  317. }
  318. h1 {
  319. margin:0 0 1em;
  320. color:#000000;
  321. }
  322. ol {
  323. counter-reset:list;
  324. list-style:none;
  325. padding:0;
  326. }
  327. ol li {
  328. position:relative;
  329. padding-left:3em;
  330. counter-increment:list;
  331. }
  332. ol li:before {
  333. content:counter(list) '.';
  334. position:absolute;
  335. margin-left:-3em;
  336. }
  337. hr,
  338. .tumblr_parent:not(:first-of-type):before {
  339. content:'';
  340. display:block;
  341. margin:1.5em 0;
  342. border:0;
  343. height:1px;
  344. width:100%;
  345. -moz-box-sizing:border-box;
  346. box-sizing:border-box;
  347. background-color:#dfdfdf;
  348. }
  349. .tumblr_parent blockquote {
  350. padding:0 0 0 2em;
  351. background-image:linear-gradient(90deg, transparent, #000000 50%);
  352. background-size:1px 1px;
  353. background-repeat:repeat-y;
  354. background-position:left top;
  355. }
  356. .text a:not(.tumblr_blog), .desc a:hover {
  357. background-image:linear-gradient(transparent, #000000 50%);
  358. background-size:1px 1px;
  359. background-repeat:repeat-x;
  360. background-position:left bottom;
  361. }
  362. .text a:not(.tumblr_blog):hover, .desc a:hover {
  363. color:{color:link hover}!important;
  364. background-image:linear-gradient(transparent, {color:link hover} 50%);
  365. }
  366. .title {
  367. font-size:1.5em;
  368. line-height:1.7em;
  369. margin-bottom:.5em;
  370. }
  371. .accent, .baby, .tumblr_parent .tumblr_blog, nav a {
  372. color:#6f6f6f;
  373.  
  374. }
  375. .baby, b, strong {
  376. font-size:.89em;
  377. font-family:lato, sans-serif;
  378. letter-spacing:2px;
  379. text-transform:uppercase;
  380. font-style:normal;
  381. color:{color:link hover};
  382.  
  383.  
  384. }
  385. .baby {
  386. color:{color:link hover};
  387. }
  388. .desc a {
  389. color:{color:link hover};
  390.  
  391. }
  392.  
  393. {block:ifDarkVersion}
  394. /* dark colors ------------------------------------------------------ */
  395.  
  396. body, h1 {
  397. color:#d7d7d7;
  398. }
  399. body {
  400. background:#0a0a0a;
  401. }
  402. hr,
  403. .tumblr_parent:not(:first-of-type):before {
  404. background-color:#2a2a2a;
  405. }
  406. .tumblr_parent blockquote {
  407. background-image:linear-gradient(90deg, transparent, #d7d7d7 50%);
  408. }
  409. .text a:not(.tumblr_blog) {
  410. background-image:linear-gradient(transparent, #d7d7d7 50%);
  411. }
  412. .accent, .tumblr_parent .tumblr_blog {
  413. color:#8f8f8f!important;
  414. }
  415. .baby {
  416. color:#aaaaaa;
  417.  
  418. }
  419. {/block:ifDarkVersion}
  420.  
  421. /* layout ----------------------------------------------------------- */
  422.  
  423. .main {
  424. margin-top:80px ;
  425. margin-left:450px;
  426. margin-bottom:60px;
  427. width:500px;
  428. width:{text:posts};
  429. max-width:calc(100vw - 50px);
  430. }
  431. aside {
  432. text-align:center;
  433. }
  434. aside.r,
  435. aside section:not(:first-child) {
  436. margin-top:1.5em;
  437. }
  438. aside nav li {
  439. display:inline-block;
  440. margin:0 1em 1em;
  441.  
  442. }
  443. aside h1.blog.title {
  444. font-style:normal;
  445. font-size:10px;
  446. font-family:lato, sans-serif;
  447. text-transform:uppercase;
  448. letter-spacing:.25em;
  449. padding-left:.25em;
  450. margin-bottom:1em;
  451. }
  452. aside .avatar {
  453. display:block;
  454. margin:0 auto 2em;
  455. width:60px;
  456. border-radius:70px;
  457. overflow:hidden;
  458. }
  459. aside .avatar img {
  460. display:block;
  461. }
  462. aside .side {
  463. display:none;
  464. width:90px;
  465. border-radius:20%;
  466. }
  467. .content {
  468. margin:150px 0 0;
  469. }
  470. .entry {
  471. position:relative;
  472. margin:0 0 150px;
  473. }
  474. .entry:last-child {
  475. margin-bottom:0;
  476. }
  477. .pagination {
  478. overflow:hidden;
  479. margin-bottom:100px;
  480. }
  481. .pagination .next {
  482. float:right;
  483. }
  484.  
  485. {block:ifNotHeader}
  486. /* sidebar version -------------------------------------------------- */
  487.  
  488. @media screen and (min-width:900px) {
  489. aside.l {
  490. position:fixed;
  491. width:230px;
  492. top:150px;
  493. left:28%;
  494. margin-left:-125px;
  495. margin-left:calc(-{text:posts} / 4);
  496. transform:translateX(-50%);
  497. text-align:center;
  498.  
  499. }
  500. aside.r {
  501. position:fixed;
  502. width:230px;
  503. top:150px;
  504. left:75%;
  505. margin-left:125px;
  506. margin-left:calc({text:posts} / 4);
  507. margin-top:0;
  508. transform:translateX(-50%);
  509.  
  510. }
  511. aside nav {
  512. margin:0;
  513.  
  514. }
  515. aside nav li {
  516. display:block;
  517. margin:0 0 2em;
  518. margin-left:60px;
  519. text-align:left;
  520.  
  521. }
  522. aside .side {
  523. display:block;
  524. margin:auto;
  525. width:90px;
  526. border-radius:20%;
  527.  
  528. }
  529. }
  530. {/block:ifNotHeader}
  531.  
  532. /* posts ------------------------------------------------------------ */
  533.  
  534. .post {
  535.  
  536. }
  537. .date {
  538. margin:1em 0 0;
  539. text-transform:lowercase;
  540. }
  541. .date > a {
  542. margin:0 .65em 0 0;
  543. }
  544. .date > a:last-of-type {
  545. margin:0 2.9em 0 0;
  546. }
  547. .like-b {
  548. position:relative;
  549. }
  550. .like-b .b {
  551. position:relative;
  552. }
  553. .like_button {
  554. position:absolute;
  555. top:0;
  556. left:0;
  557. width:100%;
  558. height:100%;
  559. overflow:hidden;
  560. }
  561. .like-b .like_button iframe {
  562. position:absolute;
  563. top:0;
  564. left:0;
  565. bottom:0;
  566. right:0;
  567. z-index:2;
  568. opacity:0;
  569. width:100%;
  570. }
  571. .like-b .liked + .b {
  572. color:inherit;
  573. }
  574. .like-b .liked + .b:after {
  575. content:'d';
  576. }
  577. .tags {
  578. {block:IndexPage}{block:ifNotShowTags}display:none;{/block:ifNotShowTags}{/block:IndexPage}
  579. text-transform:none;
  580. }
  581. .tags .comma {
  582. margin:0 0 0 .6em;
  583. }
  584. .tags .comma:last-of-type {
  585. display:none;
  586. }
  587. .caption {
  588. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  589. }
  590. .chat, .chat li {
  591. padding:0;
  592. list-style-type:none;
  593. }
  594. .post .media {
  595. position:relative;
  596. }
  597. .sender {
  598. text-transform:lowercase;
  599. }
  600. .audiowrap {
  601. position:relative;
  602. height:27px;
  603. overflow:hidden;
  604. background-color:#f8f8f8;
  605. {block:ifDarkVersion}background-color:#000000;{/block:ifDarkVersion}
  606. padding:14px;
  607. margin-bottom:1.5em;
  608. }
  609. .audio {
  610. position:absolute;
  611. display:inline-block;
  612. left:14px;
  613. top:14px;
  614. right:14px;
  615. bottom:14px;
  616. text-align:left;
  617. line-height:27px;
  618. }
  619. .audio .player {
  620. width:27px;
  621. height:27px;
  622. left:0;
  623. top:0;
  624. opacity:.5;
  625. line-height:0;
  626. overflow:hidden;
  627. position:absolute;
  628. }
  629. .audio .track {
  630. overflow:hidden;
  631. line-height:15px;
  632. margin-left:41px;
  633. width:calc(100% - 41px);
  634. display:inline-block;
  635. vertical-align:middle;
  636. }
  637. .audio .track .h {
  638. display:block;
  639. max-height:15px;
  640. white-space:nowrap;
  641. overflow:hidden;
  642. text-overflow:ellipsis;
  643. margin-right:15px;
  644. }
  645.  
  646. /* svgs ------------------------------------------------------------- */
  647.  
  648. .permalink,
  649. .notecount,
  650. .like-b,
  651. .reblog-b,
  652. .tumblr_blog,
  653. .sender {
  654. position:relative;
  655. padding-left:2.25em;
  656. }
  657. .tags {
  658. position:relative;
  659. }
  660. .tags a:first-child {
  661. margin-left:2.25em;
  662. }
  663. .permalink:before,
  664. .notecount:before,
  665. .like-b:before,
  666. .reblog-b:before,
  667. .tags:before,
  668. .tumblr_blog:before,
  669. .sender:before {
  670. position:absolute;
  671. overflow:auto;
  672. display:block;
  673. opacity:.5;
  674. }
  675. .permalink:before {
  676. 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);
  677. width:1.25em;
  678. left:0em;
  679. top:-.1em;
  680. }
  681. .notecount:before {
  682. 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);
  683. width:1.2em;
  684. left:0em;
  685. top:-.1em;
  686. opacity:.4;
  687. }
  688. .like-b:before {
  689. 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);
  690. width:1.3em;
  691. left:0em;
  692. top:-.1em;
  693. }
  694. .reblog-b:before {
  695. 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);
  696. width:.85em;
  697. left:.2em;
  698. top:-.3em;
  699. }
  700. .tags:before {
  701. 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);
  702. width:1em;
  703. left:.2em;
  704. top:.3em;
  705. }
  706. .tumblr_blog:before {
  707. 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);
  708. width:.9em;
  709. left:0;
  710. top:-.3em;
  711. }
  712. .sender:before {
  713. 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);
  714. top:.4em;
  715. left:-.1em;
  716. width:1.2em;
  717. }
  718.  
  719. /* other ------------------------------------------------------------ */
  720.  
  721. .notes img {
  722. display:none;
  723. }
  724. #tumblr_controls,
  725. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
  726. position:fixed!important;
  727. top:0!important;
  728. right:0!important;
  729. opacity:.4!important;
  730. {block:ifNotDarkVersion}
  731. -webkit-filter:invert(100%);
  732. {/block:ifNotDarkVersion}
  733. -webkit-backface-visibility:hidden;
  734. padding:17px;
  735. }
  736. #theme {
  737. position:fixed;
  738. display:block;
  739. bottom:10px;
  740. right:10px;
  741. z-index:999;
  742. padding:5px;
  743. line-height:1em;
  744. }
  745.  
  746. .lightbox-image, #tumblr_lightbox img {
  747. box-shadow:none !important;
  748. border-radius:0px !important;
  749. max-width:none;
  750. border-bottom:0px {color:accent} solid !important;
  751. }
  752.  
  753.  
  754. {block:ifInfiniteScroll}
  755. .pagination,
  756. #infscr-loading {
  757. display:none!important;
  758. }
  759. {/block:ifInfiniteScroll}
  760.  
  761. /* cr: agustd/gukthemes & sughyun/caulfielld; do not take w/o credit. */
  762.  
  763. .photo-slideshow .count-1 {
  764. margin-bottom:4px!important;
  765. }
  766.  
  767. .photo-slideshow .count-2 {
  768. margin-left:4px!important;
  769. margin-bottom:4px!important;
  770. width:calc(50% - 2px)!important;
  771. }
  772.  
  773. .photo-slideshow .count-2:first-child {
  774. margin-left:0!important;
  775. }
  776.  
  777. .photo-slideshow .count-3 {
  778. margin-left:4px!important;
  779. margin-bottom:4px!important;
  780. width:calc(33.33% - 3px)!important;
  781. }
  782.  
  783. .photo-slideshow .count-3:first-child {
  784. margin-left:0!important;
  785. }
  786.  
  787. .photo-slideshow .count-3:nth-child(2) {
  788. width:calc(33.33% - 3px)!important;
  789. }
  790.  
  791. .photo-slideshow {
  792. display:inline-block!important;
  793. margin-bottom:-4px;
  794. position:relative;
  795. width:100%;
  796. }
  797.  
  798. svg {
  799. display:block;
  800. width:10px;
  801. height:auto;
  802. opacity:.75;
  803. overflow:visible;
  804. }
  805. svg path {
  806. fill:rgb(132,132,132);
  807. -webkit-transition:fill .6s ease-out;
  808. transition:fill .6s ease-out;
  809. }
  810. .ic {
  811. position:fixed;
  812. top:15px;
  813. right:16px;
  814. }
  815. #tumblr_controls,
  816. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
  817. position:fixed!important;
  818. top:0!important;
  819. right:0!important;
  820. opacity:0!important;
  821. -webkit-filter:invert(100%);
  822. -webkit-backface-visibility:hidden;
  823. padding:10px 40px 10px 10px;
  824. -webkit-transition:opacity .3s ease-out;
  825. transition:opacity .3s ease-out;
  826. }
  827. #tumblr_controls:hover,
  828. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls:hover {
  829. opacity:.5!important;
  830. }
  831.  
  832. iframe.tmblr-iframe {
  833. z-index:99999999999999!important;
  834. top:-2px!important;
  835. right:0!important;
  836. opacity:0;
  837. padding-right:38px;
  838. /* delete invert(1) from here */
  839. filter:invert(1) contrast(150%);
  840. -webkit-filter:invert(1) contrast(150%);
  841. -o-filter:invert(1) contrast(150%);
  842. -moz-filter:invert(1) contrast(150%);
  843. -ms-filter:invert(1) contrast(150%);
  844. /* to here if your blog has a dark background */
  845. transform:scale(0.65);
  846. transform-origin:100% 0;
  847. -webkit-transform:scale(0.65);
  848. -webkit-transform-origin:100% 0;
  849. -o-transform:scale(0.65);
  850. -o-transform-origin:100% 0;
  851. -moz-transform:scale(0.65);
  852. -moz-transform-origin:100% 0;
  853. -ms-transform:scale(0.65);
  854. -ms-transform-origin:100% 0;}
  855.  
  856. iframe.tmblr-iframe:hover {
  857. opacity:0.6!important;}
  858.  
  859. .hcontrols {
  860. position:fixed;
  861. top:0;
  862. right:0;
  863. z-index:999999999;}
  864.  
  865. .hcontrols svg {
  866. width:14px;
  867. height:14px;
  868. padding:9px;}
  869.  
  870. .hcontrols svg path {
  871. fill:#888888;/* change this to change the color of the icon */}
  872.  
  873.  
  874.  
  875.  
  876.  
  877.  
  878.  
  879.  
  880. </style>
  881.  
  882.  
  883.  
  884.  
  885. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  886.  
  887. <script src="https://cdn.rawgit.com/meetselva/attrchange/master/js/attrchange.js"></script>
  888. <script src="https://cdn.rawgit.com/meetselva/attrchange/master/js/attrchange_ext.js"></script>
  889. <script src="https://static.tumblr.com/2b2izpj/cB7ogqs8l/jquery.initialize.js"></script>
  890.  
  891. <script src="https://static.tumblr.com/p0knose/CtEozruse/jquery.fuckstaff.js"></script>
  892.  
  893. <script>
  894. $(window).load(fuckTumblr(1280));
  895. $(document).ready(fuckTumblr(1280));
  896.  
  897. $(document).ready(function(){
  898. $(".pxu-photo img").fuckStaff({
  899. width:"1280"
  900. });
  901. $(".media img").fuckStaff({
  902. width:"1280" // or 540
  903. });
  904. $("a.tumblr-box").initialize(function(){
  905. $(this).attr("href",function(i, src) {
  906. return src.replace('_500.', '_1280.');
  907. });
  908. });
  909. });
  910. </script>
  911.  
  912.  
  913. </head>
  914.  
  915.  
  916.  
  917. <body class="{select:font}">
  918.  
  919.  
  920.  
  921.  
  922. <div class="main">
  923.  
  924.  
  925.  
  926.  
  927. <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>
  928. </div>
  929.  
  930.  
  931.  
  932.  
  933. <!-- left sidebar ----------------------------------------------------->
  934.  
  935. <aside class="l">
  936. {block:ifNotHeader}
  937.  
  938. <section>
  939. <a href="/"><img class="side" src=""></a>
  940. </section>
  941.  
  942. {/block:ifNotHeader}
  943. <section>
  944. {block:ifShowAvatar}<a href="/"><img src="https://dl.dropbox.com/s/qwpbjjet951uxnb/jdsmile12sb.gif?dl=0" class="avatar"></a>{/block:ifShowAvatar}
  945. <h1 class="blog title"><a href="/">
  946.  
  947.  
  948. <span style='color: #80cefd'>t</span><span style='color: #8acdf8'>h</span><span style='color: #94cdf3'>e</span><span style='color: #9ecdee'> </span><span style='color: #a9cce9'>m</span><span style='color: #b3cce4'>o</span><span style='color: #bdcce0'>r</span><span style='color: #c7cbdb'>n</span><span style='color: #d2cbd6'>i</span><span style='color: #dccbd1'>n</span><span style='color: #e6cacc'>g</span><span style='color: #f0cac8'> </span><span style='color: #fbcac3'>w</span><span style='color: #fecbc2'>i</span><span style='color: #feccc2'>l</span><span style='color: #fecec2'>l</span><span style='color: #fecfc2'> </span><span style='color: #fed1c2'>c</span><span style='color: #fed2c2'>o</span><span style='color: #fed4c2'>m</span><span style='color: #fed5c3'>e</span><span style='color: #fed7c3'> </span><span style='color: #fed8c3'>a</span><span style='color: #fedac3'>g</span><span style='color: #fedbc3'>a</span><span style='color: #feddc3'>i</span><span style='color: #fedec3'>n</span>
  949.  
  950. </a></h1>
  951. <div class="desc accent">
  952.  
  953. <center>🌙✨ jiyoon. <a href="/tagged/gifs">gifmaker</a>. ♬ <a href="https://open.spotify.com/album/71UeIIBgaKpW6ES0TnjbxY">love words</a>.
  954.  
  955. <br><i>
  956. i'll follow <a href="/tagged/jongdae">you</a> even at the world's end.</i>
  957. <br>
  958. ★ <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5224532";
  959. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  960. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  961. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  962. </script>
  963.  
  964.  
  965.  
  966. </div>
  967. </section>
  968. </aside>
  969.  
  970. <!-- right sidebar ---------------------------------------------------->
  971.  
  972. <aside class="r">
  973. {block:ifNotHeader}
  974. {block:ifRightSidebarImage}
  975. <section>
  976. <a href="/"><img class="side" src="{image:right sidebar}"></a>
  977. </section>
  978. {/block:ifRightSidebarImage}
  979. {/block:ifNotHeader}
  980. <section>
  981. <nav class="baby">
  982. {block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink}
  983. {block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink}
  984. {block:ifAskLink}<li><a href="/ask"><i class="far fa-envelope"></i> {text:ask link}</a></li>{/block:ifAskLink}
  985. {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li> {/block:Pages}{/block:HasPages}
  986. {block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1}
  987. {block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2}
  988. {block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3}
  989. {block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4}
  990. {block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5}
  991. {block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6}
  992. </nav>
  993. </section>
  994.  
  995. </aside>
  996.  
  997.  
  998.  
  999.  
  1000. <!-- posts ------------------------------------------------------------>
  1001.  
  1002. <div class="content">
  1003.  
  1004. {block:Posts}
  1005. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}" id="{PostID}">
  1006. <section class="post">
  1007. {block:Audio}
  1008. <!-- audio ------------------------------------------------------------>
  1009. <div class="audiowrap">
  1010. <div class="audio">
  1011. {block:AudioPlayer}
  1012. <div class="player">{block:AudioPlayer}{block:ifNotDarkVersion}{AudioPlayerWhite}{/block:ifNotDarkVersion}{block:ifDarkVersion}{AudioPlayerBlack}{/block:ifDarkVersion}{/block:AudioPlayer}
  1013. </div>
  1014. {/block:AudioPlayer}
  1015. <div class="track"><div class="h">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<span class="accent"> by {Artist}</span>{/block:Artist}</div></div>
  1016. </div>
  1017. </div>
  1018. {/block:Audio}
  1019. {block:Photo}
  1020. <!-- photo ------------------------------------------------------------>
  1021. <div class="media">
  1022. {LinkOpenTag}
  1023. <img src="{PhotoURL-HighRes}">
  1024. {LinkCloseTag}
  1025. </div>
  1026. {/block:Photo}
  1027. {block:Photoset}
  1028. <!-- photoset --------------------------------------------------------->
  1029. <div class="media photoset">
  1030. <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>
  1031. </div>
  1032. {/block:Photoset}
  1033. {block:Video}
  1034. <!-- video ------------------------------------------------------------>
  1035. <div class="media video">{Video-500}</div>
  1036. {/block:Video}
  1037. {block:Answer}
  1038. <!-- answer ----------------------------------------------------------->
  1039. <div class="question">
  1040. <div class="sender accent">{Asker}</div>
  1041. <div class="inquiry text">{Question}</div>
  1042. </div>
  1043. <div class="answer text">
  1044. <a class="tumblr_blog" href="{Permalink}">{Name}</a>{Answer}</div>
  1045. {/block:Answer}
  1046. {block:Chat}
  1047. <!-- chat ------------------------------------------------------------->
  1048. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  1049. <ul class="chat text">
  1050. {block:Lines}
  1051. <li class="line">
  1052. {block:Label}
  1053. <b class="label">{Label}&nbsp; </b>
  1054. {/block:Label}
  1055. {Line}
  1056. </li>
  1057. {/block:Lines}
  1058. </ul>
  1059. {/block:Chat}
  1060. {block:Link}
  1061. <!-- link ------------------------------------------------------------->
  1062. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  1063. {block:Description}<div class="text">{Description}</div>{/block:Description}
  1064. {/block:Link}
  1065. {block:Quote}
  1066. <!-- quote ------------------------------------------------------------>
  1067. <div class="quote title">{Quote}</div>
  1068. {block:Source}
  1069. <div class="source text">{Source}</div>
  1070. {/block:Source}
  1071. {/block:Quote}
  1072. {block:Text}
  1073. <!-- text ------------------------------------------------------------->
  1074. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  1075. <div class="text">{Body}</div>
  1076. {/block:Text}
  1077. {block:Caption}
  1078. <!-- caption ---------------------------------------------------------->
  1079. <div class="caption text">{Caption}</div>
  1080. {/block:Caption}
  1081. {block:Date}
  1082. <div class="date accent">
  1083. <!-- date ------------------------------------------------------------->
  1084. <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>
  1085. {block:HasTags}
  1086. <!-- tags ------------------------------------------------------------->
  1087. <div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a><i class="comma"> </i>{/block:Tags}</div>
  1088. {/block:HasTags}
  1089. </div>
  1090. {/block:Date}
  1091. </section>
  1092. </article>
  1093. {/block:Posts}
  1094. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  1095.  
  1096. {block:PostNotes}
  1097. <!-- notes ------------------------------------------------------------>
  1098.  
  1099. <article class="entry">
  1100. <section class="post">
  1101. {PostNotes}
  1102. </section>
  1103. </article>
  1104.  
  1105. {/block:PostNotes}
  1106.  
  1107. <!-- pagination ------------------------------------------------------->
  1108.  
  1109. {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}
  1110. </div>
  1111.  
  1112. </div>
  1113.  
  1114. <a href="https://shythemes.tumblr.com" id="theme" class="baby" title="theme">k.</a>
  1115.  
  1116. <!-- scripts ---------------------------------------------------------->
  1117.  
  1118. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1119. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1120. <script src="//static.tumblr.com/wgg6svp/ohGobvaye/unnest.min.js"></script>
  1121. <script src="//static.tumblr.com/fwgzvyf/FRIojd56w/shythemes.fn.js"></script>
  1122. {block:IndexPage}
  1123. {block:ifInfiniteScroll}
  1124. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1125. {/block:ifInfiniteScroll}
  1126. {/block:IndexPage}
  1127.  
  1128.  
  1129.  
  1130. <script>
  1131. $(document).ready(function(){
  1132. var $container = $('.content');
  1133. $container.resizevideos();
  1134. {block:ifNotDarkVersion}
  1135. $container.audioplayers('{color:link hover}');
  1136. {/block:ifNotDarkVersion}
  1137. $('.photo-slideshow').pxuPhotoset({
  1138. lightbox: true,
  1139. rounded: false,
  1140. gutter: '0',
  1141. photoset: '.photo-slideshow',
  1142. photoWrap: '.photo-data',
  1143. photo: '.pxu-photo'
  1144. });
  1145. $('.entry').unnest({
  1146. yourCaption: ".text",
  1147. wrapName: ".tumblr_parent",
  1148. newCaptionUsername: false,
  1149. originalPostCaptionUsername: false,
  1150. tumblrAvatars: false,
  1151. tumblrAvatarClass: ".tumblr_avatar",
  1152. usernameColon: false
  1153. });
  1154. {block:ifInfiniteScroll}
  1155. $container.infinitescroll({
  1156. itemSelector: '.entry',
  1157. navSelector: '.pagination',
  1158. nextSelector: '.next',
  1159. loadingImg: '',
  1160. loadingText: '<em></em>',
  1161. bufferPx: 2000
  1162. },
  1163. function( newElements ) {
  1164. var $newElems = $( newElements );
  1165. var $newElemsIDs = $newElems.map(function(){
  1166. return this.id;
  1167. }).get();
  1168. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1169. $newElems.resizevideos();
  1170. {block:ifNotDarkVersion}
  1171. $newElems.audioplayers('{color:link hover}');
  1172. {/block:ifNotDarkVersion}
  1173. $newElems.find('.photo-slideshow').pxuPhotoset({
  1174. lightbox: true,
  1175. rounded: false,
  1176. gutter: '0',
  1177. photoset: '.photo-slideshow',
  1178. photoWrap: '.photo-data',
  1179. photo: '.pxu-photo'
  1180. });
  1181. $newElems.unnest({
  1182. yourCaption: ".text",
  1183. wrapName: ".tumblr_parent",
  1184. newCaptionUsername: false,
  1185. originalPostCaptionUsername: false,
  1186. tumblrAvatars: false,
  1187. tumblrAvatarClass: ".tumblr_avatar",
  1188. usernameColon: false
  1189. });
  1190. });
  1191. {/block:ifInfiniteScroll}
  1192. });
  1193. </script>
  1194. </body>
  1195. </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!