API tools faq
paste
Advertisement
jellyparty

https everywhere tumblr theme

jellyparty
Jul 20th, 2020 (edited)
1,367
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.74 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--- base code https://pastebin.com/raw/8XnzSn1v
  6. "https everywhere" tumblr theme by emoticon jellyparty
  7. special thanks to ocularose for helping me with desktop preview!
  8.  
  9. Note: if you hide the links + use sb image 1 the image will overlap with the desc. dunno why yet. I recommend using sb image 2 ... And don't put px in the font size box, just pick a number
  10.  
  11. ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
  12. ▓▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▓▓
  13. ▓▓░░░░░░░░░░░░░░░░░░░░░▒▒▒▒░░░▒▒▒▒░░░░░░▓▓
  14. ▓▓░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒▒░▒▒▒▒▒▒░░░░░▓▓
  15. ▓▓░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░▓▓
  16. ▓▓░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒▒▒▒▒▒▒░░░░░░▓▓
  17. ▓▓░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒▒▒▒▒░░░░░░░▓▓
  18. ▓▓░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒░░░░░░░░░▓▓
  19. ▓▓░░░░░░░░░░░░░░░░░░░░░░░░░░▒░░░░░░░░░░░▓▓
  20. ▓▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▓▓
  21. ▓▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒░▒▒▒░░░▓▓
  22. ▓▓░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒▒▒▒▒░░▓▓
  23. ▓▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒▒▒░░░▓▓
  24. ▓▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒░░░░▓▓
  25. ▓▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒░░░░░▓▓
  26. ▓▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒░░░░░░▓▓
  27. ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
  28. _______▒__________▒▒▒▒▒▒▒▒▒▒▒▒▒▒
  29. ______▒_______________▒▒▒▒▒▒▒▒
  30. _____▒________________▒▒▒▒▒▒▒▒
  31. ____▒___________▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
  32. ___▒
  33. __▒______▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
  34. _▒______▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓
  35. ▒▒▒▒___▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓
  36. ▒▒▒▒__▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓▒▓
  37. ▒▒▒__▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
  38. ▒▒
  39. --->
  40.  
  41.  
  42. <title>{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}</title>
  43. <link rel="icon" href="{image:FavIcon}" type="image/gif" >
  44. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  45. {block:Description}
  46. <meta name="description" content="{MetaDescription}" />
  47. {/block:Description}
  48.  
  49. <meta name="image:background" content=""/>
  50. <meta name="image:sidebar" content=""/>
  51. <meta name="image:pixel image" content=""/>
  52. <meta name="image:sb image 1" content=""/>
  53. <meta name="image:sb image 2" content=""/>
  54. <meta name="image:favicon" content=""/>
  55. <meta name="color:background color" content="#fff">
  56. <meta name="color:post color" content="#fff">
  57. <meta name="color:sidebar color" content="#fff">
  58. <meta name="color:description color" content="#fff">
  59. <meta name="color:footer color" content="#fff">
  60. <meta name="color:text color" content="#000">
  61. <meta name="color:description text color" content="#000">
  62. <meta name="color:link color" content="#000">
  63. <meta name="color:footer link color" content="#000">
  64. <meta name="color:description link color" content="#000">
  65. <meta name="color:border color" content="#000">
  66. <meta name="select:border" content="solid"/>
  67. <meta name="select:border" content="dashed"/>
  68. <meta name="select:border" content="dotted"/>
  69. <meta name="select:border" content="double"/>
  70. <meta name="text:description" content="">
  71. <meta name="text:title" content="">
  72. <meta name="text:permalink" content="">
  73. <meta name="text:font size" content="">
  74. <meta name="text:link 1" content="">
  75. <meta name="text:link 1 URL" content="/">
  76. <meta name="if:transparent" content="0"/>
  77. <meta name="if:full background" content="0"/>
  78. <meta name="if:rainbow border" content="0"/>
  79. <meta name="if:rainbow links" content="0"/>
  80. <meta name="if:extra link" content="0"/>
  81.  
  82.  
  83. <style type="text/css">
  84.  
  85. body {
  86. font-family: arial, sans-serif;
  87. font-size: {text:font size}pt;
  88. color: {color:text color};
  89. background-color: {color:background color};
  90. background-image: url({image:Background});
  91. {block:IfFullBackground}
  92. background-image:; no-repeat center center fixed;
  93. background-position: center;
  94. background-repeat: no-repeat;
  95. background-size: cover;
  96. background-attachment: fixed;
  97. {/block:IfFullBackground}
  98. word-wrap: break-word;
  99. }
  100.  
  101. a {
  102. color: {color:link color};
  103. {block:ifrainbowlinks}
  104. text-decoration: none;
  105. color: white;
  106. display: inline-block;
  107. background-size: 120% 100%;
  108. -webkit-background-clip: text;
  109. -webkit-text-fill-color: transparent;
  110. -moz-background-clip: text;
  111. -moz-text-fill-color: transparent;
  112. -ms-background-clip: text;
  113. -ms-text-fill-color: transparent;
  114. background-clip: text;
  115. text-fill-color: transparent;
  116. transition: all 0.15s cubic-bezier(0.68, -0.25, 0.265, 1.25);
  117. background-image: linear-gradient(45deg, #ff0000, #ff7d00, #f6ff00, #1dff00, #00ffe9, #001fff, #8800ff, #ff00c9);
  118. {/block:ifrainbowlinks}
  119. transition: 0.5s;
  120. text-decoration: none;
  121. }
  122.  
  123. .media {
  124. text-align: center;
  125. }
  126.  
  127. img {
  128. max-width: 100%;
  129. -WEBKIT-BORDER-RADIUS: 10px;
  130. -MOZ-BORDER-RADIUS: 10px;
  131. }
  132.  
  133.  
  134.  
  135. .post .question {
  136. font-weight: bold;
  137. background: {color:post color};
  138. text-align: center;
  139. {block:iftransparent}
  140. background: transparent;
  141. {/block:iftransparent}
  142. padding: 5px;
  143. }
  144.  
  145. .post .question .nipple {
  146. width: 13px;
  147. height: 7px;
  148. background-color: transparent url('https://static.tumblr.com/vr9xgox/PDjnf8t10/ask-mask.png');
  149. position: relative;
  150. bottom: -7px;
  151. }
  152.  
  153.  
  154. .asker {
  155. margin-top: 7px;
  156. }
  157.  
  158. #sidebar {
  159. background: transparent;
  160. {block:IfNotTransparent}
  161. background-color: {color:sidebar color};
  162. {/block:IfNotTransparent}
  163. width: 230px;
  164. text-align: center;
  165. margin: 0 50px;
  166. margin-left: 90px;
  167. margin-top: 20px;
  168. position: fixed;
  169. padding: 5px;
  170. border: 5px {select:border} {color:border color};
  171. {block:ifrainbowborder}
  172. border: 5px solid transparent;
  173. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  174. border-image-slice: 1;
  175. {/block:ifrainbowborder}
  176. }
  177.  
  178. #sidebar .blogtitle {
  179. text-align: center;
  180. font-size: 125%;
  181. font-weight: bold;
  182. }
  183.  
  184. #sidebar .sideimg img, .media img {
  185. max-width: 100%;
  186. margin: auto;
  187. display: block;
  188. }
  189.  
  190. #box {
  191. background-color: {color:description color};
  192. color: {color:description text color};
  193. padding: 3px;
  194. text-align: center;
  195. margin-top: 5px;
  196. -webkit-border-radius: 10px;
  197. -moz-border-radius: 10px;
  198. }
  199.  
  200. #box a {
  201. color: {color:description link color};
  202. {block:ifrainbowlinks}
  203. text-decoration: none;
  204. color: white;
  205. display: inline-block;
  206. background-size: 120% 100%;
  207. -webkit-background-clip: text;
  208. -webkit-text-fill-color: transparent;
  209. -moz-background-clip: text;
  210. -moz-text-fill-color: transparent;
  211. -ms-background-clip: text;
  212. -ms-text-fill-color: transparent;
  213. background-clip: text;
  214. text-fill-color: transparent;
  215. transition: all 0.15s cubic-bezier(0.68, -0.25, 0.265, 1.25);
  216. background-image: linear-gradient(45deg, #ff0000, #ff7d00, #f6ff00, #1dff00, #00ffe9, #001fff, #8800ff, #ff00c9);
  217. {/block:ifrainbowlinks}
  218. }
  219.  
  220. .chatlabel {
  221. font-weight: bold;
  222. }
  223.  
  224. .odd {
  225. background-color: {color:post color};
  226. {block:iftransparent}
  227. background-color: transparent;
  228. {/block:iftransparent}
  229. }
  230.  
  231. .even {
  232. background-color: {color:post color};
  233. {block:iftransparent}
  234. background-color: transparent;
  235. {/block:iftransparent}
  236. }
  237.  
  238. .quote {
  239. font-style: italic;
  240. font-weight: bold;
  241. }
  242.  
  243. .quote.long {
  244. font-size: 110%;
  245. }
  246.  
  247. .quote.medium {
  248. font-size: 125%;
  249. }
  250.  
  251. .quote.short {
  252. font-size: 150%;
  253. }
  254.  
  255. .post, .navigation {
  256. margin: 50px auto;
  257. margin-left: 355px;
  258. margin-top: 20px;
  259. width: 500px;
  260. padding: 5px;
  261. background-color: {color:post color};
  262. {block:iftransparent}
  263. background: transparent;
  264. {/block:iftransparent}
  265. border: 5px {select:border} {color:border color};
  266. {block:ifrainbowborder}
  267. border: 5px solid transparent;
  268. border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  269. border-image-slice: 1;
  270. {/block:ifrainbowborder}
  271. }
  272.  
  273. .navigation {
  274. text-align: center;
  275. }
  276.  
  277. .link, .post .title {
  278. font-size: 125%;
  279. font-weight: bold;
  280. }
  281.  
  282.  
  283. ol.notes {
  284. padding: 0px;
  285. margin: 25px 0px;
  286. list-style-type: none;
  287. border-bottom: 1px solid #ccc;
  288. }
  289.  
  290. ol.notes li.note {
  291. border-top: 1px solid #ccc;
  292. padding: 10px;
  293. }
  294.  
  295. ol.notes li.note img.avatar {
  296. vertical-align: -4px;
  297. margin-right: 10px;
  298. width: 16px;
  299. height: 16px;
  300. }
  301.  
  302. ol.notes li.note blockquote {
  303. border-color: {color:border color};
  304. padding: 4px 10px;
  305. margin: 10px 0px 0px 25px;
  306. }
  307.  
  308. ol.notes li.note blockquote a {
  309. text-decoration: none;
  310. }
  311.  
  312. .footer {
  313. padding: 2px;
  314. margin-top: 5px;
  315. font-size: {text:font size}pt;
  316. text-align: right;
  317. background-color: {color:footer color};
  318. -webkit-border-radius: 10px;
  319. -moz-border-radius: 10px;
  320. }
  321.  
  322. .footer a {
  323. color: {color:footer link color};
  324. {block:ifrainbowlinks}
  325. text-decoration: none;
  326. color: white;
  327. display: inline-block;
  328. background-size: 120% 100%;
  329. -webkit-background-clip: text;
  330. -webkit-text-fill-color: transparent;
  331. -moz-background-clip: text;
  332. -moz-text-fill-color: transparent;
  333. -ms-background-clip: text;
  334. -ms-text-fill-color: transparent;
  335. background-clip: text;
  336. text-fill-color: transparent;
  337. transition: all 0.15s cubic-bezier(0.68, -0.25, 0.265, 1.25);
  338. background-image: linear-gradient(45deg, #ff0000, #ff7d00, #f6ff00, #1dff00, #00ffe9, #001fff, #8800ff, #ff00c9);
  339. {/block:ifrainbowlinks}
  340. }
  341.  
  342. .links {
  343. text-align: center;
  344. margin-top: -50px;
  345. }
  346.  
  347. .txt blockquote {
  348. border-left: 2px solid #ccc;
  349. padding-left: 15px;
  350. margin-top: -5px;
  351. margin-left: 5px;
  352. }
  353.  
  354. #audioplayer{
  355. width:30px;
  356. height:25px;
  357. overflow:hidden;
  358. position:absolute;
  359. margin-top:40px;
  360. margin-bottom:40px;
  361. margin-left:35px;
  362. -moz-border-radius: 40px;
  363. -webkit-border-radius: 40px;
  364. border-radius: 40px;
  365. opacity: 0.7;
  366. }
  367.  
  368. .trackstuff {
  369. overflow:auto;
  370. margin-left:110px;
  371. margin-top:-95px;
  372. margin-bottom:50px;
  373. display:block;
  374. }
  375.  
  376. #credit {
  377. position: fixed;
  378. bottom: 15px;
  379. left: 15px;
  380. font-size: 22pt;
  381. }
  382.  
  383.  
  384. {CustomCSS}
  385.  
  386. </style>
  387. </head>
  388. <body>
  389. <div id="sidebar">
  390. <div class="blogtitle">{text:title}</div>
  391. <div class="sideimg">
  392. <a href="/"><img src="{image:sidebar}"></a>
  393. </div>
  394. <div id="box">{text:description}</div>
  395. <br>
  396. <div class="links">
  397. <br><img src="{image:pixel image}">
  398. <a href="/">{lang:Home}</a></br>
  399. <img src="{image:pixel image}">
  400. {block:AskEnabled}
  401. <a href="/ask">{AskLabel}</a>
  402. {/block:AskEnabled}
  403. {block:SubmitEnabled}
  404. <img src="{image:pixel image}">
  405. <a href="/submit">{SubmitLabel}</a>
  406. {/block:SubmitEnabled}
  407. {block:HasPages}
  408. {block:Pages}
  409. <br><img src="{image:pixel image}">
  410. <a href="{URL}">{Label}</a></br>
  411. {/block:Pages}
  412. {/block:HasPages}
  413. <br><img src="{image:pixel image}">
  414. <a href="/archive">{lang:Archive}</a>
  415. {block:ifextralink}
  416. <br><img src="{image:pixel image}">
  417. <a href="{text:link 1 URL}">{text:link 1}</a></br>
  418. {/block:ifextralink}
  419. <img src="{image:sb image 1}"><img src="{image:sb image 2}">
  420. </br>
  421. </div>
  422. </div>
  423. <div id="content">
  424. {block:Posts}
  425. <div class="post">
  426. {block:Photo}
  427. <div class="media">
  428. {LinkOpenTag}
  429. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  430. {LinkCloseTag}
  431. </div>
  432. {block:Caption}
  433. <div class="txt">{Caption}</div>
  434. {/block:Caption}
  435. {/block:Photo}
  436.  
  437. {block:Panorama}
  438. <div class="media">
  439. {LinkOpenTag}
  440. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
  441. {LinkCloseTag}
  442. </div>
  443. {block:Caption}
  444. <div class="txt">{Caption}</div>
  445. {/block:Caption}
  446. {/block:Panorama}
  447.  
  448. {block:Text}
  449. {block:Title}
  450. <div class="title">{Title}</div>
  451. {/block:Title}
  452. <div class="txt">{Body}</div>
  453. {/block:Text}
  454.  
  455. {block:Photoset}
  456. <div class="media">
  457. {Photoset}
  458. </div>
  459. {block:Caption}
  460. <div class="txt">{Caption}</div>
  461. {/block:Caption}
  462. {/block:Photoset}
  463.  
  464. {block:Chat}
  465. {block:Title}
  466. <div class="title">{Title}</div>
  467. {/block:Title}
  468. {block:Lines}
  469. <div class="{Alt}">
  470. {block:Label}
  471. <span class="chatlabel">{Label}</span>
  472. {/block:Label}
  473. &nbsp;{Line}
  474. </div>
  475. {/block:Lines}
  476. {/block:Chat}
  477.  
  478. {block:Quote}
  479. <div class="quote {Length}">{Quote}</div>
  480. {block:Source}
  481. <div class="quotesrc">&mdash;{Source}</div>
  482. {/block:Source}
  483. {/block:Quote}
  484.  
  485. {block:Answer}
  486. <div class="question">
  487. {Question}
  488. <div class="nipple"></div>
  489. </div>
  490. <div class="asker"><img src="{AskerPortraitURL-24}"> {Asker}</div>
  491. <div class="txt">{Answer}</div>
  492. {/block:Answer}
  493.  
  494. {block:Link}
  495. <div class="link">
  496. <a href="{URL}" {Target}>{Name}</a>
  497. </div>
  498. {block:Description}
  499. <div class="txt">{Description}</div>
  500. {/block:Description}
  501. {/block:Link}
  502.  
  503. {block:Audio}
  504. <div id= "audioplayer">{AudioPlayerWhite}</div>
  505. {block:AlbumArt}
  506. <div id="albumart">
  507. <img src="{AlbumArtURL}" width="100">
  508. </div>
  509. {/block:AlbumArt}
  510. <div class="trackstuff">
  511. {block:TrackName}<b><i>{TrackName}</i></b>{/block:TrackName}<br>{block:Artist}<i>{Artist}</i>{/block:Artist}</div>
  512. {Caption}
  513. {/block:Audio}
  514.  
  515. {block:Video}
  516. <div class="media">{Video-500}</div>
  517. {block:Caption}
  518. <div class="txt">{Caption}</div>
  519. {/block:Caption}
  520. {/block:Video}
  521.  
  522. {block:Date}
  523.  
  524. <div class="footer">
  525. {block:IndexPage}<a href="{Permalink}">{text:permalink}</a>{/block:IndexPage} {block:RebloggedFrom}{block:IndexPage}&bullet;{/block:IndexPage} via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}{block:RebloggedFrom}&bullet;{/block:RebloggedFrom} source: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{block:IndexPage}<br>{/block:IndexPage}{block:PermalinkPage}{block:RebloggedFrom}<br>{/block:RebloggedFrom}{/block:PermalinkPage}{TimeAgo} + {NoteCountWithLabel}{block:HasTags}<br>{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  526. </div>
  527. {/block:Date}
  528.  
  529. {PostNotes}
  530. </div>
  531. {/block:Posts}
  532.  
  533. {block:Pagination}
  534. <div class="navigation">
  535. {block:PreviousPage}<a href="{PreviousPage}">Previous</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  536. </div>
  537. {/block:Pagination}
  538. <!-- please do not edit link or remove -->
  539. <div id="credit">
  540. <a href="https://cloverparty.tumblr.com/">ミ★</a>
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!