API tools faq
paste
raingurl

008 | honey or spice

raingurl
Jan 25th, 2024
32
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.51 KB | None | 0 0
raw download clone embed print report diff
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6. <title>{Title}</title>
  7.  
  8.  
  9. <!--008 HONEY OR SPICE blog theme by anahilation
  10. please don't redistribute or claim as your own!
  11. editing for personal use is okay.
  12. enjoy <3
  13. -->
  14.  
  15. <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,500,0,0" />
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />
  19.  
  20. {/block:Description}
  21.  
  22. <meta name="image:sidebar" content="">
  23. <meta name="image:icon" content="">
  24.  
  25. <meta name="color:background" content="#f3f3f3">
  26. <meta name="color:text" content="#1d1d1d">
  27. <meta name="color:gradient one" content="#ff4444">
  28. <meta name="color:gradient two" content="#99ff6a">
  29. <meta name="color:hover link" content="#99ff6a">
  30. <meta name="color:bold" content="#ff4444">
  31. <meta name="color:italic" content="#99ff6a">
  32. <meta name="color:container" content="#ffffff">
  33. <meta name="color:links" content="#1d1d1d">
  34. <meta name="color:info text" content="#ffffff">
  35. <meta name="color:borders" content="#cecece">
  36.  
  37. <meta name="text:link 1 url" content="URL">
  38. <meta name="text:link 1 title" content="link one title">
  39. <meta name="text:link 2 url" content="URL">
  40. <meta name="text:link 2 title" content="link two title">
  41. <meta name="text:link 3 url" content="URL">
  42. <meta name="text:link 3 title" content="link three title">
  43. <meta name="text:custom title" content="custom title">
  44.  
  45. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  46. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  47. <script>
  48. (function($){
  49. $(document).ready(function(){
  50. $("[title]").style_my_tooltips({
  51. tip_follows_cursor:true,
  52. tip_delay_time:200,
  53. tip_fade_speed:300
  54. }
  55. );
  56. });
  57. })(jQuery);
  58. </script>
  59.  
  60.  
  61. <style type="text/css">
  62.  
  63. @import url('https://fonts.googleapis.com/css2?family=Coustard:wght@400;900&family=Work+Sans:wght@400;800&display=swap');
  64.  
  65. .tmblr-iframe {
  66. white-space:nowrap;
  67. -webkit-filter: invert(100%);
  68. -moz-filter: invert(100%);
  69. -o-filter: invert(100%);
  70. -ms-filter: invert(100%);
  71. filter: invert(100%);
  72. opacity:.6;
  73. transition: 0.6s ease-in-out;
  74. -webkit-transition: 0.6s ease-in-out;
  75. -moz-transition: 0.6s ease-in-out;
  76. -o-transition: 0.6s ease-in-out;
  77. position:fixed!important;
  78. right:-20px!important;
  79. margin-top: 20px!important;
  80. transform:scale(0.7,0.7); }
  81.  
  82. .tmblr-iframe:hover {
  83. opacity:1;
  84.  
  85. }
  86.  
  87. body {
  88. font-family:'Work Sans', sans-serif;
  89. color: {color:text};
  90. background-color: {color:background};
  91. font-size: 9pt;
  92. letter-spacing: 0px;
  93. line-height: 14pt;
  94. font-style: normal;
  95. text-align: justify;
  96. }
  97.  
  98. small, sup, sub {
  99. font-size: 100%;
  100. }
  101.  
  102. a {
  103. text-decoration: none;
  104. color: {color:links};
  105. transition-duration: 0.6s;
  106. -moz-transition-duration: 0.6s;
  107. -webkit-transition-duration: 0.6s;
  108. -o-transition-duration: 0.6s;
  109. font-family: 'work sans', sans serif;
  110. letter-spacing: 1px;
  111. }
  112.  
  113. b, strong {
  114. font-size: 110%;
  115. color: {color:bold};
  116. }
  117.  
  118. i, em {
  119. font-size: 110%;
  120. color: {color:italic};
  121. }
  122.  
  123. a:hover {
  124. text-decoration: none;
  125. filter:blur(1px);
  126. letter-spacing: 1px;
  127. color: {color:hover link};
  128. transition-duration: 0.6s;
  129. -moz-transition-duration: 0.6s;
  130. -webkit-transition-duration: 0.6s;
  131. -o-transition-duration: 0.6s;
  132. font-family: 'work sans', sans serif;
  133. }
  134.  
  135. blockquote {
  136. border-image: linear-gradient({color:gradient one}, {color:gradient two} ) 30;
  137. border-width: 1px;
  138. border-style: solid;
  139. background-color: {color:background};
  140. color: {color:text};
  141. padding: 20px;
  142. font-size: 95%
  143. }
  144.  
  145. blockquote img {
  146. max-width: 100%;
  147. display: block;
  148. height: auto;
  149. }
  150.  
  151. img {
  152. max-width: 100%;
  153. display: block;
  154. height: auto;
  155. }
  156.  
  157. #post {
  158. padding: 20px;
  159. border: 1px solid {color:borders};
  160. width: 500px;
  161. margin-bottom: 100px;
  162. background-color: {color:container};
  163. border-radius: 4px;
  164. }
  165.  
  166. #posts {
  167. position: absolute;
  168. margin-top: 75px;
  169. margin-left: 550px;
  170. }
  171.  
  172. #ask {
  173. background: {color:gradient one};
  174. background: linear-gradient(142deg, {color:gradient one} 0%, {color:gradient two} 100%);
  175. text-align: center;
  176. color: {color:info text};
  177. height: auto;
  178. padding-top: 10px;
  179. padding-right: 10px;
  180. padding-left: 10px;
  181. padding-bottom: 5px;
  182. border-radius: 4px;
  183. margin-bottom: 10px;
  184. }
  185.  
  186. #ask a {
  187. font-family: 9pt;
  188. color: {color:container};
  189. font-family: work sans, sans serif;
  190. }
  191.  
  192.  
  193. #audio {
  194. text-align: center;
  195. font-size: 8pt;
  196. line-height: 9pt;
  197. }
  198.  
  199. #musicinfo {
  200. text-transform: uppercase;
  201. margin-top:10px;
  202. }
  203.  
  204.  
  205. ol.notes {
  206. text-align: left;
  207. list-style: upper-roman;
  208. padding: 10px;
  209. }
  210.  
  211. #credit {
  212. right:10px;
  213. bottom:7px;
  214. padding:5px;
  215. font-size:10px;
  216. position:fixed;
  217. text-align: center;
  218. font-style: italic;
  219. letter-spacing: 1px;
  220. box-shadow: 2px 3px 0px {color:gradient two};
  221. padding: 5px;
  222. background-color: {color:container};
  223. font-size: 120%;
  224. margin-bottom: 5px;
  225. border-radius: 5px;
  226. transition-duration: 0.6s;
  227. -moz-transition-duration: 0.6s;
  228. -webkit-transition-duration: 0.6s;
  229. -o-transition-duration: 0.6s;
  230. }
  231.  
  232. #credit a {
  233. color: {color:gradient one};
  234. }
  235.  
  236.  
  237. #s-m-t-tooltip{
  238. position: absolute;
  239. z-index: 999999999999999999999999999999999999999999999999999999999999;
  240. margin-top: 10px;
  241. margin-left: 5px;
  242. display: block;
  243. background: {color:gradient one};
  244. background: linear-gradient(142deg, {color:gradient one} 0%, {color:gradient two} 100%);
  245. text-align: center;
  246. font-family: work sans, sans serif;
  247. letter-spacing: 1px;
  248. border-radius: 10px;
  249. padding: 10px;
  250. font-size: 10pt;
  251. color: {color:info text};
  252. margin-bottom: 5px;
  253. }
  254.  
  255. ::-webkit-scrollbar-thumb:vertical {
  256. background-color: transparent;
  257. height:auto;
  258. }
  259.  
  260. ::-webkit-scrollbar-thumb:horizontal {
  261. background-color: transparent;
  262. height:2px;
  263. }
  264.  
  265. ::-webkit-scrollbar {
  266. height:3px;
  267. width:3px;
  268. background-color: transparent;
  269. }
  270.  
  271.  
  272. #info {
  273. text-align: center;
  274. margin-top: 20px;
  275. padding: 10px;
  276. padding-top: 20px;
  277. padding-bottom: 20px;
  278. width: 480px;
  279. height: auto;
  280. border-radius: 4px;
  281. background: {color:gradient one};
  282. background: linear-gradient(142deg, {color:gradient one} 0%, {color:gradient two} 100%);
  283. }
  284.  
  285. #info a {
  286. color: {color:info text};
  287. margin-right: 5px;
  288. line-height: 80%;
  289. }
  290.  
  291. #info span {
  292. font-size: 12pt;
  293. }
  294.  
  295. #tags {
  296. }
  297.  
  298. #tags a {
  299. font-size: 8pt;
  300. line-height: 9pt;
  301. color: {color:info text};
  302. }
  303.  
  304. #h1 {
  305. font-size: 22pt;
  306. margin-bottom: 5px;
  307. text-align: center;
  308. line-height: 20pt;
  309. font-family: 'Coustard', serif;
  310. background: -webkit-linear-gradient({color:gradient one}, {color:gradient two});
  311. -webkit-background-clip: text;
  312. -webkit-text-fill-color: transparent;
  313. font-weight: 800;
  314. }
  315.  
  316. h1, h2 {
  317. font-family: 'Coustard', serif;
  318. background: -webkit-linear-gradient({color:gradient one}, {color:gradient two});
  319. -webkit-background-clip: text;
  320. -webkit-text-fill-color: transparent;
  321. font-weight: 800;
  322. }
  323.  
  324. #notes {
  325. margin-top: 20px;
  326. width: 500px;
  327. }
  328.  
  329. #notes img {
  330. display:none;
  331. }
  332.  
  333. #notes a {
  334. font-weight:bold;
  335. }
  336.  
  337. #notes ol {
  338. list-style-type:none;
  339. margin:0px;
  340. padding:0px;
  341. }
  342.  
  343. #notes ol li {
  344. margin:5px;
  345. line-height:20px;
  346. }
  347.  
  348.  
  349. #pa {
  350. margin-top: 0px;
  351. text-align: center;
  352. position: fixed;
  353. }
  354.  
  355. #pa a {
  356. color: {color:text};
  357. font-family: 'work sans', sans serif;
  358. text-transform: uppercase;
  359. font-size: 13pt;
  360. }
  361.  
  362. #side {
  363. position: fixed;
  364. margin-top: 100px;
  365. margin-left: 75px;
  366. }
  367.  
  368. #sideimg {
  369. margin-top: 20px;
  370. width: 200px;
  371. height: 300px;
  372. float: right;
  373. }
  374.  
  375. #sideimg img {
  376. border-top-left-radius: 50px;
  377. border-bottom-right-radius: 50px;
  378. }
  379.  
  380. #sidedesc {
  381. width: 100px;
  382. height: 300px;
  383. margin-right: 50px;
  384. padding: 20px;
  385. float: left;
  386. }
  387.  
  388. #desc {
  389. background-color: {color:container};
  390. height: 70px;
  391. width: 120px;
  392. margin-bottom: 20px;
  393. padding: 10px;
  394. overflow: auto;
  395. border-radius: 4px;
  396. border: 1px solid {color:borders};
  397. }
  398.  
  399. #btitle {
  400. font-family: 'Coustard', serif;
  401. font-size: 20pt;
  402. font-weight: 800;
  403. width: 140px;
  404. height: 120px;
  405. text-align: left;
  406. letter-spacing: -1px;
  407. line-height: 20pt;
  408. background: -webkit-linear-gradient({color:gradient one}, {color:gradient two});
  409. -webkit-background-clip: text;
  410. -webkit-text-fill-color: transparent;
  411. }
  412.  
  413.  
  414. #nav {
  415. text-align: center;
  416. margin-bottom: 20px;
  417. background: -webkit-linear-gradient({color:gradient one}, {color:gradient two});
  418. -webkit-background-clip: text;
  419. -webkit-text-fill-color: transparent;
  420. }
  421.  
  422. #nav span {
  423. font-size: 9pt;
  424. }
  425.  
  426. #top {
  427. background: white;
  428. background: linear-gradient(142deg, {color:gradient one} 0%, {color:gradient two} 100%);
  429. width: 110%;
  430. height: 25px;
  431. position: fixed;
  432. margin-left: -10px;
  433. margin-top: -10px;
  434. z-index: 9999;
  435. }
  436.  
  437. #user {
  438. margin-bottom: 20px;
  439. }
  440.  
  441. #user img {
  442. width: 50px;
  443. border-radius: 100px;
  444. border: 5px solid {color:container};
  445. outline: 1px solid {color:borders};
  446. }
  447.  
  448. </style>
  449.  
  450. </head>
  451.  
  452. <body>
  453.  
  454. <div id="top"></div>
  455.  
  456. <div id="side">
  457. <div id="sidedesc">
  458. <div id="nav">
  459. <a href="/" title="home"><span class="material-symbols-outlined">
  460. fiber_manual_record
  461. </span></a>
  462. <a href="/ask" title="message"><span class="material-symbols-outlined">
  463. fiber_manual_record
  464. </span></a>
  465. <a href="/archive" title="archive"><span class="material-symbols-outlined">
  466. fiber_manual_record
  467. </span></a>
  468. <a href="{text:link 1 url}" title="{text:link 1 title}"><span class="material-symbols-outlined">
  469. fiber_manual_record
  470. </span></a>
  471. <a href="{text:link 2 url}" title="{text:link 2 title}"><span class="material-symbols-outlined">
  472. fiber_manual_record
  473. </span></a>
  474. <a href="{text:link 3 url}" title="{text:link 3 title}"><span class="material-symbols-outlined">
  475. fiber_manual_record
  476. </span></a>
  477. </div>
  478. <a href="/"><div id="user"><img src="{image:icon}"></div></a>
  479. <div id="desc">{description}</div>
  480. <div id="btitle">{text:custom title}</div>
  481. <div id="pa">{block:Pagination}
  482. {block:PreviousPage}
  483. <a href="{PreviousPage}"><span class="material-symbols-outlined">navigate_before</span></a>
  484. {/block:PreviousPage} {block:NextPage}<a href="{NextPage}"><span class="material-symbols-outlined">navigate_next</span></a>
  485. {/block:NextPage}
  486. {/block:Pagination}</div>
  487. </div>
  488.  
  489. <a href="/"><div id="sideimg"><img src="{image:sidebar}"></div></a>
  490. </div>
  491.  
  492. </div>
  493.  
  494.  
  495. <div id="posts">
  496.  
  497.  
  498. {block:Posts}<div id="post">
  499.  
  500.  
  501.  
  502. {block:Text}<div id="h1">{block:Title}{Title}{/block:Title}</div>{Body}{/block:Text}
  503.  
  504. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" style="margin-bottom: 10px;">{LinkCloseTag}{block:Caption}
  505.  
  506. {Caption} {/block:Caption}{/block:Photo}
  507.  
  508. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}
  509.  
  510. {/block:Photoset}
  511.  
  512. {block:Quote}<b style="text-align: center; font-size: 18pt; line-height: 20pt;">{Quote}</b>{block:Source}<div style="text-align:center;">—{Source}</div>{/block:Source}{/block:Quote}
  513.  
  514. {block:Link}<div id="h1"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}
  515.  
  516. {Description}{/block:Description}{/block:Link}
  517.  
  518. {block:Chat}{block:Title}<div id="h1">{Title}</div>{/block:Title}{block:Lines}{block:Label}<b>
  519.  
  520. {Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  521.  
  522. {block:Audio}
  523. <div id="audio">
  524. {block:TrackName}
  525. <div id="musicinfo" style="margin-top: 5px;">
  526. {AudioPlayerGrey} <br>
  527. {TrackName} by
  528. {/block:TrackName}
  529. {block:Artist}
  530. {Artist}
  531. {/block:Artist}
  532.  
  533. </div>
  534. </div>
  535. {block:caption}<div id="caption">{Caption} </div>{/block:caption}
  536. {/block:Audio}
  537.  
  538.  
  539. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  540.  
  541. {block:Answer}
  542. <div id="ask">
  543. {Asker} asked:<br>
  544. <div style="margin-top: -10px;">{Question}</div>
  545. </div>
  546. {Answer}{/block:Answer}
  547.  
  548. <div id="info">
  549. <a title="{TimeAgo}" title="{TimeAgo}"><span class="material-symbols-outlined">schedule</span></a> <a href="{Permalink}" title="{NoteCount} notes"><span class="material-symbols-outlined">
  550. loyalty</span></a> <a href="{ReblogURL}" title="reblog"><span class="material-symbols-outlined">
  551. restart_alt
  552. </span></a>
  553. <div id="tags">
  554. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>
  555. {/block:Tags}{/block:HasTags}
  556. </div>
  557. </div>
  558.  
  559.  
  560. </div>
  561. {block:PostNotes}
  562. <div id="notes">
  563. <Div style="width: 500px;">
  564.  
  565.  
  566. {PostNotes}</div>{/block:PostNotes}
  567. {/block:Posts}</div></div>
  568.  
  569.  
  570. <div id="credit">
  571. <a href="https://anahilation.tumblr.com/" title="theme by ana"><span class="material-symbols-outlined">gesture</span></a>
  572. </div>
  573.  
  574.  
  575.  
  576.  
  577.  
  578. </body>
  579.  
  580.  
  581.  
  582. </html>
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!