Advertisement
jellyparty

Fright Night☆♪ tumblr theme

Oct 4th, 2022 (edited)
4,186
2
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.02 KB | None | 2 0
  1. <!DOCTYPE HTML>
  2. <head>
  3. <!-- -- -- -- -- -- -- -- -- -- -- -- -- --
  4.  
  5. // Fright Night☆♪ by Emoticon Equinox ꕤ𓂅
  6.  
  7. // Notes
  8. 1. Please do not edit or remove the credit.
  9. Editing the theme to your liking is okay,
  10. but please keep the credit in tact
  11.  
  12.  
  13. // Credits
  14. 1. Glenthemes for photo script
  15. 2. MF2FM for animated title script
  16.  
  17.  
  18. // Questions, comments, concerns
  19. 1. https://jellyparty.tumblr.com/ask
  20. 2. https://jellyparty.tumblr.com/faq
  21.  
  22.  
  23. --- -- -- -- -- -- -- -- -- -- -- -- -- -->
  24.  
  25.  
  26. <!-- image -->
  27. <meta name="image:favicon" content="">
  28. <meta name="image:cursor" content="">
  29.  
  30. <meta name="image:background" content="">
  31. <meta name="image:sidebar" content="">
  32.  
  33. <meta name="image:post pixel" content="">
  34.  
  35. <meta name="image:pixel 1" content="">
  36. <meta name="image:pixel 2" content="">
  37. <meta name="image:pixel 3" content="">
  38. <meta name="image:pixel 4" content="">
  39. <meta name="image:pixel 5" content="">
  40.  
  41. <meta name="image:floatie" content="">
  42.  
  43.  
  44.  
  45. <!-- color -->
  46. <meta name="color:background" content="">
  47.  
  48. <meta name="color:text" content="">
  49. <meta name="color:text selection" content="">
  50. <meta name="color:text selection background" content="">
  51.  
  52. <meta name="color:link" content="">
  53. <meta name="color:link hover" content="">
  54. <meta name="color:link gradient 1" content="#6200ff">
  55. <meta name="color:link gradient 2" content="#ff4d00">
  56.  
  57. <meta name="color:content background" content="">
  58. <meta name="color:content border" content="">
  59. <meta name="color:content glow 1" content="#8c00ff">
  60. <meta name="color:content glow 2" content="#ff6600">
  61.  
  62. <meta name="color:date background" content="#ffffff">
  63.  
  64. <meta name="color:footer background" content="#ffffff">
  65. <meta name="color:footer border" content="#ffffff">
  66.  
  67.  
  68. <meta name="color:scrollbar" content="">
  69. <meta name="color:scrollbar background" content="">
  70.  
  71.  
  72. <meta name="color:title gradient 1" content="#512888">
  73. <meta name="color:title gradient 2" content="#7349AC">
  74. <meta name="color:title gradient 3" content="#EB6123">
  75. <meta name="color:title gradient 4" content="#DA4200">
  76.  
  77. <meta name="color:desc background" content="">
  78. <meta name="color:sidebar border" content="">
  79. <meta name="color:desc text" content="">
  80.  
  81. <meta name="color:sidebar glow 1" content="#8c00ff">
  82. <meta name="color:sidebar glow 2" content="#ff6600">
  83.  
  84.  
  85.  
  86. <!-- text -->
  87. <meta name="text:description" content="">
  88. <meta name="text:title" content="Fright Night☆♪">
  89. <meta name="text:title size" content="35">
  90. <meta name="text:title top" content="-5">
  91. <meta name="text:title left" content="-7">
  92.  
  93. <meta name="text:scrolling website title" content="Welcome to my blog">
  94.  
  95. <meta name="text:tag symbol" content="#">
  96.  
  97. <meta name="text:floatie glow" content="255, 255, 255">
  98. <meta name="text:floatie size" content="150">
  99. <meta name="text:floatie right" content="5">
  100.  
  101.  
  102.  
  103. <!-- font -->
  104. <meta name="select:title font" content="Glitter">
  105. <meta name="select:title font" content="Kingthings">
  106. <meta name="select:title font" content="Unicorn">
  107. <meta name="select:title font" content="Clover">
  108. <meta name="select:title font" content="Anigira">
  109. <meta name="select:title font" content="Spiral">
  110. <meta name="select:title font" content="Shlop">
  111. <meta name="select:title font" content="My Little Pony">
  112.  
  113. <!-- borders -->
  114. <meta name="select:content border type" content="solid">
  115. <meta name="select:content border type" content="double">
  116. <meta name="select:content border type" content="dashed">
  117. <meta name="select:content border type" content="dotted">
  118. <meta name="select:content border type" content="ridge">
  119. <meta name="select:content border type" content="groove">
  120. <meta name="select:content border type" content="outset">
  121. <meta name="select:content border type" content="inset">
  122. <meta name="select:content border type" content="none">
  123.  
  124. <meta name="text:content border size" content="2">
  125.  
  126. <meta name="select:sidebar border type" content="solid">
  127. <meta name="select:sidebar border type" content="double">
  128. <meta name="select:sidebar border type" content="dashed">
  129. <meta name="select:sidebar border type" content="dotted">
  130. <meta name="select:sidebar border type" content="ridge">
  131. <meta name="select:sidebar border type" content="groove">
  132. <meta name="select:sidebar border type" content="outset">
  133. <meta name="select:sidebar border type" content="inset">
  134. <meta name="select:sidebar border type" content="none">
  135.  
  136. <meta name="text:sidebar border size" content="2">
  137.  
  138. <meta name="select:footer border type" content="solid">
  139. <meta name="select:footer border type" content="double">
  140. <meta name="select:footer border type" content="dashed">
  141. <meta name="select:footer border type" content="dotted">
  142. <meta name="select:footer border type" content="ridge">
  143. <meta name="select:footer border type" content="groove">
  144. <meta name="select:footer border type" content="outset">
  145. <meta name="select:footer border type" content="inset">
  146. <meta name="select:footer border type" content="none">
  147.  
  148. <meta name="text:footer border size" content="2">
  149.  
  150.  
  151. <!-- opts -->
  152. <meta name="if:hover tags" content="">
  153. <meta name="if:custom cursor" content="">
  154. <meta name="if:full background" content="">
  155.  
  156. <meta name="if:link gradient" content="">
  157.  
  158. <meta name="if:content glow" content="">
  159. <meta name="if:sidebar glow" content="">
  160.  
  161. <meta name="if:scrolling website title" content="">
  162.  
  163. <meta name="select:tag alignment" content="center">
  164. <meta name="select:tag alignment" content="left">
  165. <meta name="select:tag alignment" content="right">
  166.  
  167.  
  168. <!-- -- -- -- -- -- -- -- -- -- -- -- -- -- -->
  169. <!-- other & scripts -->
  170.  
  171. <link rel="shortcut icon" href="{image:favicon}">
  172. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  173. {block:Description}
  174. <meta name="description" content="{MetaDescription}" />
  175. {/block:Description}
  176. {block:ifnotscrollingwebsitetitle}
  177. <title>{Title}</title>
  178. {/block:ifnotscrollingwebsitetitle}
  179.  
  180. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  181. <link href="//glen-npf-2020.glitch.me/npf-override.css" rel="stylesheet">
  182. <script src="//glen-npf-2020.glitch.me/npf-evenize.js"></script>
  183.  
  184.  
  185. <title>{text:scrolling website title}</title>
  186. <script>var documentTitle = document.title + " ★ ";
  187.  
  188. (function titleMarquee() {
  189. document.title = documentTitle = documentTitle.substring(1) + documentTitle.substring(0,1);
  190. setTimeout(titleMarquee, 200);
  191. })();</script>
  192. {/block:ifscrollingwebsitetitle}
  193.  
  194.  
  195. <script type="text/javascript">
  196. // <![CDATA[
  197. var speed=100; // speed colours change, 1 second = 1000
  198. var glow=3; // can be set from '0' for no glow, to 10
  199. var raincol=new Array("{color:title gradient 1}", "{color:title gradient 2}", "{color:title gradient 3}", "{color:title gradient 4}"); // change the colours if you want to
  200. var alink="http://www.mf2fm.com/rv/"; // page to link text to (set to ="" for no link)
  201.  
  202. /****************************
  203. * Rainbow Text Effect *
  204. *(c)2003-13 mf2fm web-design*
  205. * http://www.mf2fm.com/rv *
  206. * DON'T EDIT BELOW THIS BOX *
  207. ****************************/
  208. var rainbow, raintxt, raincnt=0;
  209.  
  210. function addLoadEvent(funky) {
  211. var oldonload=window.onload;
  212. if (typeof(oldonload)!='function') window.onload=funky;
  213. else window.onload=function() {
  214. if (oldonload) oldonload();
  215. funky();
  216. }
  217. }
  218.  
  219. addLoadEvent(regenbogen);
  220.  
  221. function regenbogen() { if (document.getElementById) {
  222. var i, rainbeau;
  223. rainbow=document.getElementById("rainbow");
  224. raintxt=rainbow.firstChild.nodeValue;
  225. while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
  226. for (i=0; i<raintxt.length; i++) {
  227. rainbeau=document.createElement("span");
  228. rainbeau.setAttribute("id", "rain"+i);
  229. rainbeau.appendChild(document.createTextNode(raintxt.charAt(i)));
  230. if (alink) {
  231. rainbeau.style.cursor="pointer";
  232. rainbeau.onclick=function() { top.location.href=alink; }
  233. }
  234. rainbow.appendChild(rainbeau);
  235. }
  236. rainbow=setInterval ("raining()", speed);
  237. }}
  238.  
  239. function raining() {
  240. var i, c;
  241. for (i=0; i<raintxt.length; i++) {
  242. c=raincol[(i+raincnt)%raincol.length];
  243. document.getElementById("rain"+i).style.color=c;
  244. if (glow) document.getElementById("rain"+i).style.textShadow=c+" 0px 0px "+glow+"px";
  245. }
  246. raincnt++;
  247. }
  248. // ]]>
  249. </script>
  250.  
  251.  
  252. <style type="text/css">
  253.  
  254.  
  255.  
  256. /* document body */
  257. /* -- -- -- -- -- -- -- -- -- -- */
  258. body{
  259. font-family:arial;
  260. background-color:{color:background};
  261. background-image:Url('{image:background}');
  262. {block:ifcustomcursor}
  263. cursor:url("{image:cursor}"), default;
  264. {/block:ifcustomcursor}
  265. background-attachment:fixed;
  266. {block:iffullbackground}
  267. background-size: cover;
  268. {/block:iffullbackground}
  269. word-wrap:break-word;
  270. color:{color:text};
  271. font-size:18px;}
  272.  
  273. a{
  274. font-weight:bold;
  275. color:{color:link};
  276. {block:iflinkgradient}
  277. text-decoration: none;
  278. color: white;
  279. display: inline-block;
  280. background-size: 120% 100%;
  281. -webkit-background-clip: text;
  282. -webkit-text-fill-color: transparent;
  283. -moz-background-clip: text;
  284. -moz-text-fill-color: transparent;
  285. -ms-background-clip: text;
  286. -ms-text-fill-color: transparent;
  287. background-clip: text;
  288. text-fill-color: transparent;
  289. transition: all 0.15s cubic-bezier(0.68, -0.25, 0.265, 1.25);
  290. background-image: linear-gradient(90deg, {color:link gradient 1}, {color:link gradient 2});
  291. {/block:iflinkgradient}}
  292.  
  293. a:hover{
  294. {block:ifcustomcursor}
  295. cursor:url("{image:cursor}"), default;
  296. {/block:ifcustomcursor};
  297. color:{color:link hover};
  298. }
  299.  
  300. @font-face {
  301. font-family: 'Glitter';
  302. src:url(https://dl.dropbox.com/s/pzu7g7lpslylf4e/i-love-glitter.ttf);}
  303.  
  304. @font-face {
  305. font-family: 'My Little Pony';
  306. src:url(https://dl.dropbox.com/s/gaofrrphg2es3od/PONY%20-%20MLP%202%20-%20Version%202.ttf);}
  307.  
  308. @font-face {
  309. font-family: 'Kingthings';
  310. src:url(https://dl.dropbox.com/s/n5y0p9rdehlwak7/kingthings.ttf);}
  311.  
  312. @font-face {
  313. font-family: 'Unicorn';
  314. src:url(https://dl.dropbox.com/s/stne141j05ssst7/unicorns.ttf);}
  315.  
  316. @font-face {
  317. font-family: 'Spiral';
  318. src:url(https://dl.dropbox.com/s/4te7y11h9gpldcw/spiral.otf);}
  319.  
  320. @font-face {
  321. font-family: 'Anigira';
  322. src:url(https://dl.dropbox.com/s/1c38aq4gbjj2zdo/anigira.ttf);}
  323.  
  324. @font-face {
  325. font-family: 'Clover';
  326. src:url(https://dl.dropbox.com/s/tww5wi7apwf7nh2/clover.ttf);}
  327.  
  328. @font-face {
  329. font-family: 'Shlop';
  330. src:url(https://dl.dropbox.com/s/kjh62xic0vki3kq/shlop.ttf);}
  331.  
  332. .npf_row {
  333. margin: 0 !important;}
  334.  
  335. blockquote{
  336. border-left:2px dashed {color:text};
  337. padding-left:10px;
  338. margin: 15px;}
  339.  
  340. ::selection{
  341. color:{color:text selection};
  342. background-color:{color:text selection background};}
  343.  
  344. p{
  345. margin:0 0 5px 0;
  346. padding:0;}
  347.  
  348. :root {
  349. --NPF-Image-Spacing:4px;
  350. --NPF-Bottom-Gap-From-Captions:1em;}
  351.  
  352. ::-webkit-scrollbar {
  353. width: 15px;
  354. height: 10px;}
  355. ::-webkit-scrollbar-thumb:vertical{
  356. background-color: {color:scrollbar};
  357. border-top: 1px solid #bdbdbd;
  358. border-left: 1px solid #bdbdbd;
  359. border-right: 1px solid black;
  360. border-bottom: 1px solid black;}
  361. ::-webkit-scrollbar-track {
  362. background:{color:scrollbar background};}
  363. ::-webkit-scrollbar-button:vertical:increment {
  364. background-image: url(https://64.media.tumblr.com/e09634612068e4130ba031c281d24f52/2672484062507eca-ca/s75x75_c1/adda254826b4ce41c01fc40698385bc334f10abf.png);
  365. width: 14px;
  366. height: 16px;
  367. background-color: {color:scrollbar};
  368. border-top: 1px solid #bdbdbd;
  369. border-left: 1px solid #bdbdbd;
  370. border-right: 1px solid black;
  371. border-bottom: 1px solid black;}
  372. ::-webkit-scrollbar-button:vertical:decrement {
  373. background-image:url(https://64.media.tumblr.com/30f5701150586e1f03bb59f783884ca7/2672484062507eca-56/s75x75_c1/8dc29751305312d2db13c18b6f0c9d8b105d2fd5.png);
  374. background-color: {color:scrollbar};
  375. border-top: 1px solid #bdbdbd;
  376. border-left: 1px solid #bdbdbd;
  377. border-right: 1px solid black;
  378. border-bottom: 1px solid black;
  379. width: 14px;
  380. height: 16px;}
  381.  
  382.  
  383.  
  384. /* sidebar elements */
  385. /* -- -- -- -- -- -- -- -- -- -- -- */
  386. #sidebar-holder{
  387. z-index:1;
  388. left:175px;
  389. top:25px;
  390. position:fixed;
  391. width:220px;
  392. padding:5px;
  393. border:none;}
  394.  
  395. .sidebar img{
  396. max-width:215px;
  397. min-width:215px;
  398. max-height:220px;
  399. min-height:220px;
  400. border:{text:sidebar border size}px {select:sidebar border type} {color:sidebar border};
  401. height:auto;
  402. display:block;
  403. {block:ifsidebarglow}
  404. box-shadow:0 0 20px {color:sidebar glow 1}; 0 0 20px;
  405. -webkit-animation: glow 5s ease-in-out;
  406. -webkit-animation-iteration-count: infinite;
  407. {/block:ifsidebarglow}}
  408. {block:ifsidebarglow}
  409. @-webkit-keyframes glow {
  410. 0% { box-shadow: 0 0 20px {color:sidebar glow 1}; 0 0 20px; }
  411. 50% { box-shadow: 0 0 20px {color:sidebar glow 2}; 0 0 20px; }
  412. 100% { box-shadow: 0 0 20px {color:sidebar glow 1}; 0 0 20px; }}
  413. {/block:ifsidebarglow}
  414.  
  415. #desc{
  416. overflow-y:auto;
  417. overflow-x:hidden;
  418. max-height:70px;
  419. padding:10px;
  420. text-align:center;
  421. background:{color:desc background};
  422. color:{color:desc text};
  423. border:{text:sidebar border size}px {select:sidebar border type} {color:sidebar border};
  424. width:195px;
  425. {block:ifsidebarglow}
  426. box-shadow:0 0 20px {color:sidebar glow 1}; 0 0 20px;
  427. -webkit-animation: glow 5s ease-in-out;
  428. -webkit-animation-iteration-count: infinite;
  429. {/block:ifsidebarglow}}
  430. {block:ifsidebarglow}
  431. @-webkit-keyframes glow {
  432. 0% { box-shadow: 0 0 20px {color:sidebar glow 1}; 0 0 20px; }
  433. 50% { box-shadow: 0 0 20px {color:sidebar glow 2}; 0 0 20px; }
  434. 100% { box-shadow: 0 0 20px {color:sidebar glow 1}; 0 0 20px; }}
  435. {/block:ifsidebarglow}
  436.  
  437. #pixl{
  438. margin:15px 0 5px 0;
  439. text-align:center;}
  440.  
  441. .tits{
  442. transform: rotate(-10deg);
  443. font-size:{text:title size}px;
  444. position:fixed;
  445. font-weight:bold;
  446. z-index:999999999999999;
  447. top:{text:title top}px;
  448. margin-left:{text:title left}px;
  449. font-family:{select:title font};}
  450.  
  451. .search{
  452. height:15px;
  453. width:207px;
  454. margin-top:5px;
  455. padding:5px;
  456. border:2px outset #dedede;
  457. background:#dedede;
  458. color:black;}
  459.  
  460. .enter{
  461. height:20px;}
  462.  
  463. .button{
  464. background:transparent;
  465. border-radius:5px;
  466. padding:5px;}
  467. .button:hover{
  468. cursor:help;}
  469.  
  470.  
  471. /* posts & content */
  472. /* -- -- -- -- -- -- -- -- -- -- -- */
  473. #content{
  474. position:absolute;
  475. top:30px;
  476. left: 50%;
  477. transform: translateX(-50%);}
  478.  
  479. .post, .header, .navi{
  480. padding:5px;
  481. width:425px;
  482. background-color:{color:content background};
  483. border:{text:content border size}px {select:content border type} {color:content border};
  484. margin:0 0 30px 0;
  485. {block:ifcontentglow}
  486. box-shadow:0 0 20px {color:content glow 1}; 0 0 20px;
  487. -webkit-animation: shine 5s ease-in-out;
  488. -webkit-animation-iteration-count: infinite;
  489. {/block:ifcontentglow};}
  490. {block:ifcontentglow}
  491. @-webkit-keyframes shine {
  492. 0% { box-shadow: 0 0 20px {color:content glow 1}; 0 0 20px; }
  493. 50% { box-shadow: 0 0 20px {color:content glow 2}; 0 0 20px; }
  494. 100% { box-shadow: 0 0 20px{color:content glow 1}; 0 0 20px; }}
  495. {/block:ifcontentglow}
  496.  
  497. .navi{
  498. {block:PermalinkPage}
  499. background:transparent;
  500. border:none;
  501. box-shadow:0 0 0 transparent; 0 0 0;
  502. -webkit-animation: none;
  503. {/block:PermalinkPage};}
  504.  
  505. .post img{
  506. max-width:500px;
  507. max-width:100%;
  508. height:auto;}
  509.  
  510. .dates{
  511. width:150px;
  512. margin-top:-25px;
  513. margin-bottom:10px;
  514. margin-left:235px;
  515. z-index:2;
  516. padding:5px;
  517. border:{text:content border size}px {select:content border type} {color:content border};
  518. background:{color:date background};}
  519.  
  520. ol.notes{
  521. list-style-type:none;
  522. padding:3px;
  523. overflow:auto;}
  524.  
  525.  
  526. /* footer & notes */
  527. /* -- -- -- -- -- -- -- -- -- -- -- */
  528. .footer{
  529. padding:10px;
  530. border: {text:footer border size}px {select:footer border type} {color:footer border};
  531. background:{color:footer background};}
  532.  
  533. {block:ifhovertags}
  534. .footer:hover .tags{
  535. opacity:1;
  536. transition:0.4s ease;
  537. max-height:1000px;
  538. margin-bottom:10px;
  539. padding-bottom:7px;
  540. margin-top:5px;}
  541.  
  542. .tags{
  543. opacity:0;
  544. text-align:{select:tag alignment};
  545. transition:0.4s ease;
  546. margin-top:5px;
  547. max-height:0px;}
  548. {/block:ifhovertags}
  549.  
  550. {block:ifnothovertags}
  551. .tags{
  552. text-align:{select:tag alignment};}
  553. {/block:ifnothovertags}
  554.  
  555.  
  556. /* post type styles */
  557. /* -- -- -- -- -- -- -- -- -- -- -- */
  558. #audioplayer{
  559. width:30px;
  560. height:25px;
  561. overflow:hidden;
  562. position:absolute;
  563. margin-top:40px;
  564. margin-bottom:40px;
  565. margin-left:35px;
  566. border-radius: 40px;
  567. opacity: 0.7;}
  568.  
  569. .trackstuff{
  570. overflow:auto;
  571. margin-left:110px;
  572. margin-top:-75px;
  573. margin-bottom:50px;
  574. display:block;}
  575.  
  576. .playbutton{
  577. margin-bottom:30px;
  578. margin-top:-60px;
  579. margin-left:35px;
  580. z-index:9;
  581. width:33px;
  582. height:30px;
  583. overflow:hidden;}
  584.  
  585. video{
  586. max-width: 100%;
  587. height: auto;}
  588.  
  589. .questionz{
  590. padding:2px;
  591. margin:0 0 10px 0;
  592. border:3px double black;
  593. text-align:right;}
  594.  
  595.  
  596. /* other stuff */
  597. /* -- -- -- -- -- -- -- -- -- -- -- */
  598. #floatie{
  599. position:fixed;
  600. right:{text:floatie right}px;
  601. bottom:0px;
  602. filter: drop-shadow(0 0 0.75rem rgb({text:floatie glow}));}
  603.  
  604. #c{
  605. font-size:25px;
  606. position:fixed;
  607. bottom:5px;
  608. left:5px;}
  609.  
  610.  
  611. {CustomCss}
  612. </style>
  613. </head>
  614. <body>
  615.  
  616. <div id="sidebar-holder">
  617. <div class="tits">
  618. <span id="rainbow">{text:title}</span>
  619. </div>
  620. <div id="sidebar">
  621. <div class="sidebar img">
  622. <a href="/"><img src="{image:sidebar}"></a>
  623. </div>
  624. <div id="pixl">
  625. <img src="{image:pixel 1}" max-width="100px;">
  626. <img src="{image:pixel 2}" max-width="100px;">
  627. <img src="{image:pixel 3}" max-width="100px;">
  628. <img src="{image:pixel 4}" max-width="100px;">
  629. <img src="{image:pixel 5}" max-width="100px;">
  630.  
  631. </div>
  632. <div id="desc">
  633. {text:description}
  634. </div>
  635. </div>
  636. </div>
  637.  
  638. <div id="content">
  639. {block:Posts}
  640.  
  641. <!---->
  642. <!--{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}
  643. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  644. {/block:ContentSource}
  645. <!---->
  646.  
  647. <div class="post">
  648. <div class="posts" post-type="{PostType}">
  649.  
  650.  
  651. <div class="dates">
  652. {block:Date}
  653. <div id="date">
  654. <a href="{Permalink}">{Month} {DayOfMonth}</a>
  655. </div>
  656. {/block:Date}
  657. </div>
  658.  
  659. <!-- -- Text -- -->
  660. {block:Text}
  661. {block:Title}
  662. <div class="title">{Title}</div>
  663. {/block:Title}
  664. {Body}
  665. {/block:Text}
  666. {block:Chat}
  667. {block:Title}
  668. <div class="title">
  669. <h3><a href="{Permalink}">{Title}</a></h3></div>
  670. {/block:Title}
  671. {block:Lines}
  672. <div class="{Alt} user_{UserNumber}">
  673. {block:Label}
  674. <span class="label">{Label}</span>
  675. {/block:Label}{Line}
  676. </div>
  677. {/block:Lines}
  678. {/block:Chat}
  679.  
  680.  
  681. <!-- -- Images -- -->
  682. {block:Photo}
  683. {LinkOpenTag}
  684. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  685. {LinkCloseTag}
  686. {block:Caption}
  687. {Caption}
  688. {/block:Caption}
  689. {/block:Photo}
  690. {block:Photoset}
  691. {Photoset}
  692. {block:Caption}
  693. <div class="caption">
  694. {Caption}
  695. </div>
  696. {/block:Caption}
  697. {/block:Photoset}
  698.  
  699.  
  700. <!-- -- Audio & Video -- -->
  701. {block:Audio}
  702. <div id= "audioplayer">
  703. {AudioPlayerWhite}
  704. </div>
  705. {block:AlbumArt}
  706. <div id="albumart">
  707. <img src="{AlbumArtURL}" width="100">
  708. </div>
  709. {/block:AlbumArt}
  710. <div class="trackstuff">
  711. {block:TrackName}
  712. <b><i>{TrackName}</i></b>
  713. {/block:TrackName}
  714. {block:Album}
  715. {Album}
  716. {/block:Album}
  717. <br>{block:Artist}
  718. <i>{Artist}</i>
  719. {/block:Artist}
  720. </div>
  721. {block:Caption}
  722. <div class="caption">
  723. {Caption}
  724. </div>
  725. {/block:Caption}
  726. {/block:Audio}
  727.  
  728. {block:Video}
  729. {Video-500}
  730. {block:Caption}
  731. {Caption}
  732. {/block:Caption}
  733. {/block:Video}
  734.  
  735.  
  736. <!-- -- Quote -- -->
  737. {block:Quote}
  738. <div class="quote">
  739. "{Quote}"
  740. {block:Source}
  741. <div class="source">- <i>{Source}</i></div>
  742. {/block:Source}
  743. </div>
  744. {/block:Quote}
  745.  
  746.  
  747. <!-- -- Link -- -->
  748. {block:Link}
  749. <a href="{URL}" class="link" {Target}>{Name}</a>
  750. {block:Description}
  751. {Description}
  752. {/block:Description}
  753. {/block:Link}
  754.  
  755.  
  756. <!-- Ask -->
  757. {block:Answer}
  758. <div class="questionz">
  759. <table>
  760. <tbody>
  761. <tr>
  762. <td style="width:315px;">{Asker}: <b>{Question}</b>
  763. </td>
  764. <td>
  765. <img src="{AskerPortraitURL-128}" style="width:96px; display:block;"></td>
  766. </tr>
  767. </tbody>
  768. </table>
  769. </div>
  770. <div class="caption">
  771. {Answer}
  772. </div>
  773. {/block:Answer}
  774.  
  775. <!-- -- footer -- -->
  776. {block:Date}
  777. <div class="footer">
  778. <table>
  779. <tbody>
  780. <tr>
  781. <td style="width:200px;">
  782. <a href="{Permalink}">
  783. {block:NoteCount}{NoteCount}%{/block:NoteCount}
  784. </a>
  785. </td>
  786. <td style="width:200px; text-align:center;">
  787. <img src="{image:post pixel}">
  788. </td>
  789. <td style="width:200px; text-align:right;">
  790. <a href="{ReblogUrl}">&#8634;</a>
  791. </td>
  792. </tr>
  793. </tbody>
  794. </table>
  795.  
  796. {block:ifhovertags}
  797. <center>
  798. {block:HasTags}
  799. <div class="tags">
  800. {block:Tags}
  801. {text:tag symbol}<a href="{TagURL}">{Tag}</a>
  802. {/block:Tags}
  803. </div>
  804. {/block:HasTags}
  805. </center>
  806. {/block:ifhovertags}
  807.  
  808. {block:ifnothovertags}
  809. <center>
  810. {block:HasTags}
  811. <div class="tags">
  812. {block:Tags}
  813. {text:tag symbol}<a href="{TagURL}">{Tag}</a>
  814. {/block:Tags}
  815. </div>
  816. {/block:HasTags}
  817. </center>
  818. {/block:ifnothovertags}
  819.  
  820.  
  821.  
  822. {block:PermalinkPage}
  823. {block:NoteCount}
  824. {block:PostNotes}
  825. {PostNotes}
  826. {/block:PostNotes}
  827. {/block:NoteCount}
  828. {/block:PermalinkPage}
  829.  
  830. <!--{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}
  831. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  832. {/block:ContentSource}
  833. </div>
  834. {/block:Date}
  835.  
  836. </div>
  837. </div>
  838. {/block:Posts}
  839.  
  840. <!-- pagination -->
  841. <div class="navi">
  842. {block:Pagination}
  843. <center>
  844. {block:PreviousPage}
  845. <a href="{PreviousPage}">&#10094;</a>
  846. {/block:PreviousPage}
  847. {block:JumpPagination length="3"}
  848. {block:CurrentPage}
  849. <span class="current_page">{PageNumber}</span>
  850. {/block:CurrentPage}
  851. {block:JumpPage}
  852. <a class="jump_page" href="{URL}">{PageNumber}</a>
  853. {/block:JumpPage}
  854. {/block:JumpPagination}
  855. {block:NextPage}
  856. <a href="{NextPage}">&#10095;</a>
  857. {/block:NextPage}
  858. </center>
  859. {/block:Pagination}
  860. </div>
  861. </div>
  862.  
  863. <div id="floatie">
  864. <img src="{image:floatie}" width="{text:floatie size}px">
  865. </div>
  866.  
  867. <div id="c">
  868. <a href="https://cloverparty.tumblr.com/tagged/mine" title="By Emoticon">ミ★</a>
  869. </div>
  870.  
  871. </body>
  872. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement