API tools faq
paste
Advertisement
octomoosey

howl at the moon

octomoosey
Aug 19th, 2016
3,592
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.92 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- octomoosey @ tumblr -->
  4.  
  5. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <meta name="color:background" content="#d4d4d4">
  12. <meta name="color:postbg" content="#ffffff" />
  13. <meta name="color:navbar" content="#000000" />
  14. <meta name="color:toplinks" content="a20000">
  15. <meta name="color:toplinkshover" content="#a20000">
  16. <meta name="color:topicons" content="#ffffff">
  17. <meta name="color:scrollbar" content="#a20000" />
  18. <meta name="color:italic" content="#a20000" />
  19. <meta name="color:bold" content="#a20000" />
  20. <meta name="color:posttitle" content="#a20000" />
  21. <meta name="color:text" content="#333333">
  22. <meta name="color:link" content="#a20000">
  23. <meta name="color:linkhover" content="#cbcbcb">
  24. <meta name="color:postinfobg" content="#000000" />
  25. <meta name="color:postinfo" content="#ffffff" />
  26. <meta name="color:postinfohover" content="#a20000" />
  27. <meta name="color:title" content="#ffffff" />
  28. <meta name="color:titleshadow" content="#a20000" />
  29. <meta name="color:boxtitlebg" content="#000000" />
  30. <meta name="color:boxtitle" content="#ffffff" />
  31. <meta name="color:boxcontentbg" content="#ffffff" />
  32. <meta name="color:boxcontent" content="#363636">
  33. <meta name="color:quicklinks" content="#a20000">
  34. <meta name="color:quicklinkshover" content="#cbcbcb">
  35. <meta name="color:footerbg" content="#000000">
  36. <meta name="color:footertext" content="#ffffff">
  37. <meta name="color:tooltiptext" content="#ffffff" />
  38. <meta name="color:tooltipborder" content="#ffffff" />
  39. <meta name="color:tooltipbg" content="#000000" />
  40. <meta name="color:selectiontext" content="#ffffff" />
  41. <meta name="color:selectionbg" content="#8c8c8c" />
  42.  
  43. <meta name="text:font size" content="10px" />
  44. <meta name="text:subtitle" content="throw me to the wolves" />
  45. <meta name="text:blogowner" content="blog owner name or site name" />
  46.  
  47. <meta name="text:link 1" content="link 1"/>
  48. <meta name="text:link 1 url" content="/"/>
  49. <meta name="text:link 2" content="link 2"/>
  50. <meta name="text:link 2 url" content="/"/>
  51. <meta name="text:link 3" content="link 3"/>
  52. <meta name="text:link 3 url" content="/"/>
  53. <meta name="text:link 4" content="link 4"/>
  54. <meta name="text:link 4 url" content="/"/>
  55. <meta name="text:link 5" content="link 5"/>
  56. <meta name="text:link 5 url" content="/"/>
  57.  
  58. <meta name="text:quicklink 1" content="quicklink 1"/>
  59. <meta name="text:quicklink 1 url" content="/"/>
  60. <meta name="text:quicklink 2" content="quicklink 2"/>
  61. <meta name="text:quicklink 2 url" content="/"/>
  62. <meta name="text:quicklink 3" content="quicklink 3"/>
  63. <meta name="text:quicklink 3 url" content="/"/>
  64. <meta name="text:quicklink 4" content="quicklink 4"/>
  65. <meta name="text:quicklink 4 url" content="/"/>
  66. <meta name="text:quicklink 5" content="quicklink 5"/>
  67. <meta name="text:quicklink 5 url" content="/"/>
  68.  
  69. <meta name="image:header" content="https://static.tumblr.com/16f6f230c44afe00f38e9d4bd89a2463/uopakca/QCDoc6gwy/tumblr_static_9xalm5kef4wg8kwo8okco0c0s.jpg" />
  70. <meta name="image:background" content="" />
  71.  
  72. <meta name="if:hidecaptions" content="0"/>
  73.  
  74. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  75.  
  76. <link href='https://fonts.googleapis.com/css?family=Cinzel' rel='stylesheet' type='text/css'>
  77.  
  78. <link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
  79.  
  80. </head>
  81. <style>
  82.  
  83. #tumblr_lightbox {
  84. background-color:rgba(255, 255, 255, .9)!important;
  85. z-index:99999!important;}
  86.  
  87. #tumblr_lightbox img {opacity:0;}
  88.  
  89. #tumblr_lightbox_caption {
  90. font-weight:normal!important;
  91. text-shadow:none!important;}
  92.  
  93. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  94. -moz-box-shadow:none!important;
  95. -webkit-box-shadow:none!important;
  96. box-shadow:none!important;
  97. -moz-border-radius:0px!important;
  98. -webkit-border-radius:0px!important;
  99. border-radius:0px!important;
  100. opacity:1!important;}
  101.  
  102. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  103.  
  104. iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
  105. position:fixed;
  106. top:10px!important;
  107. right:10px!important;
  108. white-space:nowrap;
  109. opacity:0.7;
  110. transition: 0.7s ease-in-out;
  111. -webkit-transition: 0.7s ease-in-out;
  112. -moz-transition: 0.7s ease-in-out;
  113. -o-transition: 0.7s ease-in-out;}
  114.  
  115. ::-webkit-scrollbar{
  116. height:3px;
  117. width:4px;
  118. background:inherit;}
  119.  
  120. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  121.  
  122. ::-webkit-scrollbar-track {background:{color:pageborder};}
  123.  
  124. ::-moz-selection {
  125. color:{color:selectiontext};
  126. background:{color:selectionbg};}
  127.  
  128. ::selection {
  129. color:{color:selectiontext};
  130. background:{color:selectionbg};}
  131.  
  132. body {
  133. margin:0;
  134. font-size: {text:font size};
  135. font-family: 'Lora', serif;
  136. line-height:150%;
  137. -moz-osx-font-smoothing:grayscale;
  138. -webkit-font-smoothing:antialiased;
  139. font-smoothing:antialiased;
  140. color:{color:text};
  141. background:{color:background};
  142. background-image: url('{image:background}');
  143. background-repeat: repeat;
  144. background-attachment: fixed;}
  145.  
  146. blockquote {
  147. padding-left:10px;
  148. border-left:1px solid {color:borders};
  149. margin:15px 0px 10px 0px;
  150. text-align:justify;}
  151.  
  152. .caption blockquote {
  153. margin:15px 0px 10px 0px;}
  154.  
  155. blockquote img {
  156. max-width:100%;
  157. height:auto;}
  158.  
  159. img {
  160. max-width:100%;
  161. height:auto;}
  162.  
  163. .caption img {
  164. max-width:100%;
  165. height:auto;}
  166.  
  167. .posts img {
  168. max-width:100%;
  169. margin-top:5px;
  170. margin-bottom:5px;}
  171.  
  172. .caption {
  173. margin-top:15px;
  174. {block:ifhidecaptions}
  175. {block:indexpage}
  176. display:none;
  177. {/block:indexpage}
  178. {/block:ifhidecaptions}}
  179.  
  180. a {
  181. color:{color:link};
  182. text-decoration:none;
  183. letter-spacing:1px;
  184. cursor:help;
  185. -webkit-transition: all 0.7s ease;
  186. transition: all 0.7s ease;
  187. -moz-transition: all 0.7s ease;
  188. -o-transition: all 0.7s ease;}
  189.  
  190. a:hover {
  191. letter-spacing:1px;
  192. text-decoration:none;
  193. color:{color:linkhover};}
  194.  
  195. p {
  196. margin:10px 0 10px 0;}
  197.  
  198. p:first-of-type {
  199. margin-top:0;
  200. padding-top:0;}
  201.  
  202. p:last-of-type {
  203. margin-bottom:10px;
  204. padding-bottom:0;}
  205.  
  206. small, sub {
  207. font-size: {text:font size};
  208. vertical-align:baseline;}
  209.  
  210. pre {
  211. white-space: pre-wrap;
  212. white-space: -moz-pre-wrap;
  213. white-space: -pre-wrap;
  214. white-space: -o-pre-wrap;
  215. word-wrap: break-word;}
  216.  
  217. h1, h3, h4, h5, h6 {
  218. text-align:center;
  219. font-family: 'Cinzel', serif;
  220. font-size:15px;}
  221.  
  222. b, strong {
  223. font-family: 'Cinzel', serif;
  224. font-size: {text:bodyfontsize};
  225. color:{color:bold};}
  226.  
  227. i, em {
  228. font-family: 'Cinzel', serif;
  229. font-size: 12px;
  230. color:{color:italic};
  231. letter-spacing:1.5px;}
  232.  
  233. ol.notes {
  234. width:500px;
  235. list-style-type:none;
  236. text-align:left;
  237. padding:0px;
  238. margin:0px;}
  239.  
  240. ol.notes li.note {
  241. display:block;
  242. padding:0;
  243. margin:5px 0;}
  244.  
  245. ol.notes li.note img.avatar {display:none!important;}
  246.  
  247. a.more_notes_link {
  248. display:block;
  249. text-align:left;
  250. border:0;
  251. color:{color:link};}
  252.  
  253. #entries {
  254. margin-top:80px;
  255. margin-bottom:50px;
  256. margin-left:460px;}
  257.  
  258. .post {
  259. background:{color:postbg};
  260. text-align:justify;
  261. padding:20px;
  262. width:500px;
  263. display:block;}
  264.  
  265. h2 {
  266. text-align:center;
  267. font-size:20px;
  268. font-weight:700;
  269. margin:0px 0px 10px 0px;
  270. color:{color:posttitle};}
  271.  
  272. .information {
  273. margin-top:0px;
  274. padding:20px;
  275. text-align:right;
  276. font-size:9px;
  277. text-transform:uppercase;
  278. width:500px;
  279. margin-bottom:40px;
  280. background:{color:postinfobg};}
  281.  
  282. .information a {
  283. margin-right:3px;
  284. color:{color:postinfo};}
  285.  
  286. .information a:hover {
  287. color:{color:postinfohover};}
  288.  
  289. .date {
  290. margin-top:0px;
  291. padding:20px;
  292. text-align:right;
  293. font-size:9px;
  294. text-transform:uppercase;
  295. width:500px;
  296. height:14px;
  297. background:{color:postinfobg};}
  298.  
  299. .date a {
  300. margin-right:3px;
  301. color:{color:postinfo};}
  302.  
  303. .date a:hover {
  304. color:{color:postinfohover};}
  305.  
  306. #title {
  307. right:30px;
  308. top:220px;
  309. letter-spacing:2px;
  310. position:absolute;
  311. text-align:right;
  312. font-size:40px;
  313. color:{color:title};
  314. margin-top:0px;
  315. text-shadow:0px 1px {color:titleshadow};}
  316.  
  317. #subtitle {
  318. right:30px;
  319. top:260px;
  320. letter-spacing:2px;
  321. position:absolute;
  322. text-align:right;
  323. font-size:18px;
  324. color:{color:title};
  325. margin-top:0px;
  326. text-shadow:0px 1px {color:titleshadow};}
  327.  
  328. .titlequote {
  329. text-transform:uppercase;}
  330.  
  331. .source {
  332. text-align:right;}
  333.  
  334. .question {
  335. background:{color:second color};
  336. border-bottom:1px solid {color:text};
  337. margin-bottom:5px;
  338. padding-bottom:5px;}
  339.  
  340. .asker {
  341. text-transform:uppercase;
  342. font-size:12px;}
  343.  
  344. .chat ul {
  345. display:block;
  346. list-style:none;
  347. margin-left:-40px;}
  348.  
  349. .chat li {
  350. padding:3px;
  351. display:block;}
  352.  
  353. .chat .odd {
  354. background:{color:third color};}
  355.  
  356. .chat .even {
  357. background:{color:second color};}
  358.  
  359. .tumblr_audio_player {
  360. width:250px;
  361. height:30px;
  362. margin-top:-2px;}
  363.  
  364. .player {
  365. width:75px;
  366. height:25px;
  367. display:block;
  368. overflow:hidden;}
  369.  
  370. .hold {
  371. background:#e4e4e4;
  372. display:block;
  373. opacity:.7;
  374. padding:15px;}
  375.  
  376. .audio_info {
  377. padding:15px 0;
  378. border-bottom:1px solid {color:borders};}
  379.  
  380. #pagination {
  381. text-transform:uppercase;
  382. color:{color:footertext};
  383. float:right;
  384. padding:10px;
  385. margin-right:10px;
  386. margin-top:45px;
  387. font-size:16px;}
  388.  
  389. #s-m-t-tooltip {
  390. max-width:300px;
  391. border-radius: 0px;
  392. padding:4px;
  393. margin:15px 15px 5px 0px;
  394. color:{color:tooltiptext};
  395. border:1px solid {color:tooltipborder};
  396. font-size:10px;
  397. letter-spacing:1px;
  398. background:{color:tooltipbg};
  399. font-family: 'Cinzel', serif;
  400. z-index:99999;}
  401.  
  402. #header {
  403. background:#000;
  404. height:500px;
  405. width:1000px;
  406. background-image: url('{image:header}');
  407. background-repeat:no-repeat;
  408. background-attachment:fixed;
  409. background-position:top center;}
  410.  
  411. #container {
  412. position:absolute;
  413. width:1000px;
  414. height:100%;
  415. left:50%;
  416. margin-left:-500px;}
  417.  
  418. #contbg {
  419. position:fixed;
  420. width:1000px;
  421. height:100%;
  422. left:50%;
  423. margin-left:-500px;
  424. background:#ddd;}
  425.  
  426. .bar {
  427. margin-top:500px;
  428. width:1000px;
  429. position:absolute;
  430. left:50%;
  431. margin-left:-500px;
  432. z-index:8;}
  433.  
  434. .sticky {
  435. position:fixed;
  436. margin-top:0px;}
  437.  
  438. .fa.icon-side {
  439. color:{color:topicons};
  440. font-size:14px;}
  441.  
  442. #navbar {
  443. padding-left:30px;
  444. width:970px;
  445. margin:auto;
  446. text-align:left;
  447. background:{color:navbar};}
  448.  
  449. #navtop a {
  450. color:{color:toplinks};
  451. margin-right:10px;
  452. text-align:center;
  453. text-transform:uppercase;
  454. display:inline-block;
  455. font-size:10px;
  456. letter-spacing:1px;
  457. line-height:40px;}
  458.  
  459. #navtop a:hover {
  460. color:{color:toplinkshover};}
  461.  
  462. .boxtitle {
  463. color:{color:boxtitle};
  464. margin-top:0px;
  465. padding:20px;
  466. text-align:right;
  467. font-size:9px;
  468. text-transform:uppercase;
  469. width:380px;
  470. height:14px;
  471. background:{color:boxtitlebg};}
  472.  
  473. .boxcontent {
  474. color:{color:boxcontent};
  475. background:{color:boxcontentbg};
  476. padding:20px;
  477. margin-bottom:40px;}
  478.  
  479. #sidebar {
  480. position:absolute;
  481. margin-top:80px;
  482. width:420px;
  483. left:0px;}
  484.  
  485. #footer {
  486. height:120px;
  487. background:{color:footerbg};}
  488.  
  489. #footercontent {
  490. text-transform:uppercase;
  491. padding:10px;
  492. color:{color:footertext};}
  493.  
  494. #portrait {
  495. margin-top:10px;
  496. margin-left:10px;
  497. border-radius:100%;
  498. float:left;
  499. margin-right:10px;}
  500.  
  501. #portrait img {
  502. -webkit-border-radius: 10px;
  503. -moz-border-radius: 10px;
  504. border-radius: 10px;
  505. height:100px;
  506. width:100px;}
  507.  
  508. .quick a {
  509. padding:3px;
  510. text-transform:uppercase;
  511. text-align:center;
  512. border-bottom:solid 1px {color:boxcontent};
  513. display:block;
  514. margin-top:0px;
  515. color:{color:quicklinks};
  516. text-decoration:none;
  517. letter-spacing:2px;
  518. cursor:help;
  519. -webkit-transition: all 0.7s ease;
  520. transition: all 0.7s ease;
  521. -moz-transition: all 0.7s ease;
  522. -o-transition: all 0.7s ease;}
  523.  
  524. .quick a:hover {
  525. color:{color:quicklinkshover};
  526. letter-spacing:1px;
  527. cursor:help;
  528. -webkit-transition: all 0.7s ease;
  529. transition: all 0.7s ease;
  530. -moz-transition: all 0.7s ease;
  531. -o-transition: all 0.7s ease;}
  532.  
  533. .quick a:last-of-type {
  534. margin-bottom:-5px;
  535. padding-bottom:0;
  536. border:0;}
  537.  
  538. #disclaimer {
  539. color:{color:footertext};
  540. margin-top:0px;
  541. text-transform:uppercase;
  542. font-size:7px;
  543. width:400px;
  544. line-height:12px;}
  545.  
  546. table {}
  547.  
  548. table img {
  549. -webkit-border-radius: 10px;
  550. -moz-border-radius: 10px;
  551. border-radius: 10px;
  552. height:70px;
  553. width:70px;}
  554.  
  555. .tdimg {
  556. width:90px;}
  557.  
  558. .tdtext {}
  559.  
  560. </style>
  561. <body>
  562.  
  563. <div class="bar">
  564. <div id="navbar">
  565. <div id="navtop">
  566. <a href="/" title="home"><i class="fa fa-home icon-side"></i></a>
  567. <a href="/ask" title="query"><i class="fa fa-question icon-side"></i></a>
  568. <a href="/submit" title="submit"><i class="fa fa-comments-o icon-side"></i></a>
  569. <a href="https://octomoosey.tumblr.com/" title="theme"><i class="fa fa-code icon-side"></i></a>
  570. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  571. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  572. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  573. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  574. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  575. </div>
  576. </div>
  577. </div>
  578. </div>
  579.  
  580. <div id="contbg"></div>
  581. <div id="container">
  582. <div id="header"><div id="title">{title}</div><div id="subtitle">{text:subtitle}</div></div>
  583.  
  584.  
  585. <div id="sidebar">
  586. <div class="boxtitle">welcome</div>
  587. <div class="boxcontent">{description}</div>
  588.  
  589. <div class="boxtitle">explore</div>
  590. <div class="boxcontent">
  591. <div class="quick">
  592. {block:ifquicklink1}<a href="{text:quicklink 1 url}">{text:quicklink 1}</a>{/block:ifquicklink1}
  593. {block:ifquicklink2}<a href="{text:quicklink 2 url}">{text:quicklink 2}</a>{/block:ifquicklink2}
  594. {block:ifquicklink3}<a href="{text:quicklink 3 url}">{text:quicklink 3}</a>{/block:ifquicklink3}
  595. {block:ifquicklink4}<a href="{text:quicklink 4 url}">{text:quicklink 4}</a>{/block:ifquicklink4}
  596. {block:ifquicklink5}<a href="{text:quicklink 5 url}">{text:quicklink 5}</a>{/block:ifquicklink5}
  597. </div>
  598. </div>
  599.  
  600. <div class="boxtitle">affiliates / or most wanted / or projects / or members</div>
  601. <div class="boxcontent">
  602. <table>
  603.  
  604. <!--for more members boxes copy from here-->
  605. <tr>
  606. <td class="tdimg">
  607. <img src="https://67.media.tumblr.com/cce549f76594009c9c9955dd0995f394/tumblr_inline_o2gp699NmZ1ro20i7_540.jpg"> <!--add the image url for your icon here-->
  608. </td>
  609. <td class="tdtext">
  610. <!--you can add in any text you like here, just format it with normal html for things like bold or italic or line breaks!-->
  611. <b>member name</b>; member name here<br>
  612. <b>member blog</b>; link to member blog<br>
  613. <b>additional info</b>; anything you want to mention
  614. </td>
  615. </tr>
  616. <!--to here!-->
  617.  
  618. <tr>
  619. <td class="tdimg">
  620. <img src="https://66.media.tumblr.com/542034aae22c41af03a46148f3d6ef6a/tumblr_inline_o2gp714VXz1ro20i7_540.jpg"> <!--add the image url for your icon here-->
  621. </td>
  622. <td class="tdtext">
  623. <b>member name</b>; member name here<br>
  624. <b>member blog</b>; link to member blog<br>
  625. <b>additional info</b>; anything you want to mention
  626. </td>
  627. </tr>
  628.  
  629. <tr>
  630. <td class="tdimg">
  631. <img src="https://66.media.tumblr.com/d09c2521f8a38ef565a4fb8ace451192/tumblr_inline_o2gp8q6BgB1ro20i7_540.jpg"> <!--add the image url for your icon here-->
  632. </td>
  633. <td class="tdtext">
  634. <b>member name</b>; member name here<br>
  635. <b>member blog</b>; link to member blog<br>
  636. <b>additional info</b>; anything you want to mention
  637. </td>
  638. </tr>
  639.  
  640. <!--paste more members boxes here-->
  641.  
  642. </table>
  643. </div>
  644.  
  645. <div class="boxtitle">updates or to-do list</div>
  646. <div class="boxcontent">
  647. <li>list item can go here</li>
  648. <li>another list item can go here</li>
  649. <li>and another</li>
  650. </div>
  651.  
  652. <!--for more sidebar content boxes, copy from here-->
  653.  
  654. <div class="boxtitle">you can have as many content boxes as you like!</div>
  655. <div class="boxcontent">
  656. just follow the instructions in the code to add more sidebar boxes!
  657. </div>
  658.  
  659. <!--to here-->
  660.  
  661. <!--paste more sidebar content boxes here-->
  662.  
  663. </div>
  664.  
  665. <div id="entries">
  666. {block:posts}
  667.  
  668. <div class="date">
  669. {block:Date}
  670. <a href="{permalink}">{DayOfWeek}</a>
  671. {/block:Date}
  672.  
  673. {block:NoteCount}<a href="{permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}
  674. {block:RebloggedFrom}
  675. <a href="{ReblogParentURL}">via</a>
  676. <a href="{ReblogRootURL}">source</a>
  677. {/block:RebloggedFrom}
  678. </div>
  679.  
  680. <div class="post">
  681.  
  682. {block:Quote}
  683. <div class="titlequote">{Quote}</div>
  684. {block:Source}<div class="source">{Source}</div>{/block:Source}
  685. {/block:Quote}
  686.  
  687. {block:Text}
  688. {block:Title}<h2>{Title}</h2>{/block:Title}
  689. {Body}
  690. {/block:Text}
  691.  
  692. {block:Link}
  693. <h2><a href="{URL}">{Name}</a></h2>
  694. {block:Description}{Description}{/block:Description}
  695. {/block:Link}
  696.  
  697. {block:Chat}
  698. {block:Title}<h2>{Title}</h2>{/block:Title}
  699. <ol class="chat">
  700. {block:Lines}
  701. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  702. {/block:Lines}
  703. </ol>
  704. {/block:Chat}
  705.  
  706. {Block:Photo}{LinkOpenTag}
  707. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}{/Block:Photo}
  708.  
  709. {block:Photoset}<div class="media">{photoset}</div>{/block:Photoset}
  710.  
  711. {block:Video}{Video-500}{/block:Video}
  712.  
  713. {block:Panorama}
  714. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  715. {/block:Panorama}
  716.  
  717. {block:Audio}{block:AudioPlayer}<div class="hold"><div class="player">{AudioPlayergrey}</div></div>{/block:AudioPlayer}<div class="audio_info">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} by {Artist}{/block:Artist}</div>
  718. {/block:Audio}
  719.  
  720. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  721.  
  722. {block:Answer}
  723. <div class="question">
  724. <div class="asker">{Asker} asked -</div> {question}</div>{answer}{/block:Answer}
  725.  
  726. </div>
  727.  
  728. <div class="information">
  729. {block:HasTags}{block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}
  730. {/block:HasTags}
  731. </div>
  732.  
  733. {block:PostNotes}
  734. <div class="pagenotes">{PostNotes}</div>
  735. {/block:PostNotes}
  736.  
  737. {/block:posts}
  738.  
  739. </div>
  740.  
  741. {block:indexpage}
  742. <div id="footer">
  743. <div id="pagination">
  744. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> - {/block:PreviousPage} page {CurrentPage} of {TotalPages}{block:NextPage} - <a href="{NextPage}">forth</a>
  745. {/block:NextPage}
  746. {/block:Pagination}</div>
  747. <div id="portrait"><a href="/"><img src="{PortraitURL-128}"/></a></div><div id="footercontent">
  748. blog owner <a href="/">{text:blogowner}</a><br>
  749. copyright © {CopyrightYears}<br>
  750. theme by <a href="https://octomoosey.tumblr.com/">octomoosey</a></div>
  751. <div id="disclaimer"><a href="/">{text:blogowner}</a> claims no ownership or credit for any content published on this blog unless otherwise stated. Original content is subject to standard international intellectual property and copyright legislation.</div>
  752.  
  753. </div>
  754. {/block:indexpage}
  755. </div>
  756.  
  757. {block:ContentSource}
  758. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  759. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  760. {/block:SourceLogo}
  761. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  762. {/block:ContentSource}
  763. </body>
  764. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  765.  
  766. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  767.  
  768. <script>
  769. (function($){
  770. $(document).ready(function(){
  771. $("a[title]").style_my_tooltips({
  772. tip_follows_cursor:true,
  773. tip_delay_time:90,
  774. tip_fade_speed:600,
  775. attribute:"title"
  776. });
  777. });
  778. })(jQuery);
  779. </script>
  780.  
  781. <script>
  782. var bar = document.querySelector('.bar');
  783. var origOffsetY = bar.offsetTop;
  784.  
  785. function onScroll(e) {
  786. window.scrollY >= origOffsetY ? bar.classList.add('sticky') :
  787. bar.classList.remove('sticky');}
  788.  
  789. document.addEventListener('scroll', onScroll);
  790. </script>
  791.  
  792. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  793. </html>
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!