Advertisement
octomoosey

neon beach

Apr 2nd, 2018 (edited)
5,240
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.15 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head><title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6.  
  7.  
  8. <!--- ••• Color Variables ••• --->
  9. <meta name="color:italic" content="#000000" />
  10. <meta name="color:bold" content="#000000" />
  11. <meta name="color:text" content="#000000">
  12. <meta name="color:link" content="#000000">
  13. <meta name="color:linkhover" content="#ffffff">
  14. <meta name="color:background" content="#ffffff">
  15. <meta name="color:selectiontext" content="#ffffff" />
  16. <meta name="color:selectionbg" content="#8c8c8c" />
  17. <meta name="color:tooltiptext" content="#ffffff">
  18. <meta name="color:tooltipbg" content="#333333">
  19. <meta name="color:scrolltotop" content="#333333">
  20. <meta name="color:scrollbar" content="#000000" />
  21. <meta name="color:borders" content="#000000" />
  22. <meta name="color:postbg" content="#ffffff" />
  23. <meta name="color:description" content="#000000" />
  24. <meta name="color:maintitle" content="#000000" />
  25. <meta name="color:nav" content="#000000" />
  26. <meta name="color:navhover" content="#ffffff" />
  27.  
  28. <!--- ••• Image Variables ••• --->
  29. <meta name="image:background" content=""/>
  30.  
  31. <!--- ••• Other Variables ••• --->
  32. <meta name="text:fontsize" content="10px" />
  33. <meta name="text:opacity" content="0.2">
  34. <meta name="if:greyscale" content="0"/>
  35.  
  36. <!--- ••• Selection Variables ••• --->
  37. <meta name="select:postsize" content="250px" title="250px">
  38. <meta name="select:postsize" content="300px" title="300px">
  39. <meta name="select:postsize" content="350px" title="350px">
  40. <meta name="select:postsize" content="400px" title="400px">
  41. <meta name="select:postsize" content="450px" title="450px">
  42. <meta name="select:postsize" content="500px" title="500px">
  43. <meta name="select:postsize" content="540px" title="540px">
  44.  
  45. <!--- ••• Links ••• --->
  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. <meta name="text:link 6" content="link 6">
  57. <meta name="text:link 6 url" content="/">
  58.  
  59. <!--- ••• Fonts ••• --->
  60.  
  61. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  62.  
  63. <link rel="stylesheet" href="//cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  64.  
  65. <link href="//fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  66.  
  67. <link href="//fonts.googleapis.com/css?family=Muli" rel="stylesheet">
  68.  
  69. <link href="//fonts.googleapis.com/css?family=Oswald:400,700" rel="stylesheet">
  70.  
  71. <link href="//fonts.googleapis.com/css?family=Lato:400,400i,700,700i" rel="stylesheet">
  72.  
  73. <style type="text/css">
  74.  
  75. #tumblr_lightbox {
  76. background-color:rgba(255, 255, 255, .9)!important;
  77. z-index:99999!important;}
  78.  
  79. #tumblr_lightbox img {opacity:0;}
  80.  
  81. #tumblr_lightbox_caption {
  82. font-weight:normal!important;
  83. text-shadow:none!important;}
  84.  
  85. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  86. -moz-box-shadow:none!important;
  87. -webkit-box-shadow:none!important;
  88. box-shadow:none!important;
  89. -moz-border-radius:0px!important;
  90. -webkit-border-radius:0px!important;
  91. border-radius:0px!important;
  92. opacity:1!important;}
  93.  
  94. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  95.  
  96. iframe.tmblr-iframe {
  97. z-index:99999999999999!important;
  98. top:0!important;
  99. right:0!important;
  100. opacity:0.4;
  101. transform:scale(0.65);
  102. transform-origin:100% 0;
  103. -webkit-transform:scale(0.65);
  104. -webkit-transform-origin:100% 0;
  105. -o-transform:scale(0.65);
  106. -o-transform-origin:100% 0;
  107. -moz-transform:scale(0.65);
  108. -moz-transform-origin:100% 0;
  109. -ms-transform:scale(0.65);
  110. -ms-transform-origin:100% 0;}
  111.  
  112. iframe.tmblr-iframe:hover {
  113. opacity:0.6!important;}
  114.  
  115. ::-webkit-scrollbar {
  116. width:17px;
  117. height:17px;}
  118.  
  119. ::-webkit-scrollbar {
  120. background-color:{color:background};}
  121.  
  122. ::-webkit-scrollbar-track {
  123. border:7px solid {color:background};
  124. background-color:rgb(230,230,230);}
  125.  
  126. ::-webkit-scrollbar-thumb {
  127. border:7px solid {color:background};
  128. background-color:{color:scrollbar};
  129. min-height:24px;
  130. min-width:24px;}
  131.  
  132. ::-moz-selection {
  133. color:{color:selectiontext};
  134. background:{color:selectionbg};}
  135.  
  136. ::selection {
  137. color:{color:selectiontext};
  138. background:{color:selectionbg};}
  139.  
  140. body {
  141. margin:0;
  142. overflow-x:hidden;
  143. font-size: {text:fontsize};
  144. font-family: 'Lato', sans-serif;
  145. line-height:160%;
  146. -moz-osx-font-smoothing:grayscale;
  147. -webkit-font-smoothing:antialiased;
  148. font-smoothing:antialiased;
  149. color:{color:text};
  150. background:{color:background};
  151. background-image: url('{image:background}');
  152. background-position:center;
  153. background-attachment: fixed;
  154. -webkit-background-size: cover;
  155. -moz-background-size: cover;
  156. -o-background-size: cover;
  157. background-size: cover;}
  158.  
  159. blockquote {
  160. padding-left:10px;
  161. border-left:1px solid {color:borders};
  162. margin:15px 0px 10px 0px;
  163. text-align:justify;}
  164.  
  165. .caption blockquote {
  166. margin:15px 0px 10px 0px;}
  167.  
  168. blockquote img {
  169. max-width:100%;
  170. height:auto;;}
  171.  
  172. img {
  173. max-width:100%;
  174. height:auto;}
  175.  
  176. .caption img {
  177. max-width:100%;
  178. height:auto;}
  179.  
  180. .posts img {
  181. max-width:100%;
  182. margin-top:0px;
  183. margin-bottom:5px;}
  184.  
  185. .caption {
  186. margin-top:15px;
  187. padding:0px;}
  188.  
  189. a {
  190. color:{color:link};
  191. text-decoration:none;
  192. letter-spacing:1px;
  193. cursor:help;
  194. -webkit-transition: all 0.7s ease;
  195. transition: all 0.7s ease;
  196. -moz-transition: all 0.7s ease;
  197. -o-transition: all 0.7s ease;}
  198.  
  199. a:hover {
  200. letter-spacing:1px;
  201. text-decoration:none;
  202. color:{color:linkhover};}
  203.  
  204. p:first-of-type {
  205. margin:0px;}
  206.  
  207. p {
  208. margin:10px 0 0px 0;}
  209.  
  210. small, sub {
  211. font-size: {text:fontsize};
  212. vertical-align:baseline;}
  213.  
  214. pre {
  215. white-space: pre-wrap;
  216. white-space: -moz-pre-wrap;
  217. white-space: -pre-wrap;
  218. white-space: -o-pre-wrap;
  219. word-wrap: break-word;}
  220.  
  221. h1, h2, h3, h4, h5, h6 {
  222. font-family:'Raleway', sans-serif;
  223. font-size:14px;
  224. letter-spacing:4px;
  225. text-align:center;
  226. text-transform:uppercase;
  227. color:{color:posttitle};}
  228.  
  229. b, strong {
  230. letter-spacing:1px;
  231. font-size: {text:fontsize};
  232. color:{color:bold};}
  233.  
  234. i, em {
  235. font-size: {text:fontsize};
  236. color:{color:italic};}
  237.  
  238. small, big {
  239. font-size:{text:fontsize};}
  240.  
  241. {block:ifGreyscale}
  242. img {
  243. -webkit-filter:grayscale(100%);
  244. -webkit-transition: all 0.9s ease-in-out;
  245. -moz-transition: all 0.9s ease-in-out;
  246. -o-transition: all 0.9s ease-in-out;
  247. -ms-transition: all 0.9s ease-in-out;
  248. transition: all 0.9s ease-in-out;}
  249.  
  250. img:hover {
  251. -webkit-filter:none;}
  252.  
  253. .html_photoset {
  254. -webkit-filter: grayscale(100%);
  255. -webkit-transition: all 0.9s ease-in-out;
  256. -moz-transition: all 0.9s ease-in-out;
  257. -o-transition: all 0.9s ease-in-out;
  258. -ms-transition: all 0.9s ease-in-out;
  259. transition: all 0.9s ease-in-out;}
  260.  
  261. .html_photoset:hover {
  262. -webkit-filter: none;}
  263. {/block:ifGreyscale}
  264.  
  265. /* ---••• Posts •••--- */
  266.  
  267. .posts {
  268. padding:30px;
  269. background: rgba({RGBcolor:postbg},{text:opacity});
  270. margin-top:0px;
  271. width: {select:postsize};
  272. text-align:justify;
  273. {block:indexpage}
  274. margin-bottom:80px;
  275. {/block:indexpage}
  276. {block:permalinkpage}
  277. margin-bottom:20px;
  278. {/block:permalinkpage}
  279. display:block;
  280. position:relative;
  281. opacity:0;
  282. -webkit-animation:fadeIn ease-in 1;
  283. -moz-animation:fadeIn ease-in 1;
  284. animation:fadeIn ease-in 1;
  285. -webkit-animation-fill-mode:forwards;
  286. -moz-animation-fill-mode:forwards;
  287. animation-fill-mode:forwards;
  288. -webkit-animation-duration:1s;
  289. -moz-animation-duration:1s;
  290. animation-duration:1s;}
  291.  
  292. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  293. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  294. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  295.  
  296. .entries {
  297. position:absolute;
  298. top:100px;
  299. margin-bottom:50px;
  300. right:100px;}
  301.  
  302. /* ---••• Post Info •••--- */
  303.  
  304. .info {
  305. width: {select:postsize};
  306. text-align:center;
  307. border-top:1px solid {color:borders};
  308. text-transform:uppercase;
  309. font-size:8px;
  310. letter-spacing:1px;
  311. margin-top:10px;
  312. padding-top:5px;}
  313.  
  314. .tags {
  315. max-width: {select:postsize};
  316. line-height:120%;
  317. margin-top:0px;
  318. font-size:8px;
  319. letter-spacing:1px;
  320. font-style:italic;}
  321.  
  322. .tags a {
  323. margin:0px 4px;}
  324.  
  325. .like-b {
  326. position:relative;
  327. display:inline-block;
  328. height:1em;
  329. line-height:1em;
  330. overflow:hidden;
  331. margin-bottom:-1px;}
  332.  
  333. .like-b .like_button iframe {
  334. position:absolute;
  335. top:0;
  336. left:0;
  337. bottom:0;
  338. right:0;
  339. z-index:2;
  340. opacity:0;}
  341.  
  342. .like-b .liked + .b {
  343. color:inherit;}
  344.  
  345. .like-b .liked + .b:after {
  346. content:'d';}
  347.  
  348. /* ---••• Post Notes •••--- */
  349.  
  350. ol.notes {
  351. padding:0px 30px;
  352. width: {select:postsize};
  353. margin:25px 0px 0px -10px;
  354. list-style-type:none;}
  355.  
  356. ol.notes li.note {
  357. padding:10px;}
  358.  
  359. ol.notes li.note img.avatar {
  360. vertical-align:-4px;
  361. margin-right:10px;
  362. width:16px;
  363. height:16px;}
  364.  
  365. ol.notes li.note span.action {
  366. font-weight:none;}
  367.  
  368. ol.notes li.note .answer_content {
  369. font-weight:normal;}
  370.  
  371. ol.notes li.note blockquote {
  372. padding:4px 10px;
  373. margin:10px 0px 0px 25px;}
  374.  
  375. ol.notes li.note blockquote a {
  376. text-decoration:none;}
  377.  
  378. /*----------sidebar---------*/
  379.  
  380. .sidebar {
  381. top:0px;
  382. color:{color:description};
  383. width:100%;
  384. position:fixed;
  385. width:200px;
  386. left:100px;}
  387.  
  388. .sidetitle {
  389. position:fixed;
  390. top:102px;
  391. color:{color:maintitle};
  392. font-family: 'Oswald', sans-serif;
  393. font-size:28px;
  394. text-transform:uppercase;
  395. letter-spacing:2px;
  396. text-align:left;}
  397.  
  398. .description {
  399. width:200px;
  400. position:fixed;
  401. bottom:100px;
  402. text-align:left;
  403. margin-top:10px;}
  404.  
  405. #nav {
  406. font-family: 'Lato', sans-serif;
  407. font-size:9px;
  408. text-align:left;
  409. margin-top:10px;
  410. text-transform:uppercase;}
  411.  
  412. #nav a {
  413. display:block;
  414. color:{color:nav};
  415. letter-spacing:2px;}
  416.  
  417. #nav a:hover {
  418. color:{color:navhover};}
  419.  
  420. .pagination {
  421. margin-left:-5px;
  422. margin-top:10px;
  423. text-align:left;}
  424.  
  425. /* ---••• Post Types •••--- */
  426.  
  427. .posttitle {
  428. font-family: 'Oswald', sans-serif;
  429. font-size:14px;
  430. letter-spacing:2px;
  431. margin-bottom:5px;
  432. text-align:center;
  433. text-transform:uppercase;
  434. color:{color:posttitle};}
  435.  
  436. /* ---••• Questions •••--- */
  437.  
  438. .question {
  439. }
  440.  
  441. .asker {
  442. text-transform:uppercase;}
  443.  
  444. .answer {
  445. margin:0px;}
  446.  
  447. /* ---••• Quotes •••--- */
  448.  
  449. .quote {
  450. font-style: italic;
  451. letter-spacing:1px;
  452. text-transform:uppercase;
  453. font-size:9px;
  454. text-align:justify;}
  455.  
  456. .quotesource {
  457. text-align:right;
  458. margin-top:10px;}
  459.  
  460. /* ---••• Chat •••--- */
  461.  
  462. .chat {
  463. line-height:20px;
  464. list-style:none;}
  465.  
  466. .line.odd {
  467. background:#fafafa;
  468. margin-bottom:2px;
  469. padding:5px;
  470. list-style:none;
  471. font-size:10px;}
  472.  
  473. .line.even {
  474. background:#ffffff;
  475. margin-bottom:2px;
  476. padding:5px;
  477. list-style:none;
  478. font-size:10px;}
  479.  
  480. .label {
  481. padding-right:1px;
  482. text-transform:uppercase;
  483. font-weight:bold;
  484. color:{color:links};}
  485.  
  486. /* ---••• Audio Player •••--- */
  487.  
  488. .playwrap {
  489. margin-top:10px;
  490. position:relative;}
  491.  
  492. .playbutton {
  493. position:relative;
  494. margin-top:40px;
  495. margin-left:23px;
  496. z-index:9;
  497. width:33px;
  498. height:30px;
  499. overflow:hidden;}
  500.  
  501. .albumart img {
  502. border:10px solid {color:postbg};
  503. position:relative;
  504. margin-top:-55px;
  505. margin-left:0px
  506. height:60px;
  507. width:60px;}
  508.  
  509. .trackinfo {
  510. margin-bottom:10px;
  511. color:{color:text};
  512. top:20px;
  513. position:relative;
  514. margin-left:100px;
  515. height:110px;
  516. margin-top:-120px;}
  517.  
  518. .trackname {
  519. position:relative;
  520. padding-top:30px;
  521. text-align:left;
  522. font-size:10px;
  523. text-transform:uppercase;
  524. font-weight: bold;
  525. letter-spacing:2px;}
  526.  
  527. .artist {
  528. text-align:left;
  529. font-size:10px;
  530. text-transform:uppercase;
  531. letter-spacing:4px;}
  532.  
  533. .album {
  534. text-align:left;
  535. font-style: italic;
  536. letter-spacing:4px;}
  537.  
  538. /* ---••• Other •••--- */
  539.  
  540. .totop {
  541. font-size:20px;
  542. color: {color:scrolltotop};
  543. text-transform:uppercase;
  544. background-color: transparent;
  545. display: none;
  546. position: fixed;
  547. bottom: 40px;
  548. right:7px;
  549. z-index: 9999;}
  550.  
  551. .totop a {
  552. font-size:20px;
  553. color: {color:scrolltotop}; }
  554.  
  555. #credit {
  556. z-index:8;
  557. bottom:3px;
  558. right:0px;
  559. height:25px;
  560. width:25px;
  561. opacity:0.8;
  562. position:fixed;
  563. padding:5px;}
  564.  
  565. #s-m-t-tooltip {
  566. max-width:300px;
  567. margin:15px;
  568. padding:5px;
  569. border-radius:0px;
  570. background:{color:tooltipbg};
  571. color:{color:tooltiptext};
  572. z-index:999999;
  573. font-size:9px;
  574. font-style:none;
  575. font-weight:lighter;
  576. letter-spacing:2px;
  577. font-family:helvetica;
  578. text-transform:uppercase;
  579. box-shadow:1px 1px 3px rgba(0,0,0,.0);}
  580.  
  581. </style>
  582.  
  583. </head>
  584.  
  585. <body>
  586. <div class="totop"><a href="#" title="scroll to top">▲</a> </div>
  587.  
  588. <div class="sidebar">
  589. <div class="sidebarinner">
  590. <div class="sidetitle">{Title}
  591. <div id="nav">
  592. <a href="/">return</a>
  593. <a href="/ask">queries</a>
  594. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  595. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  596. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  597. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  598. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  599. {block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}
  600. </div>
  601. </div>
  602. <div class="description">
  603. {description}
  604.  
  605. <div class="pagination">
  606. {block:Pagination}
  607. {block:PreviousPage}
  608. <a href="{PreviousPage}">↽ back</a>{/block:PreviousPage}&nbsp;
  609.  
  610. {block:NextPage}
  611. <a href="{NextPage}">forth ⇁</a>
  612. {/block:NextPage}
  613. {/block:Pagination}
  614. </div>
  615. </div>
  616. </div>
  617. </div>
  618.  
  619. <div class="entries">
  620. {block:Posts}
  621. <div class="posts">
  622.  
  623. {block:Text}
  624. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  625. {Body}{/block:Text}
  626.  
  627. {block:Photo}
  628. <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="100%">{LinkCloseTag}</div>
  629. {/block:Photo}
  630.  
  631. {block:Photoset}
  632. <div class="media">
  633. <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>
  634. </div>
  635. {/block:Photoset}
  636.  
  637. {block:Panorama}
  638. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  639. {/block:Panorama}
  640.  
  641. {block:Video}
  642. <div class="media video">{Video-500}</div>
  643. {/block:Video}
  644.  
  645. {block:Quote}
  646. <div class="quote">"{Quote}"</div>
  647. {block:Source}<div class="quotesource"> — {Source}</div>
  648. {/block:Source}{/block:Quote}
  649.  
  650.  
  651. {block:Link}
  652. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  653. {block:Description}{Description}{/block:Description}
  654. {/block:Link}
  655.  
  656. {block:Chat}
  657. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  658. {/block:Chat}
  659.  
  660. {block:Audio}
  661. {block:AudioPlayer}
  662. <div class="playwrap">
  663. <div class="playbutton">{AudioPlayerGrey}</div>
  664. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  665. <div class="trackinfo">
  666. <div class="trackname">
  667. {block:TrackName}{TrackName}{/block:TrackName}
  668. </div>
  669. <div class="artist">
  670. {block:Artist}{Artist}{/block:Artist}
  671. </div>
  672. <div class="album">
  673. {block:Album}{Album}{/block:Album}
  674. </div>
  675. </div>
  676. </div>
  677. {/block:AudioPlayer}
  678. {/block:Audio}
  679.  
  680. {block:Answer}
  681. <div class="question">
  682. <div class="asker"><b>{Asker} said:</b></div>
  683. {Question}</div><br>
  684. <div class="postinner">
  685. <div class="answer">
  686. {Answer}</div></div>
  687. {/block:Answer}
  688.  
  689. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  690.  
  691. <div class="info">
  692. {block:Date}
  693. <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear} / </a>
  694. <a href="{Permalink}">{NoteCount}N / </a>
  695. {block:RebloggedFrom}
  696. <a href="{ReblogParentURL}" title="{ReblogParenttitle}">via /</a>
  697. {block:ContentSource}
  698. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}"> src / </a>
  699. {/block:ContentSource}
  700. {/block:RebloggedFrom}
  701.  
  702. <a href="{ReblogURL}" target="_blank" class="details">reblog / </a>
  703. <a class="like-b" href="#">{LikeButton}<span class="b">Like</span></a>
  704.  
  705. {block:HasTags}
  706. <div class="tags">
  707. {block:Tags}
  708. <a href="{TagURL}">#{Tag}</a>
  709. {/block:Tags}
  710. </div>
  711. {/block:HasTags}
  712. </div>
  713. </div>
  714. {/block:Date}
  715.  
  716. {block:PostNotes}
  717. {PostNotes}
  718. {/block:PostNotes}
  719.  
  720. {/block:Posts}
  721. </div></div>
  722. {block:ContentSource}
  723. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  724. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  725. {/block:SourceLogo}
  726. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  727. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  728.  
  729. <div id="credit"><a href="//octomoosey.tumblr.com/" title="theme by octomoosey"><img src="//static.tumblr.com/uopakca/cwDo0y64u/octopus-24.png"></a></div>
  730.  
  731. <!---••• Scripts •••--->
  732.  
  733. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  734. <script src="//static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  735.  
  736. <script>
  737. (function($){
  738. $(document).ready(function(){
  739. $("a[title]").style_my_tooltips({
  740. tip_follows_cursor:true,
  741. tip_delay_time:90,
  742. tip_fade_speed:600,
  743. attribute:"title"
  744. });
  745. });
  746. })(jQuery);
  747. </script>
  748.  
  749. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  750. <script>
  751. $(document).ready(function(){
  752.  
  753. $('.totop').click(function(){
  754. $('html, body, #container').animate({scrollTop : 0},1200);
  755. return false;
  756. });
  757. $('.clickdown').click(function(){
  758. $('html, body, #container').animate({scrollTop : $("#post").offset().top},1200);
  759. return false;
  760. });
  761.  
  762. $(window).scroll(function(){
  763. if ($(this).scrollTop() > 200) {
  764. $('.totop').fadeIn();
  765. } else {
  766. $('.totop').fadeOut();
  767. }
  768. });
  769. });
  770. </script>
  771.  
  772. <script src="//unpkg.com/imagesloaded@4/imagesloaded.pkgd.js"></script>
  773.  
  774. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  775. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  776. <script src="//static.tumblr.com/yzs4yqx/lOsokx99u/smoothscroll.min.js"></script>
  777. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  778. <script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  779.  
  780. <script>
  781. $(document).ready(function(){
  782. $('.photo-slideshow').pxuPhotoset({
  783. lightbox: true,
  784. rounded: false,
  785. gutter: '3px',
  786. borderRadius: '0px',
  787. photoset: '.photo-slideshow',
  788. photoWrap: '.photo-data',
  789. photo: '.pxu-photo'
  790. });
  791. });
  792. </script>
  793.  
  794. </body>
  795. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement