Advertisement
Aken

firefly

Aug 5th, 2019 (edited)
1,282
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.77 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. firefly theme @aken
  7. use as you like
  8. people under 5'5 don't message me.
  9.  
  10. ----->
  11.  
  12. {block:iffloaties}
  13. <script type="text/javascript">
  14. // <![CDATA[
  15. var colour="{color:floaties}"; // what colour are the blobs
  16. var speed=66; // speed of animation, lower is faster
  17. var blobs=10; // how many blobs are in the jar
  18. var charc='{text:float symbol}'; // a blob - can be changed to charc='hello' or charc='*' for a different effect
  19.  
  20. /***************************\
  21. * Blobs in a Jar Effect *
  22. *(c)2012-13 mf2fm web-design*
  23. * http://www.mf2fm.com/rv *
  24. * DON'T EDIT BELOW THIS BOX *
  25. \***************************/
  26.  
  27. var div;
  28. var xpos=new Array();
  29. var ypos=new Array();
  30. var zpos=new Array();
  31. var dx=new Array();
  32. var dy=new Array();
  33. var dz=new Array();
  34. var blob=new Array();
  35. var swide=800;
  36. var shigh=600;
  37. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  38.  
  39. function addLoadEvent(funky) {
  40. var oldonload=window.onload;
  41. if (typeof(oldonload)!='function') window.onload=funky;
  42. else window.onload=function() {
  43. if (oldonload) oldonload();
  44. funky();
  45. }
  46. }
  47.  
  48. addLoadEvent(fill_the_jar);
  49.  
  50. function fill_the_jar() {
  51. var i, dvs;
  52. div=document.createElement('div');
  53. dvs=div.style;
  54. dvs.position='fixed';
  55. dvs.left='0px';
  56. dvs.top='0px';
  57. dvs.width='1px';
  58. dvs.height='1px';
  59. document.body.appendChild(div);
  60. set_width();
  61. for (i=0; i<blobs; i++) {
  62. add_blob(i);
  63. jamjar(i);
  64. }
  65. }
  66.  
  67. function add_blob(ref) {
  68. var dv, sy;
  69. dv=document.createElement('div');
  70. sy=dv.style;
  71. sy.position='absolute';
  72. sy.textAlign='center';
  73. if (ie_version && ie_version<10) {
  74. sy.fontSize="10px";
  75. sy.width="100px";
  76. sy.height="100px";
  77. sy.paddingTop="40px";
  78. sy.color=colour;
  79. dv.appendChild(document.createTextNode(charc));
  80. }
  81. else if (ie_version) {
  82. sy.fontSize="1px";
  83. sy.width="0px";
  84. sy.height="0px";
  85. }
  86. else {
  87. dv.appendChild(document.createTextNode(charc));
  88. sy.color='rgba(0,0,0,0)';
  89. }
  90. ypos[ref]=Math.floor(shigh*Math.random());
  91. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  92. xpos[ref]=Math.floor(swide*Math.random());
  93. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  94. zpos[ref]=Math.random()*20;
  95. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  96. blob[ref]=dv;
  97. div.appendChild(blob[ref]);
  98. set_blob(ref);
  99. }
  100.  
  101. function rejig(ref, xy) {
  102. if (xy=='y') {
  103. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  104. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  105. }
  106. else {
  107. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  108. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  109. }
  110. }
  111.  
  112. function sign(a) {
  113. if (a<0) return (-2);
  114. else if (a>0) return (2);
  115. else return (0);
  116. }
  117.  
  118. function set_blob(ref) {
  119. var sy;
  120. sy=blob[ref].style;
  121. sy.top=ypos[ref]+'px';
  122. sy.left=xpos[ref]+'px';
  123. if (ie_version && ie_version<10) {
  124. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  125. sy.fontSize=30-zpos[ref]+"px";
  126. }
  127. else if (ie_version) {
  128. sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  129. }
  130. else {
  131. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  132. sy.fontSize=40+zpos[ref]+'px';
  133. }
  134. }
  135.  
  136. function jamjar(ref) {
  137. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  138. ypos[ref]+=dy[ref];
  139. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  140. xpos[ref]+=dx[ref];
  141. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  142. zpos[ref]+=dz[ref];
  143. set_blob(ref);
  144. setTimeout("jamjar("+ref+")", speed);
  145. }
  146.  
  147. window.onresize=set_width;
  148. function set_width() {
  149. var sw_min=999999;
  150. var sh_min=999999;
  151. if (document.documentElement && document.documentElement.clientWidth) {
  152. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  153. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  154. }
  155. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  156. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  157. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  158. }
  159. if (document.body.clientWidth) {
  160. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  161. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  162. }
  163. if (sw_min==999999 || sh_min==999999) {
  164. sw_min=800;
  165. sh_min=600;
  166. }
  167. swide=sw_min;
  168. shigh=sh_min;
  169. }
  170. // ]]>
  171. </script>
  172. {/block:iffloaties}
  173.  
  174. <link href="https://fonts.googleapis.com/css?family=Arimo&display=swap" rel="stylesheet">
  175. <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro&display=swap" rel="stylesheet">
  176. <link href="https://fonts.googleapis.com/css?family=Cardo&display=swap" rel="stylesheet">
  177. <link href="https://fonts.googleapis.com/css?family=Philosopher&display=swap" rel="stylesheet">
  178. <link href="https://fonts.googleapis.com/css?family=Short+Stack&display=swap" rel="stylesheet">
  179. <link href="https://fonts.googleapis.com/css?family=Catamaran&display=swap" rel="stylesheet">
  180.  
  181. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  182. <script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  183.  
  184. <meta charset="utf-8">
  185. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  186. {block:Description}
  187. <meta name="description" content="{MetaDescription}" />
  188. {/block:Description}
  189.  
  190. <title>{Title}</title>
  191.  
  192. <link rel="shortcut icon" href="{image:favicon}">
  193. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  194. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  195.  
  196. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  197.  
  198. <meta name="image:header" content="">
  199. <meta name="image:favicon" content=""/>
  200. <meta name="image:background" content=""/>
  201. <meta name="image:container background" content=""/>
  202. <meta name="image:post background" content=""/>
  203. <meta name="image:pixel 1" content=""/>
  204. <meta name="image:pixel 2" content=""/>
  205. <meta name="image:pixel 3" content=""/>
  206.  
  207. <meta name="color:background" content="#fff"/>
  208. <meta name="color:text" content="#000"/>
  209. <meta name="color:link" content="#000"/>
  210. <meta name="color:hover" content="#000"/>
  211. <meta name="color:shadow color 1" content=""/>
  212. <meta name="color:shadow color 2" content=""/>
  213. <meta name="color:floaties" content=""/>
  214. <meta name="color:container" content=""/>
  215. <meta name="color:post" content="#fff"/>
  216. <meta name="color:header shadow" content=""/>
  217. <meta name="color:container shadow" content=""/>
  218. <meta name="color:title 1" content=""/>
  219. <meta name="color:title 2" content=""/>
  220. <meta name="color:blockquote" content="#000"/>
  221. <meta name="color:tooltip" content="#fff"/>
  222. <meta name="color:tooltip text" content="#000"/>
  223. <meta name="color:thumb" content="#000"/>
  224. <meta name="color:track" content="#fff"/>
  225.  
  226. <meta name="color:header border" content=""/>
  227. <meta name="color:post border" content=""/>
  228. <meta name="color:container border" content=""/>
  229. <meta name="color:tooltip border" content=""/>
  230.  
  231. <meta name="text:header border" content="1"/>
  232. <meta name="text:post border" content="1"/>
  233. <meta name="text:container border" content="1"/>
  234. <meta name="text:tooltip border" content="1"/>
  235.  
  236. <meta name="text:background size" content=""/>
  237. <meta name="text:container background size" content=""/>
  238. <meta name="text:post background size" content=""/>
  239. <meta name="text:font size" content="17"/>
  240.  
  241. <meta name="text:title 1" content="this is title 1!"/>
  242. <meta name="text:title 2" content="this is title 2!"/>
  243.  
  244. <meta name="text:title 1 link" content=""/>
  245. <meta name="text:title 2 link" content=""/>
  246.  
  247. <meta name="text:next page" content="NEXT β†’"/>
  248. <meta name="text:back page" content="← BACK"/>
  249.  
  250. <meta name="text:redirect" content=""/>
  251. <meta name="text:float symbol" content="β™₯"/>
  252.  
  253. <meta name="text:link 1 title" content="home"/>
  254. <meta name="text:link 1 URL" content="/"/>
  255. <meta name="text:link 2 title" content="ask"/>
  256. <meta name="text:link 2 URL" content="/"/>
  257. <meta name="text:link 3 title" content="archive"/>
  258. <meta name="text:link 4 URL" content="/"/>
  259.  
  260. <meta name="select:font" content="arial"/>
  261. <meta name="select:font" content="ms gothic"/>
  262. <meta name="select:font" content="ms pgothic"/>
  263. <meta name="select:font" content="georgia"/>
  264. <meta name="select:font" content="times"/>
  265. <meta name="select:font" content="verdana"/>
  266. <meta name="select:font" content="short stack"/>
  267. <meta name="select:font" content="arimo"/>
  268. <meta name="select:font" content="source code pro"/>
  269. <meta name="select:font" content="cardo"/>
  270. <meta name="select:font" content="philosopher"/>
  271. <meta name="select:font" content="catamaran"/>
  272.  
  273. <meta name="select:header border" content="solid">
  274. <meta name="select:header border" content="inset">
  275. <meta name="select:header border" content="outset">
  276. <meta name="select:header border" content="dotted">
  277. <meta name="select:header border" content="dashed">
  278. <meta name="select:header border" content="double">
  279.  
  280. <meta name="select:post border" content="solid">
  281. <meta name="select:post border" content="inset">
  282. <meta name="select:post border" content="outset">
  283. <meta name="select:post border" content="dotted">
  284. <meta name="select:post border" content="dashed">
  285. <meta name="select:post border" content="double">
  286.  
  287. <meta name="select:container border" content="solid">
  288. <meta name="select:container border" content="inset">
  289. <meta name="select:container border" content="outset">
  290. <meta name="select:container border" content="dotted">
  291. <meta name="select:container border" content="dashed">
  292. <meta name="select:container border" content="double">
  293.  
  294. <meta name="select:tooltip border" content="solid">
  295. <meta name="select:tooltip border" content="inset">
  296. <meta name="select:tooltip border" content="outset">
  297. <meta name="select:tooltip border" content="dotted">
  298. <meta name="select:tooltip border" content="dashed">
  299. <meta name="select:tooltip border" content="double">
  300.  
  301. <meta name="select:blockquote" content="solid">
  302. <meta name="select:blockquote" content="dotted">
  303. <meta name="select:blockquote" content="dashed">
  304.  
  305. <meta name="select:title sizes" content="14"/>
  306. <meta name="select:title sizes" content="16"/>
  307. <meta name="select:title sizes" content="18"/>
  308. <meta name="select:title sizes" content="20"/>
  309. <meta name="select:title sizes" content="22"/>
  310.  
  311. <meta name="if:show link 2" content=""/>
  312. <meta name="if:show link 3" content=""/>
  313. <meta name="if:redirect" content=""/>
  314. <meta name="if:container" content=""/>
  315. <meta name="if:cover background" content=""/>
  316. <meta name="if:container cover background" content=""/>
  317. <meta name="if:post cover background" content=""/>
  318. <meta name="if:fancy scrollbar" content=""/>
  319. <meta name="if:fancy tooltip" content=""/>
  320. <meta name="if:tags" content=""/>
  321. <meta name="if:floaties" content=""/>
  322. <meta name="if:pixel links" content=""/>
  323. <meta name="if:round" content=""/>
  324. <meta name="if:captions" content=""/>
  325. <meta name="if:title 1" content=""/>
  326. <meta name="if:title 2" content=""/>
  327. <meta name="if:link shadow" content=""/>
  328. <meta name="if:container shadow" content=""/>
  329. <meta name="if:post shadow" content=""/>
  330.  
  331.  
  332. <style type="text/css">
  333.  
  334. {block:iffancyscrollbar}
  335. ::-webkit-scrollbar {
  336. width: 16px;
  337. height: 10px;
  338. }
  339. ::-webkit-scrollbar-thumb {
  340. background-color: #fff;
  341. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  342. border-top: 1px solid #bdbdbd;
  343. border-left: 1px solid #bdbdbd;
  344. border-right: 1px solid black;
  345. border-bottom: 1px solid black;
  346. }
  347. ::-webkit-scrollbar-track {
  348. background-color: #fff;
  349. background-image: url(https://i.imgur.com/IGXGYKz.png);
  350. }
  351. ::-webkit-scrollbar-button:vertical:increment {
  352. background-image: url(https://i.imgur.com/WhC8iy3.png);
  353. width: 14px;
  354. height: 16px;
  355. border-top: 1px solid #bdbdbd;
  356. border-left: 1px solid #bdbdbd;
  357. border-right: 1px solid black;
  358. border-bottom: 1px solid black;
  359. }
  360. ::-webkit-scrollbar-button:vertical:decrement {
  361. background-image: url(https://i.imgur.com/fQ18mrR.png);
  362. border-top: 1px solid #bdbdbd;
  363. border-left: 1px solid #bdbdbd;
  364. border-right: 1px solid black;
  365. border-bottom: 1px solid black;
  366. width: 14px;
  367. height: 16px;
  368. }
  369. {/block:iffancyscrollbar}
  370. {block:ifnotfancyscrollbar}
  371.  
  372. ::-webkit-scrollbar {
  373. width: 10px;
  374. }
  375.  
  376.  
  377. ::-webkit-scrollbar-track {
  378. background: {color:track};
  379. }
  380.  
  381.  
  382. ::-webkit-scrollbar-thumb {
  383. background: {color:thumb};
  384. }
  385.  
  386. {/block:ifnotfancyscrollbar}
  387.  
  388. body {
  389. margin:0px;
  390. background:{color:background};
  391. background-image: url('{image:background}');
  392. {block:ifnotcoverbackground}
  393. background-repeat: repeat;
  394. background-size:{text:background size}px;
  395. {/block:ifnotcoverbackground}
  396. {block:ifcoverbackground}
  397. background-size: cover;
  398. {/block:ifcoverbackground}
  399. font-family:{select:font};
  400. font-size:{text:font size}px;
  401. line-height:140%;
  402. color:{color:text};
  403. }
  404.  
  405. p{
  406. margin:0 0 10px 0;
  407. padding:0;
  408. }
  409.  
  410. pre {
  411. white-space: pre-wrap;
  412. white-space: -moz-pre-wrap;
  413. white-space: -pre-wrap;
  414. white-space: -o-pre-wrap;
  415. word-wrap: break-word;
  416. }
  417.  
  418. a{
  419. text-decoration:none;
  420. color:{color:link};
  421. {block:iflinkshadow}
  422. text-shadow: 0 0 3px {color:shadow color 1}, 0 0 5px {color:shadow color 2};
  423. {/block:iflinkshadow}
  424. }
  425.  
  426. a:hover{
  427. color:{color:hover};
  428. -o-transition: all 0.3s ease-out;
  429. -webkit-transition: all 0.3s ease-out;
  430. -moz-transition: all 0.3s ease-out;
  431. cursor:help;
  432. }
  433.  
  434. li{
  435. margin-left:-15px;
  436. }
  437.  
  438. #wrapper{
  439. width:600px;
  440. margin:10px auto;
  441. }
  442.  
  443. #header {
  444. text-align: center;
  445. width:400px;
  446. margin:0 auto;
  447. padding:10px;
  448. }
  449.  
  450. #container{
  451. background-image: url('{image:container background}');
  452. {block:ifnotcontainercoverbackground}
  453. background-repeat: repeat;
  454. background-size:{text:container background size}px;
  455. {/block:ifnotcontainercoverbackground}
  456. {block:ifcontainercoverbackground}
  457. background-size: cover;
  458. {/block:ifcontainercoverbackground}
  459. background-color:{color:container};
  460. padding:10px;
  461. margin:10px auto;
  462. {block:IndexPage}
  463. width:400px;
  464. height: 400px;
  465. overflow-y:scroll;
  466. overflow-x:hidden;
  467. {/block:IndexPage}
  468. {block:PermalinkPage}
  469. width:400px;
  470. {/block:PermalinkPage}
  471. {block:ifnotcontainer}
  472. width:400px;
  473. {/block:ifnotcontainer}
  474. {block:ifcontentimgbg}
  475. background-image: url('{image:container}');
  476. background-repeat: repeat;
  477. background-attachment: fixed;
  478. background-size: {text:content bg size}px;
  479. {/block:ifcontentimgbg}
  480. border:{text:container border}px {select:container border} {color:container border};
  481. {block:ifround}
  482. border-radius:4px;
  483. {/block:ifround}
  484. {block:ifcontainershadow}
  485. box-shadow: 1px 1px 2px {color:container shadow}, 0 0 10px {color:container shadow}, 0 0 5px {color:container shadow};
  486. {/block:ifcontainershadow}
  487. }
  488.  
  489. .post{
  490. background-image: url('{image:post background}');
  491. {block:ifnotpostcoverbackground}
  492. background-repeat: repeat;
  493. background-size:{text:post background size}px;
  494. {/block:ifnotpostcoverbackground}
  495. {block:ifpostcoverbackground}
  496. background-size: cover;
  497. {/block:ifpostcoverbackground}
  498. {block:IndexPage}
  499. width:350px;
  500. {/block:IndexPage}
  501. {block:PermalinkPage}
  502. width:350px;
  503. {/block:PermalinkPage}
  504. {block:ifnotcontainer}
  505. width:400px;
  506. {/block:ifnotcontainer}
  507. overflow:hidden;
  508. margin:20px auto;
  509. padding:8px;
  510. background-color:{color:post};
  511. border:{text:post border}px {select:post border} {color:post border};
  512. {block:ifround}
  513. border-radius:4px;
  514. {/block:ifround}
  515. {block:ifpostshadow}
  516. box-shadow: 1px 1px 2px {color:post shadow}, 0 0 10px {color:post shadow}, 0 0 5px {color:post shadow};
  517. {/block:ifpostshadow}
  518. }
  519.  
  520. #header img{
  521. width:400px;
  522. padding:1px;
  523. border:{text:header border}px {select:header border} {color:header border};
  524. {block:ifround}
  525. border-radius:4px;
  526. {/block:ifround}
  527. {block:ifheadershadow}
  528. box-shadow: 1px 1px 2px {color:header shadow}, 0 0 10px {color:header shadow}, 0 0 5px {color:header shadow};
  529. {/block:ifheadershadow}
  530. }
  531.  
  532. #pi {
  533. text-align:center;
  534. background-color: transparent;
  535. border: none;
  536. }
  537.  
  538. #pi img {
  539. max-width:30px;
  540. border:none;
  541. text-align:center;
  542. }
  543.  
  544. #title1{
  545. width:400px;
  546. margin:0 auto;
  547. color:{color:title1};
  548. font-size:{select:title sizes}px;
  549. }
  550.  
  551. #title2{
  552. width:400px;
  553. margin:0 auto;
  554. color:{color:title2};
  555. font-size:{select:title sizes}px;
  556. }
  557.  
  558. #nav{
  559. width:400px;
  560. text-align:center;
  561. font-size:30px;
  562. padding:10px;
  563. margin:10px auto;
  564. }
  565.  
  566.  
  567. .media{
  568. margin:0 0 0px 0;
  569. }
  570.  
  571. .media img{
  572. width:100%;
  573. }
  574.  
  575. .title{
  576. font-weight:normal;
  577. font-size:18px;
  578. margin:0 0 10px 0;
  579. }
  580.  
  581. .quote{
  582. font-weight:normal;
  583. font-size:16px;
  584. font-style:italic;
  585. margin:0 0 10px 0;
  586. }
  587.  
  588. .question{
  589. margin-bottom:10px;
  590. }
  591.  
  592. blockquote{
  593. margin:0 0 10px 10px;
  594. padding:0 0 0 10px;
  595. border-left:solid 1px #000;
  596. }
  597.  
  598.  
  599. .post .footer{
  600. margin:0;
  601. text-align:center;
  602. }
  603.  
  604.  
  605. ol.notes{
  606. padding:0;
  607. margin:10px;
  608. }
  609.  
  610. ol.notes li.note img{
  611. width:16px;
  612. height:16px;
  613. border-radius:100%;
  614. }
  615.  
  616. ol.notes li.note{
  617. margin:10px;
  618. }
  619.  
  620. .tooltip{
  621. display:inline;
  622. position:relative;
  623. }
  624.  
  625. #s-m-t-tooltip{
  626. max-width:300px;
  627. padding:5px;
  628. margin:20px 7px -2px 20px;
  629. letter-spacing:1px;
  630. text-align:center;
  631. color:{color:tooltip text};
  632. z-index:99999999999999999999;
  633. {block:iffancytooltip}
  634. background-color:rgba(0,0,0,0.5);
  635. color:white;
  636. {/block:iffancytooltip}
  637. {block:ifnotfancytooltip}
  638. color:{color:tooltip text};
  639. background-color:{color:tooltip};
  640. border:{text:tooltip border}px {select:tooltip border} {color:tooltip border};
  641. {/block:ifnotfancytooltip}
  642. -o-transition: all 0.3s ease-out;
  643. -webkit-transition: all 0.3s ease-out;
  644. -moz-transition: all 0.3s ease-out;
  645. {block:ifround}
  646. border-radius:4px;
  647. {/block:ifround}
  648. }
  649.  
  650. #dates{
  651. padding:5px;
  652. text-align:center;
  653. }
  654.  
  655. #morenotes{
  656. text-align:left;
  657. }
  658.  
  659. {CustomCSS}
  660. </style>
  661. </head>
  662.  
  663. <body>
  664.  
  665. {block:ifredirect}
  666. {block:IndexPage}<script type="text/javascript">
  667. var url = location.href;
  668. if (url == "{BlogURL}") {
  669. window.location = "{BlogURL}tagged/{text:redirect}";
  670. }
  671. </script>{/block:IndexPage}
  672. {/block:ifredirect}
  673.  
  674. <div id="wrapper">
  675.  
  676. {block:iftitle1}
  677. <div id="title1"><marquee style="color:{color:title 1}" bgcolor="transparent" direction="left"><a href="{text:title 1 link}">{text:title 1}</a></marquee></div>
  678. {/block:iftitle1}
  679.  
  680. <div id="header">
  681. <a href="/" title="{Title}"><img src="{image:header}"></a>
  682. {block:ifpixellinks}<div id="pi"><p><a href="{text:link 1 URL}" title="{text:link 1 title}"><img src="{image:pixel 1}"></a>{block:ifshowlink2}&emsp;<a href="{text:link 2 URL}" title="{text:link 2 title}"><img src="{image:pixel 2}"></a>{/block:ifshowlink2}{block:ifshowlink3}&emsp;<a href="{text:link 3 URL}" title="{text:link 3 title}"><img src="{image:pixel 3}"></a></center>{block:ifshowlink3}</div>{/block:ifpixellinks}
  683. </div>
  684.  
  685. {block:iftitle2}
  686. <div id="title2"><marquee style="color:{color:title 2}" bgcolor="transparent" direction="right"><a href="{text:title 2 link}">{text:title 2}</a></marquee></div>
  687. {/block:iftitle2}
  688.  
  689. {block:ifcontainer}
  690. <div id="container">
  691. {/block:ifcontainer}
  692. {block:Posts}
  693.  
  694. <div class="post">
  695.  
  696. {block:Text}
  697. {block:Title}
  698. <div class="title">{Title}</div>
  699. {/block:Title}
  700. {Body}
  701. {/block:Text}
  702.  
  703. {block:Photo}
  704. <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  705. {block:ifcaptions}
  706. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  707. {/block:ifcaptions}
  708. {/block:Photo}
  709.  
  710. {block:Photoset}
  711. <div class="media">{Photoset}</div>
  712. {block:ifcaptions}
  713. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  714. {/block:ifcaptions}
  715. {/block:Photoset}
  716.  
  717. {block:Quote}
  718. <div class="quote">"{Quote}"</div>
  719. {block:Source}
  720. <div class="quotesource">{Source}</div>
  721. {/block:Source}
  722. {/block:Quote}
  723.  
  724. {block:Link}
  725. <div class="title"><a href="{URL}">{Name}</a></div>
  726. {block:Description}
  727. <div class="description">{Description}</div>
  728. {/block:Description}
  729. {/block:Link}
  730.  
  731. {block:Chat}
  732. {block:Title}
  733. <div class="title">{Title}</div>
  734. {/block:Title}
  735.  
  736. {block:Lines}
  737. <div class="{Alt} user_{UserNumber}">
  738. {block:Label}
  739. <b>{Label}</b>{/block:Label}
  740. &nbsp;{Line}
  741. </div>
  742. {/block:Lines}
  743. {/block:Chat}
  744.  
  745. {block:Video}
  746. <div class="media">{Video-400}</div>
  747. {block:ifcaptions}
  748. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  749. {/block:ifcaptions}
  750. {/block:Video}
  751.  
  752. {block:Audio}
  753. <div class="media"><center>
  754. {block:AlbumArt}<img src="{AlbumArtURL}" style="width:100px; height:100px;">{/block:AlbumArt}
  755. <br>{block:TrackName}<small>{TrackName}{/block:TrackName} by {block:Artist}{Artist}</small>{/block:Artist}{AudioPlayerWhite}
  756. </div>
  757. {block:ifcaptions}
  758. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  759. {/block:ifcaptions}
  760. {/block:Audio}
  761.  
  762. {block:Answer}
  763. <div class="question">
  764. <img class="asker-avatar" src="{AskerPortraitURL-16}" alt=""> {Asker} asked: {Question}
  765. </div>
  766.  
  767. {block:Answerer}
  768. <div class="answer">{Answer}</div>
  769. </div>
  770. {/block:Answerer}
  771. <div class="replies">
  772. {Replies}
  773. </div>
  774. {/block:Answer}
  775.  
  776.  
  777. {block:Date}
  778. {block:IndexPage}
  779. <div class="footer"><a href="{Permalink}" title="{NoteCount}%">{12HourWithZero}.{Minutes}.{Seconds}{CapitalAmPm}</a>
  780.  
  781. {block:iftags}
  782. {block:HasTags}<br>
  783. {block:Tags}
  784. <a href="{TagURL}">#{Tag}</a>
  785. {/block:Tags}
  786. {/block:HasTags}
  787. {/block:iftags}
  788.  
  789. </div>
  790. {/block:IndexPage}
  791.  
  792. {block:PermalinkPage}
  793. <div id="dates">
  794. Posted {DayOfWeek}, {DayOfMonth}{DayOfMonthSuffix} of {Month}, {Year}
  795. <br>― with {NoteCountWithLabel}.
  796. <br>{block:HasTags}Tagged:
  797. {block:Tags}
  798. <a href="{TagURL}">#{Tag}</a>
  799. {/block:Tags}
  800. {/block:HasTags}
  801.  
  802. <br>
  803.  
  804. {block:RebloggedFrom}<a href="{ReblogParentURL}">VIA</a>{/block:RebloggedFrom}{block:ContentSource} / <a href="{SourceURL}">SRC</a>{/block:ContentSource}
  805.  
  806. <div id="morenotes">
  807.  
  808. {block:NoteCount}
  809. {block:PostNotes}{PostNotes}{/block:PostNotes}
  810. {/block:NoteCount}
  811. </div></div>
  812. {/block:PermalinkPage}
  813. {/block:Date}
  814.  
  815. </div>
  816. {/block:Posts}
  817. </div>
  818. </div>
  819.  
  820. </div>
  821.  
  822. {block:Pagination}
  823. <div id="nav">
  824. {block:PreviousPage}<a href="{PreviousPage}">{text:back page}</a> / {/block:PreviousPage}
  825.  
  826. {block:NextPage}<a href="{NextPage}">{text:next page}</a>{/block:NextPage}
  827. </div>
  828. {/block:Pagination}
  829.  
  830. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  831. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  832.  
  833. <p style="position: fixed; left: 13px; bottom: -5px; font-size:14px;"><a href="https://tmblr.co/mrRfmbRR8G93obHQkpXeORA" title="theme by aken">πŸ’«</a>
  834.  
  835.  
  836. </body>
  837. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement