API tools faq
paste
Advertisement
jellyparty

internet friend tumblr theme

jellyparty
Apr 28th, 2022 (edited)
2,712
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.33 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <head>
  3. <!--
  4. internet friend theme ^q^ yayaya
  5. coded by emoticon equinox
  6. questions, comments, conerns? https://cloverparty.tumblr.com/
  7.  
  8. INFORMATION --
  9. 1) For the content transparency feature, any numbers from 0.1-0.9 will have transparency of ranging degree. Or if you want it completely transparent just leave it empty or put 0
  10. 2) Your header image is automatically a circle so try to use an image that isn't too tall or too short, or else it'll look off
  11.  
  12. THANKS !! ( >ヮ< ) derp
  13. -->
  14.  
  15. <!-- images -->
  16. <meta name="image:favicon" content="">
  17. <meta name="image:blog background" content="">
  18. <meta name="image:content background" content="">
  19. <meta name="image:footer pixel" content="">
  20. <meta name="image:custom cursor" content="">
  21. <meta name="image:header image" content="">
  22. <meta name="image:pixel 1" content="">
  23. <meta name="image:pixel 2" content="">
  24. <meta name="image:pixel 3" content="">
  25. <meta name="image:pixel 4" content="">
  26. <meta name="image:pixel 5" content="">
  27. <meta name="image:floatie" content="">
  28.  
  29. <!-- text -->
  30. <meta name="text:header desc" content="put lots of text here plz">
  31. <meta name="text:redirect path" content="/tagged/hello">
  32. <meta name="text:content transparency" content="0.7">
  33. <meta name="text:floatie size" content="150">
  34. <meta name="text:floatie right" content="15">
  35. <!-- text -->
  36.  
  37. <!-- color -->
  38. <meta name="color:blog background" content="">
  39. <meta name="color:content background" content="">
  40. <meta name="color:desc background" content="">
  41. <meta name="color:border color" content="#000000">
  42.  
  43. <meta name="color:text" content="">
  44. <meta name="color:link" content="">
  45. <meta name="color:link hover" content="">
  46. <meta name="color:link border" content="">
  47. <meta name="color:link border hover" content="">
  48.  
  49. <meta name="color:text selection" content="">
  50. <meta name="color:text selection bg" content="">
  51.  
  52. <meta name="color:footer background" content="#ffffff">
  53. <meta name="color:footer border" content="">
  54. <meta name="color:footer text" content="">
  55. <meta name="color:footer link" content="">
  56. <meta name="color:footer link hover" content="">
  57. <meta name="color:footer link border" content="">
  58. <meta name="color:footer link border hover" content="">
  59.  
  60. <!-- options -->
  61. <meta name="if:full background" content="">
  62. <meta name="if:desc background color" content="">
  63. <meta name="if:content transparency" content="">
  64. <meta name="if:custom cursor" content="">
  65. <meta name="if:scrollbar" content="">
  66. <meta name="if:redirect">
  67. <meta name="if:pastel rainbow borders" content="">
  68. <meta name="if:bright rainbow borders" content="">
  69. <meta name="if:full background" content="">
  70. <meta name="if:bold links" content="">
  71. <meta name="if:link borders" content="">
  72. <meta name="if:link underline" content="">
  73.  
  74. <meta name="select:font" content="arial">
  75. <meta name="select:font" content="short stack">
  76. <meta name="select:font" content="ms gothic">
  77. <meta name="select:font" content="roboto mono">
  78. <!-- options -->
  79.  
  80. <!-- misc stuffs -->
  81. <meta name="select:footer border type" content="outset">
  82. <meta name="select:footer border type" content="inset">
  83. <meta name="select:footer border type" content="solid">
  84. <meta name="select:footer border type" content="double">
  85. <meta name="select:footer border type" content="dashed">
  86. <meta name="select:footer border type" content="dotted">
  87.  
  88. <meta name="select:container border type" content="outset">
  89. <meta name="select:container border type" content="inset">
  90. <meta name="select:container border type" content="solid">
  91. <meta name="select:container border type" content="double">
  92. <meta name="select:container border type" content="dashed">
  93. <meta name="select:container border type" content="dotted">
  94.  
  95. <meta name="select:desc border type" content="outset">
  96. <meta name="select:desc border type" content="inset">
  97. <meta name="select:desc border type" content="solid">
  98. <meta name="select:desc border type" content="double">
  99. <meta name="select:desc border type" content="dashed">
  100. <meta name="select:desc border type" content="dotted">
  101. <!-- misc stuffs end -->
  102.  
  103. <!-- misc -->
  104. <link href="https://fonts.googleapis.com/css?family=Short+Stack&display=swap" rel="stylesheet">
  105. <link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet">
  106. <title>{Title}</title>
  107. <link rel="shortcut icon" href="{image:favicon}">
  108. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  109. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  110. {block:Description}
  111. <meta name="description" content="{MetaDescription}" />
  112. {/block:Description}
  113. {block:ifredirect}
  114. <script>
  115. if(window.location.pathname == '/') location.replace('{text:redirect path}');
  116. </script>
  117. {block:ifredirect}
  118. <style type="text/css">
  119.  
  120. /* basic design */
  121. body{
  122. word-wrap:break-word;
  123. font-size:{text:text size}px;
  124. font-family:{select:font};
  125. color:{color:text};
  126. background-color:{color:blog background};
  127. background-image:Url('{image:blog background}');
  128. background-attachment:fixed;
  129. {block:iffullbackground}
  130. background-size: cover;
  131. {/block:iffullbackground}
  132. {block:ifcustomcursor}
  133. cursor:url("{image:custom cursor}"), default;
  134. {/block:ifcustomcursor};}
  135. a{
  136. {block:ifcustomcursor}
  137. cursor:url("{image:custom cursor}"), default;
  138. {/block:ifcustomcursor};
  139. {block:iflinkborders}
  140. text-shadow: -1px 0 {color:link border}, 0 1px {color:link border}, 1px 0 {color:link border}, 0 -1px {color:link border};
  141. {/block:iflinkborders}
  142. color:{color:link};
  143. {block:ifboldlinks}
  144. font-weight:bold;
  145. {/block:ifboldlinks}
  146. text-decoration:none;
  147. {block:iflinkunderline}
  148. text-decoration:underline;
  149. {/block:iflinkunderline};}
  150. a:hover{
  151. {block:iflinkborders}
  152. text-shadow: -1px 0 {color:link border hover}, 0 1px {color:link border hover}, 1px 0 {color:link border hover}, 0 -1px {color:link border hover};
  153. {/block:iflinkborders}
  154. color:{color:link hover};
  155. {block:ifboldlinks}
  156. font-weight:bold;
  157. {/block:ifboldlinks}
  158. {block:iflinkunderline}
  159. text-decoration:underline;
  160. {/block:iflinkunderline};}
  161. ::selection{
  162. color:{color:text selection};
  163. background-color:{color:text selection bg};}
  164. {block:ifscrollbar}
  165. ::-webkit-scrollbar {
  166. width: 15px;
  167. height: 10px;}
  168. ::-webkit-scrollbar-thumb:vertical{
  169. background-color: #fff;
  170. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  171. border-top: 1px solid #bdbdbd;
  172. border-left: 1px solid #bdbdbd;
  173. border-right: 1px solid black;
  174. border-bottom: 1px solid black;}
  175. ::-webkit-scrollbar-track {
  176. background-color: #fff;
  177. background-image: url(https://i.imgur.com/IGXGYKz.png);}
  178. ::-webkit-scrollbar-button:vertical:increment {
  179. background-image: url(https://i.imgur.com/WhC8iy3.png);
  180. width: 14px;
  181. height: 16px;
  182. border-top: 1px solid #bdbdbd;
  183. border-left: 1px solid #bdbdbd;
  184. border-right: 1px solid black;
  185. border-bottom: 1px solid black;}
  186. ::-webkit-scrollbar-button:vertical:decrement {
  187. background-image: url(https://i.imgur.com/fQ18mrR.png);
  188. border-top: 1px solid #bdbdbd;
  189. border-left: 1px solid #bdbdbd;
  190. border-right: 1px solid black;
  191. border-bottom: 1px solid black;
  192. width: 14px;
  193. height: 16px;}
  194. {/block:ifscrollbar}
  195. {block:ifnotscrollbar}
  196. ::-webkit-scrollbar {
  197. width: 1px;
  198. height: 10px;}
  199. ::-webkit-scrollbar-track {
  200. background: transparent}
  201. ::-webkit-scrollbar-thumb:vertical{
  202. background:transparent;
  203. border:none;}
  204. {/block:ifnotscrollbar}
  205. ::selection{
  206. color:{color:text selection};
  207. background-color:{color:text selection bg};}
  208. .npf_row {
  209. margin: 0 !important;}
  210. blockquote{
  211. margin: 0;}
  212. /* basic design end */
  213.  
  214.  
  215. /* container */
  216. #container{
  217. position:absolute;
  218. top: 50%;
  219. left: 50%;
  220. transform: translateX(-50%) translateY(-50%);
  221. border:1px {select:container border type} {color:border color};
  222. {block:ifcontenttransparency}
  223. background-color:rgba({RGBcolor:content background}, {text:content transparency});
  224. {/block:ifcontenttransparency}
  225. {block:ifnotcontenttransparency}
  226. background-color:{color:content background};
  227. {/block:ifnotcontenttransparency}
  228. background-image:Url('{image:content background}');
  229. background-attachment:fixed;
  230. padding:5px;
  231. width:500px;
  232. height:600px;
  233. {block:ifpastelrainbowborders}
  234. border: 3px solid transparent;
  235. border-image: linear-gradient(to bottom right, #95cadf 0%, #a9e79a 20%, #eedb57 40%, #f9a4b0 60%, #fd87c4 80%, #bf75cc 100%);
  236. border-image-slice: 1;
  237. {/block:ifpastelrainbowborders};
  238. {block:ifbrightrainbowborders}
  239. border: 3px solid transparent;
  240. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  241. border-image-slice: 1;
  242. {/block:ifbrightrainbowborders};}
  243. /* container end */
  244.  
  245.  
  246. /* post */
  247. #postcontainer{
  248. height:370px;
  249. {block:ifscrollbar}
  250. width:480px;
  251. {/block:ifscrollbar}
  252. {block:ifnotscrollbar}
  253. width:500px;
  254. margin-left:10px;
  255. {/block:ifnotscrollbar}
  256. overflow:auto;
  257. position:absolute;
  258. padding:5px;
  259. overflow-x: hidden;
  260. overflow-y:auto;}
  261. #postcontent{
  262. margin-left:14px;
  263. width:450px;}
  264. #content{
  265. overflow:hidden;}
  266. .post, .naviga{
  267. margin:0 0 5px 0;
  268. overflow:hidden;
  269. padding:5px;
  270. background:transparent;}
  271. /* post end */
  272.  
  273.  
  274. /* header stuffs */
  275. #header{
  276. margin:0 0 10px 0;
  277. overflow:visible;
  278. margin-left:1px;
  279. width:485px;
  280. height:200px;
  281. padding:5px;}
  282. #table, th, td{
  283. overflow:auto;
  284. width:275px;
  285. background:transparent;}
  286. #desc{
  287. {block:ifdescbackgroundcolor}
  288. background-color:{color:desc background};
  289. {/block:ifdescbackgroundcolor}
  290. {block:ifnotdescbackgroundcolor}
  291. background:transparent;
  292. {/block:ifnotdescbackgroundcolor}
  293. overflow:auto;
  294. padding:5px;
  295. border:1px {select:desc border type} {color:border color};
  296. {block:ifpastelrainbowborders}
  297. border: 1px solid transparent;
  298. border-image: linear-gradient(to bottom right, #95cadf 0%, #a9e79a 20%, #eedb57 40%, #f9a4b0 60%, #fd87c4 80%, #bf75cc 100%);
  299. border-image-slice: 1;
  300. {/block:ifpastelrainbowborders};
  301. {block:ifbrightrainbowborders}
  302. border: 1px solid transparent;
  303. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  304. border-image-slice: 1;
  305. {/block:ifbrightrainbowborders};
  306. height:110px;}
  307. .search{
  308. margin-left:3px;
  309. width:186px;
  310. height:10px;
  311. margin-top:5px;
  312. padding:5px;
  313. background-image:Url('https://64.media.tumblr.com/d3b90aee405195699e293f320c7da8df/9e2fb2468a7c651d-9f/s250x400/1952c00e74253264eb65fafbfc0a634a68b86704.png');
  314. font-size:12px;
  315. color:{color:text};
  316. border:2px outset {color:search border};}
  317. .enter{
  318. border:2px outset;}
  319. /* header stuffs end */
  320.  
  321.  
  322. /* misc */
  323. .header img{
  324. border-radius:100%;
  325. height:200px;
  326. max-width:100%;
  327. display:block;}
  328. .post img{
  329. border-radius:5px;
  330. max-width:500px;
  331. height:100%;
  332. max-width:100%;}
  333. .footer{
  334. padding:3px;
  335. border-radius:5px;
  336. border:3px {color:footer border} {select:footer border type};
  337. background-color:{color:footer background};
  338. color:{color:footer text};
  339. text-align:center;}
  340. .footer a{
  341. color:{color:footer link};
  342. {block:iflinkborders}
  343. text-shadow: -1px 0 {color:footer link border}, 0 1px {color:footer link border}, 1px 0 {color:footer link border}, 0 -1px {color:footer link border}
  344. {/block:iflinkborders};}
  345. .footer a:hover{
  346. {block:iflinkborders}
  347. text-shadow: -1px 0 {color:footer link border hover}, 0 1px {color:footer link border hover}, 1px 0 {color:footer link border hover}, 0 -1px {color:footer link border hover};
  348. {/block:iflinkborders}
  349. color:{color:footer link hover};}
  350. ol.notes{
  351. list-style-type:none;
  352. text-align:left;
  353. padding:3px;
  354. overflow:auto;}
  355. video{
  356. max-width: 100%;
  357. height: auto;}
  358. #audioplayer{
  359. width:30px;
  360. height:25px;
  361. overflow:hidden;
  362. position:absolute;
  363. margin-top:40px;
  364. margin-bottom:40px;
  365. margin-left:35px;
  366. border-radius: 40px;
  367. opacity: 0.7;}
  368. .trackstuff{
  369. overflow:auto;
  370. margin-left:110px;
  371. margin-top:-75px;
  372. margin-bottom:50px;
  373. display:block;}
  374. .playbutton{
  375. margin-bottom:30px;
  376. margin-top:-60px;
  377. margin-left:35px;
  378. z-index:9;
  379. width:33px;
  380. height:30px;
  381. overflow:hidden;}
  382. #foatie{
  383. position:fixed;
  384. bottom:0px;
  385. right:{text:floatie right}px;}
  386. #c{
  387. font-size:25px;
  388. position:fixed;
  389. left:0px;
  390. bottom:0px;}
  391. .questie{
  392. border:1px solid {color:border color};
  393. padding:5px;
  394. {block:ifpastelrainbowborders}
  395. border: 1px solid transparent;
  396. border-image: linear-gradient(to bottom right, #95cadf 0%, #a9e79a 20%, #eedb57 40%, #f9a4b0 60%, #fd87c4 80%, #bf75cc 100%);
  397. border-image-slice: 1;
  398. {/block:ifpastelrainbowborders};
  399. {block:ifbrightrainbowborders}
  400. border: 1px solid transparent;
  401. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  402. border-image-slice: 1;
  403. {/block:ifbrightrainbowborders};}
  404. /* misc end */
  405.  
  406. {CustomCss}
  407. </style>
  408. </head>
  409. <body>
  410. <div id="test">
  411. <div id="container">
  412. <div id="header">
  413. <table>
  414. <tr>
  415. <td><div class="header img"><a href="/"><img src="{image:header image}"></a></div></td>
  416. <td><div id="desc"><center>{text:header desc}</center></div>
  417. <br><center><img src="{image:pixel 1}"> <img src="{image:pixel 2}"> <img src="{image:pixel 3}"> <img src="{image:pixel 4}"> <img src="{image:pixel 5}"></center>
  418. <form action="/search" method="get">
  419. <input class="search" type="text" placeholder="{text:searchbar text}" name="q" value="" style="outline:none;">
  420. <input class="enter" type="submit" value="GO!" id="sb"/>
  421. </form>
  422. </td>
  423. </tr>
  424. </table>
  425. </div>
  426.  
  427.  
  428. <div id="postcontainer">
  429. <div id="postcontent">
  430. <div id="content">
  431. {block:Posts}
  432. <!--{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}
  433. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  434. {/block:ContentSource}
  435. <div class="post">
  436. <!-- Text -->
  437. {block:Text}
  438. {block:Title}
  439. <div class="title">{Title}</div>
  440. {/block:Title}
  441. {Body}
  442. {/block:Text}
  443. {block:Chat}
  444. {block:Title}
  445. <div class="title">
  446. <h3><a href="{Permalink}">{Title}</a></h3></div>
  447. {/block:Title}
  448. {block:Lines}
  449. <div class="{Alt} user_{UserNumber}">
  450. {block:Label}
  451. <span class="label">{Label}</span>
  452. {/block:Label}{Line}
  453. </div>
  454. {/block:Lines}
  455. {/block:Chat}
  456.  
  457. <!-- Images --->
  458. {block:Photo}
  459. {LinkOpenTag}
  460. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  461. {LinkCloseTag}
  462. {block:Caption}
  463. {Caption}
  464. {/block:Caption}
  465. {/block:Photo}
  466. {block:Photoset}
  467. {Photoset-400}
  468. {block:Photos}
  469. {/block:Photos}
  470. {block:Caption}
  471. {Caption}
  472. {/block:Caption}
  473. {/block:Photoset}
  474.  
  475. <!-- Video -->
  476. {block:Video}
  477. {Video-500}
  478. {block:Caption}
  479. {Caption}
  480. {/block:Caption}
  481. {/block:Video}
  482.  
  483. <!-- Audio -->
  484. {block:Audio}
  485. <div id= "audioplayer">{AudioPlayerWhite}</div>
  486. {block:AlbumArt}
  487. <div id="albumart">
  488. <img src="{AlbumArtURL}" width="100">
  489. </div>
  490. {/block:AlbumArt}
  491. <div class="trackstuff">
  492. {block:TrackName}<b><i>{TrackName}</i></b>{/block:TrackName}<br>{block:Artist}<i>{Artist}</i>{/block:Artist}</div>
  493. {Caption}
  494. {/block:Audio}
  495.  
  496. <!-- Quote -->
  497. {block:Quote}
  498. <div class="quote">
  499. "{Quote}"
  500. {block:Source}
  501. <div class="source">- <i>{Source}</i></div>
  502. {/block:Source}
  503. </div>
  504. {/block:Quote}
  505.  
  506. <!-- Link -->
  507. {block:Link}
  508. <a href="{URL}" class="link" {Target}>{Name}</a>
  509. {block:Description}
  510. {Description}
  511. {/block:Description}
  512. {/block:Link}
  513.  
  514. <!-- Ask -->
  515. {block:Answer}
  516. <div class="questie">
  517. <div class="question">{Asker}: <b>{Question}</b></div>
  518. </div>
  519. <div class="caption">{Answer}</div>
  520. {/block:Answer}
  521.  
  522. <!-- Footer -->
  523. {block:Date}
  524. <div class="footer">
  525. <a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> <a href="{ReblogUrl}"><img src="{image:footer pixel}"></a> <a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a>
  526. {block:PermalinkPage}
  527. <br>
  528. {block:HasTags}
  529. {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  530. {block:NoteCount}
  531. {block:PostNotes}{PostNotes}{/block:PostNotes}
  532. {/block:NoteCount}
  533. {/block:PermalinkPage}
  534. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  535. {/block:Date}
  536. </div>
  537. </div>
  538. {/block:Posts}
  539.  
  540. {block:Pagination}
  541. <div class="naviga">
  542. <center>
  543. {block:PreviousPage}
  544. <a href="{PreviousPage}">&#171; Back?</a>
  545. {/block:PreviousPage}
  546. {block:NextPage}
  547. <a href="{NextPage}">Next? &#187;</a>
  548. {/block:NextPage}
  549. </div>
  550. </div>
  551. {/block:Pagination}
  552.  
  553. </div>
  554. </div>
  555. </div>
  556.  
  557. </div>
  558. <!-- please do not edit link or remove -->
  559. <div id="c"><a href="https://cloverparty.tumblr.com/tagged/mine">ミ★</a></div>
  560. <!-- please do not edit link or remove -->
  561.  
  562. <div id="foatie">
  563. <img src="{image:floatie}" width="{text:floatie size}px">
  564. </div>
  565. </body>
  566. </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!