Advertisement
artiecore

fruitcup

Sep 12th, 2020 (edited)
1,591
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.77 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. ♡ fruitcup theme by him1974 ♡
  6.  
  7. fruit when they
  8.  
  9. base code by animecharacter
  10. ----->
  11.  
  12. <meta charset="utf-8">
  13. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  14. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><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>
  15. {block:Description}
  16. <meta name="description" content="{MetaDescription}" />
  17. {/block:Description}
  18.  
  19. <link rel="shortcut icon" href="{image:favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{rss}">
  21.  
  22. <title>{Title}</title>
  23.  
  24. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  25. <link href="https://fonts.googleapis.com/css?family=Short+Stack&display=swap" rel="stylesheet">
  26.  
  27. <meta name="color:background" content="#ffffff"/>
  28. <meta name="color:posts" content=""/>
  29. <meta name="color:header" content=""/>
  30. <meta name="color:border" content="#000">
  31. <meta name="color:header glow" content="#000">
  32. <meta name="color:post glow" content="#000">
  33. <meta name="color:text" content="#2b2b2b"/>
  34. <meta name="color:title text" content="#2b2b2b"/>
  35. <meta name="color:link" content="#2b2b2b"/>
  36. <meta name="color:link hover" content="#949494"/>
  37. <meta name="color:text glow" content="#000000"/>
  38. <meta name="color:link glow" content="#000000"/
  39. <meta name="color:selection bg" content="#fff"/>
  40. <meta name="color:selection text">
  41. <meta name="color:tooltip text" content="#fff"/>
  42. <meta name="color:tooltip border" content="#fff"/>
  43. <meta name="color:footer border" content="#000">
  44. <meta name="color:footer" content=""/>
  45.  
  46.  
  47. <meta name="image:header" content=""/>
  48. <meta name="image:background" content="" />
  49. <meta name="image:favicon" content="">
  50. <meta name="image:footer" content="">
  51. <meta name="image:div" content="">
  52. <meta name="image:blinkie1" content="" />
  53. <meta name="image:blinkie2" content="" />
  54. <meta name="image:blinkie3" content="" />
  55. <meta name="image:blinkie4" content="" />
  56.  
  57.  
  58. <meta name="if:redirect" content="" />
  59. <meta name="if:cover bg" content="" />
  60. <meta name="if:header border" content="" />
  61. <meta name="if:post border" content="" />
  62. <meta name="if:post glow" content="" />
  63. <meta name="if:glow links" content="" />
  64. <meta name="if:glow text" content="" />
  65. <meta name="if:header glow" content="" />
  66. <meta name="if:footer border" content="" />
  67. <meta name="if:hovercap" content="" />
  68.  
  69.  
  70. <meta name="text:font size" content="12px">
  71. <meta name="text:title size" content="12px">
  72. <meta name="text:description" content="nyall even read this shit?"/>
  73. <meta name="text:title" content="swag pog epic"/>
  74. <meta name="text:redirect" content=""/>
  75. <meta name="text:link divider" content="/"/>
  76. <meta name="text:border size" content="3px" />
  77.  
  78. <meta name="text:link1" content="one">
  79. <meta name="text:url1" content="">
  80. <meta name="text:link2" content="two">
  81. <meta name="text:url2" content="">
  82. <meta name="text:link3" content="three">
  83. <meta name="text:url3" content="">
  84. <meta name="text:link4" content="four">
  85. <meta name="text:url4" content="">
  86.  
  87. <meta name="select:font" content="arial">
  88. <meta name="select:font" content="verdana">
  89. <meta name="select:font" content="courier">
  90. <meta name="select:font" content="georgia">
  91. <meta name="select:font" content="times new roman">
  92. <meta name="select:font" content="ms gothic"/>
  93. <meta name="select:font" content="short stack"/>
  94. <meta name="select:font" content="comic sans ms">
  95.  
  96. <meta name="select:border type" content="solid" />
  97. <meta name="select:border type" content="double" />
  98. <meta name="select:border type" content="dashed" />
  99. <meta name="select:border type" content="dotted" />
  100. <meta name="select:border type" content="outset">
  101. <meta name="select:border type" content="inset">
  102.  
  103. {block:ifredirect}
  104. {block:IndexPage}<script type="text/javascript">
  105. var url = location.href;
  106. if (url == "{BlogURL}") {
  107. window.location = "{BlogURL}tagged/{text:redirect}";
  108. }
  109. </script>{/block:IndexPage}
  110. {/block:ifredirect}
  111.  
  112. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  113.  
  114. <style type="text/css">
  115.  
  116. ::-webkit-scrollbar {
  117. width: 16px;
  118. height: 10px;
  119. }
  120. ::-webkit-scrollbar-thumb {
  121. background-color: #fff;
  122. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  123. border-top: 1px solid #bdbdbd;
  124. border-left: 1px solid #bdbdbd;
  125. border-right: 1px solid black;
  126. border-bottom: 1px solid black;
  127. }
  128. ::-webkit-scrollbar-track {
  129. background-color: #fff;
  130. background-image: url(https://i.imgur.com/IGXGYKz.png);
  131. }
  132. ::-webkit-scrollbar-button:vertical:increment {
  133. background-image: url(https://i.imgur.com/WhC8iy3.png);
  134. width: 14px;
  135. height: 16px;
  136. border-top: 1px solid #bdbdbd;
  137. border-left: 1px solid #bdbdbd;
  138. border-right: 1px solid black;
  139. border-bottom: 1px solid black;
  140. }
  141. ::-webkit-scrollbar-button:vertical:decrement {
  142. background-image: url(https://i.imgur.com/fQ18mrR.png);
  143. border-top: 1px solid #bdbdbd;
  144. border-left: 1px solid #bdbdbd;
  145. border-right: 1px solid black;
  146. border-bottom: 1px solid black;
  147. width: 14px;
  148. height: 16px;
  149. }
  150. ::-webkit-scrollbar-button:vertical:decrement {
  151. background-image: url(https://i.imgur.com/fQ18mrR.png);
  152. border-top: 1px solid #bdbdbd;
  153. border-left: 1px solid #bdbdbd;
  154. border-right: 1px solid black;
  155. border-bottom: 1px solid black;
  156. width: 14px;
  157. height: 16px;
  158. }
  159.  
  160. ::selection {
  161. background: {color:selection bg};
  162. color:{color:selection text};
  163. }
  164. ::-moz-selection {
  165. background: {color:selection bg};
  166. color:{color:selection text};
  167. }
  168.  
  169. .tooltip{
  170. display:inline;
  171. position:relative;
  172. }
  173.  
  174. #s-m-t-tooltip{
  175. max-width:300px;
  176. padding:5px;
  177. margin:20px 7px -2px 20px;
  178. background-color: rgba(0, 0, 0, 0.4);
  179. color:#fff;
  180. letter-spacing:1px;
  181. text-align:center;
  182. color:{color:tooltip text};
  183. text-shadow: -1px 0 {color:tooltip border}, 0 1px {color:tooltip border}, 1px 0 {color:tooltip border}, 0 -1px {color:tooltip border};
  184. z-index:99999999999999999999;
  185. -o-transition: all 0.3s ease-out;
  186. -webkit-transition: all 0.3s ease-out;
  187. -moz-transition: all 0.3s ease-out;
  188. }
  189.  
  190.  
  191. /*
  192. general text styles, fonts and colours
  193. */
  194.  
  195. body {
  196. margin:0px;
  197. background:{color:background};
  198. color:{color:text};
  199. {block:ifglowtext}
  200. text-shadow: 0 0 3px {color:text glow}, 0 0 15px {color:text glow}, 0 0 3px {color:text glow};
  201. {/block:ifglowtext}
  202. background-image: url('{image:background}');
  203. {block:ifnotcoverbg}
  204. background-repeat: repeat;
  205. background-attachment: fixed;
  206. {/block:ifnotcoverbg}
  207. {block:ifcoverbg}
  208. background-size: cover;
  209. background-attachment: fixed;
  210. {/block:ifcoverbg}
  211. color:{color:text};
  212. font-family: {select:font};
  213. font-size: {text:font size};
  214. }
  215.  
  216. p{
  217. margin:0 0 10px 0;
  218. padding:0;
  219. }
  220.  
  221. pre {
  222. white-space: pre-wrap;
  223. white-space: -moz-pre-wrap;
  224. white-space: -pre-wrap;
  225. white-space: -o-pre-wrap;
  226. word-wrap: break-word;
  227. }
  228.  
  229. a {
  230. color:{color:link};
  231. {block:ifglowlinks}
  232. text-shadow: 0 0 3px {color:link glow}, 0 0 15px {color:link glow}, 0 0 3px {color:link glow};
  233. {/block:ifglowlinks}
  234. -moz-transition-duration:0.4s;
  235. -webkit-transition-duration:0.4s;
  236. -o-transition-duration:0.4s;
  237. text-decoration:none;
  238. }
  239.  
  240. a:hover {
  241. color:{color:link hover};
  242. -moz-transition-duration:0.4s;
  243. -webkit-transition-duration:0.4s;
  244. -o-transition-duration:0.4s;
  245. }
  246.  
  247. /*
  248. containers etc
  249. */
  250.  
  251. #haha {
  252. text-align:center;
  253. padding:10px;
  254. margin-bottom:30px;
  255. left:50%;
  256. transform:translate(-50%);
  257. position:relative;
  258. overflow:auto;
  259. margin-top:30px;
  260. width:400px;
  261. {block:ifheaderborder}
  262. border:{text:border size} {select:border type} {color:border};
  263. {/block:ifheaderborder}
  264. {block:ifheaderglow}
  265. -moz-box-shadow: 0px 0px 4px 2px {color:header glow};
  266. -webkit-box-shadow: 0px 0px 4px 2px {color:header glow};
  267. box-shadow: 0px 0px 4px 2px {color:header glow};{/block:ifheaderglow}
  268. background-color:{color:header};
  269. }
  270.  
  271. #pp{
  272. margin-top:10px;
  273. }
  274.  
  275. #p{
  276. margin-top:14px;
  277. }
  278.  
  279. #hedr img{
  280. max-width:200px;
  281. height:auto;
  282. }
  283.  
  284. #title{
  285. font-weight:bold;
  286. font-size:{text:title size};
  287. margin-top:5px;
  288. color:{color:title text};
  289. }
  290.  
  291.  
  292.  
  293. #posts {
  294. width:400px;
  295. padding:10px;
  296. background-color:{color:posts};
  297. {block:ifpostborder}
  298. border:{text:border size} {select:border type} {color:border};
  299. {/block:ifpostborder}
  300. {block:ifpostglow}
  301. -moz-box-shadow: 0px 0px 4px 2px {color:post glow};
  302. -webkit-box-shadow: 0px 0px 4px 2px {color:post glow};
  303. box-shadow: 0px 0px 4px 2px {color:post glow};{/block:ifpostglow}
  304. margin-bottom:30px;
  305. break-inside: avoid;
  306. display:inline-block;
  307.  
  308.  
  309. }
  310.  
  311.  
  312.  
  313. #posts img {
  314. max-width:100%;
  315. height:auto;
  316.  
  317. }
  318.  
  319. .tags {
  320. background-color:{color:footer};
  321. background-image: url('{image:footer}');
  322. background-size: cover;
  323. {block:iffooterborder}
  324. border:{text:border size} {select:border type} {color:footer border};
  325.  
  326. {/block:iffooterborder}
  327. text-align:center;
  328.  
  329. max-height:0px;
  330. line-height:130%;
  331. font-size:{text:font size};
  332. opacity:0;
  333. -webkit-transition: all 0.7s ease;
  334. transition: all 0.7s ease;
  335. -moz-transition: all 0.7s ease;
  336. -o-transition: all 0.7s ease;}
  337.  
  338. #posts:hover .tags{
  339. opacity:1;
  340. margin-top:10px;
  341. max-height:300px;
  342. margin-bottom:8px;
  343. -webkit-transition: all 0.7s ease;
  344. transition: all 0.7s ease;
  345. -moz-transition: all 0.7s ease;
  346. -o-transition: all 0.7s ease;}
  347.  
  348. .caption {
  349. background-color:{color:footer};
  350. background-image: url('{image:footer}');
  351. background-size: cover;
  352. {block:iffooterborder}
  353. border:{text:border size} {select:border type} {color:footer border};
  354.  
  355. {/block:iffooterborder}
  356. text-align:center;
  357. margin-top:-10px;
  358.  
  359. max-height:0px;
  360. line-height:130%;
  361. font-size:{text:font size};
  362. opacity:0;
  363. -webkit-transition: all 0.7s ease;
  364. transition: all 0.7s ease;
  365. -moz-transition: all 0.7s ease;
  366. -o-transition: all 0.7s ease;}
  367.  
  368. #posts:hover .caption{
  369. opacity:1;
  370. padding:4px;
  371. margin-top:10px;
  372. max-height:300px;
  373. -webkit-transition: all 0.7s ease;
  374. transition: all 0.7s ease;
  375. -moz-transition: all 0.7s ease;
  376. -o-transition: all 0.7s ease;}
  377.  
  378.  
  379. #pagination{
  380. margin-bottom:50px;
  381. }
  382.  
  383.  
  384. /*
  385. content in the body of the posts - quotes, asks, etc
  386. "media" contains photos, photosets, videos, audio posts
  387. */
  388. .media{
  389. margin:0 0 10px 0;
  390. }
  391.  
  392. .title{
  393. font-weight:normal;
  394. font-size:18px;
  395. margin:0 0 10px 0;
  396. }
  397.  
  398. .quote{
  399. font-weight:normal;
  400. font-size:16px;
  401. font-style:italic;
  402. margin:0 0 10px 0;
  403. }
  404.  
  405. .question{
  406. margin-bottom:10px;
  407. }
  408.  
  409. blockquote{
  410. margin:0 0 10px 10px;
  411. padding:0 0 0 10px;
  412. border-left:solid 1px #000;
  413. }
  414.  
  415. /*
  416. post footers - date, tags, via and source
  417. */
  418. .post .footer{
  419. margin:0;
  420. text-align:center;
  421. }
  422.  
  423. /*
  424. post notes
  425. */
  426. ol.notes{
  427. list-style-type:none;
  428. padding:0;
  429. margin:0;
  430. }
  431.  
  432. ol.notes li.note img{
  433. width:16px;
  434. height:16px;
  435. }
  436.  
  437. ol.notes li.note{
  438. margin:0px;
  439. }
  440.  
  441. #con {
  442. left:50%;
  443. transform:translate(-50%);
  444. position:absolute;
  445. }
  446.  
  447. #entries {
  448. margin-top:25px;
  449. column-count: 2;
  450. column-gap: 40px;
  451.  
  452.  
  453. }
  454.  
  455.  
  456. {CustomCSS}
  457. </style>
  458. </head>
  459.  
  460. <body>
  461.  
  462. <div id="haha">
  463. <div id="hedr"><a href="/"><img src="{image:header}"align="left"></a></div>
  464. <div id="title">{block:ifTitle}<div align="center">{text:Title}</div>{/block:ifTitle}</div>
  465.  
  466. <div id="pp">
  467. {block:ifDescription}<Center>{text:description}</Center>{/block:ifDescription}
  468. </div>
  469.  
  470. <a href="{text:url1}">{text:link1}</a> {text:link divider}
  471. <a href="{text:url2}">{text:link2}</a> {text:link divider}
  472. <a href="{text:url3}">{text:link3}</a> {text:link divider}
  473. <a href="{text:url4}">{text:link4}</a>
  474.  
  475. <div id="p">
  476. <img src="{image:blinkie1}">
  477. <img src="{image:blinkie2}">
  478. <img src="{image:blinkie3}">
  479. <img src="{image:blinkie4}">
  480. </div>
  481.  
  482. </div>
  483.  
  484. <div id="con">
  485.  
  486.  
  487.  
  488.  
  489. <div id="entries">
  490.  
  491. {block:Posts}
  492.  
  493. <div id="posts">
  494.  
  495. {block:Quote}
  496. <div id="titlequote"><i class="fa fa-quote-left"></i>&nbsp; {Quote} &nbsp;<i class="fa fa-quote-right"></i></div>
  497. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  498. {/block:Quote}
  499.  
  500. {block:Text}
  501. {block:Title}
  502. <div id="title">{Title}</div>{/block:Title}
  503. {Body}
  504. {/block:Text}
  505.  
  506. {block:link}
  507. <div id="title"><a href="{URL}"><i class="fa fa-link"></i>&nbsp; {Name}</a></div>
  508. {block:Description}{Description}{/block:Description}
  509. {/block:link}
  510.  
  511. {block:Chat}
  512. {block:Title}
  513. <div id="title">{Title}</div>{/block:Title}
  514. {/block:Text}
  515. {block:lines}
  516. {block:label}
  517. <br><b>{label}</b>
  518. {/block:label}
  519. {line}
  520. {/block:lines}
  521. {/block:Chat}
  522.  
  523. {block:Photo}
  524. {linkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{linkCloseTag}
  525. {/block:Photo}
  526.  
  527. {block:Photoset}
  528. {Photoset-400}
  529. {/block:Photoset}
  530.  
  531. <div class="video">{Video-400}</div>
  532.  
  533. {block:Audio}
  534. {block:AudioEmbed}{AudioEmbed-400}{/block:AudioEmbed}
  535. {/block:Audio}
  536.  
  537. {block:Answer}
  538. <div class="q">
  539. <div class="as"> <b><big>{Asker} said:</big></b>
  540. {Question}</div></div>
  541. <div class="a">{Answer}</div>
  542. {/block:Answer}
  543.  
  544. {block:ifnothovercap}
  545. {Caption}
  546. {block:ifnothovercap}
  547.  
  548.  
  549. {block:Date}
  550. {block:Date}
  551.  
  552.  
  553.  
  554. <div class="footer">
  555. <center>
  556. <a href="{Permalink}"><a href="{Permalink}">{notecount}%</a>
  557. <a href="{ReblogURL}" title="rb"><img src="{image:div}"></a>
  558. <a href="{Permalink}"><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a></center>
  559. </a>
  560. {block:ifhovercap}
  561. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption} {/block:ifhovercap}
  562.  
  563. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  564.  
  565. <!-- {block:NoRebloggedFrom}
  566. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  567. {/block:NoRebloggedFrom} -->
  568. {block:ContentSource}<!-- {SourceURL}
  569. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  570. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  571. {/block:ContentSource}
  572.  
  573.  
  574.  
  575.  
  576. </div>
  577.  
  578. {block:HasTags}<div class="tags"> {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  579. {block:PermalinkPage}
  580. {block:NoteCount}
  581. {block:PostNotes}{PostNotes}{/block:PostNotes}
  582. {/block:NoteCount}
  583. {/block:PermalinkPage}
  584. {/block:Date}
  585.  
  586.  
  587. {/block:Date}
  588.  
  589. </div>
  590.  
  591.  
  592. {/block:Posts}
  593.  
  594.  
  595.  
  596.  
  597. </div>
  598.  
  599. <div id="pagination">
  600.  
  601.  
  602. {block:Pagination}
  603. <div id="haha">
  604. {block:PreviousPage}
  605. <a href="{PreviousPage}">previous page</a>
  606. {/block:PreviousPage}
  607.  
  608.  
  609. {block:NextPage}
  610. <a href="{NextPage}">next page</a>
  611. {/block:NextPage}
  612. {/block:Pagination}
  613. </div>
  614.  
  615. </div></div>
  616.  
  617. <a style="position:fixed;left:3px;bottom:3px;" <a href="https://him1974.tumblr.com/" title="artie was here">🃏</a>
  618.  
  619. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement