API tools faq
paste
sashatheme

LITTLE BIT LATE THEME

sashatheme
Jan 28th, 2023
866
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.61 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.  
  5. <head>
  6.  
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8.  
  9. <link href="/style.css" rel="stylesheet" type="text/css" media="all">
  10.  
  11. <!--SCRIPPPTS AND SUCH-->
  12.  
  13. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
  14.  
  15. </script>
  16.  
  17. <script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js">
  18.  
  19. </script>
  20.  
  21. <script>
  22.  
  23. (function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);
  24.  
  25. </script>
  26.  
  27. <style>
  28.  
  29. /* Bob */
  30. @-webkit-keyframes hvr-bob {
  31. 0% {
  32. translateY(-8px);
  33. }
  34. 50% {translateY(-4px);
  35. }
  36. 100% {
  37. -webkit-transform: translateY(-8px);
  38. transform: translateY(-8px);
  39. }
  40. }
  41. @keyframes hvr-bob {
  42. 0% {
  43. -webkit-transform: translateY(-8px);
  44. transform: translateY(-8px);
  45. }
  46. 50% {
  47. -webkit-transform: translateY(-4px);
  48. transform: translateY(-4px);
  49. }
  50. 100% {
  51. -webkit-transform: translateY(-8px);
  52. transform: translateY(-8px);
  53. }
  54. }
  55. @-webkit-keyframes hvr-bob-float {
  56. 100% {
  57. -webkit-transform: translateY(-8px);
  58. transform: translateY(-8px);
  59. }
  60. }
  61. @keyframes hvr-bob-float {
  62. 100% {
  63. -webkit-transform: translateY(-8px);
  64. transform: translateY(-8px);
  65. }
  66. }
  67. #hvr-bob {
  68. -webkit-animation-name: hvr-bob-float, hvr-bob;
  69. animation-name: hvr-bob-float, hvr-bob;
  70. -webkit-animation-duration: .3s, 1.5s;
  71. animation-duration: .3s, 1.5s;
  72. -webkit-animation-delay: 0s, .3s;
  73. animation-delay: 0s, .3s;
  74. -webkit-animation-timing-function: ease-out, ease-in-out;
  75. animation-timing-function: ease-out, ease-in-out;
  76. -webkit-animation-iteration-count: 1, infinite;
  77. animation-iteration-count: 1, infinite;
  78. -webkit-animation-fill-mode: forwards;
  79. animation-fill-mode: forwards;
  80. -webkit-animation-direction: normal, alternate;
  81. animation-direction: normal, alternate;
  82. }
  83.  
  84. </style>
  85.  
  86. <!--FONTS-->
  87.  
  88. <style>
  89.  
  90. @import url('https://fonts.googleapis.com/css2?family=Caveat&family=DynaPuff&family=Silkscreen&display=swap');
  91.  
  92. @import url('https://fonts.googleapis.com/css2?family=Caveat&family=DynaPuff&family=Silkscreen&display=swap');
  93.  
  94. @import url('https://fonts.googleapis.com/css2?family=Caveat&family=DynaPuff&family=Silkscreen&display=swap');
  95.  
  96. @import url('https://fonts.googleapis.com/css2?family=Caveat&family=DynaPuff&family=Fredoka+One&family=Silkscreen&display=swap');
  97.  
  98. </style>
  99.  
  100. <!--SHIT-->
  101.  
  102. <meta name="select:font" content="arial" />
  103. <meta name="select:font" content="comic sans ms" />
  104. <meta name="select:font" content="times" />
  105. <meta name="select:font" content="ms gothic" />
  106. <meta name="select:font" content="Caveat" />
  107. <meta name="select:font" content="DynaPuff" />
  108. <meta name="select:font" content="Silkscreen" />
  109. <meta name="select:font" content="Fredoka One" />
  110.  
  111. <meta name="text:description box" contents="" />
  112. <meta name="text:refresh title" contents="" />
  113. <meta name="text:permalink divider" contents="" />
  114. <meta name="text:tags divider" contents="" />
  115.  
  116. <meta name="color:background" contents="" />
  117.  
  118. <meta name="image:background" contents="" />
  119.  
  120. <meta name="select:background size" content="cover" />
  121. <meta name="select:background size" content="contain" />
  122. <meta name="select:background size" content="fit" />
  123. <meta name="select:background size" content="auto" />
  124.  
  125. <meta name="image:container side image" contents="" />
  126. <meta name="image:container bottom image" contents="" />
  127.  
  128. <meta name="color:container bg" contents="" />
  129. <meta name="image:container bg" contents="" />
  130.  
  131. <meta name="color:container border" contents="" />
  132.  
  133. <meta name="select:container border width" content="1px" />
  134. <meta name="select:container border width" content="2px" />
  135. <meta name="select:container border width" content="3px" />
  136. <meta name="select:container border width" content="4px" />
  137. <meta name="select:container border width" content="5px" />
  138.  
  139. <meta name="select:container border" content="solid" />
  140. <meta name="select:container border" content="dashed" />
  141. <meta name="select:container border" content="dotted" />
  142. <meta name="select:container border" content="double" />
  143. <meta name="select:container border" content="inset" />
  144. <meta name="select:container border" content="outset" />
  145. <meta name="select:container border" content="groove" />
  146. <meta name="select:container border" content="ridge" />
  147.  
  148. <meta name="image:icon" contents="" />
  149.  
  150. <meta name="color:icon border" contents="" />
  151.  
  152. <meta name="select:icon border width" content="1px" />
  153. <meta name="select:icon border width" content="2px" />
  154. <meta name="select:icon border width" content="3px" />
  155. <meta name="select:icon border width" content="4px" />
  156. <meta name="select:icon border width" content="5px" />
  157.  
  158. <meta name="select:icon border" content="solid" />
  159. <meta name="select:icon border" content="dashed" />
  160. <meta name="select:icon border" content="dotted" />
  161. <meta name="select:icon border" content="double" />
  162. <meta name="select:icon border" content="inset" />
  163. <meta name="select:icon border" content="outset" />
  164. <meta name="select:icon border" content="groove" />
  165. <meta name="select:icon border" content="ridge" />
  166.  
  167. <meta name="color:post bg" contents="" />
  168. <meta name="image:post bg" contents="" />
  169.  
  170. <meta name="color:post text" contents="" />
  171.  
  172. <meta name="color:description box bg" contents="" />
  173. <meta name="image:description box bg" contents="" />
  174.  
  175. <meta name="color:description box text" contents="" />
  176.  
  177. <meta name="color:description box border" contents="" />
  178.  
  179. <meta name="select:description box border width" content="1px" />
  180. <meta name="select:description box border width" content="2px" />
  181. <meta name="select:description box border width" content="3px" />
  182. <meta name="select:description box border width" content="4px" />
  183. <meta name="select:description box border width" content="5px" />
  184.  
  185. <meta name="select:description box border" content="solid" />
  186. <meta name="select:description box border" content="dashed" />
  187. <meta name="select:description box border" content="dotted" />
  188. <meta name="select:description box border" content="double" />
  189. <meta name="select:description box border" content="inset" />
  190. <meta name="select:description box border" content="outset" />
  191. <meta name="select:description box border" content="groove" />
  192. <meta name="select:description box border" content="ridge" />
  193.  
  194. <meta name="color:footer text" contents="" />
  195. <meta name="color:tags" contents="" />
  196.  
  197. <meta name="color:pagination bg" contents="" />
  198. <meta name="color:pagination" contents="" />
  199.  
  200. <meta name="color:tooltip bg" contents="" />
  201. <meta name="color:tooltip text" contents="" />
  202.  
  203. <meta name="color:tooltip border" contents="" />
  204.  
  205. <meta name="select:tooltip border" content="solid" />
  206. <meta name="select:tooltip border" content="dashed" />
  207. <meta name="select:tooltip border" content="dotted" />
  208. <meta name="select:tooltip border" content="double" />
  209. <meta name="select:tooltip border" content="inset" />
  210. <meta name="select:tooltip border" content="outset" />
  211. <meta name="select:tooltip border" content="groove" />
  212. <meta name="select:tooltip border" content="ridge" />
  213.  
  214. <meta name="color:link" contents="" />
  215. <meta name="color:bold" contents="" />
  216. <meta name="color:italic" contents="" />
  217.  
  218. <!--ELEMENTS-->
  219.  
  220. <style>
  221.  
  222. #credit {
  223.  
  224. position:fixed;
  225.  
  226. left:12px;
  227.  
  228. bottom:6px;
  229.  
  230. font-size:14px;
  231.  
  232. }
  233.  
  234. ::-webkit-scrollbar {
  235.  
  236. display: none;
  237.  
  238. }
  239.  
  240. body {
  241.  
  242. margin-top: 150px;
  243.  
  244. background-color: {color:background};
  245.  
  246. background-image: url('{image:background}');
  247.  
  248. background-size: {select:background size};
  249.  
  250. font-family: {select:font};
  251.  
  252. background-attachment: fixed;
  253.  
  254. }
  255.  
  256.  
  257. a {
  258.  
  259. color: {color:link};
  260.  
  261. }
  262.  
  263. a:hover {
  264.  
  265. }
  266.  
  267. b, bold, strong {
  268.  
  269. color: {color:bold};
  270.  
  271. }
  272.  
  273. i, italic, italicized {
  274.  
  275. color: {color:italic};
  276. }
  277.  
  278. .pag {
  279.  
  280. display: inline-block;
  281.  
  282. padding: 10px;
  283.  
  284. background-color: {color:pagination bg};
  285.  
  286. }
  287.  
  288. a.pag, a.pag:link, a.pag:active, a.pag:visited {
  289.  
  290. color: {color:pagination};
  291.  
  292. }
  293.  
  294. .container {
  295.  
  296. width: 300px;
  297.  
  298. max-width: 300px;
  299.  
  300. height: 300px;
  301.  
  302. position: fixed;
  303.  
  304. overflow: auto;
  305.  
  306. padding: 4px;
  307.  
  308. display: inline-block;
  309.  
  310. border: {select:container border width} {select:container border} {color:container border};
  311.  
  312. background-image: url('{image:container bg}');
  313.  
  314. background-color: {color:container bg};
  315.  
  316. scrollbar-width: none;
  317.  
  318. }
  319.  
  320. .container img {
  321.  
  322. max-width: 100%;
  323.  
  324. height: auto;
  325. }
  326.  
  327. blockquote {
  328.  
  329. margin: 0;
  330.  
  331. }
  332.  
  333. .npf_row {
  334.  
  335. margin: 0 !important;
  336.  
  337. }
  338.  
  339. .posts {
  340.  
  341. width: 280px;
  342.  
  343. padding: 8px;
  344.  
  345. margin-bottom: 12px;
  346.  
  347. margin-top: 12px;
  348.  
  349. word-wrap: break-word;
  350.  
  351. text-align: justify;
  352.  
  353. color: {color:post text};
  354.  
  355. background-color: {color:post bg};
  356.  
  357. background-image: url('{image:post bg}');
  358.  
  359. }
  360.  
  361. .icon {
  362.  
  363. width: 107px;
  364.  
  365. height: 107px;
  366.  
  367. overflow: hidden;
  368.  
  369. padding: 1px;
  370.  
  371. display: inline-block;
  372.  
  373. background-image: url('{image:icon}');
  374.  
  375. background-size: cover;
  376.  
  377. background-repeat: no-repeat;
  378.  
  379. border: {select:icon border width} {select:icon border} {color:icon border};
  380.  
  381. margin-left: -90px;
  382.  
  383. margin-top: -40px;
  384.  
  385. position: fixed;
  386.  
  387. z-index: 10;
  388.  
  389. }
  390.  
  391. .icon3 {
  392.  
  393. padding: 0px;
  394.  
  395. display: inline-block;
  396.  
  397. border: 2px solid transparent;
  398.  
  399. margin-top: 318px;
  400.  
  401. margin-left: -2px;
  402.  
  403. position: absolute;
  404.  
  405. z-index: 10;
  406.  
  407. }
  408.  
  409. .icon4 {
  410.  
  411. padding: 0px;
  412.  
  413. display: inline-block;
  414.  
  415. border: 2px solid transparent;
  416.  
  417. margin-left: 320px;
  418.  
  419. position: absolute;
  420.  
  421. z-index: 10;
  422.  
  423. }
  424.  
  425. .updates {
  426.  
  427. width: 162px;
  428.  
  429. height: 82px;
  430.  
  431. overflow: hidden;
  432.  
  433. padding: 0px;
  434.  
  435. display: inline-block;
  436.  
  437. color: {color:description box text};
  438.  
  439. border: {select:description box border width} {select:description box border} {color:description box border};
  440.  
  441. margin-left: 146px;
  442.  
  443. margin-top: -96px;
  444.  
  445. position: fixed;
  446.  
  447. background-image: url('{image:description box bg}');
  448.  
  449. background-size: cover;
  450.  
  451. background-repeat: no-repeat;
  452.  
  453. background-color: {color:description box bg};
  454.  
  455. text-align: justify;
  456.  
  457. overflow: auto;
  458.  
  459. scrollbar-width: none;
  460.  
  461. }
  462.  
  463. .tooltip {
  464.  
  465. display: inline;
  466.  
  467. position: relative;
  468.  
  469. }
  470.  
  471. #s-m-t-tooltip {
  472.  
  473. max-width: 250px;
  474.  
  475. text-align: center;
  476.  
  477. margin: 10px 0 0 15px;
  478.  
  479. padding: 4px;
  480.  
  481. background-color: {color:tooltip bg};
  482.  
  483. color: {color:tooltip text};
  484.  
  485. word-wrap: break-word;
  486.  
  487. border: 1px {select:tooltip border} {color:tooltip border};
  488.  
  489. font-size: 14px;
  490.  
  491. z-index: 99;
  492.  
  493. -webkit-transition:all 0.2s linear;
  494.  
  495. -moz-transition:all 0.2s linear;
  496.  
  497. -o -transition-duration:0.2s;
  498.  
  499. transition: all 0.2s linear;
  500.  
  501. letter-spacing: 2px;
  502.  
  503. }
  504.  
  505. .pag {
  506.  
  507. background-color: {color:pagination bg};
  508.  
  509. color: {color:pagination};
  510.  
  511. margin-bottom: 20px;
  512. }
  513.  
  514. </style>
  515.  
  516. </head>
  517.  
  518. <body>
  519.  
  520. <center>
  521.  
  522. <a href="/" title="{text:refresh title}"><div class="icon" id="hvr-bob"></div></a>
  523.  
  524. <div class="icon3"><img src="{image:container bottom image}"></div>
  525.  
  526. <div class="icon4"><img src="{image:container side image}"></div>
  527.  
  528. <div class="updates">
  529.  
  530. <p style="padding-left: 10px; padding-right: 10px; margin-top: 2px;">
  531.  
  532. {text:description box}
  533.  
  534. </p>
  535.  
  536. </div>
  537.  
  538. <div class="container">
  539.  
  540. <center>
  541.  
  542. {block:Posts}
  543.  
  544. <div class="posts">
  545.  
  546. {block:Quote}
  547. <div id="titlequote">&nbsp; {Quote} &nbsp;</div>
  548. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  549. {/block:Quote}
  550.  
  551. {block:Text}
  552. {block:Title}
  553. <div id="title">{Title}</div>{/block:Title}
  554. {Body}
  555. {/block:Text}
  556.  
  557. {block:link}
  558. <div id="title"><a href="{URL}">&nbsp; {Name}</a></div>
  559. {block:Description}{Description}{/block:Description}
  560. {/block:link}
  561.  
  562. {block:Chat}
  563. {block:Title}
  564. <div id="title">{Title}</div>{/block:Title}
  565. {/block:Text}
  566. {block:lines}
  567. {block:label}
  568. <br><b>{label}</b>
  569. {/block:label}
  570. {line}
  571. {/block:lines}
  572. {/block:Chat}
  573.  
  574. {block:Photo}
  575. {linkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{linkCloseTag}
  576. {/block:Photo}
  577.  
  578. {block:Photoset}
  579. {Photoset}
  580. {/block:Photoset}
  581.  
  582. {block:Audio}
  583. <center>
  584. {AudioPlayer}
  585. </center>
  586. {block:TrackName}
  587. {TrackName}
  588. {/block:TrackName}
  589. {block:Caption}
  590. {Caption}
  591. {/block:Caption}
  592. {/block:Audio}
  593.  
  594. {block:Video}
  595. <center>
  596. {Video-250}
  597. </center>
  598. {block:Caption}
  599. {Caption}
  600. {/block:Caption}
  601. {/block:Video}
  602.  
  603. {block:Answer}
  604. <div class="q">
  605. <div class="as"> <b><i>{Asker} said:</i></b>
  606. {Question}</div></div><hr style="border-top: 1px dashed; border-bottom: none; border-left: none; border-right: none;">
  607. <div class="a">{Answer}</div>
  608. {/block:Answer}
  609.  
  610. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  611.  
  612. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  613.  
  614. {block:Date}
  615. <span style="text-align: center; color: {color:footer text};">
  616. <div id="permalink" style="color: {color:footer text};">
  617. <a style="text-decoration: none; color: {color:footer text};" href="{Permalink}" title="{Month} {DayOfMonth} {Year}"><b>{ShortMonth} {DayOfMonth} {ShortYear}</b></a>
  618. {block:NoteCount}&nbsp; {text:permalink divider} &nbsp;<a href="{Permalink}" style="text-decoration: none; color: {color:footer text};" title="{Notecount} notes">{NoteCount} notes︎</a>{/block:NoteCount}<div>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}" style="color: {color:via}; font-family: {text:font family}; font-size: {text:via font size}; text-decoration: none; color: {color:footer text};">via</a>{block:ContentSource} ... <a href="{ReblogRootURL}" title="{ReblogRootName}" style="color: {color:source}; font-family: {text:font family}; font-size: {text:source font size}; text-decoration: none; color: {color:footer text};">src</a>{/block:ContentSource}{/block:RebloggedFrom}</div></span>
  619.  
  620. {text:tags divider}
  621.  
  622. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}" style="text-decoration: none; color: {color:tags}" title="{Tag}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  623.  
  624. </div>
  625.  
  626. {/block:Date}
  627.  
  628. </div>
  629.  
  630. {block:PostNotes}
  631. <div class="pagenotes" style="background-color: rgba(255, 255, 255, 0.7); text-align: justify; padding-left: 5px; padding-right: 15px; padding-top: 5px; line-height: 30px;">
  632. {PostNotes}
  633. </div>
  634. {/block:PostNotes}
  635.  
  636. {/block:Posts}
  637.  
  638. <div class="pag">
  639. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" title="PREV PAGE">PREV</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" title="NEXT PAGE">NEXT</a>{/block:NextPage}{/block:Pagination}
  640. </div>
  641.  
  642. </div>
  643.  
  644. </div>
  645.  
  646. </center>
  647.  
  648. <div id="credit">
  649.  
  650. <a href="https://cod.tumblr.com/" target="_blank" title="CODED BY JOYBOY">🦩</a>
  651.  
  652. </div>
  653.  
  654. </div>
  655.  
  656. </div>
  657.  
  658. </body>
  659.  
  660. </html>
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!