API tools faq
paste
Advertisement
artiecore

bunny

artiecore
Jan 9th, 2023 (edited)
3,952
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.50 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. ♡ bunny theme by joyfriend ♡
  6.  
  7. im bunny? bunnie ૮꒰ ˶• ༝ •˶꒱ა
  8.  
  9.  
  10. 98 parts from https://github.com/jdan/98.css
  11. xp parts from https://github.com/botoxparty/XP.css
  12. 7 parts from https://khang-nd.github.io/7.css/
  13. ----->
  14.  
  15. <meta charset="utf-8">
  16. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  17. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  18. <script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script>
  19. <script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  20. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  21.  
  22. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  23. <link href="https://fonts.googleapis.com/css?family=Short+Stack&display=swap" rel="stylesheet">
  24.  
  25. {block:ifw98}
  26. <link rel="stylesheet" href="https://unpkg.com/98.css" />
  27. {/block:ifw98}
  28.  
  29. {block:ifwXP}
  30. <link rel="stylesheet" href="https://unpkg.com/xp.css" />
  31. {/block:ifwXP}
  32.  
  33. {block:ifw7}
  34. <link rel="stylesheet" href="https://unpkg.com/7.css">
  35. {/block:ifw7}
  36.  
  37.  
  38. {block:Description}
  39. <meta name="description" content="{MetaDescription}" />
  40. {/block:Description}
  41.  
  42. <link rel="shortcut icon" href="{image:favicon}">
  43. <link rel="alternate" type="application/rss+xml" href="{rss}">
  44.  
  45. <title>{Title}</title>
  46.  
  47. <meta name="color:background" content="#ffffff"/>
  48. <meta name="color:posts" content=""/>
  49. <meta name="color:sidebar" content=""/>
  50. <meta name="color:border" content="#000">
  51. <meta name="color:text" content="#000"/>
  52. <meta name="color:link" content="#000"/>
  53. <meta name="color:link hover" content="#fff"/>
  54. <meta name="color:selection bg" content="#fff"/>
  55. <meta name="color:selection text" content="#000">
  56. <meta name="color:tooltip text" content="#fff"/>
  57. <meta name="color:tooltip border" content="#000"/>
  58. <meta name="color:w98 gradient" content="#000080">
  59. <meta name="color:w98 gradient 2" content="#1084d0">
  60. <meta name="color:w7 frame" content="#000080">
  61.  
  62. <meta name="image:sidebar" content=""/>
  63. <meta name="image:background" content="" />
  64. <meta name="image:favicon" content="">
  65.  
  66. <meta name="if:redirect" content="" />
  67. <meta name="if:cover bg" content="" />
  68. <meta name="if:sidebar border" content="" />
  69. <meta name="if:post border" content="" />
  70. <meta name="if:nondefault font" content="" />
  71. <meta name="if:links auto open" content="" />
  72.  
  73. <meta name="if:w98" content="1" />
  74. <meta name="if:wXP" content="" />
  75. <meta name="if:w7" content="" />
  76.  
  77. <meta name="text:font size" content="12px">
  78. <meta name="text:description" content="nyall even read this shit?"/>
  79. <meta name="text:redirect" content=""/>
  80. <meta name="text:border size" content="3px" />
  81.  
  82. <meta name="text:link1" content="one">
  83. <meta name="text:url1" content="">
  84. <meta name="text:link2" content="two">
  85. <meta name="text:url2" content="">
  86. <meta name="text:link3" content="three">
  87. <meta name="text:url3" content="">
  88. <meta name="text:link4" content="four">
  89. <meta name="text:url4" content="">
  90.  
  91. <meta name="select:font" content="arial">
  92. <meta name="select:font" content="verdana">
  93. <meta name="select:font" content="courier">
  94. <meta name="select:font" content="georgia">
  95. <meta name="select:font" content="times new roman">
  96. <meta name="select:font" content="ms gothic"/>
  97. <meta name="select:font" content="short stack"/>
  98. <meta name="select:font" content="comic sans ms">
  99.  
  100. <meta name="select:border type" content="solid" />
  101. <meta name="select:border type" content="double" />
  102. <meta name="select:border type" content="dashed" />
  103. <meta name="select:border type" content="dotted" />
  104. <meta name="select:border type" content="outset">
  105. <meta name="select:border type" content="inset">
  106.  
  107. {block:ifredirect}
  108. {block:IndexPage}<script type="text/javascript">
  109. var url = location.href;
  110. if (url == "{BlogURL}") {
  111. window.location = "{BlogURL}tagged/{text:redirect}";
  112. }
  113. </script>{/block:IndexPage}
  114. {/block:ifredirect}
  115.  
  116.  
  117.  
  118.  
  119. <style type="text/css">
  120.  
  121. ::selection {
  122. background: {color:selection bg};
  123. color:{color:selection text};
  124. }
  125. ::-moz-selection {
  126. background: {color:selection bg};
  127. color:{color:selection text};
  128. }
  129.  
  130. .tooltip{
  131. display:inline;
  132. position:relative;
  133. }
  134.  
  135. #s-m-t-tooltip{
  136. max-width:300px;
  137. padding:5px;
  138. margin:20px 7px -2px 20px;
  139. letter-spacing:1px;
  140. background-color: rgba(0, 0, 0, 0.4);
  141. text-align:center;
  142. color:{color:tooltip text};
  143. text-shadow: -1px 0 {color:tooltip border}, 0 1px {color:tooltip border}, 1px 0 {color:tooltip border}, 0 -1px {color:tooltip border};
  144. z-index:9;
  145. -o-transition: all 0.3s ease-out;
  146. -webkit-transition: all 0.3s ease-out;
  147. -moz-transition: all 0.3s ease-out;
  148. }
  149.  
  150.  
  151. /*
  152. general text styles, fonts and colours
  153. */
  154.  
  155. body {
  156. margin:0px;
  157. background:{color:background};
  158. color:{color:text};
  159. background-image: url('{image:background}');
  160. {block:ifnotcoverbg}
  161. background-repeat: repeat;
  162. background-attachment: fixed;
  163. {/block:ifnotcoverbg}
  164. {block:ifcoverbg}
  165. background-size: cover;
  166. background-attachment: fixed;
  167. {/block:ifcoverbg}
  168. color:{color:text};
  169. {block:ifnondefaultfont}
  170. font-family: {select:font};
  171. {/block:ifnondefaultfont}
  172. font-size: {text:font size};
  173. }
  174.  
  175. p{
  176. margin:0 0 10px 0;
  177. padding:0;
  178. }
  179.  
  180. pre {
  181. white-space: pre-wrap;
  182. white-space: -moz-pre-wrap;
  183. white-space: -pre-wrap;
  184. white-space: -o-pre-wrap;
  185. word-wrap: break-word;
  186. }
  187.  
  188. a {
  189. color:{color:link};
  190. -moz-transition-duration:0.4s;
  191. -webkit-transition-duration:0.4s;
  192. -o-transition-duration:0.4s;
  193. text-decoration:none;
  194. }
  195.  
  196. a:hover {
  197. color:{color:link hover};
  198. -moz-transition-duration:0.4s;
  199. -webkit-transition-duration:0.4s;
  200. -o-transition-duration:0.4s;
  201. }
  202.  
  203. /* main container */
  204.  
  205. #con {
  206. top:50%;
  207. left:50%;
  208. transform:translate(-50%,-50%);
  209. position:fixed;
  210. width:700px;
  211. }
  212.  
  213. .title-bar-text{
  214. {block:ifnondefaultfont}
  215. font-family: {select:font};
  216. {/block:ifnondefaultfont}
  217. }
  218.  
  219.  
  220. .title-bar{
  221. {block:ifw98}
  222. background-image: linear-gradient(90deg, {color:w98 gradient}, {color:w98 gradient 2});{/block:ifw98}
  223.  
  224.  
  225. }
  226.  
  227.  
  228. button{
  229. {block:ifnondefaultfont}
  230. font-family: {select:font};
  231. {/block:ifnondefaultfont}
  232. }
  233. /* window body */
  234.  
  235. .window{
  236. font-size:{text:font size};
  237. {block:ifnondefaultfont}
  238. font-family: {select:font};
  239. {/block:ifnondefaultfont}
  240.  
  241.  
  242. }
  243.  
  244. .window-body{
  245. overflow:auto;
  246. height:600px;
  247. {block:ifw98}
  248. margin:0px;
  249. {/block:ifw98}
  250. {block:ifwXP}
  251. margin-right:3px;
  252. {/block:ifwXP}
  253. }
  254.  
  255.  
  256. .violet::before,
  257. .violet > .title-bar {
  258. background-color: {color:w7 frame};
  259. }
  260.  
  261.  
  262. /* sidebar */
  263.  
  264. #sidebar{
  265. position:fixed;
  266. width:200px;
  267. height:auto;
  268. margin-left:450px;
  269. margin-top:50px;
  270.  
  271. }
  272.  
  273. #sidebar img{
  274. width:100%;
  275. height:auto;
  276. {block:ifsidebarborder}
  277. border:{text:border size} {select:border type} {color:border};
  278. {/block:ifsidebarborder}
  279. }
  280.  
  281.  
  282. ul{
  283. font-size: {text:font size};
  284. {block:ifnondefaultfont}
  285. font-family: {select:font};
  286. {/block:ifnondefaultfont}
  287. }
  288.  
  289. summary{
  290. font-size: {text:font size};
  291. {block:ifnondefaultfont}
  292. font-family: {select:font};
  293. {/block:ifnondefaultfont}
  294.  
  295. }
  296.  
  297. .desc{
  298. {block:ifsidebarborder}
  299. border:{text:border size} {select:border type} {color:border};
  300. {/block:ifsidebarborder}
  301. {block:ifnondefaultfont}
  302. font-family: {select:font};
  303. {/block:ifnondefaultfont}
  304. }
  305.  
  306. ul.tree-view ul>li:last-child:after {
  307. background:{color:sidebar};
  308. }
  309. /* posts */
  310.  
  311. #posts {
  312. width:400px;
  313. margin-left:10px;
  314. padding:10px;
  315. margin-top:10px;
  316. background-color:{color:posts};
  317. {block:ifpostborder}
  318. border:{text:border size} {select:border type} {color:border};
  319. {/block:ifpostborder}
  320. margin-bottom:10px;
  321.  
  322. {block:ifnondefaultfont}
  323. font-family: {select:font};
  324. {/block:ifnondefaultfont}
  325. }
  326.  
  327.  
  328. #posts img {
  329. max-width:100%;
  330. height:auto;
  331.  
  332. }
  333.  
  334.  
  335. /* quotes, asks, etc */
  336.  
  337. .media{
  338. margin:0 0 10px 0;
  339. }
  340.  
  341. .title{
  342. font-weight:normal;
  343. font-size:18px;
  344. margin:0 0 10px 0;
  345. }
  346.  
  347. .quote{
  348. font-weight:normal;
  349. font-size:16px;
  350. font-style:italic;
  351. margin:0 0 10px 0;
  352. }
  353.  
  354. .question{
  355. margin-bottom:10px;
  356. }
  357.  
  358. blockquote{
  359. margin:0 0 10px 10px;
  360. padding:0 0 0 10px;
  361. border-left:solid 1px #000;
  362. }
  363.  
  364. /* post footer */
  365. .post .footer{
  366. margin:0;
  367. text-align:left;
  368. }
  369.  
  370. ol.notes{
  371. list-style-type:none;
  372. padding:0;
  373. margin:0;
  374. }
  375.  
  376. ol.notes li.note img{
  377. width:16px;
  378. height:16px;
  379. }
  380.  
  381. ol.notes li.note{
  382. margin:0px;
  383. }
  384.  
  385. /* audio stuff */
  386.  
  387. .spotify_audio_player {
  388. height:80px!important;
  389. width:100%!important;}
  390.  
  391. .soundcloud_audio_player {
  392. height:150px!important;
  393. width:100%!important;}
  394.  
  395. .trackback {
  396. position: absolute;
  397. left: 20px;
  398. top: 20px;
  399. width: 19px;
  400. height: 19px;
  401. background-color: #fff;
  402. padding: 10px;
  403. opacity: .4;}
  404.  
  405. .pressplay{
  406. position: relative;
  407. width: 25px;
  408. height: 25px;
  409. overflow: hidden;
  410. left: -6px;
  411. top: -3px;}
  412.  
  413. .albumpic {
  414. position: absolute;
  415. left: 0px;
  416. top: 0px;
  417. width: 79px;
  418. height: 79px;}
  419.  
  420. .albumpic img {
  421. width: 100%;
  422. height: auto;
  423. border: 1px solid {color:font color};}
  424.  
  425. .trackinfo {
  426. width: auto;
  427. display:inline-block;
  428. margin-left: 90px;
  429. min-height: 85px;}
  430.  
  431. .audiowrapper {
  432. position: relative; display:inline-block;}
  433.  
  434. /* cred */
  435.  
  436. #cred{
  437. position:fixed;
  438. font-size:15px;
  439. width:48px;
  440. text-align:center;
  441. left:10px;
  442. bottom:10px;
  443. }
  444.  
  445. #cred a{
  446. color:white;
  447. text-decoration:none;
  448. text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  449.  
  450. }
  451.  
  452.  
  453. {CustomCSS}
  454. </style>
  455. </head>
  456.  
  457. <body>
  458. <div id="con">
  459. {block:ifw98}
  460. <div class="window">
  461. {/block:ifw98}
  462.  
  463. {block:ifwXP}
  464. <div class="window">
  465. {/block:ifwXP}
  466.  
  467. {block:ifw7}
  468. <div class="window violet glass active">{/block:ifw7}
  469.  
  470. <div class="title-bar">
  471. <div class="title-bar-text">C:\\USERS\{name}\pages\{TotalPages}</div>
  472. <div class="title-bar-controls">
  473. <button aria-label="Minimize"></button>
  474. <button aria-label="Maximize"></button>
  475. <button aria-label="Close"></button>
  476. </div>
  477. </div>
  478.  
  479. <div class="window-body">
  480.  
  481. <div id="sidebar">
  482. {block:ifw7}<ul style="margin-bottom:10px; background-color:{color:sidebar};" class="tree-view has-collapse-button has-connector has-container" >{/block:ifw7}
  483.  
  484. {block:ifw98}
  485. <ul class="tree-view" style="margin-bottom:10px; padding:10px; background-color:{color:sidebar};">{/block:ifw98}
  486.  
  487. {block:ifwXP}
  488. <ul class="tree-view" style="margin-bottom:10px; padding:10px; background-color:{color:sidebar};">{/block:ifwXP}
  489.  
  490. <li>
  491. <details open>
  492. <summary>sidebar</summary>
  493. <ul>
  494. <li><a href="/"><img style="width:100%" src="{image:sidebar}"></a></li>
  495. </ul>
  496. </details>
  497.  
  498. <details open>
  499. <summary>desc</summary>
  500. <ul>
  501. <li id="desc">{text:description}</li>
  502. </ul>
  503. </details>
  504.  
  505. <details {block:iflinksautoopen} open {/block:iflinksautoopen}>
  506. <summary>links</summary>
  507. <ul>
  508. <li><a href="{text:url1}">{text:link1}</a></li>
  509. <li><a href="{text:url2}">{text:link2}</a></li>
  510. <li><a href="{text:url3}">{text:link3}</a></li>
  511. <li><a href="{text:url4}">{text:link4}</a></li>
  512. </ul>
  513. </details>
  514.  
  515. </li>
  516. </ul>
  517.  
  518.  
  519. {block:Pagination}
  520. {block:PreviousPage}
  521. <a style="float:left;" href="{PreviousPage}"><button>back</button>
  522. </a>
  523. {/block:PreviousPage}
  524.  
  525.  
  526. {block:NextPage}
  527. <a style="float:right;" href="{NextPage}"><button>next</button>
  528. </a>
  529. {/block:NextPage}
  530. {/block:Pagination}
  531.  
  532. </div>
  533.  
  534.  
  535.  
  536.  
  537. {block:Posts}
  538.  
  539. <div id="posts">
  540.  
  541. {block:Quote}
  542. <div id="titlequote"><i class="fa fa-quote-left"></i>&nbsp; {Quote} &nbsp;<i class="fa fa-quote-right"></i></div>
  543. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  544. {/block:Quote}
  545.  
  546. {block:Text}
  547. {block:Title}
  548. <div id="title">{Title}</div>{/block:Title}
  549. {Body}
  550. {/block:Text}
  551.  
  552. {block:link}
  553. <div id="title"><a href="{URL}"><i class="fa fa-link"></i>&nbsp; {Name}</a></div>
  554. {block:Description}{Description}{/block:Description}
  555. {/block:link}
  556.  
  557. {block:Chat}
  558. {block:Title}
  559. <div id="title">{Title}</div>{/block:Title}
  560. {/block:Text}
  561. {block:lines}
  562. {block:label}
  563. <br><b>{label}</b>
  564. {/block:label}
  565. {line}
  566. {/block:lines}
  567. {/block:Chat}
  568.  
  569. {block:Photo}
  570. {linkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{linkCloseTag}
  571. {/block:Photo}
  572.  
  573. {block:Photoset}
  574. {Photoset-400}
  575. {/block:Photoset}
  576.  
  577. <div class="video">{Video-400}</div>
  578.  
  579. {block:AudioPlayer}
  580. <div class="audiowrapper">
  581. {block:AlbumArt}
  582. <div class="albumpic"><img src="{AlbumArtURL}"></div>
  583. {/block:AlbumArt}
  584. <div class="trackback">
  585. <div class="pressplay">
  586. {AudioPlayer}
  587. </div></div>
  588. <div class="trackinfo">
  589. {block:TrackName}{TrackName}{/block:TrackName}<br>
  590. {block:Artist}<b>{Artist}</b>{/block:Artist}<br>
  591. {block:Album}<i>{Album}</i>{/block:Album}<br>
  592. </div></div>
  593. {/block:AudioPlayer}
  594.  
  595. {block:Answer}
  596. <div class="q">
  597. <div class="as"> <b><big>{Asker} said:</big></b>
  598. {Question}</div></div>
  599. <div class="a">{Answer}</div>
  600. {/block:Answer}
  601.  
  602. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  603.  
  604. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  605.  
  606. {block:Date}
  607. <div class="footer">
  608. <a href="{Permalink}"><a href="{Permalink}" title="{timeago}">{notecount}{text:notes symbol}</a>
  609.  
  610. <!-- {block:NoRebloggedFrom}
  611. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  612. {/block:NoRebloggedFrom} -->
  613. {block:ContentSource}<!-- {SourceURL}
  614. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  615. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  616. {/block:ContentSource}
  617. <br>
  618. {block:HasTags}
  619. filed:
  620. <select onChange="location=this.options[this.selectedIndex].value;">
  621.  
  622.  
  623. <option></option> {block:Tags}
  624. <option value="{TagURL}">{Tag}</option>{/block:Tags}
  625. </select>
  626. {/block:HasTags}
  627.  
  628.  
  629. </div>
  630. {block:PermalinkPage}
  631. {block:NoteCount}
  632. {block:PostNotes}{PostNotes}{/block:PostNotes}
  633. {/block:NoteCount}
  634. {/block:PermalinkPage}
  635. {/block:Date}
  636.  
  637. </div>
  638.  
  639.  
  640. {/block:Posts}
  641.  
  642. </div>
  643.  
  644. </div>
  645. </div>
  646.  
  647.  
  648. </div>
  649.  
  650. <div id="cred">
  651. {block:ifw98}
  652. <a href="https://joyfriend.tumblr.com/"><img src="https://win98icons.alexmeub.com/icons/png/recycle_bin_full-2.png" width="48px"><br>
  653. {/block:ifw98}
  654.  
  655. {block:ifwXP}
  656. <a href="https://joyfriend.tumblr.com/"><img src="https://vignette.wikia.nocookie.net/yaberolan/images/a/a2/Recycle_Bin1.png/revision/latest?cb=20110330082733&path-prefix=sv" width="48px"><br>
  657. {/block:ifwXP}
  658.  
  659. {block:ifw7}
  660. <a href="https://joyfriend.tumblr.com/"><img src="https://iconarchive.com/download/i19002/iconshock/vista-general/trash.ico" width="48px"><br>
  661. {/block:ifw7}
  662. <a href="https://joyfriend.tumblr.com/">theme</a></div>
  663.  
  664. <!-----
  665. sniff hii hii hiiiiiii
  666. ----->
  667.  
  668.  
  669. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!