API tools faq
paste
uchihaclan

read vagabond

uchihaclan
Mar 22nd, 2021 (edited)
924
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.59 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!---
  3.  
  4. read vagabond theme by taylor @ps1
  5.  
  6. oh my it just glows!
  7.  
  8. --->
  9.  
  10. <head>
  11. <title>{Title}</title>
  12. <link rel="icon" href="{image:FavIcon}" type="image/gif" >
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17.  
  18. <!--- Add Custom Fonts Here (like Google Fonts) --->
  19.  
  20. <!--- Then add Font name to the 'Font Family' in Theme Options Area --->
  21.  
  22. <meta name="image:favicon" content=""/>
  23. <meta name="image:sidebar" content="https://i.imgur.com/Rcf9SC9.png"/>
  24. <meta name="image:background" content=""/>
  25. <meta name="image:footer img" content="https://i.imgur.com/xLStiVQ.gif"/>
  26. <meta name="image:cursor" content="https://i.imgur.com/7LbphiL.png"/>
  27.  
  28. <meta name="color:bg" content="#fff">
  29. <meta name="color:font color" content="#000">
  30. <meta name="color:font outline" content="#0000ff">
  31. <meta name="color:links" content="#0000ff">
  32. <meta name="color:links hover" content="#0000ff">
  33. <meta name="color:links glow" content="#ff00e6">
  34. <meta name="color:links outline" content="#00ff37">
  35. <meta name="color:desc color" content="#000">
  36. <meta name="color:desc outline" content="#0000ff">
  37. <meta name="color:asker bg" content="#0000ff">
  38. <meta name="color:tooltip color" content="#000">
  39. <meta name="color:tooltip outline" content="#fff">
  40. <meta name="color:tooltip glow" content="#0000ff">
  41. <meta name="color:sparkles" content="#000">
  42.  
  43. <meta name="text:font family" content="verdana">
  44. <meta name="text:sb size" content="20">
  45. <meta name="text:font size" content="14">
  46. <meta name="text:title" content="TITLE">
  47. <meta name="text:sidebar" content="SIDEBAR TOOLTIP TEXT AY">
  48. <meta name="text:desc" content="DESCRIPTION">
  49.  
  50. <meta name="if:sparkles" content="0"/>
  51. <meta name="if:outline text" content="0" />
  52. <meta name="if:links underline" content="0"/>
  53. <meta name="if:links bold" content="0"/>
  54. <meta name="if:links italic" content="0"/>
  55. <meta name="if:custom cursor" content="0" />
  56. <meta name="if:tile background" content="0" />
  57. <meta name="if:hide title" content="0"/>
  58. <meta name="if:hide desc" content="0"/>
  59. <meta name="if:redirect" content="0" />
  60. <meta name="if:hide caption" content="0"/>
  61. <meta name="if:hide tags" content="0" />
  62. <meta name="if:sb center" content="0"/>
  63.  
  64. <meta name="text:redirect link" content="/tagged/0">
  65. <meta name="text:link 1" content="ONE">
  66. <meta name="text:link 1 URL" content="/">
  67. <meta name="text:link 2" content="TWO">
  68. <meta name="text:link 2 URL" content="/">
  69. <meta name="text:link 3" content="THREE">
  70. <meta name="text:link 3 URL" content="/">
  71. <meta name="text:link 4" content="FOUR">
  72. <meta name="text:link 4 URL" content="/">
  73.  
  74. <style type="text/css">
  75. ::-moz-selection {
  76. background: {color:links glow};
  77. color: {color:links hover};}
  78.  
  79. ::selection {
  80. background: {color:links glow};
  81. color: {color:links};}
  82.  
  83. #s-m-t-tooltip {
  84. z-index: 999999999;
  85. filter: drop-shadow(0 0 3px {color:tooltip glow});
  86. background-color:transparent;
  87. color: {color:tooltip color};
  88. font-size: {text:Font Size}px;
  89. text-align: center;
  90. {block:IfGlowText}
  91. text-shadow: 0 0 2px {color:tooltip color},
  92. 0 0 2px {color:tooltip color};
  93. {/block:IfGlowText}
  94. {block:IfOutlineText}
  95. text-shadow: -1px 0 {color:tooltip outline}, 0 1px {color:tooltip outline}, 1px 0 {color:tooltip outline}, 0 -1px {color:tooltip outline};
  96. {/block:IfOutlineText}
  97. transition: all 0.3s ease-out;
  98. -o-transition: all 0.3s ease-out;
  99. -webkit-transition: all 0.3s ease-out;
  100. -moz-transition: all 0.3s ease-out;
  101. text-transform: normal;
  102. max-width: 400px;
  103. display: block;
  104. word-wrap: break-word;
  105. margin: -30px 0px 10px 20px;}
  106.  
  107. body {
  108. background: {color:bg};
  109. background-image: url({image:background});
  110. background-attachment: fixed;
  111. {block:IfNotTileBackground}
  112. -webkit-background-size: cover;
  113. -moz-background-size: cover;
  114. -o-background-size: cover;
  115. background-size: cover;
  116. {/block:IfNotTileBackground}
  117. font-family: '{text:font family}';
  118. font-size: {text:font size}px;
  119. color: {color:font color};
  120. line-height: 130%;
  121. word-wrap: break-word;
  122. overflow-x:hidden;
  123. {block:IfOutlineText}
  124. text-shadow: -1px 0 {color:font outline}, 0 1px {color:font outline}, 1px 0 {color:font outline}, 0 -1px {color:font outline};
  125. {/block:IfOutlineText}}
  126.  
  127. {block:IfCustomCursor}
  128. body, *, a, a:hover { cursor:url({image:cursor}), auto;}{/block:IfCustomCursor}
  129.  
  130. p {margin: 0px;}
  131. ul {list-style: square;}
  132. img {max-width: 100%;}
  133. h1 {line-height: 130%;}
  134. h2 {line-height: 150%;}
  135.  
  136.  
  137. a:link, a:active, a:visited {
  138. filter: drop-shadow(0 0 3px {color:links glow})
  139. ;
  140. color: {color:links};
  141. {block:IfLinksBold}
  142. font-weight: bold;{/block:IfLinksBold}
  143. {block:IfLinksItalic}
  144. font-style: italic;{/block:IfLinksItalic}
  145. {block:IfOutlineText}
  146. text-shadow: -1px 0 {color:links outline}, 0 1px {color:links outline}, 1px 0 {color:links outline}, 0 -1px {color:links outline};
  147. {/block:IfOutlineText}
  148. {block:IfNotLinksUnderline}
  149. text-decoration: none;{/block:IfNotLinksUnderline}
  150. {block:IfLinksUnderline}
  151. text-decoration: underline;{/block:IfLinksUnderline}
  152. -webkit-transition: all 0.4s ease-in-out;
  153. -moz-transition: all 0.4s ease-in-out;
  154. -o-transition: all 0.4s ease-in-out;
  155. -ms-transition: all 0.4s ease-in-out;
  156. transition: all 0.4s ease-in-out;}
  157.  
  158. a:hover {
  159. {block:IfLinksBold}
  160. font-weight: bold;{/block:IfLinksBold}
  161. color: {color:Links Hover};
  162. -webkit-transition: all 0.4s ease-in-out;
  163. -moz-transition: all 0.4s ease-in-out;
  164. -o-transition: all 0.4s ease-in-out;
  165. -ms-transition: all 0.4s ease-in-out;
  166. transition: all 0.4s ease-in-out;}
  167.  
  168. ::-webkit-scrollbar-track {
  169. border-left: 1px solid {color:border};
  170. background-color: {color:bg};
  171. }
  172. ::-webkit-scrollbar {
  173. width: 15px;}
  174. ::-webkit-scrollbar-thumb {
  175. background-color: {color:bg};
  176. border: 1px solid {color:border};
  177. border-right: 0;
  178. }
  179. ::-webkit-scrollbar-thumb:hover {
  180. background-color: {color:links hover};
  181. }
  182.  
  183. #content {
  184. margin: auto;
  185. width: 600px;}
  186.  
  187.  
  188. #sb {
  189. font-size: {text:sb size}px;
  190. margin-left: 400px;
  191. position: fixed;
  192. max-width: 400px;
  193. line-height: 130%;
  194. {block:IfSbCenter}
  195. text-align: center;{/block:IfSbCenter}
  196. }
  197.  
  198.  
  199.  
  200. #sb img { display: block;}
  201.  
  202. #sb img:hover {
  203. -webkit-animation: swing 1s ease;
  204. animation: swing 1s ease;
  205. -webkit-animation-iteration-count: 1;
  206. animation-iteration-count: 1;
  207. }
  208.  
  209. @-webkit-keyframes swing
  210. {
  211. 15%
  212. {
  213. -webkit-transform: translateX(5px);
  214. transform: translateX(5px);
  215. }
  216. 30%
  217. {
  218. -webkit-transform: translateX(-5px);
  219. transform: translateX(-5px);
  220. }
  221. 50%
  222. {
  223. -webkit-transform: translateX(3px);
  224. transform: translateX(3px);
  225. }
  226. 65%
  227. {
  228. -webkit-transform: translateX(-3px);
  229. transform: translateX(-3px);
  230. }
  231. 80%
  232. {
  233. -webkit-transform: translateX(2px);
  234. transform: translateX(2px);
  235. }
  236. 100%
  237. {
  238. -webkit-transform: translateX(0);
  239. transform: translateX(0);
  240. }
  241. }
  242. @keyframes swing
  243. {
  244. 15%
  245. {
  246. -webkit-transform: translateX(5px);
  247. transform: translateX(5px);
  248. }
  249. 30%
  250. {
  251. -webkit-transform: translateX(-5px);
  252. transform: translateX(-5px);
  253. }
  254. 50%
  255. {
  256. -webkit-transform: translateX(3px);
  257. transform: translateX(3px);
  258. }
  259. 65%
  260. {
  261. -webkit-transform: translateX(-3px);
  262. transform: translateX(-3px);
  263. }
  264. 80%
  265. {
  266. -webkit-transform: translateX(2px);
  267. transform: translateX(2px);
  268. }
  269. 100%
  270. {
  271. -webkit-transform: translateX(0);
  272. transform: translateX(0);
  273. }
  274. }
  275.  
  276. .linkz {
  277. margin-top: 5px;
  278. }
  279.  
  280. .title {
  281. margin-top: 5px;
  282. }
  283.  
  284. .desc {
  285. margin-top: 5px;
  286. color: {color:desc color};
  287. {block:IfOutlineText}
  288. text-shadow: -1px 0 {color:desc outline}, 0 1px {color:desc outline}, 1px 0 {color:desc outline}, 0 -1px {color:desc outline};
  289. {/block:IfOutlineText}
  290. }
  291.  
  292. /* post style obvi */
  293.  
  294. .pagination {
  295. font-size: -webkit-calc(100% + 10px);
  296. text-align: center;
  297. margin-top: -30px;
  298. margin-left: -150px;
  299. margin-bottom: 50px;
  300. padding: 0px;
  301. width: 500px;
  302. }
  303.  
  304. .pagination a{ border: 0;}
  305.  
  306. .posts {
  307. background-color: transparent;
  308. margin-top: 50px;
  309. margin-bottom: 80px;
  310. margin-left: -150px;
  311. width: 500px;
  312. position: relative;
  313. }
  314.  
  315. .posts blockquote {
  316. margin: 0 0 5px 20px;
  317. {block:If250Posts}
  318. margin: 0 0 5px 5px;
  319. {/block:If250Posts}
  320. padding: 5px 0 0 5px;
  321. border-left: 1px solid {color:font color};
  322. word-wrap: break-word;
  323. word-break: break-word;
  324. }
  325.  
  326. .pic img { display: block;}
  327.  
  328. .pic img:hover {
  329.  
  330. -webkit-animation: swing 1s ease;
  331. animation: swing 1s ease;
  332. -webkit-animation-iteration-count: 1;
  333. animation-iteration-count: 1;
  334. }
  335.  
  336. @-webkit-keyframes swing
  337. {
  338. 15%
  339. {
  340. -webkit-transform: translateX(5px);
  341. transform: translateX(5px);
  342. }
  343. 30%
  344. {
  345. -webkit-transform: translateX(-5px);
  346. transform: translateX(-5px);
  347. }
  348. 50%
  349. {
  350. -webkit-transform: translateX(3px);
  351. transform: translateX(3px);
  352. }
  353. 65%
  354. {
  355. -webkit-transform: translateX(-3px);
  356. transform: translateX(-3px);
  357. }
  358. 80%
  359. {
  360. -webkit-transform: translateX(2px);
  361. transform: translateX(2px);
  362. }
  363. 100%
  364. {
  365. -webkit-transform: translateX(0);
  366. transform: translateX(0);
  367. }
  368. }
  369. @keyframes swing
  370. {
  371. 15%
  372. {
  373. -webkit-transform: translateX(5px);
  374. transform: translateX(5px);
  375. }
  376. 30%
  377. {
  378. -webkit-transform: translateX(-5px);
  379. transform: translateX(-5px);
  380. }
  381. 50%
  382. {
  383. -webkit-transform: translateX(3px);
  384. transform: translateX(3px);
  385. }
  386. 65%
  387. {
  388. -webkit-transform: translateX(-3px);
  389. transform: translateX(-3px);
  390. }
  391. 80%
  392. {
  393. -webkit-transform: translateX(2px);
  394. transform: translateX(2px);
  395. }
  396. 100%
  397. {
  398. -webkit-transform: translateX(0);
  399. transform: translateX(0);
  400. }
  401. }
  402.  
  403.  
  404. .tags {
  405. max-height:0px;
  406. line-height:130%;
  407. text-align:left;
  408. opacity:0;
  409. -webkit-transition: all 0.7s ease;
  410. transition: all 0.7s ease;
  411. -moz-transition: all 0.7s ease;
  412. -o-transition: all 0.7s ease;
  413. }
  414.  
  415. .posts:hover .tags{
  416. max-height: 200px;
  417. opacity:1;
  418. -webkit-transition: all 0.7s ease;
  419. transition: all 0.7s ease;
  420. -moz-transition: all 0.7s ease;
  421. -o-transition: all 0.7s ease;
  422. }
  423.  
  424. #c { position: fixed; bottom: 15px; left: 15px; font-size: 24px;}
  425.  
  426. #notes {
  427. text-align: left;
  428. margin-top: 20px;
  429. width: 400px;
  430. }
  431.  
  432. #notes img {display: inline;}
  433.  
  434. #permanotes {
  435. margin-top: 20px;
  436. margin-bottom: 10px;
  437. overflow-x: auto;
  438. max-height: 300px;
  439. min-height: 100px;
  440. border: 1px solid {color:border};
  441. padding: 10px;
  442. }
  443.  
  444. #permanotes ol.notes {
  445. list-style-type: none;
  446. margin: 0;
  447. padding: 0;}
  448.  
  449. #permanotes img.avatar {
  450. margin-right: 10px;
  451. border: 1px solid {color:font color};
  452. display: inline;
  453. width: 16px;
  454. height: 16px;}
  455.  
  456. .quote {
  457. text-align: justify;
  458. font-style: italic;
  459. font-weight: bold;
  460. font-size: 140%;
  461. line-height: 130%;}
  462.  
  463. .source {
  464. text-align: right;}
  465.  
  466.  
  467. .spotify_audio_player {
  468. height:80px!important;
  469. width:100%!important;}
  470.  
  471. .soundcloud_audio_player {
  472. height:150px!important;
  473. width:100%!important;}
  474.  
  475. /* playbutton background */
  476.  
  477. .trackback {
  478. position: absolute;
  479. left: 20px;
  480. top: 20px;
  481. width: 19px;
  482. height: 19px;
  483. background-color: #fff;
  484. padding: 10px;
  485. opacity: .4;}
  486.  
  487. /* playbutton */
  488.  
  489. .pressplay{
  490. position: relative;
  491. width: 25px;
  492. height: 25px;
  493. overflow: hidden;
  494. left: -6px;
  495. top: -3px;}
  496.  
  497. /* album img container */
  498.  
  499. .albumpic {
  500. position: absolute;
  501. left: 0px;
  502. top: 0px;
  503. width: 79px;
  504. height: 79px;}
  505.  
  506. /* album img */
  507.  
  508. .albumpic img {
  509. width: 100%;
  510. height: auto;
  511. border: 1px solid {color:font color};}
  512.  
  513. /* track info ye */
  514.  
  515. .trackinfo {
  516. width: auto;
  517. display:inline-block;
  518. margin-left: 90px;
  519. min-height: 85px;}
  520.  
  521.  
  522. /* makes both audio player & track info inline */
  523.  
  524. .audiowrapper {
  525. position: relative; display:inline-block;}
  526.  
  527.  
  528. .video {
  529. position: relative;
  530. padding-bottom: 75%;
  531. height: 0;
  532. overflow: hidden;
  533. }
  534.  
  535. .video iframe, .video object, .video embed {
  536. position: absolute;
  537. top: 0;
  538. left: 0;
  539. width: 100%;
  540. height: 100%;
  541. }
  542.  
  543.  
  544. #askimg {
  545. margin-left: 1px;
  546. }
  547.  
  548. #askimg img {
  549. border: 2px solid {color:asker bg};
  550. display: block;
  551. }
  552.  
  553. #asker {
  554. margin-top: -53px;
  555. padding: 3px 3px 3px 60px;
  556. background-color:{color:asker bg};
  557. }
  558.  
  559. #q {
  560. border: 1px solid {color:asker bg};
  561. border-top: 0;
  562. padding-left: 60px;
  563. padding-bottom: 5px;
  564. overflow: auto;
  565. overflow-x: hidden;
  566. max-height: 70px;
  567. }
  568.  
  569. #a {
  570. border: 1px solid {color:asker bg};
  571. border-top: 0;
  572. padding: 5px;
  573. padding-left: 60px;
  574. }
  575.  
  576.  
  577. </style>
  578.  
  579. {block:IfRedirect}
  580. <script>
  581. if(window.location.pathname == '/') location.replace('{text:Redirect Link}');
  582. </script>
  583. {block:IfRedirect}
  584.  
  585.  
  586. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  587.  
  588. <script src="https://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script>
  589.  
  590.  
  591. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  592. <script>(function($){
  593. $(document).ready(function(){
  594. $("a[title]").style_my_tooltips({
  595. tip_follows_cursor:true,
  596. tip_delay_time:0,
  597. tip_fade_speed:0,
  598. attribute:"title"
  599. });
  600. });
  601. })(jQuery);
  602. </script>
  603.  
  604. {block:IfSparkles}
  605.  
  606.  
  607.  
  608. <script type="text/javascript">
  609. // <![CDATA[
  610. var colour="{color:sparkles}";
  611. var sparkles=120;
  612.  
  613. /****************************
  614. * Tinkerbell Magic Sparkle *
  615. * (c) 2005 mf2fm web-design *
  616. * http://www.mf2fm.com/rv *
  617. * DON'T EDIT BELOW THIS BOX *
  618. ****************************/
  619. var x=ox=400;
  620. var y=oy=300;
  621. var swide=800;
  622. var shigh=600;
  623. var sleft=sdown=0;
  624. var tiny=new Array();
  625. var star=new Array();
  626. var starv=new Array();
  627. var starx=new Array();
  628. var stary=new Array();
  629. var tinyx=new Array();
  630. var tinyy=new Array();
  631. var tinyv=new Array();
  632.  
  633. window.onload=function() { if (document.getElementById) {
  634. var i, rats, rlef, rdow;
  635. for (var i=0; i<sparkles; i++) {
  636. var rats=createDiv(3, 3);
  637. rats.style.visibility="hidden";
  638. document.body.appendChild(tiny[i]=rats);
  639. starv[i]=0;
  640. tinyv[i]=0;
  641. var rats=createDiv(5, 5);
  642. rats.style.backgroundColor="transparent";
  643. rats.style.visibility="hidden";
  644. var rlef=createDiv(1, 5);
  645. var rdow=createDiv(5, 1);
  646. rats.appendChild(rlef);
  647. rats.appendChild(rdow);
  648. rlef.style.top="2px";
  649. rlef.style.left="0px";
  650. rdow.style.top="0px";
  651. rdow.style.left="2px";
  652. document.body.appendChild(star[i]=rats);
  653. }
  654. set_width();
  655. sparkle();
  656. }}
  657.  
  658. function sparkle() {
  659. var c;
  660. if (x!=ox || y!=oy) {
  661. ox=x;
  662. oy=y;
  663. for (c=0; c<sparkles; c++) if (!starv[c]) {
  664. star[c].style.left=(starx[c]=x)+"px";
  665. star[c].style.top=(stary[c]=y)+"px";
  666. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  667. star[c].style.visibility="visible";
  668. starv[c]=50;
  669. break;
  670. }
  671. }
  672. for (c=0; c<sparkles; c++) {
  673. if (starv[c]) update_star(c);
  674. if (tinyv[c]) update_tiny(c);
  675. }
  676. setTimeout("sparkle()", 40);
  677. }
  678.  
  679. function update_star(i) {
  680. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  681. if (starv[i]) {
  682. stary[i]+=1+Math.random()*3;
  683. if (stary[i]<shigh+sdown) {
  684. star[i].style.top=stary[i]+"px";
  685. starx[i]+=(i%5-2)/5;
  686. star[i].style.left=starx[i]+"px";
  687. }
  688. else {
  689. star[i].style.visibility="hidden";
  690. starv[i]=0;
  691. return;
  692. }
  693. }
  694. else {
  695. tinyv[i]=50;
  696. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  697. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  698. tiny[i].style.width="2px";
  699. tiny[i].style.height="2px";
  700. star[i].style.visibility="hidden";
  701. tiny[i].style.visibility="visible"
  702. }
  703. }
  704.  
  705. function update_tiny(i) {
  706. if (--tinyv[i]==25) {
  707. tiny[i].style.width="1px";
  708. tiny[i].style.height="1px";
  709. }
  710. if (tinyv[i]) {
  711. tinyy[i]+=1+Math.random()*3;
  712. if (tinyy[i]<shigh+sdown) {
  713. tiny[i].style.top=tinyy[i]+"px";
  714. tinyx[i]+=(i%5-2)/5;
  715. tiny[i].style.left=tinyx[i]+"px";
  716. }
  717. else {
  718. tiny[i].style.visibility="hidden";
  719. tinyv[i]=0;
  720. return;
  721. }
  722. }
  723. else tiny[i].style.visibility="hidden";
  724. }
  725.  
  726. document.onmousemove=mouse;
  727. function mouse(e) {
  728. set_scroll();
  729. y=(e)?e.pageY:event.y+sdown;
  730. x=(e)?e.pageX:event.x+sleft;
  731. }
  732.  
  733. function set_scroll() {
  734. if (typeof(self.pageYOffset)=="number") {
  735. sdown=self.pageYOffset;
  736. sleft=self.pageXOffset;
  737. }
  738. else if (document.body.scrollTop || document.body.scrollLeft) {
  739. sdown=document.body.scrollTop;
  740. sleft=document.body.scrollLeft;
  741. }
  742. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  743. sleft=document.documentElement.scrollLeft;
  744. sdown=document.documentElement.scrollTop;
  745. }
  746. else {
  747. sdown=0;
  748. sleft=0;
  749. }
  750. }
  751.  
  752. window.onresize=set_width;
  753. function set_width() {
  754. if (typeof(self.innerWidth)=="number") {
  755. swide=self.innerWidth;
  756. shigh=self.innerHeight;
  757. }
  758. else if (document.documentElement && document.documentElement.clientWidth) {
  759. swide=document.documentElement.clientWidth;
  760. shigh=document.documentElement.clientHeight;
  761. }
  762. else if (document.body.clientWidth) {
  763. swide=document.body.clientWidth;
  764. shigh=document.body.clientHeight;
  765. }
  766. }
  767.  
  768. function createDiv(height, width) {
  769. var div=document.createElement("div");
  770. div.style.position="absolute";
  771. div.style.height=height+"px";
  772. div.style.width=width+"px";
  773. div.style.overflow="hidden";
  774. div.style.backgroundColor=colour;
  775. return (div);
  776. }
  777. // ]]>
  778. </script>
  779. {/block:IfSparkles}
  780.  
  781.  
  782.  
  783. </head>
  784.  
  785.  
  786.  
  787.  
  788. <div id="content">
  789. <div id="sb">
  790.  
  791. <div {block:IfSbCenter}align="center"{/block:IfSbCenter}>
  792. <a href="/" data-toggle="tooltip" title="{text:sidebar}"><img src="{image:sidebar}"></a></div>
  793.  
  794. {block:ifNotHideTitle}
  795. <div class="title">{text:title}
  796. </div>
  797. {/block:ifNotHideTitle}
  798.  
  799. {block:ifNotHideDesc}
  800. <div class="desc">{text:desc}</div>
  801. {/block:ifNotHideDesc}
  802.  
  803.  
  804.  
  805. <div class="linkz">
  806.  
  807. <div class="container">
  808. <a href="{text:link 1 URL}">{text:link 1}</a>
  809. <a href="{text:link 2 URL}">{text:link 2}</a>
  810. <a href="{text:link 3 URL}">{text:link 3}</a>
  811. <a href="{text:link 4 URL}">{text:link 4}</a>
  812. </div>
  813.  
  814. </div>
  815.  
  816.  
  817.  
  818. </div>
  819.  
  820.  
  821.  
  822. {block:Posts}
  823. <div class="posts">
  824.  
  825. {block:Text}
  826. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  827. {Body}
  828. {/block:Text}
  829.  
  830. {block:Quote}
  831. <div class="quote">"{Quote}"</div>
  832. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  833. {/block:Quote}
  834.  
  835. {block:Link}
  836. <big><a href="{URL}">{Name}</a></big>
  837. {block:Description}{Description}{/block:Description}
  838. {/block:Link}
  839.  
  840. {block:Chat}
  841. {block:Title}{Title}{/block:Title}
  842. {block:Lines}
  843. <div class="{Alt} user_{UserNumber}">
  844. {block:Label}{Label}{/block:Label} {Line}
  845. </div>
  846. {/block:Lines}
  847. {/block:Chat}
  848.  
  849.  
  850. {block:Answer}
  851. <div id="askimg"><img src="{AskerPortraitURL-48}"></div>
  852. <div id="asker">{Asker}:</div>
  853. <div id="q">{Question}</div>
  854. <div id="a">{Answer}</div>
  855. {/block:Answer}
  856.  
  857.  
  858.  
  859.  
  860. {block:Photo}
  861. <div class="pic">
  862. {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-HighRes}"></a>{/block:IndexPage}
  863.  
  864. {block:PermalinkPage}<a href="{LinkURL}"><img src="{PhotoURL-HighRes}"></a>{/block:PermalinkPage}
  865. </div>
  866.  
  867. {/block:Photo}
  868.  
  869. {block:Photoset}
  870. {Photoset}
  871. {/block:Photoset}
  872.  
  873. {block:Video}
  874. <div class="video">{Video-500}</div>
  875. {/block:Video}
  876.  
  877. {block:AudioPlayer}
  878. <div class="audiowrapper">
  879. {block:AlbumArt}
  880. <div class="albumpic"><img src="{AlbumArtURL}"></div>
  881. {/block:AlbumArt}
  882. <div class="trackback">
  883. <div class="pressplay">
  884. {AudioPlayer}
  885. </div></div>
  886. <div class="trackinfo">
  887. {block:TrackName}{TrackName}{/block:TrackName}<br>
  888. {block:Artist}<b>{Artist}</b>{/block:Artist}<br>
  889. {block:Album}<i>{Album}</i>{/block:Album}<br>
  890. </div></div>
  891. {/block:AudioPlayer}
  892.  
  893. {block:ifNotHideCaption}
  894. {block:Caption}<p style="margin-top: 15px;">{Caption}</p>{/block:Caption}
  895. {/block:ifNotHideCaption}
  896.  
  897.  
  898. {block:IndexPage}<div id="notes">
  899. <a href="{Permalink}">{NoteCount}N</a>
  900. <img src="{image:footer img}" style="vertical-align: middle; margin-left: 5px; margin-right: 5px; display: inline-block;">
  901. <a href="{ReblogURL}" data-toggle="tooltip" title="Reblog?">RB</a>
  902. </div>{/block:IndexPage}
  903.  
  904. {block:IndexPage}
  905. {block:ifNotHideTags}
  906. {block:HasTags}
  907. <div class="tags">
  908. #{block:Tags}<a href="{TagURL}">{Tag}</a>
  909. {/block:Tags}</div>{/block:HasTags}
  910. {/block:ifNotHideTags}{/block:IndexPage}
  911.  
  912.  
  913. {block:PermalinkPage}
  914. {block:ifHideCaption}
  915. {block:Caption}{Caption}{/block:Caption}
  916. {/block:ifHideCaption}
  917.  
  918. <p>{block:NoteCount}Notes: <a href="{Permalink}">{NoteCount}</a><br>{/block:NoteCount}
  919. {block:HasTags}Tags: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  920. {block:RebloggedFrom}
  921. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  922. <br>{/block:RebloggedFrom}{block:ContentSource}
  923. Source: <a href="{SourceURL}">{SourceTitle}</a>
  924. {/block:ContentSource}</p>
  925.  
  926. {block:NoteCount}<div id="permanotes">
  927. {block:PostNotes}{PostNotes}{/block:PostNotes}
  928. </div>{/block:NoteCount}
  929. {/block:PermalinkPage}
  930. </div>
  931. {/block:Posts}
  932.  
  933. {block:IndexPage}
  934. {block:Pagination}
  935. <div class="pagination">
  936.  
  937.  
  938. {block:JumpPagination length="7"}
  939. {block:CurrentPage}
  940. <span class="current_page"><b>{PageNumber}</b></span>
  941. {/block:CurrentPage}
  942.  
  943. {block:JumpPage}
  944. <a class="jump_page" href="{URL}">{PageNumber}</a>
  945. {/block:JumpPage}
  946. {/block:JumpPagination}
  947. </div>
  948. {/block:Pagination}{/block:IndexPage}
  949.  
  950. </div>
  951. </div>
  952.  
  953. <div id="c">
  954. <a href="https://ps1.tumblr.com/" style="text-decoration: none; font-style: normal;" data-toggle="tooltip" title="@ps1">&#9828;</a>
  955. </div>
  956.  
  957.  
  958.  
  959.  
  960. </body>
  961. </html>
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!