API tools faq
paste
littlemisswhoever

For Minnieminminamin

littlemisswhoever
Jan 17th, 2025
32
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.92 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-- (BASE) THEME BY SAE (INIZIARE) -->
  4. <!-- UNRELEASED; DO NOT COPY/TAKE ANYTHING FROM THIS CODE PLEASE -->
  5.  
  6.  
  7.  
  8. <head>
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15. </head>
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  
  24. <!--✻✻✻✻✻✻ npf audio player by @glenthemes ✻✻✻✻✻✻-->
  25. <script src="//tmblr-npf-audio.gitlab.io/s/init.js"></script>
  26. <link href="//tmblr-npf-audio.gitlab.io/s/base.css" rel="stylesheet">
  27. <script>
  28. tumblr_npf_audio({
  29. emptyTitleText: "Untitled track",
  30. emptyArtistText: "Untitled artist",
  31. emptyAlbumText: "Untitled album",
  32.  
  33. titleLabel: "Track:",
  34. artistLabel: "Artist:",
  35. albumLabel: "Album:"
  36. });
  37. </script>
  38.  
  39.  
  40. <script type="text/javascript">
  41. $(document).ready(function(){
  42. $('#ask_form').before('My askbox is available to anyone and everyone, no matter the nature of your inquiry, IC or OOC. <b>ANONYMOUS WILL REMAIN ENABLED</b> and if you choose to make use of the feature, that is your right and <b>I WILL NOT JUDGE YOU FOR IT.</b> In regards to theme inquiries, never hesitate no matter what it is. I promise, I do not bite, and I am always very happy to help!');
  43. });
  44. </script>
  45.  
  46.  
  47.  
  48. <!-- SCROLLING -->
  49. <script>
  50. jQuery(document).ready(function($) {
  51. const $scrollableContainer = $('.scrollable-container');
  52. const rowHeight = 33; // Height of each row in pixels
  53. let isScrolling = false; // Prevent simultaneous scrolling
  54.  
  55. // Handle the wheel event
  56. $scrollableContainer.on('wheel', function(event) {
  57. event.preventDefault(); // Prevent the default scroll behavior
  58.  
  59. // If we are currently scrolling, prevent further scrolling until the current scroll finishes
  60. if (isScrolling) return;
  61.  
  62. isScrolling = true; // Set scrolling in progress
  63.  
  64. // Determine the scroll direction
  65. const scrollAmount = event.originalEvent.deltaY;
  66.  
  67. // Scroll down (next row) or scroll up (previous row)
  68. if (scrollAmount > 0) {
  69. scrollDown();
  70. } else {
  71. scrollUp();
  72. }
  73.  
  74. // Function to scroll down one row
  75. function scrollDown() {
  76. let currentScroll = $scrollableContainer.scrollTop();
  77. let nextScroll = Math.ceil(currentScroll / rowHeight) * rowHeight; // Round to next row
  78. smoothScroll(nextScroll);
  79. }
  80.  
  81. // Function to scroll up one row
  82. function scrollUp() {
  83. let currentScroll = $scrollableContainer.scrollTop();
  84. let prevScroll = Math.floor(currentScroll / rowHeight) * rowHeight; // Round to previous row
  85. smoothScroll(prevScroll);
  86. }
  87.  
  88. // Smooth scrolling function
  89. function smoothScroll(targetScroll) {
  90. $scrollableContainer.stop().animate({
  91. scrollTop: targetScroll
  92. }, 200, 'swing', function() {
  93. isScrolling = false; // Once scroll completes, allow another scroll
  94. });
  95. }
  96. });
  97. });
  98.  
  99. </script>
  100.  
  101.  
  102.  
  103.  
  104.  
  105.  
  106.  
  107. <!-- SCRIPT: JQUERY -->
  108.  
  109. <script src="https://static.tumblr.com/gjexvml/cszpz4vyd/jquery-3.4.1.min.js"></script>
  110.  
  111.  
  112.  
  113. <link rel="stylesheet" media="screen" href="//assets.tumblr.com/client/prod/standalone/blog-network-npf/index.build.css">
  114.  
  115.  
  116.  
  117. <!--
  118. NPF images fix v3.0 by @glenthemes [2021]
  119. 💌 git.io/JRBt7
  120. --->
  121. <script src="//npf-images-v3.github.io/script.js"></script>
  122. <link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
  123. <style tmblr-npf>
  124. :root {
  125. --NPF-Caption-Spacing:1em;
  126. --NPF-Image-Spacing:4px;
  127. }
  128. </style>
  129.  
  130.  
  131.  
  132.  
  133.  
  134.  
  135.  
  136.  
  137.  
  138.  
  139.  
  140.  
  141.  
  142.  
  143.  
  144. <!-- META LINES -->
  145.  
  146. <meta name="image:Sidebar" content=""/>
  147.  
  148. <meta name="color:Background" content="#000000"/>
  149. <meta name="color:Border" content="#191919"/>
  150. <meta name="color:Text" content="#c6c6c6"/>
  151. <meta name="color:Links" content=""/>
  152. <meta name="color:Links Hover" content=""/>
  153. <meta name="color:Bold" content="#555555"/>
  154. <meta name="color:Tags" content ="#555555"/>
  155. <meta name="color:Italic" content="#ffffff"/>
  156. <meta name="color:Permalinkbar" content="#0b0b0b"/>
  157. <meta name="color:Permalinktext" content="#ffffff"/>
  158.  
  159.  
  160. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  161.  
  162.  
  163.  
  164. <link rel="preconnect" href="https://fonts.googleapis.com">
  165. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  166. <link href="https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
  167.  
  168.  
  169.  
  170. <style type="text/css">
  171.  
  172.  
  173.  
  174. /* Rules for sizing the icon. */
  175. .material-icons.md-18 { font-size: 18px; }
  176. .material-icons.md-24 { font-size: 24px; }
  177. .material-icons.md-36 { font-size: 36px; }
  178. .material-icons.md-48 { font-size: 48px; }
  179.  
  180. /* Rules for using icons as black on a light background. */
  181. .material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
  182. .material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
  183.  
  184. /* Rules for using icons as white on a dark background. */
  185. .material-icons.md-light { color: rgba(255, 255, 255, 1); }
  186. .material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
  187.  
  188.  
  189.  
  190.  
  191. .iframe-controls--desktop, .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  192. position:fixed;
  193. margin-top:6px!important;
  194. right:0px;
  195. opacity: 0.8;
  196. z-index:999999999!important;
  197. transform:scale(0.84,0.6);
  198. transform-origin:100% 0%;
  199. }
  200.  
  201.  
  202. * {
  203. text-indent: 0 !important;
  204. }
  205.  
  206.  
  207.  
  208.  
  209. /* FOUNDATION */
  210.  
  211.  
  212. body {
  213. background-color:{color:background};
  214. font-family: Arial;
  215. font-size:11px!important;
  216. line-height:18px;
  217. color:{color:text};
  218. overflow: hidden;
  219. }
  220.  
  221.  
  222. body a {
  223. text-transform:none!important;
  224. color:{color:text};
  225. font-size:11px!important;
  226. -moz-transition-duration:1.5s;
  227. -webkit-transition-duration:1.5s;
  228. -o-transition-duration:1.5s;
  229. }
  230.  
  231.  
  232. body a:hover {
  233. color:{color:links hover}!important;
  234. -moz-transition-duration:1.5s;
  235. -webkit-transition-duration:1.5s;
  236. -o-transition-duration:1.5s;
  237. }
  238.  
  239.  
  240.  
  241. ::selection {
  242. background-color: {color:permalink}; /* Gold background */
  243. color: #fff; /* Black text */
  244. }
  245.  
  246. /* For better browser compatibility */
  247. ::-moz-selection {
  248. background-color: {color:permalink}; /* Gold background for Firefox */
  249. color: {color:#fff}; /* Black text for Firefox */
  250. }
  251.  
  252.  
  253.  
  254.  
  255. #container {
  256. z-index:9999;
  257. left: 50%;
  258. margin-left:-475px;
  259. margin-top:0px;
  260. position:fixed;
  261. width:896px;
  262. height:100%;
  263. -webkit-box-shadow: 0px 0px 48px 20px {color:background};
  264. -moz-box-shadow: 0px 0px 48px 20px {color:background};
  265. box-shadow: 0px 0px 48px 20px {color:background};
  266. }
  267.  
  268.  
  269.  
  270.  
  271. /* FONT-RELATED */
  272.  
  273.  
  274. b, bold, strong {
  275. color:{color:bold};
  276. margin-right:1px;
  277. margin-left:1px;
  278. }
  279.  
  280. em, i, italic {
  281. color:#d0d0d0!important;
  282. }
  283.  
  284.  
  285. small {
  286. font-size:11px;
  287. }
  288.  
  289.  
  290. sub, sup {
  291. font-size:10px;
  292. vertical-align: baseline!important;
  293. position: relative!important;
  294. top: 0em!important;
  295. line-height:13px;
  296. }
  297.  
  298. s, strike {
  299. text-decoration: none !important;
  300. font-weight:bold;
  301. color:#ffffff;
  302. }
  303.  
  304.  
  305. big {
  306. font-size:125%;
  307. }
  308.  
  309.  
  310. ul, ol {
  311. padding:0px;
  312. margin-left:13px;
  313. }
  314.  
  315.  
  316. li {
  317. padding-left: 0px;
  318. }
  319.  
  320.  
  321. blockquote {
  322. border-left:1px solid {color:border};
  323. padding-left:25px!important;
  324. margin-top:15px!important;
  325. margin-bottom:15px!important;
  326. margin-left:0px;
  327. margin-right:0px;
  328. }
  329.  
  330.  
  331. hr {
  332. height:12px;
  333. border:1px solid {color:border};
  334. background-color:{color:background};
  335. }
  336.  
  337.  
  338. h2 {
  339. font-family:arial;
  340. font-size:12px;
  341. border:1px solid {color:border};
  342. padding-left:25px;
  343. padding-right:25px;
  344. height:35px;
  345. line-height:35px;
  346. }
  347.  
  348.  
  349. h2 b, h2 strong {
  350. color:#ffffff;
  351. }
  352.  
  353.  
  354. h3 {
  355. padding-left:0px;
  356. padding-right:0px;
  357. margin-top:1px;
  358. outline:1px solid {color:border};
  359. height:25px;
  360. line-height:23px;
  361. color:{color:bold};
  362. }
  363.  
  364.  
  365.  
  366.  
  367.  
  368. /* TOP */
  369.  
  370.  
  371. .top-bar {
  372. width: 100%;
  373. background-color: {color:permalinkbar};
  374. border-bottom: 1px solid {color:border};
  375. color: white;
  376. height:25px;
  377. padding-top:20px;
  378. position: fixed;
  379. top: 0;
  380. left: 0;
  381. z-index: 50;
  382. }
  383.  
  384.  
  385. .top-bar-content {
  386. width: 100%;
  387. text-align: center;
  388. }
  389.  
  390. .top-bar-content a {
  391. text-decoration:none!important;
  392. font-weight:bold;
  393. color:#ffffff;
  394. text-transform:none!important;
  395. font-size:11px!important;
  396. padding-right:25px!important;
  397. margin-top:-10px!important;
  398. letter-spacing:0px!important;
  399. }
  400.  
  401.  
  402. .top-bar-content span {
  403. color:#3c3c3c;
  404. }
  405.  
  406.  
  407.  
  408. #theme-menu {
  409. display: none; /* Hidden by default */
  410. position: absolute; /* Positioned relative to the link */
  411. border: 1px solid {color:border};
  412. z-index: 1000;
  413. margin-top:7px!important;
  414. width:250px!important;
  415. }
  416.  
  417.  
  418.  
  419. #theme-menu button {
  420. background-color:{color:permalinkbar};
  421. color:{color:text};
  422. margin-bottom:-1px;
  423. margin-right:-1px;
  424. margin-left:-1px;
  425. font-size:11px;
  426. font-family:arial;
  427. font-weight:bold;
  428. height:35px;
  429. line-height:30px;
  430. border:1px solid {color:border};
  431. }
  432.  
  433.  
  434. #theme-menu button:hover {
  435. color:#ffffff;
  436. }
  437.  
  438.  
  439.  
  440.  
  441.  
  442.  
  443.  
  444.  
  445. /* SIDEBAR */
  446.  
  447.  
  448. #sidebar {
  449. position: absolute;
  450. width: 55px;
  451. height: 100vh;
  452. margin-top:36px;
  453. left: -9px;
  454. background-color: {color:background};
  455. border-right: 1px solid {color:border};
  456. border-left: 1px solid {color:border};
  457. padding: var(--gap3) 0;
  458. align-items: flex-start;
  459. }
  460.  
  461. #sidebarheader {
  462. padding: 18px;
  463. writing-mode: vertical-lr;
  464. rotate: 180deg;
  465. font-weight: 700;
  466. letter-spacing: 2px;
  467. white-space: nowrap;
  468. font-size: 1.1em;
  469. color: #796b61;
  470. }
  471.  
  472. #sidebartext {
  473. padding: 18px;
  474. writing-mode: vertical-lr;
  475. rotate: 180deg;
  476. letter-spacing: 1px;
  477. white-space: nowrap;
  478. font-weight: bold;
  479. font-size: 10px;
  480. text-transform: uppercase;
  481. }
  482.  
  483.  
  484. #icons {
  485. display: flex;
  486. flex-direction: column;
  487. align-items: center;
  488. transform: scale(0.7)!important;
  489. padding-top:10px!important;
  490. }
  491.  
  492. #icons i {
  493. margin-top: 5px;
  494. }
  495.  
  496.  
  497.  
  498. .sideimage {
  499. margin-top:45px;
  500. width: 275px;
  501. height: auto;
  502. }
  503.  
  504.  
  505.  
  506. #side {
  507. position: absolute;
  508. width: 275px;
  509. height: 100vh;
  510. margin-left: 48px;
  511. margin-top: -8px;
  512. outline: 1px solid {color:border};
  513. background-color: {color:background};
  514. padding: 0px;
  515. }
  516.  
  517. #sidelinks {
  518. width: 225px;
  519. background-color: #4e5e75;
  520. outline: 0px solid {color:border}!important;
  521. padding-left: 25px;
  522. padding-right: 25px;
  523. margin-top: -6px;
  524. font-weight: bold;
  525. letter-spacing: 0px;
  526. white-space: nowrap;
  527. font-size: 11px;
  528. padding-top: 8px;
  529. padding-bottom: 5px;
  530. text-transform: uppercase;
  531. text-align: center;
  532. }
  533.  
  534.  
  535.  
  536. #sideheader {
  537. outline: 1px solid {color:border};
  538. background-color: {color:permalinkbar};
  539. width:275px;
  540. height:35px;
  541. font-weight: 700;
  542. letter-spacing: 0px;
  543. white-space: nowrap;
  544. text-align:center;
  545. line-height:35px;
  546. font-size: 1.1em;
  547. color#ffffff;
  548. margin-top:-5px!important;
  549. }
  550.  
  551.  
  552.  
  553. .scrollable-container {
  554. width: 275px; /* Fixed width for the container */
  555. height: 66px; /* Restrict to 2 rows of 33px (33px x 2 rows = 66px total) */
  556. overflow-y: scroll; /* Enable vertical scrolling */
  557. border-top: 1px solid {color:border}; /* Single border on top of the container */
  558. border-bottom: 1px solid {color:border}; /* Single border at the bottom of the container */
  559. background-color: {color:permalinkbar}; /* Dark background */
  560. color: #ccc; /* Light text color */
  561. padding: 0;
  562. box-sizing: border-box;
  563. display: flex;
  564. flex-direction: column;
  565. position: relative; /* To position the scrollbar track relative to the container */
  566.  
  567. /* Firefox-specific scrollbar styling */
  568. scrollbar-width: thin; /* Thin scrollbar */
  569. scrollbar-color: {color:border} {color:permalinkbar}; /* Thumb color and track color for Firefox */
  570. }
  571. }
  572.  
  573. /* Style the scrollbar for Webkit browsers (Chrome, Safari, Edge) */
  574. .scrollable-container::-webkit-scrollbar {
  575. width: 8px; /* Set the width of the scrollbar */
  576. height: 8px; /* Set the height for horizontal scrollbar (if used) */
  577. }
  578.  
  579. /* Style the track of the scrollbar for Webkit browsers */
  580. .scrollable-container::-webkit-scrollbar-track {
  581. background: {color:permalinkbar}; /* Background color of the track (same as the container) */
  582. border-left: 1px solid red; /* Border on the left of the track (set to red for visibility) */
  583. height: 66px; /* Set the height of the track to the container height */
  584. position: absolute; /* Position it over the row content */
  585. right: 0; /* Align it to the right side of the container */
  586. top: 0; /* Start from the top of the container */
  587. width: 8px; /* Set width of track to match the scrollbar width */
  588. }
  589.  
  590. /* Style the scrollbar thumb for Webkit browsers */
  591. .scrollable-container::-webkit-scrollbar-thumb {
  592. background-color: {color:border}; /* Thumb color */
  593. border-radius: 0; /* Remove rounded edges, make the thumb square */
  594. }
  595.  
  596. /* Style the scrollbar for Firefox */
  597. .scrollable-container {
  598. scrollbar-width: thin; /* Thin scrollbar */
  599. scrollbar-color: {color:border} {color:permalinkbar}; /* Thumb color and track color for Firefox */
  600. }
  601.  
  602. /* Box styling */
  603. .box {
  604. display: flex;
  605. justify-content: space-between;
  606. height: 33px !important; /* Ensure each row height is 33px */
  607. width: 100%;
  608. box-sizing: border-box;
  609. flex-shrink: 0; /* Prevent shrinking */
  610. }
  611.  
  612. .box a {
  613. text-decoration: none !important;
  614. font-weight: bold;
  615. color:{color:text};
  616. }
  617.  
  618. /* Remove borders on the top and bottom of each box */
  619. .box:not(:first-child) {
  620. border-top: 1px solid {color:border}; /* Border only at the top of each box except the first */
  621. }
  622.  
  623. /* Column styling */
  624. .column {
  625. width: 50%; /* Each column takes up 50% of the container width */
  626. text-align: center;
  627. color: #aaa;
  628. white-space: nowrap;
  629. overflow: hidden;
  630. text-overflow: ellipsis;
  631. display: flex; /* Use flex to align content */
  632. align-items: center; /* Vertically center content */
  633. justify-content: center; /* Horizontally center content */
  634. box-sizing: border-box; /* Prevent box-sizing issues */
  635. }
  636.  
  637. /* Left column (remove the right border overlap with negative margin) */
  638. .column:first-child {
  639. border-right: 1px solid {color:border}; /* Right border of the first column */
  640. margin-right: -1px; /* Shift the column to remove the double border */
  641. }
  642.  
  643. /* Right column (remove the left border overlap) */
  644. .column:last-child {
  645. border-left: 0px solid {color:border}; /* Left border of the second column */
  646. margin-left: -1px; /* Shift the column to remove the double border */
  647. }
  648.  
  649.  
  650.  
  651.  
  652.  
  653.  
  654.  
  655.  
  656.  
  657.  
  658.  
  659.  
  660.  
  661.  
  662.  
  663.  
  664.  
  665.  
  666.  
  667.  
  668.  
  669.  
  670.  
  671. #sidetext {
  672. position: relative;
  673. margin-top: -5px;
  674. padding: 25px;
  675. text-align: justify;
  676. text-align-last: center;
  677. }
  678.  
  679.  
  680.  
  681.  
  682.  
  683. /* POSTS: GENERAL */
  684.  
  685.  
  686. #content {
  687. position:absolute;
  688. height:94vh;
  689. overflow:scroll;
  690. scrollbar-width: none;
  691. top:36px;
  692. margin-left:375px!important;
  693. }
  694.  
  695.  
  696.  
  697. .posts {
  698. width:500px;
  699. margin-top:45px;
  700. margin-right:5px;
  701. margin-left:1px;
  702. margin-bottom:50px;
  703. word-wrap: break-word!important;
  704. padding-left:30px;
  705. padding-right:30px;
  706. padding-top:30px!important;
  707. text-align:left;
  708. scrollbar-width: none;
  709. border:1px solid {color:border};
  710. }
  711.  
  712.  
  713. .posts a {
  714. font-size:8.5px;
  715. text-transform:uppercase;
  716. font-weight:bold!important;
  717. text-decoration:none!important;
  718. margin-right:0px;
  719. margin-top:0px!important;
  720. color:{color:links};
  721. -moz-transition-duration:1.5s;
  722. -webkit-transition-duration:1.5s;
  723. -o-transition-duration:1.5s;
  724. }
  725.  
  726.  
  727. .posts a:hover {
  728. color:{color:links hover};
  729. -moz-transition-duration:1.5s;
  730. -webkit-transition-duration:1.5s;
  731. -o-transition-duration:1.5s;
  732. }
  733.  
  734.  
  735.  
  736.  
  737.  
  738.  
  739.  
  740.  
  741. /* POSTS: GENERAL */
  742.  
  743.  
  744. .pagination {
  745. display: flex; /* Align buttons horizontally */
  746. width: 275px; /* Total container width */
  747. border-top: 1px solid {color:border}; /* Optional: Add border around the container */
  748. border-bottom: 1px solid {color:border}; /* Optional: Add border around the container */
  749. background-color: {color:permalinkbar}; /* Optional: Add background to the container */
  750. box-sizing: border-box;
  751. height: 33px; /* Ensure consistent height */
  752. }
  753.  
  754. .pagination-button {
  755. flex: 1; /* Each button takes up 50% of the total width */
  756. display: flex;
  757. justify-content: center;
  758. align-items: center;
  759. text-decoration: none;
  760. font-weight: bold;
  761. color: #ccc; /* Text color */
  762. border-right: 1px solid {color:border}; /* Add a border between the buttons */
  763. background-color: {color:button-background}; /* Background color for buttons */
  764. transition: background-color 0.3s, color 0.3s; /* Smooth hover effect */
  765. box-sizing: border-box;
  766. }
  767.  
  768. .pagination-button:last-child {
  769. border-right: none; /* Remove border on the right of the last button */
  770. }
  771.  
  772. .pagination-button:hover {
  773. background-color: {color:hover}; /* Hover background color */
  774. color: {color:hover-text}; /* Hover text color */
  775. }
  776.  
  777.  
  778.  
  779.  
  780.  
  781. /* POSTS: TEXT */
  782.  
  783. #textbody {
  784. margin-top:-8px!important;
  785. {block:permalinkpage}
  786. margin-top:-12px!important;
  787. {/block:permalinkpage}
  788. }
  789.  
  790.  
  791. #textbody::after {
  792. content: "";
  793. clear: both;
  794. display: table;
  795. margin-top:-8px!important;
  796. }
  797.  
  798.  
  799.  
  800. /* POSTS: PHOTO/PHOTOSETS */
  801.  
  802.  
  803. .psingle img {
  804. margin-top:10px!important;
  805. padding-top:0px!important;
  806. width: 100%!important; /* Limit the max width of the image */
  807. height: auto; /* Maintain aspect ratio */
  808. display: block; /* Centers the image in the container */
  809. -webkit-filter: brightness(.9) contrast(1.15) saturate(.9);
  810. }
  811.  
  812.  
  813. .psingle {
  814. margin-top:5px!important;
  815. padding-top:0px!important;
  816. width: 100%!important; /* Limit the max width of the image */
  817. height: auto; /* Maintain aspect ratio */
  818. display: block; /* Centers the image in the container */
  819. -webkit-filter: brightness(.9) contrast(1.15) saturate(.9);
  820. }
  821.  
  822.  
  823.  
  824. #pset {
  825. margin-top:0px!important;
  826. {block:permalinkpage}
  827. margin-top:0px;
  828. {block:permalinkpage}
  829. width: 488px;
  830. pointer-events:none;
  831. -webkit-filter: brightness(.7) contrast(1.1) saturate(0.6);
  832. -webkit-transition: all 1.5s ease-in-out;
  833. -moz-transition: all 1.5s ease-in-out;
  834. -o-transition: all 1.5s ease-in-out;
  835. -ms-transition: all 1.5s ease-in-out;
  836. transition: all 1.5s ease-in-out;
  837. }
  838.  
  839.  
  840. #pset:hover {
  841. -webkit-filter: brightness(.7) contrast(1.1) saturate(0.6);
  842. -webkit-transition: all 1.5s ease-in-out;
  843. -moz-transition: all 1.5s ease-in-out;
  844. -o-transition: all 1.5s ease-in-out;
  845. -ms-transition: all 1.5s ease-in-out;
  846. transition: all 1.5s ease-in-out;
  847. }
  848.  
  849.  
  850. /* PERMALINK */
  851.  
  852.  
  853. .permalink {
  854. margin-top:25px;
  855. margin-left:-30px;
  856. margin-right:-30px;
  857. padding-left:30px;
  858. padding-right:30px;
  859. height:35px;
  860. line-height:35px!important;
  861. outline:1px solid {color:border};
  862. background-color:{color:permalinkbar};
  863. font-family:arial!important;
  864. font-size:11px!important;
  865. color:{color:permalinktext};
  866. }
  867.  
  868.  
  869. .permalink a {
  870. font-weight:bold!important;
  871. font-size:11px!important;
  872. text-transform:uppercase!important;
  873. letter-spacing:0px;
  874. margin-right:20px;
  875. color:{color:permalinktext};
  876. }
  877.  
  878.  
  879. .tags {
  880. font-family:arial!important;
  881. border-top:1px solid {color:border};
  882. padding-top:15px;
  883. padding-bottom:15px;
  884. padding-left:30px;
  885. padding-right:30px;
  886. margin-left:-31px;
  887. margin-right:-31px;
  888. margin-bottom:0px;
  889. font-size:11px;
  890. text-align:justify;
  891. text-align-last: left;
  892. -moz-transition-duration:2s;
  893. -webkit-transition-duration:2s;
  894. -o-transition-duration:2s;
  895. }
  896.  
  897.  
  898. .tags a {
  899. font-family: arial;
  900. text-decoration:none!important;
  901. font-weight:lighter!important;
  902. font-size:11px!important;
  903. margin-right:1px;
  904. color:#555555;
  905. -moz-transition-duration:1.5s;
  906. -webkit-transition-duration:1.5s;
  907. -o-transition-duration:1.5s;
  908. }
  909.  
  910.  
  911.  
  912. .like-b {
  913. position:relative;
  914. display:inline-block;
  915. height:1em;
  916. line-height:1em;
  917. overflow:hidden;
  918. margin-bottom:-1px;
  919. }
  920. .like-b .like_button iframe {
  921. position:absolute;
  922. top:0;
  923. left:0;
  924. bottom:0;
  925. right:0;
  926. z-index:2;
  927. opacity:0;
  928. }
  929. .like-b .liked + .b {
  930. color:inherit;
  931. }
  932. .like-b .liked + .b:after {
  933. content:'d';
  934. }
  935.  
  936.  
  937.  
  938. .npf-audio-wrapper {
  939. border:1px solid {color:border};
  940. --NPF-Audio-Buttons-Size: 1.4rem;
  941. --NPF-Audio-Buttons-Color: #555555; /* color of play & pause buttons */
  942. --NPF-Audio-Buttons-Spacing: 1.3rem; /* space between buttons and song info */
  943.  
  944. --NPF-Audio-Image-Size: 85px;
  945. --NPF-Audio-Image-Spacing: 0px; /* gap between player info and cover image */
  946. }
  947.  
  948. .npf-audio-background {
  949. background-color: {color:background};
  950. padding: 1.5rem;
  951. }
  952.  
  953. .npf-audio-title-label,
  954. .npf-audio-artist-label,
  955. .npf-audio-album-label {
  956. font-weight: bold;
  957. color:{color:bold};
  958. margin-right:5px;
  959. }
  960.  
  961. .npf-audio-title,
  962. .npf-audio-artist,
  963. .npf-audio-album {
  964. color: {color:text}; /* color of audio text (optional) */
  965. }
  966.  
  967.  
  968.  
  969. .material-icons {
  970. font-family: 'Material Icons';
  971. font-weight: normal;
  972. font-style: normal;
  973. font-size: 24px; /* Preferred icon size */
  974. display: inline-block;
  975. line-height: 1;
  976. text-transform: none;
  977. letter-spacing: normal;
  978. word-wrap: normal;
  979. white-space: nowrap;
  980. direction: ltr;
  981.  
  982. /* Support for all WebKit browsers. */
  983. -webkit-font-smoothing: antialiased;
  984. /* Support for Safari and Chrome. */
  985. text-rendering: optimizeLegibility;
  986. /* Support for Firefox. */
  987. -moz-osx-font-smoothing: grayscale;
  988. /* Support for IE. */
  989. font-feature-settings: 'liga';
  990. }
  991.  
  992.  
  993.  
  994. /* PERMAPAGE NOTES */
  995.  
  996.  
  997. #notes {
  998. margin-top:30px;
  999. margin-bottom:30px!important;
  1000. margin-left:-20px!important;
  1001. padding-bottom:6px;
  1002. padding-left:8px;
  1003. padding-right:8px;
  1004. text-align:left;
  1005. }
  1006.  
  1007.  
  1008. .note li {
  1009. margin-bottom:0px!important;
  1010. list-style-type:none;
  1011. padding-top:0px;
  1012. line-height:14px;
  1013. padding-bottom:0px!important;
  1014. padding-left:0px;
  1015. padding-right:0px;
  1016. text-align:left!important;
  1017. -moz-transition-duration:0.5s;
  1018. -webkit-transition-duration:0.5s;
  1019. -o-transition-duration:0.5s;
  1020. font-size:11px!important;
  1021. color: {color:body text};
  1022. }
  1023.  
  1024.  
  1025. .note li a {
  1026. text-align:left!important;
  1027. font-size:11px!important;
  1028. padding-right:0px;
  1029. font-weight:bold;
  1030. letter-spacing:0px;
  1031. color: {color:body text};
  1032. }
  1033.  
  1034.  
  1035. .more_notes_link, .more_notes_link a {
  1036. text-align:left!important;
  1037. color:{color:italic}!important;
  1038. }
  1039.  
  1040.  
  1041. .note blockquote a {
  1042. padding-top:12px;
  1043. padding-bottom:12px;
  1044. padding-left:24px;
  1045. padding-right:24px;
  1046. margin-top:12px;
  1047. margin-bottom:12px;
  1048. margin-left:0px;
  1049. margin-right:0px;
  1050. color:{color:bold}!important;
  1051. }
  1052.  
  1053.  
  1054. .notes blockquote {
  1055. margin-left: 0!important; /* Removes the left indent */
  1056. padding-left: 0; /* Removes any left padding */
  1057. text-indent: 0!important; /* Ensures no text indentation */
  1058. }
  1059.  
  1060. .notes blockquote:before,
  1061. .notes blockquote:after {
  1062. content: none;
  1063. margin: 0;
  1064. padding: 0;
  1065. text-indent: 0!important; /* Ensures no text indentation */
  1066. }
  1067.  
  1068.  
  1069. .note img.avatar {
  1070. display:none;
  1071. width: 0px;
  1072. height: 0px;
  1073. }
  1074.  
  1075.  
  1076. .note-icon {
  1077. font-size: 14px; /* Adjust to your desired size (default is 18px) */
  1078. margin-right: 6px; /* Slightly smaller spacing to match the smaller icon size */
  1079. color: #757575; /* Optional: keep the same color */
  1080. }
  1081.  
  1082.  
  1083.  
  1084. .custom-like-button {
  1085. display: flex;
  1086. align-items: center;
  1087. gap: 8px;
  1088. cursor: pointer;
  1089. font-size: 18px;
  1090. }
  1091.  
  1092. .custom-like-button .like-icon {
  1093. font-size: 18px;
  1094. color: #ffffff; /* Grey for unliked state */
  1095. transition: color 0.3s ease;
  1096. }
  1097.  
  1098. .custom-like-button .like-icon.liked {
  1099. color: #ffffff; /* Red for liked state */
  1100. }
  1101.  
  1102. .custom-like-button .like-count {
  1103. color: #333;
  1104. font-size: 18px;
  1105. transition: color 0.3s ease;
  1106. }
  1107.  
  1108.  
  1109.  
  1110.  
  1111.  
  1112.  
  1113.  
  1114. /* POSTS: ASK */
  1115.  
  1116.  
  1117. #ask {
  1118. float:left;
  1119. color:{color:text};!important;
  1120. background-color:{color:background};
  1121. width:454px;
  1122. scrollbar-width: none;
  1123. margin-top:0px;
  1124. margin-left:1px;
  1125. margin-bottom:25px;
  1126. overflow-y:scroll;
  1127. padding-left:24px;
  1128. padding-right:24px;
  1129. outline:solid 1px {color:border};
  1130. border-bottom:12px solid {color:background};
  1131. border-top:12px solid {color:background};
  1132. -moz-transition-duration:1.5s;
  1133. -webkit-transition-duration:1.5s;
  1134. -o-transition-duration:1.5s;
  1135. }
  1136.  
  1137.  
  1138. #ask b, #ask strong {
  1139. color:{color:text}!important;
  1140. }
  1141.  
  1142.  
  1143. #askheader {
  1144. box-sizing: border-box;
  1145. outline:1px solid {color:border};
  1146. width:460px;
  1147. height:39px;
  1148. text-align:left;
  1149. line-height:39px;
  1150. margin-bottom:1px;
  1151. margin-left:43px;
  1152. margin-top:6px!important
  1153. text-align:center;
  1154. padding-left:25px;
  1155. padding-right:25px;
  1156. font-size:11px;
  1157. text-transform:normal;
  1158. font-family: arial;
  1159. font-weight:lighter!important;
  1160. color:{color:bold};
  1161. background-color:{color:background};
  1162. }
  1163.  
  1164.  
  1165. #askheader a {
  1166. text-transform:capitalize!important;
  1167. padding-left:1px;
  1168. }
  1169.  
  1170.  
  1171.  
  1172. .letterask {
  1173. font-family:'Frank Ruhl Libre', serif;
  1174. color:#151515;!important;
  1175. text-decoration:none!important;
  1176. font-style:normal!important;
  1177. font-weight:bold!important;
  1178. text-transform:uppercase!important;
  1179. margin-top:6px!important
  1180. z-index:9999!important;
  1181. position:absolute;
  1182. text-align:center;
  1183. font-size:23px;
  1184. width:39px;
  1185. height:39px;
  1186. line-height:39px;
  1187. margin-left:1px;
  1188. outline:1px solid {color:border};
  1189. background-color:{color:background};
  1190. padding-right:2px;
  1191. color:{color:border};!important;
  1192. }
  1193.  
  1194.  
  1195.  
  1196. .asker {
  1197. font-family:arial;
  1198. font-size:11px;
  1199. width:460px;
  1200. font-size:11px;
  1201. padding-right:0px;
  1202. font-weight:bold;
  1203. text-align:left!important;
  1204. background-color:transparent;
  1205. color:#000000;
  1206. z-index:99999999999999999!important;
  1207. -moz-transition-duration:0.6s;
  1208. -webkit-transition-duration:0.6s;
  1209. -o-transition-duration:0.6s;
  1210. }
  1211.  
  1212.  
  1213. .asker a {
  1214. text-align:left!important;
  1215. font-family:arial;
  1216. font-size:11px;
  1217. width:460px;
  1218. font-weight:bold;
  1219. margin-bottom:0px!important;
  1220. top:-45px!important;
  1221. background-color:transparent;
  1222. z-index:99999999999999999999999!important;
  1223. }
  1224.  
  1225.  
  1226. .asker a:hover {
  1227. text-shadow:
  1228. -1px -1px 0 {color:border},
  1229. 1px -1px 0 {color:border},
  1230. -1px 1px 0 {color:border},
  1231. 1px 1px 0 {color:border};
  1232. }
  1233.  
  1234.  
  1235. #response {
  1236. margin-top:25px!important;
  1237. }
  1238.  
  1239.  
  1240.  
  1241. #response strike {
  1242. background-color: #000000;
  1243. outline: 1px solid {color:border};
  1244. font-family:'Frank Ruhl Libre', serif;
  1245. color:#000000!important;
  1246. text-decoration:none!important;
  1247. font-style:normal!important;
  1248. font-weight:bold!important;
  1249. text-transform:uppercase!important;
  1250. float:left;
  1251. margin-top:1px;
  1252. margin-left:1px;
  1253. height:60px;
  1254. width:60px;
  1255. font-size: 48px;
  1256. margin-right: 13px;
  1257. position: relative;
  1258. text-align: center;
  1259. vertical-align: middle;
  1260. line-height: 60px;
  1261. text-shadow:
  1262. -1px -1px 0 #212121,
  1263. 1px -1px 0 #212121,
  1264. -1px 1px 0 #212121,
  1265. 1px 1px 0 #212121;
  1266. }
  1267.  
  1268.  
  1269.  
  1270. #response h2 {
  1271. margin-bottom:6px!important;
  1272. word-wrap: break-word;
  1273. white-space: pre-wrap;
  1274. white-space: -moz-pre-wrap;
  1275. white-space: -pre-wrap;
  1276. white-space: -o-pre-wrap;
  1277. word-wrap: break-word;
  1278. overflow: auto;
  1279. position:relative;
  1280. z-index:15;
  1281. background-color: {color:background};
  1282. outline:1px solid {color:border};
  1283. margin-left:1px;
  1284. margin-right:1px;
  1285. font-weight:bold;
  1286. padding-left:25px;
  1287. padding-right:25px;
  1288. margin-top:1px!important;
  1289. margin-bottom:12px!important;
  1290. font-family:monospace;
  1291. letter-spacing:0.75px;
  1292. word-spacing:-3px!important;
  1293. font-size:8.4px;
  1294. text-shadow: 0px 0px 1px {color:headers};
  1295. text-transform:uppercase;
  1296. text-align:left;
  1297. padding-top:8px;
  1298. padding-bottom:8px;
  1299. text-align:justify;
  1300. outline:1px solid {color:border};
  1301. white-space: pre-wrap;
  1302. white-space: -moz-pre-wrap;
  1303. white-space: -pre-wrap;
  1304. white-space: -o-pre-wrap;
  1305. word-wrap: break-word;
  1306. }
  1307.  
  1308.  
  1309. #response::after {
  1310. content: "";
  1311. clear: both;
  1312. display: table;
  1313. margin-top:-8px!important;
  1314. }
  1315.  
  1316.  
  1317.  
  1318.  
  1319. </style>
  1320. </head>
  1321.  
  1322.  
  1323.  
  1324.  
  1325.  
  1326.  
  1327.  
  1328. <body>
  1329.  
  1330. <div id="container">
  1331.  
  1332.  
  1333. <div class="top-bar">
  1334. <div class="top-bar-content">
  1335.  
  1336.  
  1337.  
  1338. <a href="/" style="display: inline-flex; align-items: center;">
  1339. <span class="material-icons" style="font-size: 18px; margin-right: 10px;">home</span> Home / Refresh
  1340. </a>
  1341.  
  1342.  
  1343. <a href="/askbox" style="display: inline-flex; align-items: center;">
  1344. <span class="material-icons" style="font-size: 18px; margin-right: 10px;">mail</span> Message
  1345. </a>
  1346.  
  1347.  
  1348. <a href="/regulations" style="display: inline-flex; align-items: center;">
  1349. <span class="material-icons" style="font-size: 18px; margin-right: 10px;">menu</span> Regulations
  1350. </a>
  1351.  
  1352.  
  1353.  
  1354. <a href="/muses" style="display: inline-flex; align-items: center;">
  1355. <span class="material-icons" style="font-size: 18px; margin-right: 10px;">groups</span> Muse List
  1356. </a>
  1357.  
  1358.  
  1359. <a href="/navigation" style="display: inline-flex; align-items: center;">
  1360. <span class="material-icons" style="font-size: 18px; margin-right: 10px;">link</span> Navigation
  1361. </a>
  1362.  
  1363.  
  1364.  
  1365.  
  1366.  
  1367.  
  1368.  
  1369.  
  1370.  
  1371.  
  1372.  
  1373.  
  1374. </div>
  1375. </div>
  1376.  
  1377.  
  1378.  
  1379.  
  1380. <div id="sidebar">
  1381. <div id="sidebarheader" style="color:{color:tags}">INIZIARE</div>
  1382. <div id="sidebartext">... Rather: follow your most intense obsessions mercilessly</div>
  1383.  
  1384.  
  1385.  
  1386.  
  1387. </div>
  1388.  
  1389. <div id="side">
  1390.  
  1391.  
  1392.  
  1393.  
  1394. <img class="sideimage" src="{image:sidebar}">
  1395.  
  1396.  
  1397.  
  1398.  
  1399. <div id="sideheader">
  1400. Put your extra title here, Min
  1401. </div>
  1402.  
  1403.  
  1404.  
  1405. <div id="sidetext">
  1406.  
  1407. <span style="color:#3d4a4b"><b>Multimuse, as written by Sae.</b></span> Home to characters from Genshin Impact, Honkai: Star Rail, and Dragon Age. The depictions you'll find here are canon-strict, and so you can expect many analyses of all kinds here, as dissecting the characters that I write is what I'm passionate about, and what I'm here for (and to write, of course!) —— And yes, I am <i>that</i> iniziare, and though I'll release things in the future, my old archive can be found <a href="https://iniziarearchive.tumblr.com/tagged/themes" style="text-decoration:none!important; font-weight:bold;">here.</a>
  1408.  
  1409.  
  1410. </div>
  1411.  
  1412.  
  1413.  
  1414. <!-- Pagination -->
  1415. <div class="pagination">
  1416. {block:PreviousPage}
  1417. <a href="{PreviousPage}" class="pagination-button prev">Return</a>
  1418. {/block:PreviousPage}
  1419.  
  1420. {block:NextPage}
  1421. <a href="{NextPage}" class="pagination-button next">Onward</a>
  1422. {/block:NextPage}
  1423.  
  1424. {block:PermalinkPagination}
  1425. {block:PreviousPost}
  1426. <a href="{PreviousPost}" class="pagination-button prev">Previous Post</a>
  1427. {/block:PreviousPost}
  1428.  
  1429. {block:NextPost}
  1430. <a href="{NextPost}" class="pagination-button next">Next Post</a>
  1431. {/block:NextPost}
  1432. {/block:PermalinkPagination}
  1433. </div>
  1434.  
  1435.  
  1436.  
  1437.  
  1438.  
  1439.  
  1440.  
  1441. </div>
  1442.  
  1443.  
  1444.  
  1445.  
  1446.  
  1447. <div id="content">
  1448.  
  1449. {block:Posts}
  1450.  
  1451.  
  1452. <div class="posts" post-type="{PostType}">
  1453.  
  1454.  
  1455.  
  1456.  
  1457.  
  1458. <!-- POSTS: TEXT -->
  1459.  
  1460.  
  1461. {block:Text}
  1462. <div id="textbody">
  1463. {block:Title}
  1464. <h1>{Title}</h1>
  1465. {/block:Title}
  1466.  
  1467. <div id="wrap">
  1468. {Body}
  1469. </div id="wrap">
  1470. </div id="textbody">
  1471. {/block:Text}
  1472.  
  1473.  
  1474.  
  1475.  
  1476.  
  1477.  
  1478. <!-- POSTS: PHOTO/SET -->
  1479.  
  1480. {block:Photo}
  1481. <div class="psingle">
  1482. {LinkOpenTag}
  1483. <img src="{PhotoURL-HighRes}">
  1484. {LinkCloseTag}
  1485. </div>
  1486. {/block:Photo}
  1487.  
  1488.  
  1489. {block:Photoset}
  1490. {Photoset}
  1491. {/block:Photoset}
  1492.  
  1493.  
  1494. {block:Caption}
  1495. <div id="pcaption">
  1496. {Caption}
  1497. </div id="pcaption">
  1498. {/block:Caption}
  1499.  
  1500.  
  1501.  
  1502.  
  1503.  
  1504.  
  1505. <!-- POSTS: ASK -->
  1506.  
  1507.  
  1508. {block:Answer}
  1509.  
  1510.  
  1511. <div class="letterask" style="font-weight:bold;">?</div class="letterask">
  1512. <div id="askheader">
  1513. <b>Curiosities, you say?</b> <span style="font-weight:bold; color:{color:text}!important;">{Asker} is inquiring:</span>
  1514. </div id="askheader">
  1515.  
  1516. <div id="ask">
  1517.  
  1518. {Question}
  1519. </div id="ask">
  1520.  
  1521.  
  1522. <div class="asker">
  1523.  
  1524. </div class="asker">
  1525.  
  1526.  
  1527.  
  1528.  
  1529. <div id="response">
  1530. <div id="wrap"><span>{Answer}</span></div id="wrap">
  1531.  
  1532. </div id="response">
  1533.  
  1534. {/block:Answer}
  1535.  
  1536.  
  1537.  
  1538.  
  1539.  
  1540. <!-- POST INFORMATION -->
  1541.  
  1542.  
  1543. {block:Date}
  1544.  
  1545. <div class="permalink">
  1546.  
  1547. <span style="color:#ffffff!important;font-weight:bold!important;">Date:</span> <a href="{Permalink}">
  1548. {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}
  1549. </a>
  1550.  
  1551. <a href="{Permalink}">
  1552. {NoteCount} <span style="text-transform:lowercase!important; font-weight:bold!important; color:#fff;">notes</span>
  1553. </a>
  1554.  
  1555.  
  1556.  
  1557.  
  1558.  
  1559. <a href="{PostSourceURL}" title="Source: {SourceURL}"><span class="material-icons" style="float:right; margin-top:10px; font-size:15px!important;">folder_open</span></a>
  1560.  
  1561.  
  1562. <a href="{ReblogURL}" target="_blank" title="Reblog"><span class="material-icons" style="float:right; margin-top:10px; margin-right:15px; font-size:15px!important;">repeat</span>
  1563.  
  1564.  
  1565. </div class="permalink">
  1566.  
  1567.  
  1568. {/block:Date}
  1569.  
  1570.  
  1571. {block:HasTags}
  1572. <div class="tags">
  1573. <span style="color:#ffffff!important; font-weight:bold!important;">Tagged with:&nbsp;&nbsp;</span>
  1574.  
  1575. {block:Tags}
  1576. <a href="{TagURL}" init-tags>#{Tag}&nbsp;&nbsp;</a>
  1577. {/block:Tags}
  1578.  
  1579. </div class="tags">
  1580. {/block:HasTags}
  1581.  
  1582.  
  1583.  
  1584.  
  1585.  
  1586.  
  1587. <!-- NOTES -->
  1588.  
  1589. {block:PostNotes}
  1590. <div id="notes">
  1591. <div class="note">
  1592. {PostNotes}
  1593. </div class="note">
  1594. </div id="notes">
  1595. <br>
  1596. {/block:PostNotes}
  1597.  
  1598.  
  1599.  
  1600.  
  1601.  
  1602. <!-- HIDE VIA/SOURCE IN POSTS -->
  1603.  
  1604.  
  1605. {block:ContentSource}<!-- {SourceURL}
  1606. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1607. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1608. {/block:ContentSource}
  1609.  
  1610.  
  1611. <!-- {block:NoRebloggedFrom}
  1612. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1613. {/block:NoRebloggedFrom} -->
  1614.  
  1615.  
  1616.  
  1617. </div class="posts" post-type="{PostType}" posts-selector>
  1618. {/block:Posts}
  1619.  
  1620.  
  1621.  
  1622.  
  1623.  
  1624.  
  1625.  
  1626. </div id="content2">
  1627. </div id="content">
  1628.  
  1629.  
  1630. </div id="container">
  1631.  
  1632.  
  1633.  
  1634. </body>
  1635. </html>
  1636.  
  1637.  
  1638.  
  1639.  
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!