vitaminholland

(recoded) i know alone

Aug 24th, 2024
325
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.57 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC>
  2.  
  3. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  4.  
  5. <html>
  6.  
  7. <head>
  8.  
  9. <title>{Title}</title>
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12.  
  13. <link rel="preload" href="//assets.tumblr.com/images/full_page_vignette.png" as="image">
  14.  
  15. <!--
  16.  
  17. theme: i know alone
  18. designed and coded by franchesca @ tanaka-drew.tumblr.com
  19. see credits @ tanaka-drew.tumblr.com/credits
  20.  
  21. -->
  22.  
  23. <!-- Metadata -->
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Border" content="#d2d2d2"/>
  27. <meta name="color:Chat Even Background" content="#f0f0f0"/>
  28. <meta name="color:Link" content="#000000"/>
  29. <meta name="color:Link Hover" content="#cfcfcf"/>
  30. <meta name="color:Like" content="#ec6363"/>
  31. <meta name="color:Main Color" content="#000000"/>
  32. <meta name="color:Pin" content="#31a49d"/>
  33. <meta name="color:Post Background" content="#ffffff"/>
  34. <meta name="color:Pre Background" content="#f0f0f0"/>
  35. <meta name="color:Scrollbar" content="#000000"/>
  36. <meta name="color:Text" content="#555555"/>
  37. <meta name="color:Tooltip Background" content="#000000"/>
  38. <meta name="color:Tooltip Color" content="#ffffff"/>
  39.  
  40. <meta name="select:Heading Font" content="Playfair Display" title="Playfair Display"/>
  41. <meta name="select:Heading Font" content="Lora" title="Lora"/>
  42. <meta name="select:Heading Font" content="Noto Serif Display" title="Noto Serif Display"/>
  43.  
  44. <meta name="select:Body Font" content="Onest" title="Onest"/>
  45. <meta name="select:Body Font" content="Karla" title="Karla"/>
  46. <meta name="select:Body Font" content="Noto Sans" title="Noto Sans"/>
  47. <meta name="select:Body Font" content="DM Sans" title="DM Sans"/>
  48. <meta name="select:Body Font" content="Golos Text" title="Golos Text"/>
  49. <meta name="select:Body Font" content="Nunito Sans" title="Nunito Sans"/>
  50. <meta name="select:Body Font" content="Open Sans" title="Open Sans"/>
  51. <meta name="select:Body Font" content="Work Sans" title="Work Sans"/>
  52.  
  53. <meta name="select:Body Font Size" content="1rem" title="1rem"/>
  54. <meta name="select:Body Font Size" content="0.9rem" title="0.9rem"/>
  55. <meta name="select:Body Font Size" content="0.8rem" title="0.8rem"/>
  56.  
  57. <meta name="select:Uppercase Font Size" content="0.9rem" title="0.9rem"/>
  58. <meta name="select:Uppercase Font Size" content="0.8rem" title="0.8rem"/>
  59.  
  60. <meta name="image:Sidebar Image" content="https://i.imgur.com/5I9oSC7.png"/>
  61.  
  62. <meta name="text:Title" content="I Know Alone"/>
  63.  
  64. <meta name="text:Link 1 URL" content="/"/>
  65. <meta name="text:Link 1 Name" content="Link One"/>
  66. <meta name="text:Link 2 URL" content="/"/>
  67. <meta name="text:Link 2 Name" content="Link Two"/>
  68. <meta name="text:Link 3 URL" content="/"/>
  69. <meta name="text:Link 3 Name" content="Link Three"/>
  70.  
  71. <meta name="select:Post Width" content="500px" title="500px"/>
  72. <meta name="select:Post Width" content="450px" title="450px"/>
  73. <meta name="select:Post Width" content="540px" title="540px"/>
  74.  
  75. <meta name="if:Submit Link" content="1"/>
  76.  
  77. <meta name="if:Hide Tags" content="0"/>
  78. <meta name="if:Show Tags" content="1"/>
  79.  
  80. <meta name="if:Back To Top" content="1"/>
  81.  
  82. <!-- Google Fonts Script -->
  83.  
  84. <link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Serif+Display:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
  85.  
  86. <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,700;1,9..40,400;1,9..40,700&family=Golos+Text:wght@400;700&family=Karla:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,700;1,6..12,400;1,6..12,700&family=Onest:wght@400;700&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Work+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
  87.  
  88. <!-- Styled Tooltips Script -->
  89.  
  90. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  91.  
  92. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  93.  
  94. <script>
  95. (function($){
  96. $(document).ready(function(){
  97. $("a[title]").style_my_tooltips({
  98. tip_follows_cursor:true,
  99. tip_delay_time:90,
  100. tip_fade_speed:600,
  101. attribute:"title"
  102. });
  103. });
  104. })(jQuery);
  105. </script>
  106.  
  107. <!-- Phosphor Icons Script -->
  108.  
  109. <script src="https://unpkg.com/@phosphor-icons/web"></script>
  110.  
  111. <!-- Tumblr Controls Script --->
  112.  
  113. <script>
  114. $(document).ready(function(){
  115. $('.controls-button').click(function(){
  116. $('body').toggleClass('controls-click');
  117. });
  118. });
  119. </script>
  120.  
  121. <!--✻✻✻✻✻✻ npf audio player by @glenthemes ✻✻✻✻✻✻-->
  122.  
  123. <script src="//tmblr-npf-audio.gitlab.io/s/init.js"></script>
  124.  
  125. <link href="//tmblr-npf-audio.gitlab.io/s/base.css" rel="stylesheet">
  126.  
  127. <script>
  128. tumblr_npf_audio({
  129. emptyTitleText: "",
  130. emptyArtistText: "",
  131. emptyAlbumText: "",
  132. titleLabel: "",
  133. artistLabel: "",
  134. albumLabel: "",
  135. });
  136. </script>
  137.  
  138. <!-- Unnest Captions Script -->
  139.  
  140. <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
  141.  
  142. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  143.  
  144. <script>
  145. $(function(){ $('.entries').unnest({
  146. yourCaption: ".text, .caption",
  147. wrapName: ".tumblr_parent",
  148. newCaptionUsername: false,
  149. originalPostCaptionUsername: false,
  150. tumblrAvatars: true,
  151. tumblrAvatarClass: ".tumblr_avatar",
  152. usernameColon: false
  153. });
  154. });
  155. </script>
  156.  
  157. <!-- NPF images fix v3.0 by @glenthemes [2021] 💌 git.io/JRBt7 -->
  158.  
  159. <script src="//npf-images-v3.github.io/script.js"></script>
  160.  
  161. <link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
  162. <style tmblr-npf>
  163. :root {
  164. --NPF-Caption-Spacing: 1em;
  165. --NPF-Image-Spacing: 1px;
  166. }
  167. </style>
  168.  
  169. <link rel="stylesheet" media="screen" href="//assets.tumblr.com/client/prod/standalone/blog-network-npf/index.build.css">
  170.  
  171. <!-- Inline Images Resizing Script -->
  172.  
  173. <script>
  174. $(".tmblr-full, figure").each(function(){
  175. var imgWidth = $(this).attr("data-orig-width"),
  176. img = $(this).find("img"),
  177. imgSrc = img.attr("src");
  178. $('figure').css({'margin-left':'0','margin-right':'0','display':'inline-block'});
  179. if (imgWidth >= 500){
  180. img.attr("src",imgSrc.replace("_500.","_1280."));
  181. $('.tmblr-full img, figure img').css({'width':'auto','height':'auto','vertical-align':'middle'});
  182. }
  183. });
  184. </script>
  185.  
  186. <!-- PXU Script -->
  187.  
  188. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  189.  
  190. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  191.  
  192. <script>
  193. $(document).ready(function(){
  194. $('.photo-slideshow').pxuPhotoset({
  195. lightbox: true,
  196. rounded: false,
  197. gutter: '1px',
  198. borderRadius: '0px',
  199. photoset: '.photo-slideshow',
  200. photoWrap: '.photo-data',
  201. photo: '.pxu-photo'
  202. });
  203. });
  204. </script>
  205.  
  206. <!-- Responsive Tumblr Videos Script -->
  207.  
  208. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  209.  
  210. <script>
  211. $(document).ready(function() {
  212. flexibleFrames($(".video"));
  213. });
  214. </script>
  215.  
  216. <!-- Hide & Show Script -->
  217.  
  218. <script>
  219. $(document).ready(function(){
  220. $(".tags").hide();
  221. $(".tags-title").click(function(){
  222. $(this).next(".tags").slideToggle('fast');
  223. });
  224. });
  225. </script>
  226.  
  227. <!-- Scroll To Top Script -->
  228.  
  229. <script type="text/javascript">
  230. $(function() {
  231. $(window).scroll(function() {
  232. if($(this).scrollTop() != 0) {
  233. $('#top').fadeIn();
  234. }
  235. else {
  236. $('#top').fadeOut();
  237. }
  238. });
  239. $('#top').click(function() {
  240. $('body,html').animate({scrollTop:0},600);
  241. });
  242. });
  243. </script>
  244.  
  245. <style type="text/css">
  246.  
  247. .tmblr-iframe--app-cta-button {
  248. display: none!important;
  249. }
  250.  
  251. .controls-button {
  252. background: {color:Post Background};
  253. border: 1px solid {color:Border};
  254. border-radius: 100px;
  255. color: {color:Link};
  256. font-size: 0.9rem;
  257. font-variant: normal;
  258. height: 0.9rem;
  259. line-height: 1;
  260. padding: 10px;
  261. position: fixed;
  262. right: 20px;
  263. text-rendering: auto;
  264. top: 20px;
  265. width: 0.9rem;
  266. z-index: 1;
  267. -webkit-transition: all 0.5s ease;
  268. -moz-transition: all 0.5s ease;
  269. -o-transition: all 0.5s ease;
  270. }
  271.  
  272. .controls-button:hover {
  273. color: {color:Link Hover};
  274. }
  275.  
  276. .tmblr-iframe-compact .tmblr-iframe {
  277. right: 10px;
  278. top: 59px;
  279. opacity: 0;
  280. visibility: hidden;
  281. -webkit-transition: all 0.5s;
  282. -moz-transition: all 0.5s;
  283. -ms-transition: all 0.5s;
  284. -o-transition: all 0.5s;
  285. transition: all 0.5s;
  286. }
  287.  
  288. .controls-click .tmblr-iframe {
  289. opacity: 1.0;
  290. visibility: visible;
  291. -webkit-transition: all 0.5s;
  292. -moz-transition: all 0.5s;
  293. -ms-transition: all 0.5s;
  294. -o-transition: all 0.5s;
  295. transition: all 0.5s;
  296. }
  297.  
  298. ::-webkit-scrollbar-thumb:horizontal {
  299. background: {color:Scrollbar};
  300. }
  301.  
  302. ::-webkit-scrollbar-thumb:vertical {
  303. background: {color:Scrollbar};
  304. }
  305.  
  306. ::-webkit-scrollbar {
  307. height: 1px;
  308. width: 1px;
  309. }
  310.  
  311. ::selection {
  312. background: {color:Main Color};
  313. color: white;
  314. }
  315.  
  316. ::-moz-selection {
  317. background: {color:Main Color};
  318. color: white;
  319. }
  320.  
  321. #s-m-t-tooltip {
  322. background: {color:Tooltip Background};
  323. border-radius: 5px;
  324. color: {color:Tooltip Color};
  325. font-size: {select:Uppercase Font Size};
  326. margin-top: 30px;
  327. padding: 5px;
  328. text-align: center;
  329. text-transform: uppercase;
  330. z-index: 999999999999999999999999999999999999;
  331. }
  332.  
  333. body {
  334. background: {color:Background};
  335. color: {color:Text};
  336. cursor: url(https://i.imgur.com/lhPqll6.png), progress;
  337. font-family: '{select:Body Font}', sans-serif;
  338. font-size: {select:Body Font Size};
  339. font-style: normal;
  340. font-weight: 400;
  341. hyphens: auto;
  342. letter-spacing: 1px;
  343. margin: 0px;
  344. text-align: left;
  345. text-transform: none;
  346. word-wrap: break-word;
  347. }
  348.  
  349. a {
  350. color: {color:Link};
  351. text-decoration: none;
  352. -webkit-transition: all 0.5s ease;
  353. -moz-transition: all 0.5s ease;
  354. -o-transition: all 0.5s ease;
  355. }
  356.  
  357. a:hover {
  358. color: {color:Link Hover};
  359. }
  360.  
  361. b {
  362. font-weight: 700;
  363. }
  364.  
  365. h1 {
  366. font-family: '{select:Heading Font}', sans-serif;
  367. font-size: 1.5rem;
  368. font-weight: bold;
  369. margin-block-start: 0em;
  370. text-transform: lowercase;
  371. }
  372.  
  373. h2 {
  374. font-size: 1rem;
  375. font-weight: bold;
  376. margin-block-start: 0em;
  377. }
  378.  
  379. blockquote {
  380. border-left: 1px solid {color:Border};
  381. margin: 5px;
  382. padding-left: 5px;
  383. }
  384.  
  385. blockquote img {
  386. height: auto;
  387. max-width: 100%;
  388. }
  389.  
  390. blockquote blockquote {
  391. border-left: 1px solid {color:Border};
  392. padding-left: 5px;
  393. }
  394.  
  395. pre {
  396. background: {color:Pre Background};
  397. border-radius: 5px;
  398. padding: 10px;
  399. white-space: pre-wrap;
  400. }
  401.  
  402. #links-wrapper {
  403. background: {color:Main Color};
  404. border-right: 1px solid {color:Border};
  405. height: 100%;
  406. position: fixed;
  407. top: 0px;
  408. width: 70px;
  409. }
  410.  
  411. .links {
  412. background: {color:Post Background};
  413. font-size: 0.9rem;
  414. padding: 10px;
  415. width: 20px;
  416. margin-right: auto;
  417. margin-left: auto;
  418. align-items: center;
  419. display: flex;
  420. margin-top: 10px;
  421. flex-direction: column;
  422. flex-wrap: wrap;
  423. border-radius: 5px;
  424. }
  425.  
  426. .links a {
  427. margin-bottom: 10px;
  428. }
  429.  
  430. .links a:last-of-type {
  431. margin-bottom: 0px;
  432. }
  433.  
  434. .iit-wrapper {
  435. margin-top: 10px;
  436. background: #ffffff;
  437. margin-left: auto;
  438. margin-right: auto;
  439. align-items: center;
  440. display: flex;
  441. flex-direction: column;
  442. flex-wrap: wrap;
  443. border-radius: 5px;
  444. padding: 5px;
  445. padding-bottom: 10px;
  446. width: 30px;
  447. }
  448.  
  449. .icon-image {
  450. height: 30px;
  451. width: 30px;
  452. }
  453.  
  454. .icon-image img {
  455. height: 30px;
  456. width: 30px;
  457. }
  458.  
  459. .title {
  460. align-items: center;
  461. display: flex;
  462. flex-grow: 2;
  463. font-weight: bold;
  464. font-size: 0.9rem;
  465. text-transform: uppercase;
  466. -webkit-transform: rotate(0deg);
  467. transform: rotate(0deg);
  468. white-space: nowrap;
  469. margin-top: 10px;
  470. -webkit-writing-mode: vertical-rl;
  471. writing-mode: vertical-rl;
  472. text-align: center;
  473. text-transform: uppercase;
  474. }
  475.  
  476. #right {
  477. margin-left: 71px;
  478. width: calc(100% - 71px);
  479. }
  480.  
  481. #container {
  482. margin-bottom: 70px;
  483. margin-left: auto;
  484. margin-right: auto;
  485. margin-top: 70px;
  486. width: calc({select:Post Width} + 352px);
  487. }
  488.  
  489. #ui-wrapper {
  490. align-items: center;
  491. height: 100%;
  492. display: flex;
  493. flex-direction: column;
  494. flex-wrap: wrap;
  495. justify-content: center;
  496. position: fixed;
  497. top: 0px;
  498. width: 250px;
  499. }
  500.  
  501. #user-information {
  502. width: 250px;
  503. }
  504.  
  505. .sidebar-image {
  506. height: auto;
  507. width: 250px;
  508. }
  509.  
  510. .sidebar-image img {
  511. display: block;
  512. border-radius: 5px;
  513. height: auto;
  514. width: 250px;
  515. }
  516.  
  517. .description {
  518. margin-top: 15px;
  519. }
  520.  
  521. .search-bar {
  522. background: {color:Post Background};
  523. align-items: center;
  524. display: flex;
  525. border: 1px solid {color:Border};
  526. border-radius: 5px;
  527. padding: 10px;
  528. margin-top: 15px;
  529. height: 0.9rem;
  530. width: 228px;
  531. }
  532.  
  533. .sis-wrapper {
  534. align-items: center;
  535. display: flex;
  536. width: 100%;
  537. }
  538.  
  539. .search-icon {
  540. font-size: 0.9rem;
  541. margin-right: 10px;
  542. }
  543.  
  544. .search-wrapper {
  545. width: 100%;
  546. }
  547.  
  548. form {
  549. display: flex;
  550. margin-top: 0em;
  551. margin-block-end: 0em;
  552. }
  553.  
  554. input {
  555. appearance: textfield;
  556. background: transparent;
  557. border-image: initial;
  558. border-radius: 0px;
  559. border-style: none;
  560. border-width: 0px;
  561. color: {color:Text};
  562. cursor: text;
  563. font-family: '{select:Body Font}', sans-serif;
  564. font-size: {select:Uppercase Font Size};
  565. letter-spacing: 1px;
  566. margin: 0px;
  567. outline: 0;
  568. padding: 0px;
  569. text-align: left;
  570. text-indent: 0px;
  571. text-rendering: auto;
  572. text-shadow: none;
  573. text-transform: uppercase;
  574. width: 100%;
  575. -webkit-rtl-ordering: logical;
  576. -webkit-writing-mode: horizontal-tb !important;
  577. }
  578.  
  579. input[type="submit" i] {
  580. display: none!important;
  581. }
  582.  
  583. #posts {
  584. margin-left: 350px;
  585. width: calc({select:Post Width} + 2px);
  586. }
  587.  
  588. .entries {
  589. margin-bottom: 50px;
  590. width: calc({select:Post Width} + 2px);
  591. }
  592.  
  593. .entries-wrapper {
  594. background: {color:Post Background};
  595. border: 1px solid {color:Border};
  596. width: {select:Post Width};
  597. }
  598.  
  599. .entries img {
  600. height: auto;
  601. max-width: 100%;
  602. }
  603.  
  604. .npf_row img {
  605. width: 100%;
  606. }
  607.  
  608. .tmblr-full {
  609. margin-bottom: 10px;
  610. }
  611.  
  612. figure {
  613. margin-bottom: 20px;
  614. }
  615.  
  616. .npf_inst {
  617. margin-bottom: 20px;
  618. }
  619.  
  620. .npf-wrapper {
  621. margin: 20px;
  622. }
  623.  
  624. .npf-wrapper .tmblr-full {
  625. display: flex;
  626. }
  627.  
  628. .text-wrapper {
  629. margin: 20px;
  630. }
  631.  
  632. .read_more {
  633. background: {color:Main Color};
  634. border: 1px solid {color:Border};
  635. border-radius: 5px;
  636. color: white;
  637. display: inline-block;
  638. font-size: {select:Uppercase Font Size};
  639. padding: 10px;
  640. text-align: center;
  641. text-transform: uppercase;
  642. width: calc(100% - 22px);
  643. }
  644.  
  645. .read_more:hover {
  646. background: white;
  647. color: {color:Main Color};
  648. }
  649.  
  650. .vignette, #vignette {
  651. opacity: 0;
  652. }
  653.  
  654. .lightbox-image, #tumblr_lightbox img {
  655. border-radius: 0!important;
  656. box-shadow: none!important;
  657. max-width: none;
  658. }
  659.  
  660. .tmblr-lightbox, #tumblr_lightbox {
  661. background-attachment: fixed;
  662. background-image: url('https://i.imgur.com/7wF2zbK.png');
  663. background-repeat: repeat;
  664. }
  665.  
  666. .lightbox-caption, #tumblr_lightbox_caption {
  667. visibility: hidden;
  668. }
  669.  
  670. .text p {
  671. margin-top: 0px;
  672. }
  673.  
  674. .caption {
  675. margin-top: 20px;
  676. }
  677.  
  678. .caption p {
  679. margin-top: 0px;
  680. }
  681.  
  682. blockquote.tumblr_parent {
  683. border: none;
  684. border-bottom: 1px solid {color:Border};
  685. margin: 0px;
  686. margin-bottom: 20px;
  687. padding: 0px;
  688. }
  689.  
  690. blockquote.tumblr_parent:last-child {
  691. border-bottom: 0px!important;
  692. }
  693.  
  694. blockquote.user-reblog {
  695. border: none;
  696. margin: 0px;
  697. padding: 0px;
  698. }
  699.  
  700. .tumblr_avatar {
  701. border-radius: 100px;
  702. height: 30px;
  703. margin-bottom: 20px;
  704. width: 30px;
  705. }
  706.  
  707. .tumblr_avatar img {
  708. height: 30px;
  709. width: 30px;
  710. }
  711.  
  712. .user-image img {
  713. height: 30px;
  714. width: 30px;
  715. }
  716.  
  717. a.tumblr_blog {
  718. font-size: {select:Body Font Size};
  719. font-weight: bold;
  720. margin-top: calc((30px - {select:Body Font Size}) / 4);
  721. display: inline-block;
  722. position: absolute;
  723. margin-left: 10px;
  724. text-align: center;
  725. text-transform: lowercase;
  726. }
  727.  
  728. .message-wrapper {
  729. background: {color:Post Background};
  730. margin: -20px;
  731. margin-bottom: 0px;
  732. width: calc(100% + 40px);
  733. }
  734.  
  735. .message-info-wrapper {
  736. border-bottom: 1px solid {color:Border};
  737. align-items: center;
  738. display: flex;
  739. padding: 20px;
  740. }
  741.  
  742. .asker {
  743. height: 48px;
  744. margin-right: 20px;
  745. width: 48px;
  746. }
  747.  
  748. .asker img {
  749. border-radius: 100px;
  750. height: 48px;
  751. width: 48px;
  752. }
  753.  
  754. a.asker {
  755. margin-right: 0px;
  756. }
  757.  
  758. .asker-question {
  759. font-size: {select:Uppercase Font Size};
  760. text-transform: uppercase;
  761. width: calc(100% - 68px);
  762. }
  763.  
  764. .message {
  765. background: {color:Main Color};
  766. color: {color:Post Background};
  767. padding: 20px;
  768. }
  769.  
  770. .message p {
  771. margin-block-start: 0em;
  772. margin-block-end: 0em;
  773. }
  774.  
  775. .quote-wrapper {
  776. width: 100%;
  777. }
  778.  
  779. .quote-icon {
  780. background: {color:Chat Even Background};
  781. border-radius: 100px;
  782. color: {color:Main Color};
  783. font-size: 0.9rem;
  784. height: 0.9rem;
  785. margin-left: auto;
  786. margin-right: auto;
  787. margin-top: -17.195px;
  788. padding: 10px;
  789. width: 0.9rem;
  790. }
  791.  
  792. .quote {
  793. border: 1px solid {color:Border};
  794. border-radius: 5px;
  795. font-family: 'Playfair Display', serif;
  796. font-size: 1.2rem;
  797. font-weight: bold;
  798. padding: 10px;
  799. padding-bottom: 26.4px;
  800. text-align: center;
  801. }
  802.  
  803. .quote a.tumblr_blog {
  804. font-size: {select:Uppercase Font Size};
  805. font-weight: normal;
  806. margin-top: 0px;
  807. margin-left: 0px;
  808. display: inline-block;
  809. position: relative;
  810. text-align: center;
  811. text-transform: uppercase;
  812. }
  813.  
  814. .website {
  815. background: {color:Main Color};
  816. border-radius: 5px;
  817. color: {color:Post Background};
  818. font-size: {select:Uppercase Font Size};
  819. padding: 20px;
  820. text-transform: uppercase;
  821. }
  822.  
  823. .website a {
  824. color: {color:Post Background};
  825. }
  826.  
  827. .website a:hover {
  828. color: {color:Link Hover};
  829. }
  830.  
  831. .chat {
  832. font-size: {select:Uppercase Font Size};
  833. text-transform: uppercase;
  834. }
  835.  
  836. .chat li {
  837. list-style-type: none;
  838. }
  839.  
  840. .chat li:nth-child(odd) {
  841. background: {color:Main Color};
  842. color: {color:Post Background};
  843. padding: 10px;
  844. }
  845.  
  846. .chat li:nth-child(even) {
  847. background: {color:Chat Even Background};
  848. color: {color:Main Color};
  849. padding: 10px;
  850. }
  851.  
  852. .audio iframe {
  853. height: 85px;
  854. width: 100%;
  855. }
  856.  
  857. /** spotify fix by glenthemes **/
  858.  
  859. iframe[src*='open.spotify.com'][src*='track'], figure[data-npf*='open.spotify.com'][data-npf*='track']{
  860. height: 85px!important;
  861. margin-bottom: 0px;
  862. }
  863.  
  864. figure {
  865. display: flex;
  866. width: 100%;
  867. }
  868.  
  869. figcaption.npf-audio-wrapper {
  870. width: 100%;
  871. }
  872.  
  873. .npf-audio-wrapper {
  874. --NPF-Audio-Buttons-Size: 1.4rem;
  875. --NPF-Audio-Buttons-Color: #555555;
  876. --NPF-Audio-Buttons-Spacing: 1.3rem;
  877. --NPF-Audio-Image-Size: 85px;
  878. --NPF-Audio-Image-Spacing: 0px;
  879. }
  880.  
  881. span.npf-audio-title {
  882. font-weight: bold;
  883. }
  884.  
  885. .npf-audio-background {
  886. background-color: #f2f2f2;
  887. padding: 1.5rem;
  888. }
  889.  
  890. video {
  891. height: auto;
  892. width: 100%;
  893. }
  894.  
  895. .top-post-info {
  896. border-bottom: 1px solid {color:Border};
  897. padding: 20px;
  898. }
  899.  
  900. .origins-icon {
  901. display: flex;
  902. flex-direction: row;
  903. flex-wrap: wrap;
  904. }
  905.  
  906. .origins-icon a {
  907. margin-left: 10px;
  908. background: {color:Main Color};
  909. border-radius: 100px;
  910. color: {color:Post Background};
  911. font-size: 0.9rem;
  912. font-variant: normal;
  913. height: 0.9rem;
  914. line-height: 1;
  915. padding: 7px;
  916. width: 0.9rem;
  917. }
  918.  
  919. .origins-icon a:hover {
  920. color: {color:Link Hover};
  921. }
  922.  
  923. .pslr {
  924. align-items: center;
  925. display: flex;
  926. justify-content: space-between;
  927. overflow: hidden;
  928. }
  929.  
  930. .pslr-a, .pslr-b {
  931. align-items: center;
  932. display: flex;
  933. flex-direction: row;
  934. text-transform: lowercase;
  935. }
  936.  
  937. .pinned-post {
  938. background: {color:Pin};
  939. border-radius: 100px;
  940. color: {color:Post Background};
  941. font-size: 0.9rem;
  942. font-variant: normal;
  943. height: 0.9rem;
  944. line-height: 1;
  945. padding: 7px;
  946. width: 0.9rem;
  947. margin-right: 10px;
  948. }
  949.  
  950. .date {
  951. text-transform: lowercase;
  952. }
  953.  
  954. .post-info {
  955. border-top: 1px solid {color:Border};
  956. padding: 20px;
  957. }
  958.  
  959. .like-b {
  960. display: inline-block;
  961. margin-right: 0px;
  962. position: relative;
  963. }
  964.  
  965. .like-b .like_button iframe {
  966. bottom: 0px;
  967. left: 0px;
  968. opacity: 0;
  969. position: absolute;
  970. right: 0px;
  971. top: 0px;
  972. }
  973.  
  974. .like-b .liked + .b {
  975. color: {color:Like};
  976. }
  977.  
  978. .reblog-b {
  979. color: {color:Link};
  980. display: inline-block;
  981. margin-left: 10px;
  982. }
  983.  
  984. .vsdt-wrapper {
  985. margin: -3px;
  986. margin-top: 10px;
  987. }
  988.  
  989. .vsdt-wrapper span {
  990. display: inline-block;
  991. margin: 3px;
  992. }
  993.  
  994. .tags-title {
  995. display: inline-block;
  996. text-transform: lowercase;
  997. }
  998.  
  999. .tags-title a {
  1000. -webkit-transition: all 0.5s ease;
  1001. -moz-transition: all 0.5s ease;
  1002. -o-transition: all 0.5s ease;
  1003. }
  1004.  
  1005. .tags-title:hover {
  1006. color: {color:Link Hover};
  1007. }
  1008.  
  1009. .tags {
  1010. text-transform: lowercase;
  1011. }
  1012.  
  1013. .tags-alternate {
  1014. display: inline-block;
  1015. text-transform: lowercase;
  1016. }
  1017.  
  1018. .permalink-info {
  1019. border-top: 1px solid {color:Border};
  1020. margin: -20px;
  1021. margin-top: 20px;
  1022. padding: 20px;
  1023. }
  1024.  
  1025. .permalink-info li {
  1026. list-style-type: none;
  1027. padding-left: 0px;
  1028. text-transform: lowercase;
  1029. }
  1030.  
  1031. ol.notes {
  1032. background: {color:Post Background};
  1033. border: 1px solid {color:Border};
  1034. margin-top: 20px;
  1035. padding: 10px;
  1036. text-align: left;
  1037. text-transform: lowercase;
  1038. }
  1039.  
  1040. ol.notes li {
  1041. list-style-type: none;
  1042. margin: 10px;
  1043. }
  1044.  
  1045. ol.notes li.note img.avatar {
  1046. border-radius: 100px;
  1047. vertical-align: -4px;
  1048. height: 16px;
  1049. margin-right: 10px;
  1050. width: 16px;
  1051. }
  1052.  
  1053. .more_notes_link {
  1054. background: {color:Main Color};
  1055. border-radius: 5px;
  1056. color: white;
  1057. display: inline-block;
  1058. padding: 5px 10px 5px 10px;
  1059. text-align: center;
  1060. }
  1061.  
  1062. .pagination {
  1063. align-items: center;
  1064. display: flex;
  1065. font-size: {select:Uppercase Font Size};
  1066. justify-content: space-between;
  1067. text-align: center;
  1068. text-transform: uppercase;
  1069. }
  1070.  
  1071. .navigation {
  1072. align-self: baseline;
  1073. display: flex;
  1074. }
  1075.  
  1076. .navigation a {
  1077. background: {color:Main Color};
  1078. border-radius: 5px;
  1079. border: 1px solid {color:Border};
  1080. color: {color:Post Background};
  1081. display: inline-block;
  1082. font-size: {select:Uppercase Font Size};
  1083. font-variant: normal;
  1084. padding: 10px;
  1085. }
  1086.  
  1087. .navigation a:hover {
  1088. background: {color:Post Background};
  1089. color: {color:Main Color};
  1090. }
  1091.  
  1092. .pages {
  1093. align-self: baseline;
  1094. display: flex;
  1095. background: {color:Main Color};
  1096. border-radius: 5px;
  1097. border: 1px solid {color:Border};
  1098. color: {color:Post Background};
  1099. font-size: {select:Uppercase Font Size};
  1100. padding: 10px;
  1101. text-transform: uppercase;
  1102. }
  1103.  
  1104. #top {
  1105. background: {color:Post Background};
  1106. border: 1px solid {color:Border};
  1107. border-radius: 100px;
  1108. bottom: 66px;
  1109. color: {color:Link};
  1110. display: none;
  1111. font-size: 0.9rem;
  1112. font-variant: normal;
  1113. height: 0.9rem;
  1114. line-height: 1;
  1115. padding: 10px;
  1116. position: fixed;
  1117. right: 20px;
  1118. text-rendering: auto;
  1119. width: 0.9rem;
  1120. z-index: 1;
  1121. -webkit-transition: all 0.5s ease;
  1122. -moz-transition: all 0.5s ease;
  1123. -o-transition: all 0.5s ease;
  1124. }
  1125.  
  1126. #top:hover {
  1127. color: {color:Link Hover};
  1128. }
  1129.  
  1130. #credit {
  1131. bottom: 20px;
  1132. font-size: 0.9rem;
  1133. height: 36px;
  1134. position: fixed;
  1135. right: 20px;
  1136. text-transform: uppercase;
  1137. z-index: 1;
  1138. width: auto;
  1139. }
  1140.  
  1141. #credit a {
  1142. background: {color:Post Background};
  1143. border: 1px solid {color:Border};
  1144. border-radius: 100px;
  1145. color: {color:Link};
  1146. display: inline-block;
  1147. font-size: 0.9rem;
  1148. font-variant: normal;
  1149. height: 0.9rem;
  1150. line-height: 1;
  1151. padding: 10px;
  1152. width: 0.9rem;
  1153. }
  1154.  
  1155. #credit a:hover {
  1156. color: {color:Link Hover};
  1157. }
  1158.  
  1159. #credit:hover .credit-name {
  1160. right: 20px;
  1161. opacity: 1;
  1162. }
  1163.  
  1164. .credit-name {
  1165. background: {color:Text};
  1166. border: 1px solid {color:Border};
  1167. border-radius: 100px;
  1168. bottom: 20px;
  1169. color: {color:Post Background};
  1170. display: inline-block;
  1171. font-size: 0.9rem;
  1172. font-variant: normal;
  1173. height: 0.9rem;
  1174. line-height: 1;
  1175. opacity: 0;
  1176. padding: 10px;
  1177. padding-right: 46.8px;
  1178. position: fixed;
  1179. right: -20px;
  1180. text-align: center;
  1181. z-index: -1;
  1182. -webkit-transition: all 0.9s ease;
  1183. -moz-transition: all 0.9s ease;
  1184. -o-transition: all 0.9s ease;
  1185. }
  1186.  
  1187. {CustomCSS}
  1188.  
  1189. </style>
  1190.  
  1191. </head>
  1192.  
  1193. <body>
  1194.  
  1195. <a class="controls-button" title="Tumblr Controls"><i class="ph-bold ph-sliders-horizontal"></i></a>
  1196.  
  1197. <!-- Start of Links, Icon + Title -->
  1198.  
  1199. <div id="links-wrapper">
  1200.  
  1201. <div class="links">
  1202. <a href="/" title="Home"><i class="ph-bold ph-house"></i></a>
  1203. {block:AskEnabled}<a href="/ask" title="Inbox"><i class="ph-bold ph-chat-text"></i></a>{/block:AskEnabled}
  1204. {block:SubmissionsEnabled}{block:ifSubmitLink}<a href="/submit" title="Submit"><i class="ph-bold ph-cloud-arrow-up"></i></a>{/block:ifSubmitLink}{/block:SubmissionsEnabled}
  1205. {block:ifLink1URL}<a href="{text:Link 1 URL}" title="{text:Link 1 Name}"><i class="ph-bold ph-airplane-tilt"></i></a>{/block:ifLink1URL}
  1206. {block:ifLink2URL}<a href="{text:Link 2 URL}" title="{text:Link 2 Name}"><i class="ph-bold ph-butterfly"></i></a>{/block:ifLink2URL}
  1207. {block:ifLink3URL}<a href="{text:Link 3 URL}" title="{text:Link 3 Name}"><i class="ph-bold ph-cake"></i></a>{/block:ifLink3URL}
  1208. <a href="/archive" title="Archive"><i class="ph-bold ph-clock-clockwise"></i></a>
  1209. </div>
  1210.  
  1211. <div class="iit-wrapper"><div class="icon-image"><img src="{PortraitURL-30}"/></div><div class="title">{text:Title}</div>
  1212. </div>
  1213.  
  1214. </div>
  1215.  
  1216. <!-- End of Links, Icon + Title -->
  1217.  
  1218. <div id="right">
  1219.  
  1220. <div id="container">
  1221.  
  1222. <div id="ui-wrapper">
  1223.  
  1224. <div id="user-information">
  1225.  
  1226. <div class="sidebar-image"><img src="{image:Sidebar Image}"/></div>
  1227.  
  1228. {block:Description}<div class="description">{Description}</div>{/block:Description}
  1229.  
  1230. <div class="search-bar">
  1231.  
  1232. <div class="sis-wrapper">
  1233.  
  1234. <div class="search-icon"><i class="ph-bold ph-list-magnifying-glass"></i></div>
  1235.  
  1236. <!-- Start of Search Bar -->
  1237.  
  1238. <div class="search-wrapper"><form action="/search" method="get"><input type="text" name="q" placeholder="Search This Blog" value="{SearchQuery}"/></form></div>
  1239.  
  1240. <!-- End of Search Bar -->
  1241.  
  1242. </div>
  1243.  
  1244. </div>
  1245.  
  1246. </div>
  1247.  
  1248. </div>
  1249.  
  1250. <div id="posts">
  1251.  
  1252. {block:Posts}
  1253.  
  1254. <div class="entries" id="{PostID}" post-type="{PostType}">
  1255.  
  1256. <div class="entries-wrapper">
  1257.  
  1258. {block:IndexPage}
  1259. <div class="top-post-info">
  1260. <div class="pslr">
  1261. <div class="pslr-a">
  1262. {block:Date}<div class="date"><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:Date}
  1263. </div>
  1264. <div class="pslr-b">
  1265. <div class="origins-icon">
  1266. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="Reblogged Via {ReblogParentName}"><i class="ph ph-arrow-u-down-left"></i></a>{/block:RebloggedFrom}
  1267. {block:RebloggedFrom}<a href="{ReblogRootURL}" title="Originally Posted By {ReblogRootName}"><i class="ph ph-tree-structure"></i></a>{/block:RebloggedFrom}
  1268. </div>
  1269. </div>
  1270. </div>
  1271. </div>
  1272. {/block:IndexPage}
  1273.  
  1274. {block:Text}
  1275. {block:NotReblog}
  1276. <div class="npf-wrapper">
  1277. {block:Title}
  1278. <h1>{Title}</h1>
  1279. {/block:Title}
  1280. {Body}
  1281. </div>
  1282. {/block:NotReblog}
  1283. {block:RebloggedFrom}
  1284. <div class="text-wrapper">
  1285. {block:Title}
  1286. <h1>{Title}</h1>
  1287. {/block:Title}
  1288. <div class="text">
  1289. {Body}
  1290. </div>
  1291. </div>
  1292. {/block:RebloggedFrom}
  1293. {/block:Text}
  1294.  
  1295. {block:Answer}
  1296. <div class="text-wrapper">
  1297. <div class="message-wrapper">
  1298. <div class="message-info-wrapper">
  1299. <div class="asker"><img src="{AskerPortraitURL-48}"/></div><div class="asker-question"><i class="ph-bold ph-chat-circle-dots"></i> {Asker} <br> sent a message:</div>
  1300. </div>
  1301. <div class="message">{Question}</div>
  1302. </div>
  1303. <div class="caption">
  1304. {Answer}
  1305. </div>
  1306. </div>
  1307. {/block:Answer}
  1308.  
  1309. {block:Quote}
  1310. <div class="text-wrapper">
  1311. <div class="quote-wrapper">
  1312. <div class="quote">
  1313. "{Quote}</i>"
  1314. {block:Source}
  1315. <br><br>
  1316. <font style="font-family: '{select:Body Font}', sans-serif;font-size: {select:Uppercase Font Size};font-style: normal;font-weight: normal;text-transform: uppercase;">
  1317. — {Source}
  1318. </font>
  1319. {/block:Source}
  1320. </div>
  1321. <div class="quote-icon"><i class="ph-bold ph-quotes"></i></div>
  1322. </div>
  1323. </div>
  1324. {/block:Quote}
  1325.  
  1326. {block:Link}
  1327. <div class="text-wrapper">
  1328. {block:Thumbnail}
  1329. <img src="{Thumbnail}" style="border-radius: 5px;margin-bottom: 10px;"/>
  1330. {/block:Thumbnail}
  1331. <div class="website"><i class="ph-bold ph-link-simple-horizontal" style="margin-right: 10px;"></i><a href="{URL}" target="_blank">{Name}{block:Excerpt}<br><br>{Excerpt}{/block:Excerpt}
  1332. </a></div>
  1333. {block:Description}
  1334. <div class="caption">
  1335. {Description}
  1336. </div>
  1337. {/block:Description}
  1338. </div>
  1339. {/block:Link}
  1340.  
  1341. {block:Chat}
  1342. <div class="text-wrapper">
  1343. <div class="chat">
  1344. {block:Title}
  1345. <h1>{Title}</h1>
  1346. {/block:Title}
  1347. {block:Lines}
  1348. <li>{block:Label}{Label}{/block:Label}
  1349. {Line}
  1350. </li>
  1351. {/block:Lines}
  1352. </div>
  1353. </div>
  1354. {/block:Chat}
  1355.  
  1356. {block:Audio}
  1357. <div class="text-wrapper">
  1358. <div class="audio">
  1359. {AudioEmbed}
  1360. </div>
  1361. {block:Caption}
  1362. <div class="caption">{Caption}</div>
  1363. {/block:Caption}
  1364. </div>
  1365. {/block:Audio}
  1366.  
  1367. {block:Photo}
  1368. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-HighRes}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>
  1369. {block:Caption}
  1370. <div class="text-wrapper">
  1371. <div class="caption">{Caption}</div>
  1372. </div>
  1373. {/block:Caption}
  1374. {/block:Photo}
  1375.  
  1376. {block:Photoset}
  1377. <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>
  1378. {block:Caption}
  1379. <div class="text-wrapper">
  1380. <div class="caption">{Caption}</div>
  1381. </div>
  1382. {/block:Caption}
  1383. {/block:Photoset}
  1384.  
  1385. {block:Video}
  1386. <div class="text-wrapper">
  1387. <div class="video">
  1388. {Video-500}
  1389. </div>
  1390. {block:Caption}
  1391. <div class="caption">{Caption}</div>
  1392. {/block:Caption}
  1393. </div>
  1394. {/block:Video}
  1395.  
  1396. {block:Date}
  1397. <div class="post-info">
  1398. <div class="pslr">
  1399. <div class="pslr-a">{block:PinnedPostLabel}<div class="pinned-post" title="{PinnedPostLabel}"><i class="ph-bold ph-bookmark-simple"></i></div>{/block:PinnedPostLabel}
  1400. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  1401. </div>
  1402. <div class="pslr-b">
  1403. <a class="like-b" href="#">{LikeButton}<div class="b"><i class="ph-bold ph-heart"></i></div></a>
  1404. <a class="reblog-b" href="{ReblogURL}" target="_blank"><i class="ph-bold ph-arrows-counter-clockwise"></i></a>
  1405. </div>
  1406. </div>
  1407.  
  1408. {block:IfHideTags}
  1409. {block:HasTags}
  1410. <div class="vsdt-wrapper">
  1411. <a class="tags-title"><span>Show Tags</span></a>
  1412. <div class="tags">
  1413. {block:Tags}
  1414. <span style="border-bottom: 1px solid {color:Main Color};"><a href="{TagURL}">{Tag}</a></span>
  1415. {/block:Tags}
  1416. </div>
  1417. </div>
  1418. {/block:HasTags}
  1419. {/block:IfHideTags}
  1420. {block:IfShowTags}
  1421. {block:HasTags}
  1422. <div class="vsdt-wrapper">
  1423. <div class="tags-alternate">
  1424. {block:Tags}
  1425. <span style="border-bottom: 1px solid {color:Main Color};"><a href="{TagURL}">{Tag}</a></span>
  1426. {/block:Tags}
  1427. </div>
  1428. </div>
  1429. {/block:HasTags}
  1430. {/block:IfShowTags}
  1431.  
  1432. {block:Permalink}
  1433. <div class="permalink-info">
  1434. <li><i class="ph-bold ph-calendar" style="margin-right: 5px;"></i>Posted On {Month} {DayOfMonth}, {Year}</li>
  1435. {block:RebloggedFrom}<li><i class="ph-bold ph-arrows-counter-clockwise" style="margin-right: 5px;"></i><a href="{ReblogParentURL}">Reblogged Via {ReblogParentName}</a></li>{/block:RebloggedFrom}
  1436. {block:RebloggedFrom}<li><i class="ph-bold ph-pen" style="margin-right: 5px;"></i><a href="{ReblogRootURL}">Originally Posted By {ReblogRootName}</a></li>{/block:RebloggedFrom}
  1437. {block:NoteCount}<li><i class="ph-bold ph-chats-circle" style="margin-right: 5px;"></i>With <a href="{Permalink}">{NoteCountWithLabel}</a></li>{/block:NoteCount}
  1438. {block:ContentSource}<li><i class="ph-bold ph-share-network" style="margin-right: 5px;"></i>Sourced From <a href="{SourceURL}">{SourceTitle}</a></li>{/block:ContentSource}
  1439. </div>
  1440. {/block:Permalink}
  1441. </div>
  1442. {/block:Date}
  1443.  
  1444. </div>
  1445.  
  1446. {block:PostNotes}
  1447. {PostNotes}
  1448. {/block:PostNotes}
  1449.  
  1450. </div>
  1451.  
  1452. {/block:Posts}
  1453.  
  1454. {block:Pagination}
  1455. <div class="pagination">
  1456. {block:PreviousPage}
  1457. <div class="navigation">
  1458. <a href="{PreviousPage}"><i class="ph-bold ph-caret-left" style="margin-right: 5px;"></i>Prev</a>
  1459. </div>
  1460. {/block:PreviousPage}
  1461. <div class="pages">
  1462. {CurrentPage} / {TotalPages}
  1463. </div>
  1464. {block:NextPage}
  1465. <div class="navigation">
  1466. <a href="{NextPage}">Next<i class="ph-bold ph-caret-right" style="margin-left: 5px;"></i></a>
  1467. </div>
  1468. {/block:NextPage}
  1469. </div>
  1470. {/block:Pagination}
  1471.  
  1472. </div>
  1473.  
  1474. </div>
  1475.  
  1476. </div>
  1477.  
  1478. {block:IfBackToTop}<div id="top"><i class="ph-bold ph-arrow-line-up"></i></div>{/block:IfBackToTop}
  1479.  
  1480. <!-- Start of Theme Credit -->
  1481.  
  1482. <div id="credit"><a href="https://tanaka-drew.tumblr.com/"><i class="ph-bold ph-moon-stars"></i></a><div class="credit-name">tanaka-drew</div></div>
  1483.  
  1484. <!-- End of Theme Credit -->
  1485.  
  1486. </body>
  1487.  
  1488. </html>
Advertisement
Add Comment
Please, Sign In to add comment