API tools faq
paste
Advertisement
jellyparty

Fruityswirl Surprise tumblr theme

jellyparty
Apr 14th, 2021 (edited)
4,903
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.04 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <head>
  3. <!--
  4. Fruityswirl Surprise theme by Emoticon Equinox o(≧∇≦o)
  5.  
  6. (NOTE: in the theme preview, the music player will not show up. But when you save your theme and go to your url, it will show up like regular)
  7. (NOTE2: in the theme prev the title will look like it's farther down then it really is. idk how to fix that but it shows up regularly on the theme as well)
  8. ---------------------------------------------------------------------------
  9. To put in your own custom skin for the music player (if you are using it), you will need to go to https://skins.scmplayer.net/, choose your skin design (it says "choose" on the side next to the skin), and then scroll to the bottom where it says exactly "CUSTOM SKIN (Optional)." Then, you'll copy the url that's in the box below (that's the url of the skin you chose) and you'll put it into the "music player skin url" text box here on your theme. Follow this exactly and it'll work like a charm =) -->
  10.  
  11.  
  12. <!-- Images -->
  13. <meta name="image:favicon" content="">
  14. <meta name="image:custom cursor" content="">
  15. <meta name="image:blog background" content="">
  16. <meta name="image:content background" content="">
  17. <meta name="image:sidebar icon" content="">
  18. <meta name="image:footer pixel" content="">
  19. <meta name="image:pixel" content="">
  20.  
  21. <!-- Colors -->
  22. <meta name="color:background color" content="">
  23.  
  24. <meta name="color:content color" content="">
  25. <meta name="color:sidebar color" content="">
  26. <meta name="color:content border color" content="#0400ff">
  27.  
  28. <meta name="color:post color" content="">
  29. <meta name="color:post border color" content="">
  30.  
  31. <meta name="color:text color" content="">
  32. <meta name="color:link color" content="">
  33. <meta name="color:link hover color" content="">
  34.  
  35. <meta name="color:text selection bg color" content="">
  36. <meta name="color:text selection text color" content="">
  37.  
  38. <meta name="color:table column 1" content="#ff8888">
  39. <meta name="color:table column 2" content="#fffa88">
  40. <meta name="color:table column 3" content="#a4ff88">
  41. <meta name="color:table column 4" content="#88ffe4">
  42. <meta name="color:table column 5" content="#cb99ff">
  43. <meta name="color:table column 1 link" content="#c30000">
  44. <meta name="color:table column 2 link" content="#ff9a00">
  45. <meta name="color:table column 3 link" content="#009d62">
  46. <meta name="color:table column 4 link" content="#0062bd">
  47. <meta name="color:table column 5 link" content="#7d00a9">
  48.  
  49.  
  50. <!-- Text -->
  51. <meta name="text:text size" content="18">
  52. <meta name="text:post border size" content="3">
  53. <meta name="text:rainbow title" content="Darkness has fallen in paradise!">
  54. <meta name="text:music player skin url" content="https://static.tumblr.com/uwguqop/5jAm9dlzm/skin_feita_por_des-controolada_patinha_de_cachorro.css">
  55. <meta name="text:song title" content="Pikachu ~ Nya Nya">
  56. <meta name="text:song url" content="https://www.youtube.com/watch?v=GYCXZH3fMUk">
  57.  
  58. <meta name="text:link one" content="link one">
  59. <meta name="text:link two" content="link two">
  60. <meta name="text:link three" content="link three">
  61. <meta name="text:link four" content="link four">
  62. <meta name="text:link five" content="link five">
  63. <meta name="text:link one url" content="/">
  64. <meta name="text:link two url" content="/">
  65. <meta name="text:link three url" content="/">
  66. <meta name="text:link four url" content="/">
  67. <meta name="text:link five url" content="/">
  68.  
  69. <!-- Options -->
  70. <meta name="if:full background" content="">
  71. <meta name="if:transparent posts" content="">
  72. <meta name="if:colored sidebar" content="">
  73. <meta name="if:music player" content="">
  74. <meta name="if:circular icon" content="">
  75. <meta name="if:rainbow title" content="">
  76. <meta name="if:custom cursor" content="">
  77. <meta name="if:underlined links" content="">
  78.  
  79. <!-- Selection -->
  80. <meta name="select:music player autoplay" content="false"/>
  81. <meta name="select:music player autoplay" content="true"/>
  82. <meta name="select:border style" content="solid"/>
  83. <meta name="select:border style" content="dashed"/>
  84. <meta name="select:border style" content="double"/>
  85. <meta name="select:border style" content="dotted"/>
  86. <meta name="select:border style" content="groove"/>
  87. <meta name="select:border style" content="ridge"/>
  88. <meta name="select:border style" content="inset"/>
  89. <meta name="select:border style" content="outset"/>
  90. <meta name="select:border style" content="none"/>
  91.  
  92. <!-- Misc -->
  93. <title>{Title}</title>
  94. <link rel="shortcut icon" href="{image:favicon}" type="image/gif">
  95. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  96. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  97. {block:Description}
  98. <meta name="description" content="{MetaDescription}" />
  99. {/block:Description}
  100.  
  101. <script type="text/javascript">
  102. // <![CDATA[
  103. var speed=100; // speed colours change, 1 second = 1000
  104. var glow=3; // can be set from '0' for no glow, to 10
  105. var raincol=new Array("#ff0000", "#ff5500", "#ffaa00", "#ffff00", "#aaff00", "#55ff00", "#00ff00", "#00ff55", "#00ffaa", "#00ffff", "#00aaff", "#0055ff", "#0000ff", "#5500ff", "#aa00ff", "#ff00ff", "#ff00aa", "#ff0055"); // change the colours if you want to
  106. var alink="http://www.mf2fm.com/rv/"; // page to link text to (set to ="" for no link)
  107.  
  108. /****************************
  109. * Rainbow Text Effect *
  110. *(c)2003-13 mf2fm web-design*
  111. * http://www.mf2fm.com/rv *
  112. * DON'T EDIT BELOW THIS BOX *
  113. ****************************/
  114. var rainbow, raintxt, raincnt=0;
  115.  
  116. function addLoadEvent(funky) {
  117. var oldonload=window.onload;
  118. if (typeof(oldonload)!='function') window.onload=funky;
  119. else window.onload=function() {
  120. if (oldonload) oldonload();
  121. funky();
  122. }
  123. }
  124.  
  125. addLoadEvent(regenbogen);
  126.  
  127. function regenbogen() { if (document.getElementById) {
  128. var i, rainbeau;
  129. rainbow=document.getElementById("rainbow");
  130. raintxt=rainbow.firstChild.nodeValue;
  131. while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
  132. for (i=0; i<raintxt.length; i++) {
  133. rainbeau=document.createElement("span");
  134. rainbeau.setAttribute("id", "rain"+i);
  135. rainbeau.appendChild(document.createTextNode(raintxt.charAt(i)));
  136. if (alink) {
  137. rainbeau.style.cursor="pointer";
  138. rainbeau.onclick=function() { top.location.href=alink; }
  139. }
  140. rainbow.appendChild(rainbeau);
  141. }
  142. rainbow=setInterval ("raining()", speed);
  143. }}
  144.  
  145. function raining() {
  146. var i, c;
  147. for (i=0; i<raintxt.length; i++) {
  148. c=raincol[(i+raincnt)%raincol.length];
  149. document.getElementById("rain"+i).style.color=c;
  150. if (glow) document.getElementById("rain"+i).style.textShadow=c+" 0px 0px "+glow+"px";
  151. }
  152. raincnt++;
  153. }
  154. // ]]>
  155. </script>
  156. <style type="text/css">
  157.  
  158. /* Text, Background, Links */
  159. body{
  160. {block:ifcustomcursor}
  161. cursor:url("{image:custom cursor}"), default;
  162. {/block:ifcustomcursor}
  163. background-image:Url('{image:blog background}');
  164. background-attachment:fixed;
  165. {block:iffullbackground}
  166. background-position: center;
  167. background-repeat:no-repeat;
  168. background-size: cover;
  169. {/block:iffullbackground}
  170. background-color:{color:background color};
  171. overflow:visible;
  172. color:{color:text color};
  173. font-size:{text:text size}px;
  174. word-wrap:break-word;}
  175. a{
  176. color:{color:link color};
  177. text-decoration:none;
  178. {block:ifunderlinedlinks}
  179. text-decoration:underline;
  180. {/block:ifunderlinedlinks};}
  181. a:hover{
  182. color:{color:link hover color};
  183. {block:ifcustomcursor}
  184. cursor:url("{image:custom cursor}"), default;
  185. {/block:ifcustomcursor}
  186. text-decoration:none;}
  187. blockquote{
  188. margin:0 0 10px 10px;
  189. padding:0 0 0 10px;
  190. border-left:solid 1px {color:text color};}
  191. ::-webkit-scrollbar{
  192. width: 5px;
  193. height: 3px;}
  194. ::-webkit-scrollbar-thumb{
  195. border:1px solid {color:content border color};
  196. background:{color:content border color};}
  197. ::-webkit-scrollbar-track{
  198. background:transparent;}
  199. ::selection{
  200. color:{color:text selection text color};
  201. background:{color:text selection bg color};}
  202.  
  203. /* Sidebar, Posts */
  204. #content{
  205. background:transparent;
  206. margin-left:480px;
  207. width:700px;
  208. transform:translateX(-30%);
  209. column-count:2;
  210. column-gap: 5px;}
  211. .post{
  212. border:{text:post border size}px {select:border style} {color:post border color};
  213. break-inside:avoid;
  214. background-color:{color:post color};
  215. {block:iftransparentposts}
  216. background:transparent;
  217. {/block:iftransparentposts}
  218. width:320px;
  219. {block:permalinkpage}
  220. width:400px;
  221. break-inside:avoid;
  222. {/block:permalinkpage};
  223. margin:0 0 10px 0;
  224. padding:5px;}
  225. #sidebar{
  226. {block:ifcoloredsidebar}
  227. background-color:{color:sidebar color};
  228. {/block:ifcoloredsidebar}
  229. position:fixed;
  230. margin-left:20px;
  231. width:220px;
  232. max-height:483px;
  233. padding:5px;}
  234. #stuffholder{
  235. margin:50px auto;}
  236. #wrapper{
  237. border-radius:1%;
  238. background-image:Url('{image:content background}');
  239. background-attachment:fixed;
  240. background-position: center;
  241. background-repeat:no-repeat;
  242. background-size: cover;
  243. background-color:white;
  244. border:6px ridge {color:content border color};
  245. width:1000px;
  246. max-height:520px;
  247. height:520px;
  248. overflow:auto;
  249. margin:50px auto;}
  250. background:transparent;}
  251. #table, th, td{
  252. text-align:left;
  253. width:220px;
  254. border:1px {select:border style} {color:post border color};
  255. background:transparent;}
  256. tr:nth-child(1){
  257. background-color:{color:table column 1};}
  258. tr:nth-child(1) a{
  259. color:{color:table column 1 link};}
  260. tr:nth-child(2){
  261. background-color:{color:table column 2};}
  262. tr:nth-child(2) a{
  263. color:{color:table column 2 link};}
  264. tr:nth-child(3){
  265. background-color:{color:table column 3};}
  266. tr:nth-child(3) a{
  267. color:{color:table column 3 link};}
  268. tr:nth-child(4){
  269. background-color:{color:table column 4};}
  270. tr:nth-child(4) a{
  271. color:{color:table column 4 link};}
  272. tr:nth-child(5){
  273. background-color: {color:table column 5};}
  274. tr:nth-child(5) a{
  275. color:{color:table column 5 link};}
  276.  
  277. #tabletake2, th, td{
  278. text-align:left;
  279. width:220px;
  280. border:1px {select:border style} {color:post border color};
  281. background:transparent;}
  282.  
  283. /* Content */
  284. .title{
  285. font-weight:bold;
  286. font-size:35px;
  287. margin:0 0 10px 0;}
  288. .footer{
  289. padding:5px;}
  290. .naviga{
  291. font-size:25px;
  292. text-align:center;}
  293. .post img{
  294. max-width:100%;}
  295. .sidebar img{
  296. padding:1px;
  297. {block:ifcircularicon}
  298. border-radius:100%;
  299. {/block:ifcircularicon}
  300. max-height:240px;
  301. max-width:100%;}
  302.  
  303.  
  304. /* Misc */
  305. #audioplayer{
  306. width:30px;
  307. height:25px;
  308. overflow:hidden;
  309. position:absolute;
  310. margin-top:40px;
  311. margin-bottom:40px;
  312. margin-left:35px;
  313. -moz-border-radius: 40px;
  314. -webkit-border-radius: 40px;
  315. border-radius: 40px;
  316. opacity: 0.7;}
  317. .trackstuff{
  318. overflow:auto;
  319. margin-left:110px;
  320. margin-top:-75px;
  321. margin-bottom:50px;
  322. display:block;}
  323. #titlele{
  324. font-size:24px;
  325. position: absolute;
  326. z-index:999999999999999999;
  327. margin-left:185px;
  328. margin-top:-606px;}
  329. #c{
  330. font-size:25px;
  331. position:fixed;
  332. left:0px;
  333. bottom:0px;}
  334. video{
  335. max-width: 100%;
  336. height: auto;}
  337.  
  338. {CustomCss}
  339. </style>
  340. </head>
  341. <body>
  342. {block:ifmusicplayer}
  343. <!-- SCM Music Player https://www.scmplayer.net -->
  344. <script type="text/javascript" src="https://www.scmplayer.net/script.js"
  345. data-config="{'skin':'{text:music player skin url}','volume':75,'autoplay':{select:music player autoplay},'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'{text:song title}','url':'{text:song url}'}]}" ></script>
  346. <!-- SCM Music Player script end -->
  347. {/block:ifmusicplayer}
  348. <div id="stuffholder">
  349. <div id="wrapper">
  350. <br>
  351. <div id="sidebar"><div class="sidebar img">
  352. <center><a href="/"><img src="{image:sidebar icon}"></a></center></div>
  353. <div id="table">
  354. <table>
  355. <tbody>
  356. <tr>
  357. <td><a href="{text:link one url}">{text:link one}</a></td>
  358. </tr>
  359. <tr>
  360. <td><a href="{text:link two url}">{text:link two}</a></td>
  361. </tr>
  362. <tr>
  363. <td><a href="{text:link three url}">{text:link three}</a></td>
  364. </tr>
  365. <tr>
  366. <td><a href="{text:link four url}">{text:link four}</a></td>
  367. </tr>
  368. <tr>
  369. <td><a href="{text:link five url}">{text:link five}</a></td>
  370. </tr>
  371. </tbody>
  372. </table>
  373. </div>
  374. <br>
  375. <center><img src="{image:pixel}"></center>
  376. <div class="naviga">
  377. {block:PreviousPage}
  378. <a href="{PreviousPage}">&#171; Back</a>
  379. {/block:PreviousPage}
  380. {block:NextPage}
  381. <a href="{NextPage}">Next &#187;</a>
  382. {/block:NextPage}
  383. </div>
  384. </div>
  385. <div id="content">
  386.  
  387. {block:Posts}
  388. <!--{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}
  389. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  390. {/block:ContentSource}
  391. <div class="post">
  392.  
  393. <!-- Text -->
  394. {block:Text}
  395. {block:Title}
  396. <div class="title">{Title}</div>
  397. {/block:Title}
  398. {Body}
  399. {/block:Text}
  400. {block:Chat}
  401. {block:Title}
  402. <div class="title">
  403. <h3><a href="{Permalink}">{Title}</a></h3></div>
  404. {/block:Title}
  405. {block:Lines}
  406. <div class="{Alt} user_{UserNumber}">
  407. {block:Label}
  408. <span class="label">{Label}</span>
  409. {/block:Label}{Line}
  410. </div>
  411. {/block:Lines}
  412. {/block:Chat}
  413.  
  414. <!-- Images --->
  415. {block:Photo}
  416. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  417. {block:Caption}{Caption}{/block:Caption}
  418. {/block:Photo}
  419. {block:Photoset}
  420. {Photoset}
  421. {block:Caption}
  422. {Caption}
  423. {/block:Caption}
  424. {/block:Photoset}
  425.  
  426. <!-- Video -->
  427. {block:Video}
  428. {Video-250}
  429. {block:Caption}
  430. {Caption}
  431. {/block:Caption}
  432. {/block:Video}
  433.  
  434. <!-- Audio -->
  435. {block:Audio}
  436. <div id= "audioplayer">{AudioPlayerWhite}</div>
  437. {block:AlbumArt}
  438. <div id="albumart">
  439. <img src="{AlbumArtURL}" width="100">
  440. </div>
  441. {/block:AlbumArt}
  442. <div class="trackstuff">
  443. {block:TrackName}<b><i>{TrackName}</i></b>{/block:TrackName}<br>{block:Artist}<i>{Artist}</i>{/block:Artist}</div>
  444. {Caption}
  445. {/block:Audio}
  446.  
  447. <!-- Quote -->
  448. {block:Quote}
  449. <div class="quote">
  450. "{Quote}"
  451. {block:Source}
  452. <div class="source">- <i>{Source}</i></div>
  453. {/block:Source}
  454. </div>
  455. {/block:Quote}
  456.  
  457. <!-- Link -->
  458. {block:Link}
  459. <a href="{URL}" class="link" {Target}>{Name}</a>
  460. {block:Description}
  461. {Description}
  462. {/block:Description}
  463. {/block:Link}
  464.  
  465. <!-- Ask -->
  466. {block:Answer}
  467. <div class="question">{Asker}: {Question}</div>
  468. <div class="caption">{Answer}</div>
  469. {/block:Answer}
  470.  
  471. <!-- Footer -->
  472. {block:Date}
  473. <hr width="100%" color="{color:post border color}" size="1">
  474. <div class="footer">
  475. <a href="{Permalink}">{Month} {DayOfMonth}, {Year} {block:NoteCount}</a> with <a href="{Permalink}">({NoteCountWithLabel}){/block:NoteCount}</a> <img src="{image:footer pixel}"><a href="{Permalink}"><br>{TimeAgo}</a>, <a href="{ReblogUrl}">&#8634;</a>
  476. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  477. </div>
  478. {block:PermalinkPage}
  479. {block:NoteCount}
  480. {block:PostNotes}{PostNotes}{/block:PostNotes}
  481. {/block:NoteCount}
  482. {/block:PermalinkPage}
  483. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  484. {/block:Date}
  485.  
  486. </div>
  487. {/block:Posts}
  488.  
  489.  
  490. </div>
  491. <br>
  492. </div>
  493.  
  494. {block:ifrainbowtitle}
  495. <div id="titlele"><span id="rainbow">{text:rainbow title}</span></div>
  496. {/block:ifrainbowtitle}
  497. <!-- please do not edit link or remove -->
  498. <div id="c"><a href="https://cloverparty.tumblr.com/tagged/mine">ミ★</a></div>
  499. <!-- please do not edit link or remove -->
  500.  
  501.  
  502. </body>
  503. </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!