API tools faq
paste
Advertisement
octomoosey

touché

octomoosey
Jul 6th, 2016
3,153
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.07 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="viewport" content="width=device-width, initial-scale=1">
  12.  
  13. <meta name="color:background" content="#ffffff">
  14. <meta name="color:containerbackground" content="#000000">
  15. <meta name="color:posts" content="#ffffff">
  16. <meta name="color:text" content="#3f3f3f">
  17. <meta name="color:description" content="#3f3f3f">
  18. <meta name="color:title" content="#3f3f3f">
  19. <meta name="color:sidebar" content="#000000">
  20. <meta name="color:headerbackground" content="#000000">
  21. <meta name="color:quotebackground" content="#ffffff">
  22. <meta name="color:quotetext" content="#000000">
  23. <meta name="color:hoverinfotext" content="#8c8c8c" />
  24. <meta name="color:bold" content="#8c8c8c" />
  25. <meta name="color:italic" content="#8c8c8c" />
  26. <meta name="color:border" content="#ededed">
  27. <meta name="color:navborder" content="#ededed">
  28. <meta name="color:nav" content="#dcdcdc">
  29. <meta name="color:nav hover" content="#cbcbcb">
  30. <meta name="color:link" content="#dcdcdc">
  31. <meta name="color:link hover" content="#cbcbcb">
  32. <meta name="color:selectiontext" content="#ffffff" />
  33. <meta name="color:selectionbg" content="#8c8c8c" />
  34. <meta name="color:date" content="#8c8c8c" />
  35. <meta name="color:datehover" content="#ffffff" />
  36. <meta name="color:tags" content="#8c8c8c" />
  37. <meta name="color:tagshover" content="#ffffff" />
  38. <meta name="color:tooltiptext" content="#ffffff" />
  39. <meta name="color:tooltipborder" content="#ffffff" />
  40. <meta name="color:tooltipbg" content="#000000" />
  41.  
  42. <meta name="if:show captions" content="1">
  43.  
  44. <meta name="image:header" content="">
  45.  
  46. <meta name="text:font size" content="10px" />
  47. <meta name="text:headerquote" content="Throw me to the wolves and I'll return leading the pack." />
  48. <meta name="text:update1" content="update 1 text goes here" />
  49. <meta name="text:update2" content="update 2 text goes here" />
  50. <meta name="text:update3" content="update 3 text goes here" />
  51. <meta name="text:update4" content="update 4 text goes here" />
  52. <meta name="text:update5" content="update 5 text goes here" />
  53.  
  54. <meta name="text:link 1" content="">
  55. <meta name="text:link 1 url" content="">
  56. <meta name="text:link 2" content="">
  57. <meta name="text:link 2 url" content="">
  58. <meta name="text:link 3" content="">
  59. <meta name="text:link 3 url" content="">
  60. <meta name="text:link 4" content="">
  61. <meta name="text:link 4 url" content="">
  62. <meta name="text:link 5" content="">
  63. <meta name="text:link 5 url" content="">
  64. <meta name="text:link 6" content="">
  65. <meta name="text:link 6 url" content="">
  66.  
  67. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  68.  
  69. <style type="text/css">
  70.  
  71. ::-webkit-scrollbar {
  72. height: 10px;
  73. width: 7px;
  74. background: white;}
  75.  
  76. ::-webkit-scrollbar-thumb:vertical {
  77. background: black;
  78. border: 2px solid white;}
  79.  
  80. ::-moz-selection {
  81. color:{color:selectiontext};
  82. background:{color:selectionbg};}
  83.  
  84. ::selection {
  85. color:{color:selectiontext};
  86. background:{color:selectionbg};}
  87.  
  88. body {
  89. margin:0;
  90. overflow:hidden;
  91. font-size: {text:font size};
  92. font-family:helvetica, sans-serif;
  93. line-height:1.6em;
  94. -moz-osx-font-smoothing:grayscale;
  95. -webkit-font-smoothing:antialiased;
  96. font-smoothing:antialiased;
  97. color:{color:text};
  98. background:{color:background};}
  99.  
  100. blockquote {
  101. padding-left:10px;
  102. border-left:1px solid {color:border};
  103. margin:0px 0px 0px 10px;
  104. text-align:left;}
  105.  
  106. .caption blockquote {
  107. margin:0px 0px 0px 10px;}
  108.  
  109. blockquote img {
  110. max-width:100%;
  111. height:auto;}
  112.  
  113. blockquote iframe {
  114. max-width:100%;
  115. height:auto;}
  116.  
  117. img {
  118. max-width:100%;
  119. height:auto;}
  120.  
  121. .caption img {
  122. max-width:100%;
  123. height:auto;}
  124.  
  125. .posts img {
  126. max-width:100%;
  127. margin-top:5px;
  128. margin-bottom:5px;}
  129.  
  130. a {
  131. color:{color:link};
  132. text-decoration:none;
  133. letter-spacing:1px;
  134. cursor:help;
  135. -webkit-transition: all 0.7s ease;
  136. transition: all 0.7s ease;
  137. -moz-transition: all 0.7s ease;
  138. -o-transition: all 0.7s ease;}
  139.  
  140. a:hover {
  141. letter-spacing:1px;
  142. text-decoration:none;
  143. color:{color:link hover};}
  144.  
  145. p {
  146. margin:10px 0 10px 0;}
  147.  
  148. p:first-of-type {
  149. margin-top:0;
  150. padding-top:0;}
  151.  
  152. p:last-of-type {
  153. margin-bottom:10px;
  154. padding-bottom:0;}
  155.  
  156. small, sub {
  157. font-size: {text:font size};
  158. vertical-align:baseline;}
  159.  
  160. pre {
  161. white-space: pre-wrap;
  162. white-space: -moz-pre-wrap;
  163. white-space: -pre-wrap;
  164. white-space: -o-pre-wrap;
  165. word-wrap: break-word;}
  166.  
  167. h1, h2, h3, h4, h5, h6 {
  168. text-align:center;
  169. font-family: 'Fjalla One', sans-serif;
  170. font-size:15px;}
  171.  
  172. b, strong {
  173. font-family:font-family: 'Roboto', sans-serif;
  174. text-transform:uppercase;
  175. font-size: {text:font size};
  176. color:{color:bold};}
  177.  
  178. i, em {
  179. font-family: 'Fjalla One', sans-serif;
  180. font-size: 10px;
  181. color:{color:italic};
  182. letter-spacing:1.5px;}
  183.  
  184. small, big {
  185. font-size:1em;}
  186. hr {
  187. margin:1em 0;
  188. border:0;
  189. height:1px;
  190. -moz-box-sizing:border-box;
  191. box-sizing:border-box;
  192. background-color:{color:border};}
  193.  
  194. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  195. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  196. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  197. .fade-in {
  198. opacity:0;
  199. -webkit-animation:fadeIn ease-in 1;
  200. -moz-animation:fadeIn ease-in 1;
  201. animation:fadeIn ease-in 1;
  202. -webkit-animation-fill-mode:forwards;
  203. -moz-animation-fill-mode:forwards;
  204. animation-fill-mode:forwards;
  205. -webkit-animation-duration:1s;
  206. -moz-animation-duration:1s;
  207. animation-duration:1s;}
  208.  
  209. .fade-in.one {
  210. -webkit-animation-delay:0s;
  211. -moz-animation-delay:0s;
  212. animation-delay:0s;}
  213.  
  214. .fade-in.two {
  215. -webkit-animation-delay:0.8s;
  216. -moz-animation-delay:0.8s;
  217. animation-delay:0.8s;}
  218.  
  219. .container {
  220. z-index:8;
  221. width: 600px;
  222. height: 80%;
  223. left: 50%;
  224. margin-left:-300px;
  225. top: 10%;
  226. position: absolute;
  227. background: {color:containerbackground};
  228. overflow: auto;}
  229.  
  230. #entries {
  231. margin-top:80px;
  232. left:50%;
  233. margin-left:-205px;
  234. position:absolute;}
  235.  
  236. .posts {
  237. background:{color:posts};
  238. border:1px solid {color:border};
  239. padding:30px;
  240. width:350px;
  241. position:relative;
  242. text-align:justify;
  243. margin:0px 0px 80px 0px;}
  244.  
  245. .posts:last-child {
  246. margin-bottom:50px;}
  247.  
  248. {block:permalinkpage}
  249. .posts {
  250. margin-bottom:10px;}
  251. {/block:permalinkpage}
  252.  
  253. .date {
  254. border-top:1px solid {color:border};
  255. padding:10px 10px 0 10px;
  256. font-size:12px;
  257. margin-bottom:0px;
  258. text-align:center;}
  259.  
  260. .date a {
  261. font-size:12px;
  262. color:{color:date};}
  263.  
  264. .date a:hover {
  265. color:{color:datehover};}
  266.  
  267. .info {
  268. text-align:center;
  269. font-size:10px;
  270. padding:0 10px 0 10px;}
  271.  
  272. .tags {
  273. text-align:center;
  274. font-size:8px;
  275. margin-top:0px;
  276. -webkit-transition: all 0.7s ease;
  277. transition: all 0.7s ease;
  278. -moz-transition: all 0.7s ease;
  279. -o-transition: all 0.7s ease;}
  280.  
  281. .tags a {
  282. color:{color:tags};
  283. -webkit-transition: all 0.7s ease;
  284. transition: all 0.7s ease;
  285. -moz-transition: all 0.7s ease;
  286. -o-transition: all 0.7s ease;}
  287.  
  288. .tags a:hover {
  289. color:{color:tagshover};
  290. -webkit-transition: all 0.7s ease;
  291. transition: all 0.7s ease;
  292. -moz-transition: all 0.7s ease;
  293. -o-transition: all 0.7s ease;}
  294.  
  295. .caption {
  296. {block:IndexPage}{block:ifNotShowCaptions}
  297. display:none;
  298. {/block:ifNotShowCaptions}{/block:IndexPage}}
  299.  
  300. ol.notes {
  301. margin-left:0px;
  302. text-align:center;
  303. width:310px;
  304. background:transparent;
  305. list-style-type:none;}
  306.  
  307. ol.notes a {
  308. color:{color:link};}
  309.  
  310. ol.notes a:hover {
  311. color:{color:linkhover};}
  312.  
  313. ol.notes li.note {
  314. display:block;
  315. padding:0;
  316. margin:5px 0;}
  317.  
  318. ol.notes li.note img.avatar {
  319. display:none!important;}
  320.  
  321. a.more_notes_link {
  322. display:block;
  323. text-align:center;
  324. border:0;
  325. color:{color:link};}
  326.  
  327. .chat {
  328. padding:0;
  329. list-style-type:none;}
  330.  
  331. .chat .label {
  332. font-weight:bold;}
  333.  
  334. .quote {
  335. text-align:center;
  336. letter-spacing:1px;
  337. font-weight:bold;
  338. font-size:12px;
  339. line-height:20px;
  340. margin-bottom:5px;}
  341.  
  342. .source {
  343. text-align:center;
  344. margin-bottom:10px;}
  345.  
  346. .media {
  347. position:relative;
  348. display:inline-block;
  349. width:100%;}
  350.  
  351. .playerbuttonbg {
  352. position: absolute;
  353. left: 15px;
  354. top: 17px;
  355. width: 30px;
  356. height: 30px;
  357. background-color: #000;
  358. padding: 10px;
  359. opacity: 0.4;
  360. filter: alpha(opacity=40);
  361. -moz-opacity: 0.4;
  362. -khtml-opacity: 0.4;
  363. transition: opacity .7s ease-in-out;
  364. -moz-transition: opacity .7s ease-in-out;
  365. -webkit-transition: opacity .7s ease-in-out;}
  366.  
  367. .playerbuttonbg:hover {
  368. opacity: 1;
  369. filter: alpha(opacity=100);
  370. -moz-opacity: 1;
  371. -khtml-opacity: 1;}
  372.  
  373. .newplayerbutton {
  374. position: relative;
  375. width: 30px;
  376. height: 30px;
  377. overflow: hidden;}
  378.  
  379. .playerbuttonhug {
  380. position: absolute;
  381. top: -30px;
  382. left: -10px;}
  383.  
  384. .tumblr_audio_player {
  385. height: 90px;
  386. width: 270px;}
  387.  
  388. .audioimgwrapper {
  389. position: absolute;
  390. overflow: hidden;
  391. width: 80px;
  392. height: 80px;}
  393.  
  394. .trackdetails {
  395. padding:10px;
  396. display:inline-block;
  397. margin-left: 90px;
  398. min-height: 75px;}
  399.  
  400. .audiowrapper {
  401. position: relative;
  402. display:inline-block;}
  403.  
  404. {block:indexpage}
  405. #header {
  406. width:410px;
  407. height:200px;
  408. border:1px solid {color:border};
  409. margin-left:92px;
  410. margin-top:80px;
  411. background:{color:headerbackground};
  412. background-image: url('{image:header}');
  413. background-repeat: no-repeat;}
  414.  
  415. #headerquote {
  416. opacity:0.8;
  417. background:{color:quotebackground};
  418. color:{color:quotetext};
  419. text-align:center;
  420. padding:20px;
  421. margin-top:50px;
  422. margin-left:105px;
  423. height:60px;
  424. width:160px;
  425. border:1px solid {color:border};}
  426. {/block:indexpage}
  427.  
  428. #slideout1 {
  429. z-index:1;
  430. background:{color:sidebar};
  431. position:fixed;
  432. top: 10%;
  433. width:30px;
  434. height:80%;
  435. left: 50%;
  436. margin-left:-330px;
  437. -webkit-transition-duration: 0.6s;
  438. -moz-transition-duration: 0.6s;
  439. -o-transition-duration: 0.6s;
  440. transition-duration: 0.6s;}
  441.  
  442. #slideout_text1 {
  443. font-size:13px;
  444. position:fixed;
  445. -webkit-transform-origin: 0 50%;
  446. -moz-transform-origin: 0 50%;
  447. -ms-transform-origin: 0 50%;
  448. -o-transform-origin: 0 50%;
  449. transform-origin: 0 50%;
  450. -webkit-transform: rotate(-90deg) translate(-50%, 50%);
  451. -moz-transform: rotate(-90deg) translate(-50%, 50%);
  452. -ms-transform: rotate(-90deg) translate(-50%, 50%);
  453. -o-transform: rotate(-90deg) translate(-50%, 50%);
  454. transform: rotate(-90deg) translate(-50%, 50%);
  455. color:{color:hoverinfotext};
  456. top:50%;
  457. width:100px;
  458. text-align:center;
  459. margin-left:7px;}
  460.  
  461. #slideout_inner1 {
  462. font-size:9px;
  463. color:{color:description};
  464. background:{color:sidebar};
  465. position: fixed;
  466. width:170px;
  467. padding:10px;
  468. height:calc(80% - 20px);
  469. overflow-y:scroll;
  470. top: 10%;
  471. left: 50%;
  472. margin-left:-300px;
  473. -webkit-transition-duration: 0.6s;
  474. -moz-transition-duration: 0.6s;
  475. -o-transition-duration: 0.6s;
  476. transition-duration: 0.6s;}
  477.  
  478. #slideout1:hover {
  479. left: 50%;
  480. margin-left:-490px;
  481. }
  482.  
  483. #slideout1:hover #slideout_inner1 {
  484. left: 50%;
  485. margin-left:-490px;}
  486.  
  487. .sidetitle {
  488. text-align:right;
  489. font-size:10px;
  490. letter-spacing:1px;
  491. margin-bottom:5px;
  492. border-bottom:1px solid {color:title};
  493. color:{color:title};}
  494.  
  495. #description {
  496. margin-bottom:10px;}
  497.  
  498. #nav {
  499. font-size:12px;
  500. display:block;
  501. margin-top:10px;
  502. margin-bottom:10px;}
  503.  
  504. #nav a {
  505. display:block;
  506. color:{color:nav};}
  507.  
  508. #nav a:hover {
  509. color:{color:nav hover};}
  510.  
  511. table {
  512. padding-bottom:5px;
  513. margin-bottom:5px;}
  514.  
  515. table img {
  516. min-height:40px;
  517. min-width:40px;
  518. height:40px;
  519. width:40px;
  520. border-radius:100%;
  521. margin-right:5px;
  522. border:3px solid {color:border};}
  523.  
  524. td {
  525. padding-right:20px;}
  526.  
  527. td:last-child {
  528. padding-right:10px;}
  529.  
  530. ol.a {
  531. list-style-position:outside;
  532. list-style-type: decimal-leading-zero;
  533. margin-left: -23px;}
  534.  
  535. #tumblr_controls {
  536. position:fixed!important;
  537. opacity:.67!important;
  538. -webkit-filter:invert(100%);
  539. -webkit-backface-visibility:hidden;
  540. padding:4px;}
  541.  
  542. #pagination {
  543. text-align:center;
  544. margin-bottom:50px;}
  545.  
  546. #s-m-t-tooltip {
  547. max-width:300px;
  548. border-radius: 0px;
  549. padding:4px;
  550. margin:15px 15px 5px 0px;
  551. color:{color:tooltiptext};
  552. border:1px solid {color:tooltipborder};
  553. font-size:10px;
  554. letter-spacing:1px;
  555. background:{color:tooltipbg};
  556. z-index:99999;}
  557.  
  558. #credit {
  559. z-index:8;
  560. bottom:0px;
  561. left:5px;
  562. height:30px;
  563. width:30px;
  564. opacity:0.8;
  565. position:fixed;
  566. padding:5px;}
  567.  
  568. </style>
  569.  
  570. </head>
  571. <body>
  572.  
  573. <div id="slideout1" class="fade-in two">
  574. <div id="slideout_text1">hover</div>
  575. <div id="slideout_inner1">
  576.  
  577. <div class="sidetitle">{Title}</div>
  578. <div id="description">{description}</div>
  579.  
  580. <div class="sidetitle">explore</div>
  581. <div id="nav">
  582. <a href="/">index</a>
  583. <a href="/ask">contact</a>
  584. {block:ifLink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:ifLink1}
  585. {block:ifLink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:ifLink2}
  586. {block:ifLink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:ifLink3}
  587. {block:ifLink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:ifLink4}
  588. {block:ifLink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:ifLink5}
  589. {block:ifLink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:ifLink6}
  590. <a href="/archive">{text:archive link}</a>
  591. </div>
  592.  
  593. <div class="sidetitle">updates</div>
  594. <ol class="a">
  595. {block:ifupdate1}<li>{text:update1}</li>{/block:ifupdate1}
  596. {block:ifupdate2}<li>{text:update2}</li>{/block:ifupdate2}
  597. {block:ifupdate3}<li>{text:update3}</li>{/block:ifupdate3}
  598. {block:ifupdate4}<li>{text:update4}</li>{/block:ifupdate4}
  599. {block:ifupdate5}<li>{text:update5}</li>{/block:ifupdate5}
  600. </ol>
  601.  
  602. </div> </div>
  603.  
  604. </div> </div>
  605.  
  606. <div class="container">
  607.  
  608. {block:indexpage}
  609. <div id="header">
  610. <div id="headerquote">{text:headerquote}</div>
  611. </div>{/block:indexpage}
  612.  
  613. <div id="entries" class="fade-in one">
  614.  
  615. {block:Posts}
  616.  
  617. <div class="posts">
  618.  
  619.  
  620. {block:Text}{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  621.  
  622. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}
  623.  
  624. {block:Answer}
  625. <center>
  626. <table>
  627. <tr>
  628. <td><img src="{AskerPortraitURL-96}"></td>
  629. <td>{Asker} asked:</i><br> {Question}</td>
  630. </tr>
  631. </table></center>
  632. {Answer}
  633. {/block:Answer}
  634.  
  635. {block:Chat}{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<ul class="chat text">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}&nbsp; </span>{/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}
  636.  
  637. {block:Link}<h1 class="title"><a href="{URL}">{Name}</a></h1>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  638.  
  639. {block:AudioPlayer}
  640. <div class="audiowrapper">
  641. {block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  642. <div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerBlack}
  643. </div></div></div><div class="trackdetails">
  644. {block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}{/block:Artist}<br/>{block:Album}Album: {Album}{/block:Album}
  645. </div></div>{/block:AudioPlayer}
  646.  
  647. {block:Photo}<div class="media">{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</div>{/block:Photo}
  648.  
  649. {block:Photoset}
  650. <div class="media photoset"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" 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>
  651. </div>{/block:Photoset}
  652.  
  653. {block:Video}<div class="media video">{Video-500}</div>{/block:Video}
  654.  
  655. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  656.  
  657. <div id="{ShortURL}-hide">
  658. {block:Date}<div class="date">
  659. <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}</a> + <a href="{permalink}">{NoteCount}n</a></div>
  660. <div class="info">
  661. <a href="{ReblogURL}">reblog</a> +
  662. {block:RebloggedFrom}
  663. <a href="{ReblogParentURL}">via</a> +
  664. <a href="{ReblogRootURL}">source</a>
  665. {/block:RebloggedFrom} </div> {/block:Date}
  666.  
  667.  
  668. {block:HasTags}<div class="tags">{block:Tags}+ <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>
  669. {/block:HasTags}</div>
  670.  
  671. </div>
  672. {block:PostNotes}{PostNotes}
  673. {/block:PostNotes}
  674. {/block:Posts}
  675. <div id="pagination">{block:Pagination}
  676. {block:PreviousPage}<a href="{PreviousPage}"><big>⇜</big></a>{/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}"><big>⇝</big></a>
  677. {/block:NextPage}
  678. {/block:Pagination} </div>
  679.  
  680. </div></div></div>
  681.  
  682. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  683. </div></div>
  684.  
  685. <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>
  686.  
  687. </div>
  688.  
  689. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  690.  
  691. <script type="text/javascript">
  692. jQuery(document).ready(function($) {
  693. $('.toggle').each(function(){
  694. $(this).find('.toggle-content').hide();
  695. });
  696. $('.toggle a.toggle-trigger').click(function(){
  697. var el = $(this), parent = el.closest('.toggle');
  698.  
  699. if( el.hasClass('active') )
  700. {
  701. parent.find('.toggle-content').slideToggle();
  702. el.removeClass('active');
  703. }
  704. else
  705. {
  706. parent.find('.toggle-content').slideToggle();
  707. el.addClass('active');
  708. }
  709. return false;
  710. });
  711.  
  712. });
  713. </script>
  714.  
  715. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  716.  
  717. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  718.  
  719. <script>
  720. (function($){
  721. $(document).ready(function(){
  722. $("a[title]").style_my_tooltips({
  723. tip_follows_cursor:true,
  724. tip_delay_time:90,
  725. tip_fade_speed:600,
  726. attribute:"title"
  727. });
  728. });
  729. })(jQuery);
  730. </script>
  731.  
  732. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  733. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  734. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  735. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  736. <script src ="https://static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  737.  
  738. <script>
  739. $(document).ready(function(){
  740. $('.photo-slideshow').pxuPhotoset({
  741. lightbox: true,
  742. rounded: false,
  743. gutter: '3px',
  744. photoset: '.photo-slideshow',
  745. photoWrap: '.photo-data',
  746. photo: '.pxu-photo'
  747. });
  748. var $container = $('.content');
  749. });
  750. </script>
  751.  
  752. </body>
  753. </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!