API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 22nd, 2018
85
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.26 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <!--------------------------------------------
  8. SCOTTISBAE THEMES # 172
  9. THEME BY: http://scottisbae.tumblr.com/ (PREV BRITISHROBERT)
  10.  
  11. RULES, IMPORTANT: DON'T REMOVE THE CREDIT // DON'T CLAIM AS YOUR OWN // DON'T USE AS A BASE
  12.  
  13. --------------------------------------------->
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  18. <meta name="description" content="" />
  19. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  20.  
  21.  
  22. <meta name="color:Background" content="#FFFFFF">
  23. <meta name="color:Link" content="#ACB2B6">
  24. <meta name="color:Bold" content="#ACB2B6">
  25. <meta name="color:Description Border" content="#F3F3F3">
  26. <meta name="color:Link Hover" content="#CECECE">
  27. <meta name="color:Text" content="#393939">
  28. <meta name="color:Scrollbar" content="#CBD0D4">
  29. <meta name="color:Info Border" content="#F3F3F3">
  30. <meta name="color:Posts BG" content="#FFFFFF">
  31.  
  32. <meta name="text:Body Font Size" content="9px"/>
  33. <meta name="text:Body Font" content="'Hind', arial"/>
  34.  
  35. <meta name="image:Icon" content=""/>
  36. <meta name="image:Icon2" content=""/>
  37. <meta name="image:Background" content="" />
  38. <meta name="if:Show Posts Black and White" content="0" />
  39. <meta name="if:Show Icon 1" content="1" />
  40. <meta name="if:Show Icon 2" content="1" />
  41.  
  42.  
  43.  
  44. <meta name="text:link1 url" content="/">
  45. <meta name="text:link2 url" content="/">
  46. <meta name="text:link3 url" content="/">
  47.  
  48. <meta name="text:link1 hover" content="link1">
  49. <meta name="text:link2 hover" content="link2">
  50. <meta name="text:link3 hover" content="link3">
  51.  
  52.  
  53. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  54.  
  55. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  56.  
  57. <link href='https://fonts.googleapis.com/css?family=Hind:400,500,700' rel='stylesheet' type='text/css'>
  58.  
  59. <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  60.  
  61. <link href='http://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900' rel='stylesheet' type='text/css'>
  62.  
  63. <link href="https://fonts.googleapis.com/css?family=Fredericka+the+Great" rel="stylesheet">
  64.  
  65. <link href="https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield" rel="stylesheet">
  66.  
  67.  
  68. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  69. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  70. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  71.  
  72.  
  73.  
  74. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  75. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  76. <script>
  77. (function($){
  78. $(document).ready(function(){
  79. $("a[title]").style_my_tooltips({
  80. tip_follows_cursor:true,
  81. tip_delay_time:90,
  82. tip_fade_speed:600,
  83. attribute:"title"
  84. });
  85. });
  86. })(jQuery);
  87. </script>
  88.  
  89. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  90. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  91. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  92.  
  93.  
  94. <script>
  95. $(document).ready(function(){
  96. $('.photo-slideshow').pxuPhotoset({
  97. lightbox: true,
  98. rounded: 'corners',
  99. gutter: '1px',
  100. borderRadius: '3px',
  101. photoset: '.photo-slideshow',
  102. photoWrap: '.photo-data',
  103. photo: '.pxu-photo'
  104. });
  105. });
  106. </script>
  107.  
  108. <style type="text/css">
  109.  
  110. body{cursor:url(“https://i.imgur.com/blDVv74.png”),default;}
  111.  
  112. ::-webkit-scrollbar {background-color:{color:Background}; height:4px; width:4px;}
  113. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar}; height:50px}
  114. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar}; height:8px!important}
  115.  
  116.  
  117.  
  118. #s-m-t-tooltip {
  119. max-width:300px;
  120. margin-top:-25px;
  121. margin-left:-25px;
  122. font-size: 8px;
  123. font-family: calibri;
  124. padding:2px;
  125. color:{color:text};
  126. font-weight:;
  127. letter-spacing:1px;
  128. text-align:center;
  129. text-transform:uppercase;
  130. background-color:{color:Background};
  131. z-index:999999999999999999999999999999999999;
  132. }
  133.  
  134.  
  135.  
  136.  
  137. img {
  138. -webkit-filter: grayscale(0%);
  139. {block:ifShowPostsBlackandWhite}
  140. -webkit-filter: grayscale(100%);
  141. {/block:ifShowPostsBlackandWhite}
  142. z-index: -9999999999999999999999999px;
  143. -webkit-transition: all 0.9s ease-in-out;
  144. -moz-transition: all 0.9s ease-in-out;
  145. -o-transition: all 0.9s ease-in-out;
  146. -ms-transition: all 0.9s ease-in-out;
  147. transition: all 0.9s ease-in-out;
  148. }
  149.  
  150. img:hover {
  151. -webkit-filter: grayscale(0%);
  152. z-index: -9999999999999999999999999px;
  153. -webkit-transition: all 0.9s ease-in-out;
  154. -moz-transition: all 0.9s ease-in-out;
  155. -o-transition: all 0.9s ease-in-out;
  156. -ms-transition: all 0.9s ease-in-out;
  157. transition: all 0.9s ease-in-out;
  158. }
  159.  
  160.  
  161. h1 {
  162. font-weight:normal;
  163. font-size: {text:Body Font Size};
  164. font-family: 9px;
  165. text-align:right;
  166. font-style:italic;
  167. letter-spacing:0px;
  168. text-transform:none;
  169. color:{color:Bold};
  170. }
  171.  
  172. h2 {
  173. margin-bottom:12px;
  174. padding-bottom:10px;
  175. font-size: 10px;
  176. font-family: {text:Body Font};
  177. font-style:none;
  178. text-align:center;
  179. letter-spacing:0;
  180. font-weight:bold;
  181. line-height:100%;
  182. text-transform:none;
  183. color:{color:Bold};
  184. margin: 0px;
  185. border-bottom:px solid {color:Info Border};
  186. }
  187.  
  188. pre {
  189. width:400px;
  190. text-align: left;
  191. word-wrap: break-word;
  192. color:{color:Text};
  193. }
  194.  
  195.  
  196. blockquote {
  197. border-left:1px solid {color:Info Border};
  198. padding-left:6px;
  199. padding-top:0px;
  200. padding-bottom:0px;
  201. margin:10px;
  202. margin-top:10px;
  203. margin-bottom:5px;
  204. margin-left:8px;
  205. }
  206.  
  207. blockquote img {
  208. max-width:400px;
  209. }
  210.  
  211. body {
  212. color: {color:Text};
  213. background-color:{color:Background};
  214. background-image:url('{image:background}');
  215. background-attachment: fixed;
  216. background-repeat: repeat;
  217. word-spacing:1px;
  218. }
  219.  
  220. b, strong {
  221. color: {color:bold};
  222. }
  223.  
  224. small, sup, sub {
  225. font-size: {text:Body Font Size};
  226. }
  227.  
  228. a {
  229. color: {color:Link};
  230. text-decoration: none;
  231. -moz-transition-duration: 0.5s;
  232. -o-transition-duration: 0.5s;
  233. -webkit-transition-duration: 0.5s;
  234. transition-duration: 0.5s;
  235. }
  236.  
  237. a:hover {
  238. color: {color:Link Hover};
  239. text-decoration: none;
  240. -moz-transition-duration: 0.5s;
  241. -o-transition-duration: 0.5s;
  242. -webkit-transition-duration: 0.5s;
  243. transition-duration: 0.5s;
  244. }
  245.  
  246.  
  247. .sidebar {
  248. width:120px;
  249. height:471px;
  250. color:{color:Text};
  251. position: fixed;
  252. margin-top:50px;
  253. margin-left:128px;
  254. padding:10px;
  255. background-color:{color:Posts BG};
  256. border:px solid {color:Info Border};
  257. }
  258.  
  259. .sidebarimage {
  260. margin-top:0px;
  261. margin-bottom:0px;
  262. margin-left:px;
  263. width:70px;
  264. padding:13px;
  265. -webkit-filter: grayscale(0%); filter: grayscale(0%);
  266. border:1px solid {color:Info Border};
  267. }
  268.  
  269.  
  270. .title {
  271. width:494px;
  272. height:10px;
  273. padding:13px;
  274. padding-bottom:5px;
  275. margin-top:44px;
  276. margin-left:303px;
  277. font-family:hind;
  278. font-size:10px;
  279. position:fixed;
  280. line-height:0%;
  281. letter-spacing:1px;
  282. font-style:none;
  283. font-weight:bold;
  284. text-transform:uppercase;
  285. color:{color:title};
  286. background-color:{color:Posts};
  287. }
  288.  
  289. .title a {
  290. color:{color:title};
  291. text-decoration:none;
  292. }
  293.  
  294. .sidebarlinks {
  295. width:476px;
  296. height:10px;
  297. padding:13px;
  298. padding-bottom:5px;
  299. margin-top:50px;
  300. margin-left:269px;
  301. font-family:hind;
  302. font-size:11px;
  303. position:fixed;
  304. line-height:0%;
  305. letter-spacing:px;
  306. font-style:none;
  307. font-weight:;
  308. text-transform:lowercase;
  309. color:{color:Links};
  310. background-color:{color:Posts BG};
  311. }
  312.  
  313.  
  314. .sidebarlinks a {
  315. color:{color:Links};
  316. padding:10px;
  317. -moz-transition-duration: 0.5s;
  318. -o-transition-duration: 0.5s;
  319. -webkit-transition-duration: 0.5s;
  320. transition-duration: 0.5s;
  321. }
  322.  
  323. .sidebarlinks a:hover {
  324. color:{color:Link Hover};
  325. text-decoration:none;
  326. -moz-transition-duration: 0.5s;
  327. -o-transition-duration: 0.5s;
  328. -webkit-transition-duration: 0.5s;
  329. transition-duration: 0.5s;
  330. }
  331.  
  332.  
  333. .description {
  334. text-transform:;
  335. width:110px;
  336. padding-top:px;
  337. margin-top:10px;
  338. margin-bottom:10px;
  339. float:left;
  340. padding:5px;
  341. text-align:justify;
  342. line-height:180%;
  343. text-transform:lowercase;
  344. font-size:9px;
  345. font-family:hind;
  346. color:{color:Text};
  347. background-color:{color:Posts BG};
  348. letter-spacing:px;
  349. border:1px solid {color:Description Border};
  350. border:px solid {color:Info Border};
  351. {block:ifNotShowIcon1}
  352. margin-top:19px;
  353. {/block:ifNotShowIcon1}
  354. }
  355.  
  356. .description a:hover {
  357. color:{color:Link Hover};
  358. }
  359.  
  360. .border {
  361. margin-left:px;
  362. border-bottom: 1px solid {color:Info Border};
  363. width:100px;
  364. }
  365.  
  366. .border2 {
  367. margin-left:0px;
  368. border-bottom: 1px solid {color:info border};
  369. width:90px;
  370. }
  371.  
  372.  
  373. .pagination {
  374. font-family:calibri;
  375. text-transform:uppercase;
  376. letter-spacing:3px;
  377. text-align:center;
  378. font-size:15px;
  379. font-weight:bold;
  380. text-align:center;
  381. margin-top:20px;
  382. margin-bottom:30px;
  383. padding:0px;
  384. position:justify;
  385. margin-left:auto;
  386. margin-right:auto
  387. background-color:{color:Background};
  388. }
  389.  
  390. .pagination a {
  391. color:{color:Bold};
  392. padding:3px;
  393. -moz-transition-duration: 0.5s;
  394. -o-transition-duration: 0.5s;
  395. -webkit-transition-duration: 0.5s;
  396. transition-duration: 0.5s;
  397. }
  398.  
  399. .pagination a:hover {
  400. color:{color:Link Hover};
  401. text-decoration:none;
  402. -moz-transition-duration: 0.5s;
  403. -o-transition-duration: 0.5s;
  404. -webkit-transition-duration: 0.5s;
  405. transition-duration: 0.5s;
  406. }
  407.  
  408. .container {
  409. width:900px;
  410. margin: auto;
  411. margin-top:-8px;
  412. }
  413.  
  414.  
  415. .postscontainer {
  416. width:500px;
  417. height:460px;
  418. margin: auto;
  419. position:fixed;
  420. margin-top:80px;
  421. margin-bottom:50px;
  422. margin-left:270px;
  423. background-color:{color:Posts BG};
  424. outline:1px solid {color:info border};
  425. border-right:px solid {color:Bottom Border};
  426. overflow-y:scroll;
  427. overflow-x:hidden;
  428. }
  429.  
  430. .posts {
  431. width:400px;
  432. font-size: {text:Body Font Size};
  433. font-family: {text:Body Font};
  434. margin-bottom:-23px;
  435. margin-top:6px;
  436. margin-left:30px;
  437. padding:20px;
  438. line-height:160%;
  439. letter-spacing:0.5px;
  440. text-align:justify;
  441. }
  442.  
  443.  
  444.  
  445.  
  446. .info {
  447. width:400px;
  448. margin-top:35px;
  449. padding-bottom:0px;
  450. padding:5px;
  451. margin-left:px;
  452. text-align:center;
  453. font-family:hind;
  454. text-transform:lowercase;
  455. letter-spacing:0.5px;
  456. font-size:8.5px;
  457. border-top:1px solid {color:Info Border};
  458. }
  459.  
  460. .info a {
  461. color:{color:Text};
  462. }
  463.  
  464. .info a:hover {
  465. text-decoration:none;
  466. color:{color:Link Hover};
  467. }
  468.  
  469.  
  470. .tags {
  471. width:400px;
  472. margin-top:px;
  473. text-transform:none;
  474. position:static;
  475. font-family:hind;
  476. letter-spacing:0px;
  477. font-weight:;
  478. text-align:center;
  479. float:initial;
  480. font-size:9px;
  481. text-align:;
  482. letter-spacing:px;
  483. border-top:0px solid {color:infobg};
  484. -moz-transition-duration:0.5s;
  485. -webkit-transition-duration:0.5s;
  486. -o-transition-duration:0.5s;
  487. }
  488.  
  489. .tags a {
  490. padding:5px;
  491. background-color:none;
  492. color:{color:Text};
  493. }
  494.  
  495. .tags a:hover {
  496. text-decoration:none;
  497. color:{color:Link Hover};
  498. }
  499.  
  500. ul li {
  501. color:#444; /* set color of list item to a dark gray */
  502. list-style:none; /* if you’re not already using a reset */
  503. }
  504.  
  505. ul li:before {
  506. color:{color:Bold}; /* set color to red */
  507. content:"\25E6"; /* /2022 is the numerical unicode for &bull; */
  508. font-size:2em; /* set the font-size of the bullet if necessary. Make sure to use em or %*/
  509. padding-right:.25em; /* give the bullet some padding from the text Make sure to use em*/
  510. position:relative;
  511. top:.1em; /* set the vertical position of the bullet if necessary. Make sure to use em or % */
  512. }
  513.  
  514. .postnote {
  515. width:400px;
  516. text-transform:lowercase;
  517. font-size: {text:Body Font Size};
  518. font-family: {text:Body Font};
  519. text-align:left;
  520. margin-top:60px;
  521. }
  522.  
  523. .postnote li {
  524. list-style-type:none;
  525. padding:10px 0px 0px 0px;
  526. text-align:left;
  527. -moz-transition-duration:0.5s;
  528. -webkit-transition-duration:0.5s;
  529. -o-transition-duration:0.5s;
  530. }
  531.  
  532. .postnote img {
  533. width:0px;
  534. }
  535.  
  536.  
  537. .music {
  538. width:400px;
  539. {block:ifShow400pxposts}
  540. width:400px;
  541. {/block:ifShow400pxposts}
  542. padding-bottom:10px;
  543. }
  544.  
  545. .albumart {
  546. float:left;
  547. width:45px;
  548. padding: 3px;
  549. margin:2px 7px -3px 6px;
  550. border-radius:10%;
  551. }
  552.  
  553. .playercontainer {
  554. text-align:left;
  555. padding-top:15px;
  556. width:450px;
  557. {block:ifShow400pxposts}
  558. width:350px;
  559. {/block:ifShow400pxposts}
  560. }
  561.  
  562. .musicinfo {
  563. padding:10px;
  564. margin-top:20px;
  565. text-transform:uppercase;
  566. font-size: {text:Body Font Size};
  567. font-family: {text:Body Font};
  568. color:{color:Text};
  569. }
  570.  
  571. .quote {
  572. font-size: {text:Body Font Size};
  573. font-family: {text:Body Font};
  574. letter-spacing:0.1px;
  575. text-transform:uppercase;
  576. line-height:100%;
  577. text-align:center;
  578. }
  579.  
  580. .source {
  581. font-family:calibri;
  582. font-size:10px;
  583. font-style:normal;
  584. text-align:center;
  585. line-height:17px;
  586. }
  587.  
  588. .chat {
  589. margin-top:5px;
  590. font-size: {text:Body Font Size};
  591. font-family: {text:Body Font};
  592. }
  593.  
  594. .chat .lines {
  595. margin-left:0;
  596. }
  597.  
  598. .chat .lines span {
  599. font-weight: bold;
  600. color:{color:bold};
  601. }
  602.  
  603. .ask {
  604. width:400px;
  605. font-size: {text:Body Font Size};
  606. font-family: {text:Body Font};
  607. text-transform:capitalize;
  608. text-align:left;
  609. font-weight:;
  610. padding-top:4px;
  611. padding-left:7px;
  612. padding-bottom:10px;
  613. font-size: {text:Body Font Size};
  614. font-family: {text:Body Font};
  615. border-bottom: 1px solid {color:Info Border};
  616. }
  617.  
  618. .ask a {
  619. color:{color:bold};
  620. }
  621.  
  622. .ask a:hover {
  623. text-decoration:none;
  624. color:{color:Link Hover};
  625. }
  626.  
  627. .answer {
  628. width:400px;
  629. letter-spacing:0px;
  630. text-align:left;
  631. padding-top:px;
  632. margin-bottom:1px;
  633. font-size: {text:Body Font Size};
  634. font-family: {text:Body Font};
  635. }
  636.  
  637. .credit {
  638. position:fixed;
  639. font-family:calibri;
  640. font-size:8px;
  641. line-height:150%;
  642. letter-spacing:0px;
  643. right:5px;
  644. bottom:20px;
  645. text-transform:uppercase;
  646. text-align:center;
  647. border: 1px solid {color:Info Border};
  648. background-color: #FFFFFF;
  649. color: #393939;
  650. }
  651.  
  652. .credit a {
  653. color:{color:text};
  654. font-style:normal;
  655. padding:3px;
  656. -moz-transition-duration:0.5s;
  657. -webkit-transition-duration:0.5s;
  658. -o-transition-duration:0.5s;
  659. }
  660. *, body, a, a:hover {cursor: url(https://i.imgur.com/blDVv74.png), auto;}
  661.  
  662. </style>
  663. </head>
  664.  
  665.  
  666. <body>
  667. <div class="container">
  668. <div class="sidebarlinks">
  669. <a href="/" title="refresh"><i class="fa fa-circle-o" aria-hidden="true"></i></a>  
  670. <a href="/ask" title="questions"><i class="fa fa-circle-o" aria-hidden="true"></i></a>  
  671. <a href="{text:link1 url}" title="{text:link1 hover}"><i class="fa fa-circle-o" aria-hidden="true"></i></a>  
  672. <a href="{text:link2 url}" title="{text:link2 hover}"><i class="fa fa-circle-o" aria-hidden="true"></i></a>  
  673. <a href="{text:link3 url}" title="{text:link3 hover}"><i class="fa fa-circle-o" aria-hidden="true"></i></a>
  674.  
  675. {block:Pagination}
  676. <span style="float:right;">
  677. {block:PreviousPage}
  678. <a title="back" href="{PreviousPage}"> <i class="fa fa-angle-double-left" aria-hidden="true"></i></a>
  679. {/block:PreviousPage}
  680. {block:NextPage}
  681. <a title="next" href="{NextPage}"> <i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
  682. {/block:NextPage}
  683. </span>
  684. {/block:Pagination}
  685. </div>
  686.  
  687. <div class="sidebar">
  688. {block:ifShowIcon1}
  689. <center>
  690. <img src="{image:icon}" class="sidebarimage">
  691. </center>
  692. {/block:ifShowIcon1}
  693.  
  694. <div class="description">
  695. {Description}
  696. </div>
  697.  
  698.  
  699. {block:ifShowIcon2}
  700. <center>
  701. <img src="{image:icon2}" class="sidebarimage">
  702. </center>
  703. {/block:ifShowIcon2}
  704. </div>
  705.  
  706. <div class="credit"><a href="http://scottisbae.tumblr.com/">scottisbae</a></div>
  707.  
  708. <div class="postscontainer">
  709.  
  710. {block:Posts}
  711. <div class="posts">
  712.  
  713.  
  714. {block:Text}
  715. {block:Title}<h2>{Title}</h2>{/block:Title}
  716. {Body}
  717. {/block:Text}
  718.  
  719. {block:Quote}<div class="quote">&#8220;{Quote}&#8221;</div><center><div class="source">&mdash; {block:Source}{Source}{/block:Source}</div></center><br>{/block:Quote}
  720.  
  721. {/block:Quote}
  722.  
  723. {block:Link}
  724. <h2><a href="{URL}">{Name}</a></h2>
  725. {block:Description}{Description}{/block:Description}
  726. {/block:Link}
  727.  
  728. {block:Chat}
  729. {block:Title}<h2>{Title}</h2>{/block:Title}
  730. {block:lines}
  731. <div class="chat">
  732. <div class="lines">{block:label}
  733. <span><span style="text-transform:uppercase;font-family:arial;font-size:7px;letter-spacing:0.5px;">{label}</span></span>
  734. {/block:label}
  735. <br>{line}</br></div></div>
  736. {/block:lines}
  737. {/block:Chat}
  738.  
  739. {block:Answer}<div class="ask"><p><span style="font-weight:bold;text-transform:lowercase;color:{color:bold};">{Asker} </span><span style="font-size:9px;color:{color:bold};"><i class="fa fa-question"></i></span></p> <span style="text-transform:none;"> {Question} </span></div><div class="caption"><div class="answer">{Answer}</div></div>{/block:answer}
  740.  
  741. {block:Photo}
  742. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  743. {/block:Photo}
  744.  
  745. {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-400}" width="{PhotoWidth-400}" height="{PhotoHeight-400}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div> {block:Caption}{Caption}{/block:Caption} {/block:Photoset}
  746.  
  747. {block:Audio}<div class="music">{block:AlbumArt}<img src="{AlbumArtURL}" class="albumart">{/block:AlbumArt}
  748. <div class="playercontainer">{AudioPlayerWhite}</div>
  749. <div class="musicinfo">{block:TrackName} {TrackName} {/block:TrackName} {block:Artist}by <b>{Artist}</b> {/block:Artist}</div>
  750. {block:Caption}{Caption}{/block:Caption}<br></div>{/block:Audio}
  751.  
  752. {block:Video}{Video-400}
  753. {block:Caption}{Caption}{/block:Caption}
  754. {/block:Video}
  755.  
  756. {block:Date}<div class="info"><span style="color:{color:Bold};font-size:10px";><i class="fa fa-sort" aria-hidden="true"></i></span> <a href="{Permalink}">{TimeAgo}</a>{block:NoteCount}  <span style="color:{color:Bold};font-size:7px";><i class="fa fa-heart-o" aria-hidden="true"></i></span> {NoteCountwithlabel}{/block:NoteCount}   {block:PermalinkPage} {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} <span style="color:{color:linkinfo}"><a href="{SourceURL}"></a><a href="{ReblogRootURL}"><span style="color:{color:linkinfo}">©</a></span>{/block:ContentSource}{/block:RebloggedFrom} {/block:PermalinkPage}<span style=";"><a title="reblog" href="{ReblogURL}" target="_blank" class="details"><span style="color:{color:Bold};font-size:7px";><i class="fa fa-share" aria-hidden="true"></i></span></a></span></div>
  757. {/block:Date}
  758.  
  759. {block:HasTags}
  760. <div class="tags">
  761. {block:Tags}<span style="color:{color:Bold}"><i class="fa fa-tag" aria-hidden="true"></i></span><a href="{TagURL}">{Tag}</a> {/block:Tags}
  762. </div>
  763. {/block:HasTags}
  764.  
  765. <div class="postnote">
  766. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  767.  
  768. </div>
  769. {/block:Posts}
  770.  
  771. <script type="text/javascript">
  772. // <![CDATA[
  773. var colour="#f7ffff"; // what colour are the blobs
  774. var speed=40; // speed of animation, lower is faster
  775. var blobs=10; // how many blobs are in the jar
  776. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  777.  
  778. /***************************\
  779. * Blobs in a Jar Effect *
  780. * (c)2012 mf2fm web-design *
  781. * http://www.mf2fm.com/rv *
  782. * DON'T EDIT BELOW THIS BOX *
  783. \***************************/
  784.  
  785. window.onload=fill_the_jar;
  786. var div;
  787. var xpos=new Array();
  788. var ypos=new Array();
  789. var zpos=new Array();
  790. var dx=new Array();
  791. var dy=new Array();
  792. var dz=new Array();
  793. var blob=new Array();
  794. var swide=800;
  795. var shigh=600;
  796. function fill_the_jar() {
  797. var i, dvs;
  798. div=document.createElement('div');
  799. dvs=div.style;
  800. dvs.position='fixed';
  801. dvs.left='0px';
  802. dvs.top='0px';
  803. dvs.width='1px';
  804. dvs.height='1px';
  805. document.body.appendChild(div);
  806. set_width();
  807. for (i=0; i<blobs; i++) {
  808. add_blob(i);
  809. jamjar(i);
  810. }
  811. }
  812.  
  813. function add_blob(ref) {
  814. var dv, sy;
  815. dv=document.createElement('div');
  816. dv.appendChild(document.createTextNode(charc));
  817. sy=dv.style;
  818. sy.position='absolute';
  819. sy.textAlign="center";
  820. if (navigator.appName=="Microsoft Internet Explorer") {
  821. sy.fontSize="10px";
  822. sy.width="100px";
  823. sy.height="100px";
  824. sy.paddingTop="40px";
  825. sy.color=colour;
  826. }
  827. else sy.color='rgba(0,0,0,0)';
  828. ypos[ref]=Math.floor(shigh*Math.random());
  829. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  830. xpos[ref]=Math.floor(swide*Math.random());
  831. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  832. zpos[ref]=Math.random()*20;
  833. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  834. blob[ref]=dv;
  835. div.appendChild(blob[ref]);
  836. set_blob(ref);
  837. }
  838. function rejig(ref, xy) {
  839. if (xy=='y') {
  840. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  841. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  842. }
  843. else {
  844. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  845. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  846. }
  847. }
  848. function sign(a) {
  849. if (a<0) return (-2);
  850. else if (a>0) return (2);
  851. else return (0);
  852. }
  853. function set_blob(ref) {
  854. var sy;
  855. sy=blob[ref].style;
  856. sy.top=ypos[ref]+'px';
  857. sy.left=xpos[ref]+'px';
  858. if (navigator.appName=="Microsoft Internet Explorer") {
  859. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  860. sy.fontSize=30-zpos[ref]+"px";
  861. }
  862. else {
  863. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  864. sy.fontSize=40+zpos[ref]+'px';
  865. }
  866. }
  867. function jamjar(ref) {
  868. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  869. ypos[ref]+=dy[ref];
  870. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  871. xpos[ref]+=dx[ref];
  872. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  873. zpos[ref]+=dz[ref];
  874. set_blob(ref);
  875. setTimeout("jamjar("+ref+")", speed);
  876. }
  877.  
  878. window.onresize=set_width;
  879. function set_width() {
  880. var sw_min=999999;
  881. var sh_min=999999;
  882. if (document.documentElement && document.documentElement.clientWidth) {
  883. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  884. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  885. }
  886. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  887. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  888. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  889. }
  890. if (document.body.clientWidth) {
  891. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  892. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  893. }
  894. if (sw_min==999999 || sh_min==999999) {
  895. sw_min=800;
  896. sh_min=600;
  897. }
  898. swide=sw_min;
  899. shigh=sh_min;
  900. }
  901. // ]]>
  902. </script>
  903.  
  904.  
  905.  
  906. </div>
  907. </div>
  908. </div>
  909. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!