API tools faq
paste
Advertisement
octomoosey

psycho

octomoosey
Dec 22nd, 2015
5,226
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.16 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="#ffffff"/>
  12. <meta name="color:postbg" content="#ffffff"/>
  13. <meta name="color:navbar" content="#ffffff"/>
  14. <meta name="color:text" content="#000000"/>
  15. <meta name="color:posttitle" content="#fb9d28"/>
  16. <meta name="color:asktext" content="#ffffff"/>
  17. <meta name="color:askbackground" content="#000000"/>
  18. <meta name="color:description" content="#ffffff"/>
  19. <meta name="color:link" content="#fb9d28"/>
  20. <meta name="color:linkhover" content="#aaaaaa"/>
  21. <meta name="color:quicklinksbg" content="#fb9d28"/>
  22. <meta name="color:quicklinks" content="#ffffff"/>
  23. <meta name="color:nav" content="#000000"/>
  24. <meta name="color:navhover" content="#aaaaaa"/>
  25. <meta name="color:postinfo" content="#ffffff"/>
  26. <meta name="color:postinfobg" content="#000000"/>
  27. <meta name="color:postinfohover" content="#aaaaaa"/>
  28. <meta name="color:scrollbar" content="#fb9d28" />
  29. <meta name="color:borders" content="#eeeeee"/>
  30. <meta name="color:selectiontext" content="#ffffff" />
  31. <meta name="color:selectionbg" content="#fb9d28" />
  32. <meta name="color:bold" content="#fb9d28" />
  33. <meta name="color:italic" content="#fb9d28" />
  34.  
  35. <meta name="image:header" content="" />
  36.  
  37. <meta name="if:hide captions" content="0"/>
  38. <meta name="if:greyscale" content="0"/>
  39. <meta name="if:box1welcome" content="1"/>
  40. <meta name="if:box2info" content="1"/>
  41. <meta name="if:box3stats" content="1"/>
  42. <meta name="if:box4quicklinks" content="1"/>
  43. <meta name="if:box5blogroll" content="1"/>
  44. <meta name="if:box6event" content="1"/>
  45.  
  46. <meta name="text:link 1" content="link 1"/>
  47. <meta name="text:link 1 url" content="/"/>
  48. <meta name="text:link 2" content="link 2"/>
  49. <meta name="text:link 2 url" content="/"/>
  50. <meta name="text:link 3" content="link 3"/>
  51. <meta name="text:link 3 url" content="/"/>
  52. <meta name="text:link 4" content="link 4"/>
  53. <meta name="text:link 4 url" content="/"/>
  54. <meta name="text:link 5" content="link 5"/>
  55. <meta name="text:link 5 url" content="/"/>
  56.  
  57. <meta name="text:quicklinks 1" content="quicklinks 1"/>
  58. <meta name="text:quicklinks 1 url" content="/"/>
  59. <meta name="text:quicklinks 2" content="quicklinks 2"/>
  60. <meta name="text:quicklinks 2 url" content="/"/>
  61. <meta name="text:quicklinks 3" content="quicklinks 3"/>
  62. <meta name="text:quicklinks 3 url" content="/"/>
  63. <meta name="text:quicklinks 4" content="quicklinks 4"/>
  64. <meta name="text:quicklinks 4 url" content="/"/>
  65. <meta name="text:quicklinks 5" content="quicklinks 5"/>
  66. <meta name="text:quicklinks 5 url" content="/"/>
  67. <meta name="text:quicklinks 6" content="quicklinks 6"/>
  68. <meta name="text:quicklinks 6 url" content="/"/>
  69. <meta name="text:quicklinks 7" content="quicklinks 7"/>
  70. <meta name="text:quicklinks 7 url" content="/"/>
  71. <meta name="text:quicklinks 8" content="quicklinks 8"/>
  72. <meta name="text:quicklinks 8 url" content="/"/>
  73.  
  74. <meta name="text:body font size" content="11px" />
  75. <meta name="text:box 1 title" content="Welcome" />
  76. <meta name="text:box 1 content" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis." />
  77.  
  78. <meta name="text:box 2 title" content="Information" />
  79. <meta name="text:box 2 content" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis." />
  80.  
  81. <meta name="text:stats open since date" content="22nd December 2015" />
  82. <meta name="text:stats accepting on" content="every WEDNESDAY & FRIDAY" />
  83. <meta name="text:stats member count" content="10 males, 10 females, 5 non-binary" />
  84. <meta name="text:stats genre" content="post-apocalypse + horror + mature themes" />
  85. <meta name="text:stats online offline" content="ONLINE" />
  86.  
  87. <meta name="text:box 6 events" content="<b>Current event:</b> AU<br><b>Upcoming events:</b> TBA<br><b>Past events:</b> See navigation" />
  88.  
  89. <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  90.  
  91. <link href='https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
  92.  
  93. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  94.  
  95. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  96.  
  97. <script>
  98. (function($){
  99. $(document).ready(function(){
  100. $("a[title]").style_my_tooltips({
  101. tip_follows_cursor:true,
  102. tip_delay_time:90,
  103. tip_fade_speed:600,
  104. attribute:"title"
  105. });
  106. });
  107. })(jQuery);
  108. </script>
  109. <style type="text/css">
  110.  
  111. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  112. z-index:99999999999999999!important;
  113. white-space:nowrap!important;
  114. top:10px!important;
  115. right:10px!important;
  116. position:fixed!important;
  117. opacity:.6!important;}
  118.  
  119. #tumblr_lightbox {
  120. background-color:rgba(255, 255, 255, .9)!important;
  121. z-index:99999!important;}
  122.  
  123. #tumblr_lightbox img {opacity:0;}
  124.  
  125. #tumblr_lightbox_caption {
  126. font-weight:normal!important;
  127. text-shadow:none!important;}
  128.  
  129. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  130. -moz-box-shadow:none!important;
  131. -webkit-box-shadow:none!important;
  132. box-shadow:none!important;
  133. -moz-border-radius:0px!important;
  134. -webkit-border-radius:0px!important;
  135. border-radius:0px!important;
  136. opacity:1!important;}
  137.  
  138. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  139.  
  140. ::-webkit-scrollbar{
  141. height:3px;
  142. width:3px;
  143. background:inherit;}
  144.  
  145. ::-webkit-scrollbar-thumb {
  146. background:{color:scrollbar};}
  147.  
  148. ::-webkit-scrollbar-track {
  149. background:transparent;}
  150.  
  151. ::-moz-selection {
  152. color:{color:selectiontext};
  153. background:{color:selectionbg};}
  154.  
  155. ::selection {
  156. color:{color:selectiontext};
  157. background:{color:selectionbg};}
  158.  
  159. div[id$="Zy4yby-hide"], .static-only {
  160. display: none;}
  161.  
  162. body {
  163. background:{color:background};
  164. color:{color:text};
  165. font-family: 'Roboto', sans-serif;
  166. font-size: {text:body font size};
  167. font-weight:normal;
  168. position:relative;
  169. text-align:left;
  170. margin:0;
  171. line-height:150%;}
  172.  
  173. blockquote {
  174. padding-left:10px;
  175. border-left:1px solid {color:borders};
  176. margin:15px 30px 10px 10px;
  177. text-align:left;}
  178.  
  179. .caption blockquote {
  180. margin:15px 30px 10px 10px;}
  181.  
  182. blockquote img {
  183. max-width:100%;}
  184.  
  185. img {
  186. max-width:100%;
  187. height:auto;}
  188.  
  189. .caption img {
  190. max-width:100%;
  191. height:auto;}
  192.  
  193. .posts img {
  194. margin-top:5px;
  195. margin-bottom:5px;}
  196.  
  197. pre {
  198. white-space: pre-wrap;
  199. white-space: -moz-pre-wrap;
  200. white-space: -pre-wrap;
  201. white-space: -o-pre-wrap;
  202. word-wrap: break-word;}
  203.  
  204. a {
  205. color:{color:link};
  206. text-decoration:none;
  207. letter-spacing:2px;
  208. cursor:help;
  209. -webkit-transition: all 0.7s ease;
  210. transition: all 0.7s ease;
  211. -moz-transition: all 0.7s ease;
  212. -o-transition: all 0.7s ease;}
  213.  
  214. a:hover {
  215. letter-spacing:1px;
  216. text-decoration:none;
  217. color:{color:linkhover};
  218. text-shadow: 0px 0px #aeaeae, -0px 0px #aeaeae;}
  219.  
  220. p {
  221. margin:10px 10px;}
  222.  
  223. p:first-of-type {
  224. margin-top:0;
  225. padding-top:0;}
  226.  
  227. p:last-of-type {
  228. margin-bottom:10px;
  229. padding-bottom:0;}
  230.  
  231. b, strong {
  232. font-family:font-family: 'Roboto', sans-serif;
  233. text-transform:uppercase;
  234. font-size: {text:bodyfontsize};
  235. color:{color:bold};}
  236.  
  237. i, em {
  238. font-family: 'Yanone Kaffeesatz', sans-serif;
  239. font-size: 16px;
  240. color:{color:italic};
  241. letter-spacing:1.5px;}
  242.  
  243. small, big {
  244. font-size:1em;}
  245.  
  246. h1, h2, h3, h4{
  247. font-family: 'Yanone Kaffeesatz', sans-serif;
  248. font-size:24px;
  249. letter-spacing:2px;
  250. line-height:30px;
  251. text-transform:uppercase;
  252. text-align:center;
  253. color:{color:posttitle};}
  254.  
  255. {block:IfGreyscale}
  256.  
  257. img {
  258. -webkit-filter:grayscale(100%);
  259. -webkit-transition: all 0.9s ease-in-out;
  260. -moz-transition: all 0.9s ease-in-out;
  261. -o-transition: all 0.9s ease-in-out;
  262. -ms-transition: all 0.9s ease-in-out;
  263. transition: all 0.9s ease-in-out;}
  264.  
  265. img:hover {
  266. -webkit-filter:none;}
  267.  
  268. .html_photoset {
  269. -webkit-filter: grayscale(100%);
  270. -webkit-transition: all 0.9s ease-in-out;
  271. -moz-transition: all 0.9s ease-in-out;
  272. -o-transition: all 0.9s ease-in-out;
  273. -ms-transition: all 0.9s ease-in-out;
  274. transition: all 0.9s ease-in-out;}
  275.  
  276. .html_photoset:hover {
  277. -webkit-filter: none;}
  278.  
  279. {/block:IfGreyscale}
  280.  
  281. .caption {
  282. margin-top:15px;
  283. {block:ifhidecaptions}
  284. {block:indexpage}
  285. display:none;
  286. {/block:indexpage}
  287. {/block:ifhidecaptions}}
  288.  
  289. #container{
  290. position:absolute;
  291. top:250px;
  292. left:50%;
  293. margin-left:-500px;
  294. width:1000px;}
  295.  
  296. #entries {
  297. position:relative;
  298. z-index:1;
  299. position:absolute;
  300. top:160px;
  301. margin-left:478px;
  302. margin-bottom:30px;
  303. width:470px;
  304. background:transparent;
  305. padding-bottom:30px;}
  306.  
  307. .posts {
  308. width:500px;
  309. margin-top:20px;
  310. padding:10px;
  311. border:1px solid {color:borders};
  312. text-align:justify;
  313. background-color:{color:postbg};
  314. color:{color:text};}
  315.  
  316. #side {
  317. position:relative;
  318. margin-left:0px;
  319. width:450px;
  320. margin-top:180px;}
  321.  
  322. #boxtitle {
  323. font-family: 'Yanone Kaffeesatz', sans-serif;
  324. font-size:24px;
  325. text-transform:uppercase;
  326. text-align:right;
  327. margin-top:20px;
  328. margin-bottom:5px;}
  329.  
  330. #boxtitle:first-letter {
  331. font-family: 'Yanone Kaffeesatz', sans-serif;
  332. font-size: 30px;
  333. line-height: 30px;
  334. color:{color:link};
  335. text-transform:uppercase;}
  336.  
  337. #box {
  338. padding:10px;
  339. border:1px solid {color:borders};}
  340.  
  341. .blogroll {
  342. margin-top:0px;
  343. padding:10px;
  344. text-align:center; }
  345.  
  346. .quicklinks {
  347. display:inline-block;
  348. margin-top:5px;
  349. margin-bottom:5px;}
  350.  
  351. .quicklinks a {
  352. display:inline-block;
  353. height:25px;
  354. line-height:25px;
  355. text-align:center;
  356. text-transform:uppercase;
  357. margin-bottom:4px;
  358. margin-right:2px;
  359. width:210px;
  360. color:{color:quicklinks};
  361. background-color:{color:quicklinksbg};
  362. font-size:10px;
  363. letter-spacing:1px;
  364. transition-duration: 0.7s;
  365. -moz-transition-duration: 0.7s;
  366. -webkit-transition-duration: 0.7s;
  367. -o-transition-duration: 0.7s;}
  368.  
  369. .quicklinks a:hover {
  370. color:{color:quicklinksbg};
  371. background-color:{color:quicklinks};
  372. transition-duration: 0.7s;
  373. -moz-transition-duration: 0.7s;
  374. -webkit-transition-duration: 0.7s;
  375. -o-transition-duration: 0.7s;}
  376.  
  377. #header {
  378. position:absolute;
  379. z-index:8;
  380. width:1000px;
  381. height:270px;
  382. top:0px;
  383. left:50%;
  384. margin-left:-500px;
  385. background-image:url('{image:header}');
  386. background-repeat:no-repeat;
  387. background-position:top center;}
  388.  
  389. .header img {
  390. width:1000px;
  391. height:600px;
  392. margin:auto;
  393. margin-top:-30px;}
  394.  
  395. .bar {
  396. top:270px;
  397. width:1000px;
  398. position:absolute;
  399. left:50%;
  400. margin-left:-500px;
  401. z-index:99999;}
  402.  
  403. .sticky {
  404. position:fixed;
  405. top:0px;}
  406.  
  407. #navbar {
  408. width:1000px;
  409. height:40px;
  410. margin:auto;
  411. text-align:center;
  412. background:{color:navbar};}
  413.  
  414. #nav a {
  415. height:40px;
  416. text-align:center;
  417. text-transform:uppercase;
  418. width:100px;
  419. display:inline-block;
  420. font-size:10px;
  421. letter-spacing:1px;
  422. line-height:40px;}
  423.  
  424. #nav a:hover {
  425. width:100px;
  426. background:#eeeeee;}
  427.  
  428. #lowheader {
  429. width:1000px;
  430. height:90px;
  431. background-image:url('{image:header}');
  432. background-repeat:no-repeat;
  433. background-position:bottom center;}
  434.  
  435. #description {
  436. float:right;
  437. text-align:right;
  438. width:700px;
  439. padding:10px;
  440. height:60px;
  441. line-height:120%;
  442. color:{color:description};
  443. text-shadow: 2px 2px #000;}
  444.  
  445. #titlequote {font-size:20px;}
  446.  
  447. #source {margin-top:10px;}
  448.  
  449. .playerbuttonbg {
  450. position: absolute;
  451. left: 15px;
  452. top: 17px;
  453. width: 30px;
  454. height: 30px;
  455. background-color: #000;
  456. padding: 10px;
  457. opacity: 0.4;
  458. filter: alpha(opacity=40);
  459. -moz-opacity: 0.4;
  460. -khtml-opacity: 0.4;
  461. transition: opacity .7s ease-in-out;
  462. -moz-transition: opacity .7s ease-in-out;
  463. -webkit-transition: opacity .7s ease-in-out;}
  464.  
  465. .playerbuttonbg:hover {
  466. opacity: 1;
  467. filter: alpha(opacity=100);
  468. -moz-opacity: 1;
  469. -khtml-opacity: 1;}
  470.  
  471. .newplayerbutton {
  472. position: relative;
  473. width: 30px;
  474. height: 30px;
  475. overflow: hidden;}
  476.  
  477. .playerbuttonhug {
  478. position: absolute;
  479. top: -30px;
  480. left: -10px;}
  481.  
  482. .tumblr_audio_player {
  483. height: 90px;
  484. width: 270px;}
  485.  
  486. .audioimgwrapper {
  487. position: absolute;
  488. overflow: hidden;
  489. width: 80px;
  490. height: 80px;}
  491.  
  492. .trackdetails {
  493. width: 340px;
  494. padding:10px;
  495. display:inline-block;
  496. margin-left: 90px;
  497. min-height: 75px;}
  498.  
  499. .audiowrapper {
  500. position: relative;
  501. display:inline-block;}
  502.  
  503. .question {
  504. padding:15px;
  505. margin-bottom:15px;
  506. border:1px solid {color:borders};
  507. color:{color:asktext};
  508. background:{color:askbackground};}
  509.  
  510. .asker {
  511. font-family: 'Yanone Kaffeesatz', sans-serif;
  512. font-size:25px;
  513. line-height:30px;
  514. text-align:center;}
  515.  
  516. .answer {
  517. color:{color:text};
  518. border:0;}
  519.  
  520. .chat {
  521. margin:0;
  522. padding:0;
  523. list-style:none;}
  524.  
  525. .l {
  526. padding-bottom:15px;
  527. margin-top:15px;
  528. border-bottom:1px solid {color:borders};}
  529.  
  530. .label {
  531. font-weight:bold;
  532. color:{color:title};
  533. display:inline-block;}
  534.  
  535. .l:first-of-type {
  536. margin-top:0;}
  537.  
  538. .l:last-of-type {
  539. padding-bottom:0;
  540. border:0;}
  541.  
  542. #date {
  543. background:{color:postinfobg};
  544. padding:10px 15px 10px 15px;
  545. text-align:center;}
  546.  
  547. #date a {
  548. letter-spacing:0px;
  549. font-size:9px;
  550. line-height:9px;
  551. text-transform:lowercase;
  552. color: {color:postinfo};
  553. -webkit-transition: all 0.7s ease;
  554. transition: all 0.7s ease;
  555. -moz-transition: all 0.7s ease;
  556. -o-transition: all 0.7s ease;}
  557.  
  558. #date a:hover {
  559. letter-spacing:1px;
  560. color:{color:postinfohover};
  561. text-shadow: 0px 0px #aeaeae, -0px 0px #aeaeae;}
  562.  
  563. #tags {
  564. margin-top:5px;
  565. font-size:9px;
  566. line-height:9px;}
  567.  
  568. #tags a {
  569. margin-left:5px;}
  570.  
  571. .pagenotes {
  572. margin-top:15px;
  573. padding-top:15px;
  574. padding-left:20px;
  575. text-transform:lowercase;
  576. font-size:8px;
  577. letter-spacing:1px;}
  578.  
  579. .pagenotes a {
  580. border:0;}
  581.  
  582. ol.notes {
  583. list-style-type:none;
  584. text-align:left;
  585. padding:20px;
  586. margin:0px;}
  587.  
  588. ol.notes a {
  589. color:{color:link};}
  590.  
  591. ol.notes a:hover {
  592. color:{color:linkhover};}
  593.  
  594. ol.notes li.note {
  595. display:block;
  596. padding:0;
  597. margin:5px 0;}
  598.  
  599. ol.notes li.note img.avatar {
  600. display:none!important;}
  601.  
  602. a.more_notes_link {
  603. display:block;
  604. text-align:left;
  605. border:0;
  606. color:{color:title};}
  607.  
  608. #s-m-t-tooltip {
  609. max-width:300px;
  610. border-radius: 0px;
  611. padding:4px;
  612. margin:10px 10px 5px 0px;
  613. color:#000;
  614. border:1px solid #000;
  615. font-size:10px;
  616. letter-spacing:1px;
  617. background:#fff;
  618. font-family:{font:bodyfont};
  619. font-size: 12px;
  620. z-index:99999;}
  621.  
  622. #credit {
  623. bottom:5px;
  624. right:5px;
  625. height:30px;
  626. width:30px;
  627. opacity:0.8;
  628. position:fixed;
  629. padding:5px;}
  630.  
  631. </style>
  632.  
  633. <body>
  634.  
  635. <div id="header">
  636. </div>
  637.  
  638. <div class="bar">
  639. <div id="navbar">
  640. <div id="nav">
  641. <a href="/">index</a>
  642. <a href="/ask">enquiries</a>
  643. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  644. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  645. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  646. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  647. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  648. {block:Pagination}
  649. {block:PreviousPage}<a href="{PreviousPage}"><big>retreat</big></a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}"><big>proceed</big></a>
  650. {/block:NextPage}
  651. {/block:Pagination}
  652. </div>
  653. </div>
  654. <div id="lowheader"><div id="description">{description}</div></div>
  655. </div>
  656.  
  657. <div id="container">
  658. <div id="side">
  659.  
  660. {block:ifbox1welcome}
  661. <div id="boxtitle">{text:box 1 title}</div>
  662. <div id="box">{text:box 1 content}</div>
  663. {/block:ifbox1welcome}
  664.  
  665. {block:ifbox2info}
  666. <div id="boxtitle">{text:box 2 title}</div>
  667. <div id="box">{text:box 2 content}</div>
  668. {/block:ifbox2info}
  669.  
  670. {block:ifbox3stats}
  671. <div id="boxtitle">site stats</div>
  672. <div id="box">
  673. <b>O p e n&nbsp S i n c e :</b> {text:stats open since date}<br>
  674. <b>A c c e p t i n g :</b> {text:stats accepting on}<br>
  675. <b>M e m b e r&nbsp c o u n t :</b> {text:stats member count}<br>
  676. <b>G e n r e :</b> {text:stats genre} <br>
  677. <b>A d m i n s :</b> {text:stats online offline}
  678. </div>{/block:ifbox3stats}
  679.  
  680. {block:ifbox4quicklinks}
  681. <div id="boxtitle">quick links</div>
  682. <div id="box"><center>
  683. <div class="quicklinks">
  684. {block:ifquicklinks1}<a href="{text:quicklinks 1 url}">{text:quicklinks 1}</a>{/block:ifquicklinks1}
  685. {block:ifquicklinks2}<a href="{text:quicklinks 2 url}">{text:quicklinks 2}</a>{/block:ifquicklinks2}
  686. {block:ifquicklinks3}<a href="{text:quicklinks 3 url}">{text:quicklinks 3}</a>{/block:ifquicklinks3}
  687. {block:ifquicklinks4}<a href="{text:quicklinks 4 url}">{text:quicklinks 4}</a>{/block:ifquicklinks4}
  688. {block:ifquicklinks5}<a href="{text:quicklinks 5 url}">{text:quicklinks 5}</a>{/block:ifquicklinks5}
  689. {block:ifquicklinks6}<a href="{text:quicklinks 6 url}">{text:quicklinks 6}</a>{/block:ifquicklinks6}
  690. {block:ifquicklinks7}<a href="{text:quicklinks 7 url}">{text:quicklinks 7}</a>{/block:ifquicklinks7}
  691. {block:ifquicklinks8}<a href="{text:quicklinks 8 url}">{text:quicklinks 8}</a>{/block:ifquicklinks8}</div></center>
  692. </div>
  693. {/block:ifbox4quicklinks}
  694.  
  695. {block:ifbox5blogroll}
  696. <div id="boxtitle">members</div>
  697. <div id="box"><div class="blogroll">
  698. {block:Following}{block:Followed}<a target='_blank' href='{FollowedURL}' title="{FollowedName}"><img border='0px' style="padding:0px;" src='{FollowedPortraitURL-30}' /></a>
  699. {/block:Followed}{/block:Following}</div>
  700. </div>{/block:ifbox5blogroll}
  701.  
  702. {block:ifbox6event}
  703. <div id="boxtitle">events</div>
  704. <div id="box">
  705. {text:box 6 events}
  706. </div>{/block:ifbox6event}
  707.  
  708. </div>
  709.  
  710. <div id="entries">
  711.  
  712. {block:Posts}
  713. <div class="posts">
  714.  
  715. {block:Quote}
  716. <div id="titlequote">{Quote}</div>
  717. {block:Source}<div id="source">{Source}</div>{/block:Source}
  718. {/block:Quote}
  719.  
  720. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  721.  
  722. {block:Link}
  723. <div id="title"><a href="{URL}">{Name}</a></div>
  724. {block:Description}{Description}{/block:Description}
  725. {/block:Link}
  726.  
  727. {block:Chat}
  728. {block:Title}<div id="title">{Title}</div>{/block:Title}
  729. <ol class="chat">
  730. {block:Lines}
  731. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  732. {/block:Lines}
  733. </ol>
  734. {/block:Chat}
  735.  
  736. {Block:Photo}{LinkOpenTag}
  737. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:HighRes}
  738. <a href="{PhotoURL-HighRes}">View in High-Res</a>{/block:HighRes}{/Block:Photo}
  739.  
  740. {block:Photoset}<div class="media">{photoset}</div>{/block:Photoset}
  741.  
  742. {block:Panorama}
  743. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  744. {/block:Panorama}
  745.  
  746. {block:Video}{Video-500}{/block:Video}
  747.  
  748. {block:AudioPlayer}
  749. <div class="audiowrapper">
  750. {block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  751. <div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerBlack}
  752. </div></div></div><div class="trackdetails">
  753. {block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}{/block:Artist}<br/>{block:Album}Album: {Album}{/block:Album}
  754. </div></div>{/block:AudioPlayer}
  755.  
  756. {block:Answer}
  757. <div class="question"><div class="asker">from {Asker}</div>{Question}</div><div class="answer">{Answer}</div>
  758. {/block:Answer}
  759.  
  760. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  761.  
  762. {block:Date}
  763. <div id="date">
  764. {block:Date}
  765. <a href="{Permalink}">Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm}</a> {/block:Date}
  766. <a href="{Permalink}">with {NoteCountWithLabel}</a>
  767. {block:RebloggedFrom}
  768. <a href="{ReblogParentURL}">via:</a>
  769. <a href="{ReblogRootURL}">source:</a>
  770. {/block:RebloggedFrom}
  771. <a href="{ReblogURL}">reblog</a>
  772. </div>
  773. <div id="tags">{block:Tags}<a href="{TagUrl}"> {Tag}</a> {/block:Tags}</div>
  774. {/block:Date}</div>
  775.  
  776. {block:PostNotes}{PostNotes}
  777. {/block:PostNotes}
  778.  
  779. {/block:Posts}
  780. </div>
  781. </div></div>
  782. <div id="credit"><a href="https://octomoosey.tumblr.com/" title="theme by octomoosey"><img src="https://static.tumblr.com/uopakca/cwDo0y64u/octopus-24.png"></a></div>
  783.  
  784. {block:ContentSource}
  785. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  786. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  787. {/block:SourceLogo}
  788. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  789. {/block:ContentSource}
  790.  
  791. <script>
  792. var bar = document.querySelector('.bar');
  793. var origOffsetY = bar.offsetTop;
  794.  
  795. function onScroll(e) {
  796. window.scrollY >= origOffsetY ? bar.classList.add('sticky') :
  797. bar.classList.remove('sticky');
  798. }
  799.  
  800. document.addEventListener('scroll', onScroll);
  801. </script>
  802. </body>
  803.  
  804.  
  805. </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!