API tools faq
paste
jellyparty

World ★ Superstar tumblr theme

jellyparty
Aug 5th, 2022 (edited)
5,546
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.43 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <head>
  3. <!----- ----- ----- ----- ----- ----- ----- ----- -----
  4.  
  5.  
  6. World ★ Superstar theme by Emoticon ^_^
  7.  
  8. This theme is very experimental so... sorry if anything looks weird, I'm always open to feedback to let me know ^_^
  9.  
  10.  
  11. * Notes:
  12.  
  13. 1. "Fuzzy Borders" don't work entiiiirely properly with 2 column posts enabled at the moment ;__;
  14.  
  15. 2. Download a song you like and convert it into an mp3, and use https://catbox.moe/ to upload the song, copy the url and put it into "song url" box when customizing your theme ^_^
  16.  
  17. * Credits:
  18. 1. Glenthemes for photo(set) script
  19.  
  20. ----- ----- ----- ----- ----- ----- ----- ----- ----->
  21.  
  22.  
  23. <!-- color -->
  24. <meta name="color:background" content="">
  25.  
  26. <meta name="color:content" content="#fff">
  27. <meta name="color:content border" content="#000">
  28. <meta name="color:music border" content="#000">
  29.  
  30. <meta name="color:footer" content="">
  31. <meta name="color:footer text" content="">
  32. <meta name="color:footer links" content="">
  33. <meta name="color:footer links hover" content="">
  34. <meta name="color:footer border" content="">
  35.  
  36. <meta name="color:text" content="">
  37. <meta name="color:links" content="">
  38. <meta name="color:link hover" content="">
  39. <meta name="color:rainbow link outline" content="">
  40.  
  41. <meta name="color:scrollbar" content="">
  42. <meta name="color:scrollbar background" content="">
  43.  
  44. <meta name="color:table" content="">
  45. <meta name="color:table border" content="">
  46. <meta name="color:table links border" content="">
  47.  
  48. <meta name="color:desc" content="">
  49. <meta name="color:desc border" content="">
  50. <meta name="color:desc text" content="">
  51. <meta name="color:desc link" content="">
  52.  
  53. <meta name="color:icon border" content="">
  54.  
  55. <!-- img -->
  56. <meta name="image:favicon" content="">
  57. <meta name="image:cursor" content="">
  58. <meta name="image:background" content="">
  59. <meta name="image:sidebar" content="">
  60. <meta name="image:desc" content="">
  61.  
  62. <meta name="image:post pixel" content="">
  63.  
  64.  
  65. <!----- ## borders ## ------>
  66. <!-- content -->
  67. <meta name="select:border style" content="none">
  68. <meta name="select:border style" content="solid">
  69. <meta name="select:border style" content="dotted">
  70. <meta name="select:border style" content="dashed">
  71. <meta name="select:border style" content="double">
  72. <meta name="select:border style" content="ridge">
  73. <meta name="select:border style" content="groove">
  74. <meta name="select:border style" content="inset">
  75. <meta name="select:border style" content="outset">
  76. <meta name="text:border size" content="2">
  77.  
  78. <!-- table -->
  79. <meta name="select:table border style" content="none">
  80. <meta name="select:table border style" content="solid">
  81. <meta name="select:table border style" content="dotted">
  82. <meta name="select:table border style" content="dashed">
  83. <meta name="select:table border style" content="ridge">
  84. <meta name="select:table border style" content="groove">
  85. <meta name="select:table border style" content="inset">
  86. <meta name="select:table border style" content="outset">
  87. <meta name="text:table border size" content="2">
  88.  
  89. <!-- desc -->
  90. <meta name="select:desc border style" content="none">
  91. <meta name="select:desc border style" content="solid">
  92. <meta name="select:desc border style" content="dotted">
  93. <meta name="select:desc border style" content="dashed">
  94. <meta name="select:desc border style" content="ridge">
  95. <meta name="select:desc border style" content="groove">
  96. <meta name="select:desc border style" content="inset">
  97. <meta name="select:desc border style" content="outset">
  98. <meta name="text:desc border size" content="2">
  99.  
  100. <!-- table link -->
  101. <meta name="select:table link border style" content="ridge">
  102. <meta name="select:table link border style" content="solid">
  103. <meta name="select:table link border style" content="dotted">
  104. <meta name="select:table link border style" content="dashed">
  105. <meta name="select:table link border style" content="double">
  106. <meta name="select:table link border style" content="groove">
  107. <meta name="select:table link border style" content="inset">
  108. <meta name="select:table link border style" content="outset">
  109.  
  110. <!-- footer -->
  111. <meta name="select:footer border style" content="none">
  112. <meta name="select:footer border style" content="solid">
  113. <meta name="select:footer border style" content="dotted">
  114. <meta name="select:footer border style" content="dashed">
  115. <meta name="select:footer border style" content="ridge">
  116. <meta name="select:footer border style" content="groove">
  117. <meta name="select:footer border style" content="inset">
  118. <meta name="select:footer border style" content="outset">
  119. <meta name="text:footer border size" content="2">
  120.  
  121. <!-- icon -->
  122. <meta name="select:icon border style" content="none">
  123. <meta name="select:icon border style" content="solid">
  124. <meta name="select:icon border style" content="dotted">
  125. <meta name="select:icon border style" content="dashed">
  126. <meta name="select:icon border style" content="ridge">
  127. <meta name="select:icon border style" content="groove">
  128. <meta name="select:icon border style" content="inset">
  129. <meta name="select:icon border style" content="outset">
  130.  
  131.  
  132. <!-- txt -->
  133. <meta name="text:title" content="i love emoticon">
  134.  
  135. <meta name="text:song url" content="https://files.catbox.moe/w57jfk.mp3">
  136. <meta name="text:song title" content="Wherever You Are (Nightcore)">
  137. <meta name="text:song artist" content="DJ Laava">
  138.  
  139. <meta name="text:description" content="A beautoful desc">
  140. <meta name="text:second description" content="You can put even more stuff here like blinkies and stamps and everything... there's so much room for things!!">
  141.  
  142. <meta name="text:link one" content="link one">
  143. <meta name="text:link two" content="link two">
  144. <meta name="text:link three" content="link three">
  145. <meta name="text:link four" content="link four">
  146. <meta name="text:link five" content="link five">
  147.  
  148. <meta name="text:link one url" content="/">
  149. <meta name="text:link two url" content="/">
  150. <meta name="text:link three url" content="/">
  151. <meta name="text:link four url" content="/">
  152. <meta name="text:link five url" content="/">
  153.  
  154. <meta name="text:permalink symbol" content="♡">
  155.  
  156.  
  157. <!---------------- fonts ---------------->
  158. <meta name="select:font" content="arial">
  159. <meta name="select:font" content="magica">
  160. <meta name="select:font" content="short stack">
  161. <meta name="select:font" content="ms gothic">
  162. <meta name="select:font" content="roboto mono">
  163.  
  164. <meta name="select:music font" content="arial">
  165. <meta name="select:music font" content="magica">
  166. <meta name="select:music font" content="short stack">
  167. <meta name="select:music font" content="ms gothic">
  168. <meta name="select:music font" content="roboto mono">
  169.  
  170.  
  171. <!-- opt -->
  172. <meta name="if:full background" content="">
  173. <meta name="if:music player" content="">
  174. <meta name="if:2 descriptions" content="">
  175.  
  176. <meta name="if:2 column posts" content="">
  177. <meta name="if:custom cursor" content="">
  178.  
  179. <meta name="if:image hue shift on hover" content="">
  180. <meta name="if:pastel rainbow links" content="">
  181. <meta name="if:underlined links" content="">
  182. <meta name="if:bold links" content="">
  183. <meta name="if:italic links" content="">
  184.  
  185. <meta name="if:round icon" content="">
  186. <meta name="if:bright rainbow links" content="">
  187. <meta name="if:heart icon" content="">
  188. <meta name="if:lace border" content="">
  189. <meta name="if:fuzzy border" content="">
  190. <meta name="if:500px posts" content="">
  191.  
  192.  
  193. <!-- scripts -->
  194.  
  195. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script><link href="//glen-npf-2020.glitch.me/npf-override.css" rel="stylesheet"><script src="//glen-npf-2020.glitch.me/npf-evenize.js"></script>
  196. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script>
  197.  
  198. <link href="https://fonts.googleapis.com/css?family=Short+Stack&display=swap" rel="stylesheet">
  199. <link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet">
  200.  
  201.  
  202. <!-- other -->
  203. <link rel="shortcut icon" href="{image:favicon}">
  204. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  205. {block:Description}
  206. <meta name="description" content="{MetaDescription}" />
  207. {/block:Description}
  208. <title>{Title}</title>
  209.  
  210. <style type="text/css">
  211.  
  212. /* document's body */
  213.  
  214. body{
  215. background-image:Url('{image:background}');
  216. background-color:{color:background};
  217. {block:ifcustomcursor}
  218. cursor:url("{image:cursor}"), default;
  219. {/block:ifcustomcursor}
  220. background-attachment:fixed;
  221. {block:iffullbackground}
  222. background-size: cover;
  223. {/block:iffullbackground}
  224. color:{color:text};
  225. word-wrap:break-word;
  226. font-family:{select:font};}
  227.  
  228. @font-face{
  229. font-family: 'Magica';
  230. src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf);}
  231.  
  232. a{
  233. color:{color:links};
  234. {block:ifboldlinks}
  235. font-weight:bold;
  236. {/block:ifboldlinks}
  237. {block:ifitaliclinks}
  238. font-style:italic;
  239. {/block:ifitaliclinks}
  240. {block:ifunderlinedlinks}
  241. text-decoration:underline;
  242. {/block:ifunderlinedlinks}
  243. {block:ifnotunderlinedlinks}
  244. text-decoration:none;
  245. {/block:ifnotunderlinedlinks}
  246. {block:ifpastelrainbowlinks}
  247. -webkit-text-stroke: 0.5px {color:rainbow link outline};
  248. text-decoration: none;
  249. color: white;
  250. display: inline-block;
  251. background-size: 120% 100%;
  252. -webkit-background-clip: text;
  253. -webkit-text-fill-color: transparent;
  254. -moz-background-clip: text;
  255. -moz-text-fill-color: transparent;
  256. -ms-background-clip: text;
  257. -ms-text-fill-color: transparent;
  258. background-clip: text;
  259. text-fill-color: transparent;
  260. transition: all 0.15s cubic-bezier(0.68, -0.25, 0.265, 1.25);
  261. background-image: linear-gradient(45deg, #f393fe, #ce93ff, #909cff, #8fd4ff, #90ffef, #93ff92, #e0fe93, #fde091, #ffba91, #ff939c, #fe92dc);
  262. {/block:ifpastelrainbowlinks};
  263. {block:ifbrightrainbowlinks};
  264. -webkit-text-stroke: 0.5px {color:rainbow link outline};
  265. text-decoration: none;
  266. color: white;
  267. display: inline-block;
  268. background-size: 120% 100%;
  269. -webkit-background-clip: text;
  270. -webkit-text-fill-color: transparent;
  271. -moz-background-clip: text;
  272. -moz-text-fill-color: transparent;
  273. -ms-background-clip: text;
  274. -ms-text-fill-color: transparent;
  275. background-clip: text;
  276. text-fill-color: transparent;
  277. transition: all 0.15s cubic-bezier(0.68, -0.25, 0.265, 1.25);
  278. background-image: linear-gradient(45deg, #ff0000, #ff8000, #ffff00, #80ff00, #00ff80, #00ffff, #0080ff, #0000ff, #8000ff, #ff00ff, #ff0080);
  279. {/block:ifbrightrainbowlinks};}
  280.  
  281. a:hover{
  282. font-style:italic;
  283. color:{link hover};
  284. {block:ifcustomcursor}
  285. cursor:url("{image:cursor}"), default;
  286. {/block:ifcustomcursor}}
  287.  
  288. .npf_row {
  289. margin: 0 !important;}
  290.  
  291. blockquote{
  292. border-left:2px dashed {color:text};
  293. padding-left:10px;
  294. margin: 15px;}
  295.  
  296. p{
  297. margin:0 0 5px 0;
  298. padding:0;}
  299.  
  300. :root {
  301. --NPF-Image-Spacing:4px;
  302. --NPF-Bottom-Gap-From-Captions:1em;}
  303.  
  304. ::-webkit-scrollbar {
  305. width: 15px;
  306. height: 10px;}
  307. ::-webkit-scrollbar-thumb:vertical{
  308. background-color: {color:scrollbar};
  309. border-top: 1px solid #bdbdbd;
  310. border-left: 1px solid #bdbdbd;
  311. border-right: 1px solid black;
  312. border-bottom: 1px solid black;}
  313. ::-webkit-scrollbar-track {
  314. background:{color:scrollbar background};}
  315. ::-webkit-scrollbar-button:vertical:increment {
  316. background-image: url(https://64.media.tumblr.com/e09634612068e4130ba031c281d24f52/2672484062507eca-ca/s75x75_c1/adda254826b4ce41c01fc40698385bc334f10abf.png);
  317. width: 14px;
  318. height: 16px;
  319. background-color: {color:scrollbar};
  320. border-top: 1px solid #bdbdbd;
  321. border-left: 1px solid #bdbdbd;
  322. border-right: 1px solid black;
  323. border-bottom: 1px solid black;}
  324. ::-webkit-scrollbar-button:vertical:decrement {
  325. background-image:url(https://64.media.tumblr.com/30f5701150586e1f03bb59f783884ca7/2672484062507eca-56/s75x75_c1/8dc29751305312d2db13c18b6f0c9d8b105d2fd5.png);
  326. background-color: {color:scrollbar};
  327. border-top: 1px solid #bdbdbd;
  328. border-left: 1px solid #bdbdbd;
  329. border-right: 1px solid black;
  330. border-bottom: 1px solid black;
  331. width: 14px;
  332. height: 16px;}
  333.  
  334. /* post & stuff */
  335.  
  336. #content{
  337. position:absolute;
  338. top:20px;
  339. {block:ifnot2columnposts}
  340. {block:ifnot500pxposts}
  341. width:400px;
  342. left: 50%;
  343. {/block:ifnot500pxposts}
  344. {block:if500pxposts}
  345. width:500px;
  346. left: 54%;
  347. {/block:if500pxposts}
  348. transform: translateX(-50%);
  349. {/block:ifnot2columnposts}
  350. {block:if2columnposts}
  351. width:700px;
  352. left: 61%;
  353. transform: translateX(-50%);
  354. break-inside:avoid;
  355. column-count:2;
  356. column-gap: 20px;
  357. {/block:if2columnposts};}
  358.  
  359. .post{
  360. margin:0 0 20px 0;
  361. background-color:{color:content};
  362. border:{text:border size}px {select:border style} {color:content border};
  363. {block:iflaceborder}
  364. border: {text:border size}px solid transparent;
  365. border-image: url("https://64.media.tumblr.com/6017d2dc70c8bf7f183990c8f4b30623/670f909d4f1d6e5d-8d/s75x75_c1/df6f576b63fa1882574e5c8b172784a0dbe08ed3.png") 8 round;
  366. {/block:iflaceborder};
  367. {block:iffuzzyborder}
  368. overflow:visible;
  369. box-shadow: 0px 0px 5px 5px {color:content border};
  370. {/block:iffuzzyborder}
  371. padding:5px;
  372. overflow:hidden;
  373. {block:if2columnposts}
  374. break-inside:avoid;
  375. {block:permalinkpage}
  376. width:400px;
  377. break-inside:avoid;
  378. {/block:permalinkpage};
  379. {/block:if2columnposts};}
  380.  
  381. .post img{
  382. max-width:500px;
  383. max-width:100%;
  384. height:auto;}
  385.  
  386.  
  387. {block:ifimagehueshiftonhover}
  388. img{
  389. -webkit-filter: hue-rotate(0deg);
  390. -webkit-transition: 5s ease-in-out;
  391. -moz-filter: grayscale(0%);
  392. -moz-transition: 5s ease-in-out;
  393. -o-filter: grayscale(0%);
  394. -o-transition: 5s ease-in-out;}
  395.  
  396. img:hover{
  397. animation-iteration-count:infinite;
  398. -webkit-filter: hue-rotate(360deg);
  399. -webkit-transition: 5s ease-in-out;
  400. -moz-filter: hue-rotate(360deg);
  401. -moz-transition: 5s ease-in-out;
  402. -o-filter: hue-rotate(360deg);
  403. -o-transition: 5s ease-in-out;}
  404. {block:ifimagehueshiftonhover}
  405.  
  406.  
  407. /* sidebar parts & photos */
  408.  
  409. #title{
  410. text-align:center;
  411. font-size:25px;}
  412.  
  413. #sidebar{
  414. left:70px;
  415. top:20px;
  416. position:fixed;
  417. z-index:9;
  418. padding:5px;
  419. width: 350px;
  420. overflow:hidden;
  421. max-height:500px;
  422. border:{text:border size}px {select:border style} {color:content border};
  423. {block:iflaceborder}
  424. border: {text:border size}px solid transparent;
  425. border-image: url("https://64.media.tumblr.com/6017d2dc70c8bf7f183990c8f4b30623/670f909d4f1d6e5d-8d/s75x75_c1/df6f576b63fa1882574e5c8b172784a0dbe08ed3.png") 8 round;
  426. {/block:iflaceborder};
  427. {block:iffuzzyborder}
  428. box-shadow: 0px 0px 5px 5px {color:content border};
  429. {/block:iffuzzyborder}
  430. background-color:{color:content};}
  431.  
  432. #desc{
  433. text-align:center;
  434. color:{color:desc text};
  435. border-radius:5px;
  436. padding:10px;
  437. background-image:Url('{image:desc}');
  438. background-attachment:fixed;
  439. border:{text:desc border size}px {select:desc border style} {color:desc border};
  440. width:320px;
  441. background-color:{color:desc};
  442. margin:0 0 5px 0;
  443. overflow-y:auto;
  444. margin-left:4px;
  445. overflow-x:hidden;
  446. max-height:145px;}
  447.  
  448. #desc a{
  449. color:{color:desc link};}
  450.  
  451. {block:if2descriptions}
  452. #desc2{
  453. color:{color:desc text};
  454. text-align:center;
  455. background-color:{color:desc};
  456. border-radius:5px;
  457. padding:10px;
  458. background-image:Url('{image:desc}');
  459. background-attachment:fixed;
  460. border:{text:desc border size}px {select:desc border style} {color:desc border};
  461. width:320px;
  462. margin-left:4px;
  463. margin:10px 0 10px 0;
  464. overflow-y:auto;
  465. overflow-x:hidden;
  466. max-height:145px;}
  467.  
  468. #desc2 a{
  469. color:{color:desc link};}
  470. {/block:if2descriptions}
  471.  
  472. .sidebar img{
  473. {block:ifhearticon}
  474. -webkit-mask-image:url(https://64.media.tumblr.com/530d6f82ba12efe719853b50499b1d5d/b58a88777157fa9c-6e/s500x750/69a0aa24e15c4c98f2b7ce62f6c00544e0b3a1c3.png);
  475. -webkit-mask-repeat:no-repeat;
  476. -webkit-mask-size:cover;
  477. {/block:ifhearticon};
  478. {block:ifroundicon}
  479. border-radius:100%;
  480. {/block:ifroundicon}
  481. max-width:200px;
  482. min-height:175px;
  483. max-height:175px;
  484. height:auto;
  485. max-width:100%;
  486. border:3px {select:icon border style} {color:icon border};}
  487.  
  488. /* footer stuff */
  489.  
  490. ol.notes{
  491. list-style-type:none;
  492. padding:3px;
  493. overflow:auto;}
  494.  
  495. .footer{
  496. border:{text:footer border size}px {select:footer border style} {color:footer border};
  497. color:{color:footer text};
  498. background-color:{color:footer};
  499. padding:5px;}
  500.  
  501. .footer a{
  502. color:{color:footer links};}
  503.  
  504. .footer a:hover{
  505. color:{color:footer links hover};}
  506.  
  507. .footer:hover .tags{
  508. opacity:1;
  509. transition:0.4s ease;
  510. max-height:1000px;
  511. margin-bottom:10px;
  512. padding-bottom:7px;
  513. margin-top:5px;}
  514.  
  515. .tags{
  516. opacity:0;
  517. transition:0.4s ease;
  518. margin-top:5px;
  519. max-height:0px;}
  520.  
  521.  
  522. /* stylize audio and video */
  523.  
  524. #audioplayer{
  525. width:30px;
  526. height:25px;
  527. overflow:hidden;
  528. position:absolute;
  529. margin-top:40px;
  530. margin-bottom:40px;
  531. margin-left:35px;
  532. border-radius: 40px;
  533. opacity: 0.7;}
  534.  
  535. .trackstuff{
  536. overflow:auto;
  537. margin-left:110px;
  538. margin-top:-75px;
  539. margin-bottom:50px;
  540. display:block;}
  541.  
  542. .playbutton{
  543. margin-bottom:30px;
  544. margin-top:-60px;
  545. margin-left:35px;
  546. z-index:9;
  547. width:33px;
  548. height:30px;
  549. overflow:hidden;}
  550.  
  551. video{
  552. max-width: 100%;
  553. height: auto;}
  554.  
  555.  
  556. /* other things */
  557.  
  558. .questionz{
  559. border:3px double {color:content border};
  560. padding:10px;
  561. text-align:right;
  562. margin:0 0 10px 0;}
  563.  
  564. {block:ifmusicplayer}
  565. .button{
  566. background:transparent;
  567. border-radius:5px;
  568. padding:5px;}
  569. .button:hover{
  570. cursor:help;}
  571. {/block:ifmusicplayer}
  572.  
  573.  
  574. /* credit link */
  575.  
  576. #c{
  577. font-size:25px;
  578. position:fixed;
  579. right:5px;
  580. bottom:5px;}
  581.  
  582. {CustomCss}
  583. </style>
  584. </head>
  585. <body>
  586. <div id="sidebar">
  587.  
  588.  
  589. <div id="title">
  590. {text:title}
  591. </div>
  592.  
  593.  
  594. {block:ifmusicplayer}
  595. <audio id="music" src="{text:song url}"></audio>
  596. <button style="background-image:Url('{image:desc}'); border-radius:5px; font-family:{select:music font}; background-color:{color:desc};
  597. width:345px; border:{text:desc border size}px {select:desc border style} {color:desc border}; margin-left:4px; color:{color:desc text}; font-size:18px" onclick="playpause()"><div class="button"><img src="https://hosting.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif"> <marquee style="width:295px; font-size:18px; margin-bottom:-5px;">{text:song title} by {text:song artist}</marquee></div></button>
  598. <script>
  599. let player = document.getElementById("music"); //the audio id
  600. let btn = document.getElementById("btn"); //the button id
  601. isPlaying = false; //set to false because it is not playing yet
  602.  
  603. function playpause() {
  604. if (!isPlaying) play(); //if isPlaying is false, then play the music
  605. else pause(); //if isPlaying is true, then pause the music
  606. }
  607.  
  608. function play(){
  609. player.play(); //play the music
  610. isPlaying = true; //set to true because the music is playing
  611. btn.innerHTML = "pause"; //change the button to say pause
  612. }
  613.  
  614. function pause(){
  615. player.pause(); //pause the music
  616. isPlaying = false; //set to false because the music is not playing
  617. btn.innerHTML = "play"; //change the button to say play
  618. }
  619.  
  620. player.onended = function(){
  621. isPlaying = false; //the song has ended, isPlaying is false
  622. btn.innerHTML = "play"; //change the button to say play
  623. }
  624. </script>
  625. {/block:ifmusicplayer}
  626.  
  627.  
  628. <table style="overflow:auto; background:transparent; width:100%">
  629. <tr>
  630.  
  631. <td>
  632. <table style="border:{text:table border size}px {select:table border style} {color:table border}; text-align:center; overflow:auto; width:138px; background-color:{color:table};">
  633. <tr>
  634. <td style="border:3px {select:table link border style} {color:table links border}; padding:1px;"><a href="{text:link one url}">{text:link one}</a>
  635. </td>
  636. </tr>
  637. <tr>
  638. <td style="border:3px {select:table link border style} {color:table links border}; padding:1px;"><a href="{text:link two url}">{text:link two}</a>
  639. </td>
  640. </tr>
  641. <tr>
  642. <td style="border:3px {select:table link border style} {color:table links border}; padding:1px"><a href="{text:link three url}">{text:link three}</a>
  643. </td>
  644. </tr>
  645. <tr>
  646. <td style="border:3px {select:table link border style} {color:table links border}; padding:1px;"><a href="{text:link four url}">{text:link four}</a>
  647. </td>
  648. </tr>
  649. <tr>
  650. <td style="border:3px {select:table link border style} {color:table links border}; padding:1px;"><a href="{text:link five url}">{text:link five}</a>
  651. </td>
  652. </tr>
  653. <tr>
  654. <td style="border:3px {select:table link border style} {color:table links border};">
  655. {block:Pagination}
  656. <center>
  657. {block:PreviousPage}
  658. <a href="{PreviousPage}">&#10094;</a>
  659. {/block:PreviousPage}
  660. {block:JumpPagination length="3"}
  661. {block:CurrentPage}
  662. <span class="current_page">{PageNumber}</span>
  663. {/block:CurrentPage}
  664. {block:JumpPage}
  665. <a class="jump_page" href="{URL}">{PageNumber}</a>
  666. {/block:JumpPage}
  667. {/block:JumpPagination}
  668. {block:NextPage}
  669. <a href="{NextPage}">&#10095;</a>
  670. {/block:NextPage}
  671. </center>
  672.  
  673. {/block:Pagination}
  674. </td>
  675. </table>
  676. </td>
  677. <td>
  678.  
  679. <div class="sidebar img">
  680. {block:ifnothearticon}
  681. <a href="/"><img src="{image:sidebar}"></a>
  682. {/block:ifnothearticon}
  683. {block:ifhearticon}
  684. <a href="/"><img style="height: 175px; width:200px; object-fit: cover;" src="{image:sidebar}"></a>
  685. {/block:ifhearticon}
  686.  
  687. </div>
  688.  
  689. </td>
  690. </tr>
  691. </table>
  692. <div id="desc">
  693. {text:description}
  694. </div>
  695. {block:if2descriptions}
  696. <div id="desc">
  697. {text:second description}
  698. </div>
  699. {/block:if2descriptions}
  700. </div>
  701.  
  702.  
  703.  
  704. <div id="content">
  705. {block:Posts}
  706. <!--{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}
  707. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  708. {/block:ContentSource}
  709. <div class="post">
  710. <div class="posts" post-type="{PostType}">
  711. <!-- Text -->
  712. {block:Text}
  713. {block:Title}
  714. <div class="title">{Title}</div>
  715. {/block:Title}
  716. {Body}
  717. {/block:Text}
  718. {block:Chat}
  719. {block:Title}
  720. <div class="title">
  721. <h3><a href="{Permalink}">{Title}</a></h3></div>
  722. {/block:Title}
  723. {block:Lines}
  724. <div class="{Alt} user_{UserNumber}">
  725. {block:Label}
  726. <span class="label">{Label}</span>
  727. {/block:Label}{Line}
  728. </div>
  729. {/block:Lines}
  730. {/block:Chat}
  731.  
  732. <!-- Images --->
  733. {block:Photo}
  734. {LinkOpenTag}
  735. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  736. {LinkCloseTag}
  737. {block:Caption}
  738. {Caption}
  739. {/block:Caption}
  740. {/block:Photo}
  741. {block:Photoset}
  742. {Photoset}
  743. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  744. {/block:Photoset}
  745.  
  746. <!-- Video -->
  747. {block:Video}
  748. {Video-500}
  749. {block:Caption}
  750. {Caption}
  751. {/block:Caption}
  752. {/block:Video}
  753.  
  754. <!-- Audio -->
  755. {block:Audio}
  756. <div id= "audioplayer">{AudioPlayerWhite}</div>
  757. {block:AlbumArt}
  758. <div id="albumart">
  759. <img src="{AlbumArtURL}" width="100">
  760. </div>
  761. {/block:AlbumArt}
  762. <div class="trackstuff">
  763. {block:TrackName}<b><i>{TrackName}</i></b>{/block:TrackName}<br>{block:Artist}<i>{Artist}</i>{/block:Artist}</div>
  764. {Caption}
  765. {/block:Audio}
  766.  
  767. <!-- Quote -->
  768. {block:Quote}
  769. <div class="quote">
  770. "{Quote}"
  771. {block:Source}
  772. <div class="source">- <i>{Source}</i></div>
  773. {/block:Source}
  774. </div>
  775. {/block:Quote}
  776.  
  777. <!-- Link -->
  778. {block:Link}
  779. <a href="{URL}" class="link" {Target}>{Name}</a>
  780. {block:Description}
  781. {Description}
  782. {/block:Description}
  783. {/block:Link}
  784.  
  785. <!-- Ask -->
  786. {block:Answer}
  787. <div class="questionz">{Asker}: <b>{Question}</b></div>
  788. <div class="caption">{Answer}</div>
  789. {/block:Answer}
  790.  
  791. <!-- Footer -->
  792. {block:Date}
  793. <div class="footer">
  794. {block:ifnot500pxposts}
  795. <table><tbody><tr><td style="width:400px"><img src="{image:post pixel}"><br><a href="{Permalink}">{ShortMonth} {DayOfMonth}</a> <a href="{Permalink}">{block:NoteCount}{NoteCount}%{/block:NoteCount}</a></td><td><a href="{Permalink}">{text:permalink symbol}</a> <a href="{ReblogUrl}">&#8634;</a></td></tr></tbody></table>
  796. {/block:ifnot500pxposts}
  797. {block:if500pxposts}
  798. <table><tbody><tr><td style="width:500px"><img src="{image:post pixel}"><br><a href="{Permalink}">{ShortMonth} {DayOfMonth}</a> <a href="{Permalink}">{block:NoteCount}{NoteCount}%{/block:NoteCount}</a></td><td><a href="{Permalink}">{text:permalink symbol}</a> <a href="{ReblogUrl}">&#8634;</a></td></tr></tbody></table>
  799. {/block:if500pxposts}
  800.  
  801.  
  802. <center>{block:HasTags}<div class="tags">{block:Tags}{text:tag symbol}</b><a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</center>
  803.  
  804. {block:PermalinkPage}
  805. {block:NoteCount}
  806. {block:PostNotes}{PostNotes}{/block:PostNotes}
  807. {/block:NoteCount}
  808. {/block:PermalinkPage}
  809. <!--{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}
  810. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  811. {/block:ContentSource}
  812. </div>
  813. {/block:Date}
  814.  
  815. </div>
  816. </div>
  817. {/block:Posts}
  818. </div>
  819.  
  820. <div id="c">
  821. <a href="https://cloverparty.tumblr.com/tagged/mine">ミ★</a>
  822. </div>
  823.  
  824. </body>
  825. </html>
  826.  
Add Comment
Please, Sign In to add comment
Public Pastes
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!