API tools faq
paste
Advertisement
jellyparty

biggest littlest pet shop v1.0.2

jellyparty
Dec 17th, 2022 (edited)
1,913
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.71 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <head>
  3.  
  4. <!---
  5.  
  6.  
  7. // biggest littlest pet shop theme by France
  8. // Version 1.0.1
  9.  
  10. // ♡ You may:
  11. 1. Report bugs or make suggestions to me
  12. 2. Add, remove or alter features
  13.  
  14. // X You may not:
  15. 1. Remove or edit the code
  16. 2. Claim as your own
  17. 3. Steal
  18.  
  19. // Credit
  20. 1. glenthemes for photo script
  21. 2. kyupu for inspiration
  22.  
  23. Please keep the internet a nice please and follow my rules. ♡
  24.  
  25. -->
  26.  
  27.  
  28. <!-- images -->
  29. <meta name="image:favicon" content="">
  30. <meta name="image:cursor" content="">
  31. <meta name="image:background" content="">
  32. <meta name="image:header" content="">
  33.  
  34. <meta name="image:divider" content="">
  35.  
  36.  
  37. <!-- colors -->
  38. <meta name="color:background" content="">
  39.  
  40. <meta name="color:text" content="">
  41. <meta name="color:text select" content="">
  42. <meta name="color:text select background" content="">
  43.  
  44. <meta name="color:link" content="#5fa2ff">
  45. <meta name="color:link hover" content="#e959be">
  46.  
  47. <meta name="color:link outline" content="">
  48. <meta name="color:link outline hover" content="">
  49.  
  50. <meta name="color:link background" content="#c2ecff">
  51. <meta name="color:link background hover" content="#fec9ff">
  52.  
  53. <meta name="color:content" content="">
  54.  
  55. <meta name="color:header" content="">
  56. <meta name="color:header glow" content="">
  57.  
  58. <meta name="color:scrollbar" content="">
  59. <meta name="color:scrollbar background" content="">
  60.  
  61. <meta name="color:ask" content="">
  62.  
  63.  
  64. <!-- options -->
  65. <meta name="if:round header" content="">
  66. <meta name="if:full background" content="">
  67. <meta name="if:custom cursor" content="">
  68. <meta name="if:header glow" content="">
  69. <meta name="if:color changing link background" content="">
  70. <meta name="if:link outline" content="">
  71. <meta name="if:bold links" content="">
  72.  
  73.  
  74. <!-- text -->
  75. <meta name="text:font" content="ms gothic">
  76. <meta name="text:font size" content="20">
  77. <meta name="text:title size" content="20">
  78. <meta name="text:link size" content="17">
  79. <meta name="text:title" content="lovely theme">
  80. <meta name="text:description" content="this is your description...!">
  81. <meta name="text:link one" content="one">
  82. <meta name="text:link two" content="two">
  83. <meta name="text:link three" content="three">
  84. <meta name="text:link one url" content="/">
  85. <meta name="text:link two url" content="test">
  86. <meta name="text:link three url" content="/">
  87. <meta name="text:link divider" content="/">
  88.  
  89.  
  90. <link rel="shortcut icon" href="{image:favicon}">
  91. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  92. {block:Description}
  93. <meta name="description" content="{MetaDescription}" />
  94. {/block:Description}
  95. <title>{Title}</title>
  96.  
  97. <script src="//code.jquery.com/jquery-1.12.4.js"></script>
  98. <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  99. <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
  100. <link href="//glen-npf-2020.glitch.me/npf-override.css" rel="stylesheet">
  101. <script src="//glen-npf-2020.glitch.me/npf-evenize.js"></script>
  102.  
  103. <style type="text/css">
  104.  
  105. /* ----------------------------------------------------------------- */
  106. /* [document style] */
  107.  
  108.  
  109. body{
  110. background-image:Url('{image:background}');
  111. font-family:{text:font};
  112. font-size:{text:font size}px;
  113. background-color:{color:background};
  114. background-attachment:fixed;
  115. {block:ifcustomcursor}
  116. cursor:url("{image:cursor}"), default;
  117. {/block:ifcustomcursor}
  118. {block:iffullbackground}
  119. background-size: cover;
  120. {/block:iffullbackground}
  121. color:{color:text};
  122. word-wrap:break-word;}
  123.  
  124. ::selection{
  125. color:{color:text select};
  126. background-color:{color:text select background};}
  127.  
  128. a{
  129. color:{color:link};
  130. text-decoration:none;
  131. {block:ifboldlinks}
  132. font-weight:bold;
  133. {/block:ifboldlinks}
  134. {block:ifcolorchanginglinkbackground}
  135. background-color:{color:link background};
  136. display:inline;
  137. width: 150px;
  138. box-shadow: inset 0 0 0 0 {color:link background};
  139. overflow: visible;
  140. -webkit-transition: all ease 0.5s;
  141. -moz-transition: all ease 0.5s;
  142. transition: all ease 0.5s;
  143. {/block:ifcolorchanginglinkbackground};
  144. {block:iflinkoutline}
  145. text-shadow: -1px 0 {color:link outline}, 0 1px {color:link outline}, 1px 0 {color:link outline}, 0 -1px {color:link outline};
  146. {/block:iflinkoutline};
  147. }
  148.  
  149. a:hover{
  150. color:{color:link hover};
  151. {block:ifboldlinks}
  152. font-weight:bold;
  153. {/block:ifboldlinks}
  154. {block:ifcolorchanginglinkbackground}
  155. box-shadow: inset 0 50px 0 0 {color:link background hover};
  156. {/block:ifcolorchanginglinkbackground};
  157. {block:iflinkoutline}
  158. text-shadow: -1px 0 {color:link outline hover}, 0 1px {color:link outline hover}}, 1px 0 {color:link outline hover}, 0 -1px {color:link outline hover};
  159. {/block:iflinkoutline};}
  160.  
  161. .npf_row{
  162. margin: 0 !important;}
  163.  
  164. blockquote{
  165. border-left:1px solid #333333;
  166. padding-left:10px;
  167. margin: 15px;}
  168.  
  169. p{
  170. margin:0 0 5px 0;
  171. padding:0;}
  172.  
  173. ::-webkit-scrollbar {
  174. width: 15px;
  175. height: 10px;}
  176.  
  177. ::-webkit-scrollbar-thumb:vertical{
  178. background:{color:scrollbar};
  179. border-top: 1px solid #bdbdbd;
  180. border-left: 1px solid #bdbdbd;
  181. border-right: 1px solid black;
  182. border-bottom: 1px solid black;}
  183.  
  184. ::-webkit-scrollbar-track {
  185. background:{color:scrollbar background};}
  186.  
  187. ::-webkit-scrollbar-button:vertical:increment {
  188. background-image: url('https://64.media.tumblr.com/e09634612068e4130ba031c281d24f52/2672484062507eca-ca/s75x75_c1/adda254826b4ce41c01fc40698385bc334f10abf.png');
  189. width: 14px;
  190. height: 16px;
  191. background-color:{color:scrollbar};
  192. border-top: 1px solid #bdbdbd;
  193. border-left: 1px solid #bdbdbd;
  194. border-right: 1px solid black;
  195. border-bottom: 1px solid black;}
  196.  
  197. ::-webkit-scrollbar-button:vertical:decrement {
  198. background-image:url(https://64.media.tumblr.com/30f5701150586e1f03bb59f783884ca7/2672484062507eca-56/s75x75_c1/8dc29751305312d2db13c18b6f0c9d8b105d2fd5.png);
  199. background-color:{color:scrollbar};
  200. border-top: 1px solid #bdbdbd;
  201. border-left: 1px solid #bdbdbd;
  202. border-right: 1px solid black;
  203. border-bottom: 1px solid black;
  204. width: 14px;
  205. height: 16px;}
  206.  
  207.  
  208. /* ----------------------------------------------------------------- */
  209. /* [content style] */
  210.  
  211.  
  212. #content-container{
  213. position:absolute;
  214. margin-top:-10px;
  215. left: 50%;
  216. transform: translateX(-50%);
  217. width:510px;
  218. background-color:rgba({RGBcolor:content}, 0.6);}
  219.  
  220. #content{
  221. margin-left:25px;}
  222.  
  223. .post{
  224. padding:5px;
  225. margin:25px 0 25px 0;
  226. width:450px;}
  227.  
  228. .post img{
  229. border-radius:15px;
  230. max-width:100%;
  231. height:auto;}
  232.  
  233. .photoset{
  234. max-width:500px;}
  235.  
  236. .title{
  237. font-weight:bold;
  238. margin:0 0 10px 0;
  239. font-size:25px;}
  240.  
  241.  
  242. /* ----------------------------------------------------------------- */
  243. /* [header style] */
  244.  
  245.  
  246. #heading{
  247. padding:0px;
  248. background:linear-gradient({color:header} 40%, transparent);}
  249.  
  250. .header-title{
  251. font-size:{text:title size}px;
  252. margin-top:10px;}
  253.  
  254. .desc{
  255. margin:0 0 20px 0;}
  256.  
  257. .links{
  258. font-size:{text:link size}px;}
  259.  
  260.  
  261. /* ----------------------------------------------------------------- */
  262. /* [footer style] */
  263.  
  264. .footer{
  265. padding:10px;}
  266.  
  267. ol.notes li.note{
  268. list-style: none;
  269. padding: 0px;}
  270.  
  271. ol.notes li.note:before{
  272. content: '★';
  273. margin: 0 5px}
  274.  
  275.  
  276. /* ----------------------------------------------------------------- */
  277. /* [post styles] */
  278.  
  279.  
  280. /* asks */
  281. .question{
  282. background:transparent;}
  283.  
  284. .bubble {
  285. position: relative;
  286. margin-left:20px;
  287. width: 280px;
  288. text-align:center;
  289. max-height: 100px;
  290. background:{color:ask};
  291. padding:15px;
  292. border-radius: 10px;
  293. margin-top:5px;}
  294.  
  295. .bubble:after {
  296. content: '';
  297. position: absolute;
  298. display: block;
  299. width: 0;
  300. z-index: 1;
  301. border-style: solid;
  302. border-color: transparent {color:ask};
  303. border-width: 20px 20px 20px 0;
  304. top: 50%;
  305. left: -20px;
  306. margin-top: -20px;}
  307.  
  308. .asker{
  309. margin:0 0 5px 0;}
  310.  
  311. /* ------------------------------------------------ */
  312.  
  313.  
  314. /* music & video */
  315. #audioplayer{
  316. width:30px;
  317. height:25px;
  318. overflow:hidden;
  319. position:absolute;
  320. margin-top:40px;
  321. margin-bottom:40px;
  322. margin-left:35px;
  323. border-radius: 40px;
  324. opacity: 0.7;}
  325.  
  326. .trackstuff{
  327. overflow:auto;
  328. margin-left:110px;
  329. margin-top:-75px;
  330. margin-bottom:50px;
  331. display:block;}
  332.  
  333. .playbutton{
  334. margin-bottom:30px;
  335. margin-top:-60px;
  336. margin-left:35px;
  337. z-index:9;
  338. width:33px;
  339. height:30px;
  340. overflow:hidden;}
  341.  
  342. video{
  343. max-width: 100%;
  344. height: auto;}
  345.  
  346. .caption{
  347. margin:5px 0 0 0;}
  348.  
  349.  
  350. /* ----------------------------------------------------------------- */
  351. /* [otherrrrrrr] */
  352.  
  353. .credit{
  354. font-size:25px;
  355. left:5px;
  356. bottom:5px;
  357. position:fixed;}
  358.  
  359.  
  360. {CustomCss}
  361. </style>
  362. </head>
  363. <body>
  364.  
  365. <div id="content-container">
  366. <center>
  367. <div id="heading">
  368.  
  369. <br><div class="header-title">{text:title}</div>
  370.  
  371. <p><br><a href="/"><img src="{image:header}" style="display:block;{block:ifroundheader}border-radius:100%;{/block:ifroundheader};max-height:250px;{block:ifheaderglow}box-shadow: 0px 0px 5px 5px {color:header glow};{block:ifheaderglow};max-width:100%;"></a>
  372.  
  373. <br><div class="desc">{text:description}</div>
  374.  
  375. <p><div class="links">
  376. <a href="{text:link one url}">{text:link one}</a>
  377. {text:link divider}
  378. <a href="{text:link two url}">{text:link two}</a>
  379. {text:link divider}
  380. <a href="{text:link three url}">{text:link three}</a>
  381. </div>
  382.  
  383. <br><img src="{image:divider}" style="max-width:100%">
  384.  
  385. </div>
  386. </center>
  387.  
  388. <div id="content">
  389. {block:Posts}
  390.  
  391. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} --> {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  392. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  393. {/block:ContentSource}
  394.  
  395. <div class="post">
  396. <div class="posts" post-type="{PostType}">
  397.  
  398.  
  399. <!-- -- -- Images -- -- -->
  400.  
  401. {block:Photo}
  402. {LinkOpenTag}
  403. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  404. {LinkCloseTag}
  405. {block:Caption}
  406. {Caption}
  407. {/block:Caption}
  408. {/block:Photo}
  409. {block:Photoset}
  410. <div class="media">{Photoset}</div>
  411. {block:Caption}
  412. <div class="caption">
  413. {Caption}
  414. </div>
  415. {/block:Caption}
  416. {/block:Photoset}
  417.  
  418. <!-- -- -- text, quotes, links -- -- -->
  419.  
  420. {block:Text}
  421. {block:Title}
  422. <div class="title">{Title}</div>
  423. {/block:Title}
  424. {Body}
  425. {/block:Text}
  426.  
  427.  
  428. {block:Chat}
  429. {block:Title}
  430. <div class="title">
  431. <h3><a href="{Permalink}">{Title}</a></h3></div>
  432. {/block:Title}
  433. {block:Lines}
  434. <div class="{Alt} user_{UserNumber}">
  435. {block:Label}
  436. <span class="label">{Label}</span>
  437. {/block:Label}
  438. {Line}
  439. </div>
  440. {/block:Lines}
  441. {/block:Chat}
  442.  
  443.  
  444. {block:Quote}
  445. <div class="quote">
  446. "{Quote}"
  447. {block:Source}
  448. <div class="source">
  449. - <i>{Source}</i>
  450. </div>
  451. {/block:Source}
  452. </div>
  453. {/block:Quote}
  454.  
  455. {block:Link}
  456. <a href="{URL}" class="link" {Target}>{Name}</a>
  457. {block:Description}
  458. {Description}
  459. {/block:Description}
  460. {/block:Link}
  461.  
  462.  
  463. <!-- -- -- audio & video -- -- -->
  464.  
  465. {block:Video}
  466. {Video-500}
  467. {block:Caption}
  468. {Caption}
  469. {/block:Caption}
  470. {/block:Video}
  471.  
  472. {block:Audio}
  473. <div id= "audioplayer">{AudioPlayerWhite}</div>
  474. {block:AlbumArt}
  475. <div id="albumart">
  476. <img src="{AlbumArtURL}" width="100">
  477. </div>
  478. {/block:AlbumArt}
  479. <div class="trackstuff">
  480. {block:TrackName}
  481. <b><i>{TrackName}</i></b>
  482. {/block:TrackName}
  483. <br>{block:Artist}
  484. <i>{Artist}</i>
  485. {/block:Artist}
  486. </div>
  487. {Caption}
  488. {/block:Audio}
  489.  
  490. <!-- -- -- asks -- -- -->
  491.  
  492. {block:Answer}
  493. <div class="question">
  494. <table>
  495. <tbody>
  496. <tr>
  497. <td>
  498. <div class="asker">{Asker}</div>
  499. <p><img src="{AskerPortraitURL-128}" style="width:95px; display:block;border-radius:100%;"></td>
  500. <td style="width:350px;"><div class="bubble">{Question}</div>
  501. </td>
  502. </tr>
  503. </tbody>
  504. </table>
  505. </div>
  506. <div class="caption">
  507. {Answer}
  508. </div>
  509. {/block:Answer}
  510.  
  511.  
  512. <!-- -- -- asks -- -- -->
  513.  
  514. {block:Date}
  515. <div class="footer">
  516. <a href="{Permalink}">&#9825;</a>
  517. <br>{Month} {DayOfMonth} {Year} @ {12Hour}{AmPm}
  518. <br>
  519. {block:NoteCount}
  520. # of notes: {NoteCount}
  521. {/block:NoteCount}
  522.  
  523. {block:HasTags}
  524. <div class="tags">
  525. tags:
  526. {block:Tags}
  527. <a href="{TagURL}">{Tag}</a> ,
  528. {/block:Tags}
  529. </div>
  530. {/block:HasTags}
  531.  
  532. {block:PermalinkPage}
  533. <div class="notes">
  534. {block:PostNotes}
  535. {PostNotes}
  536. {/block:PostNotes}
  537. </div>
  538. {/block:PermalinkPage}
  539. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  540. </div>
  541. {/block:Date}
  542.  
  543.  
  544. </div>
  545. </div>
  546. {/block:Posts}
  547. </div>
  548.  
  549.  
  550. <br>
  551. <div class="nav">
  552. {block:Pagination}
  553. <center>
  554. {block:PreviousPage}
  555. <a href="{PreviousPage}">&#10094;</a>
  556. {/block:PreviousPage}
  557. {block:JumpPagination length="3"}
  558. {block:CurrentPage}
  559. <span class="current_page">{PageNumber}</span>
  560. {/block:CurrentPage}
  561. {block:JumpPage}
  562. <a class="jump_page" href="{URL}">{PageNumber}</a>
  563. {/block:JumpPage}
  564. {/block:JumpPagination}
  565. {block:NextPage}
  566. <a href="{NextPage}">&#10095;</a>
  567. {/block:NextPage}
  568. </center>
  569. {/block:Pagination}
  570. </div>
  571. </div>
  572.  
  573. <!-- PLEASE DO NOT CHANGE OR REMOVE THIS -->
  574. <!-- PLEASE DO NOT CHANGE OR REMOVE THIS -->
  575. <!-- PLEASE DO NOT CHANGE OR REMOVE THIS -->
  576. <!-- PLEASE DO NOT CHANGE OR REMOVE THIS -->
  577. <div class="credit">
  578. <a href="cloverparty.tumblr.com/tagged/mine" title="Theme by France">ミ★</a>
  579. </div>
  580. <!-- THANK YOU -->
  581.  
  582. </body>
  583. </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!