API tools faq
paste
Advertisement
MystiqueAquanian

Good Styx

MystiqueAquanian
Dec 10th, 2016
117
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.21 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME: STYX
  4. by acuite
  5.  
  6. - don't steal this pls
  7. - enjoy, ilu (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
  8.  
  9. - @acuite for more themes
  10.  
  11. -->
  12.  
  13. <html>
  14. <head>
  15.  
  16. <title>Galaxies In Her Eyes</title>
  17. <link rel="shortcut icon" href="http://imgur.com/eVbSAug.jpg">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <meta name="color:Background" content="#f8f8f8"/>
  22. <meta name="color:Post" content="#fff"/>
  23. <meta name="color:Border" content="#eee"/>
  24. <meta name="color:Text" content="#555"/>
  25. <meta name="color:Link" content="#999"/>
  26. <meta name="color:Hover" content="#EBC4FF"/>
  27.  
  28. <meta name="if:Tags" content=""/>
  29. <meta name="if:Load More" content=""/>
  30. <meta name="if:Paginate" content=""/>
  31. <meta name="if:Round Edges" content=""/>
  32.  
  33. <meta name="select:Captions" content="creg" title="Regular">
  34. <meta name="select:Captions" content="cmin" title="Minimal">
  35. <meta name="select:Captions" content="cinl" title="Inline">
  36. <meta name="select:Captions" content="chid" title="Hide">
  37.  
  38. <meta name="text:Post" content="400"/>
  39. <meta name="text:Sidebar" content="200"/>
  40. <meta name="text:Margin" content="60"/>
  41.  
  42. <meta name="text:Link 1" content="/"/>
  43. <meta name="text:Link 1 Title" content="one"/>
  44. <meta name="text:Link 2" content="/" />
  45. <meta name="text:Link 2 Title" content="two"/>
  46. <meta name="text:Link 3" content="/" />
  47. <meta name="text:Link 3 Title" content="three"/>
  48. <meta name="text:Link 4" content="/" />
  49. <meta name="text:Link 4 Title" content="four"/>
  50.  
  51. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  52. <link href='https://fonts.googleapis.com/css?family=Open+Sans:300i,400,400italic,600,600italic,700,700italic|Merriweather:700,700i' rel='stylesheet' type='text/css'>
  53.  
  54. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  55.  
  56.  
  57. <style type="text/css">
  58. .tmblr-iframe-pushdown {padding-top:0px!important; -webkit-animation:none!important; animation:none!important;}
  59. div#tumblr-controls {
  60. width:360px;
  61. position:fixed;
  62. top:0px;
  63. right:0px;
  64. overflow:hidden;
  65. height:54px;
  66. z-index:214748364789123456789;
  67. -webkit-transform:scale(0.6,0.6);
  68. -webkit-transform-origin: 100% 0%;
  69. -ms-transform:scale(0.6,0.6);
  70. -ms-transform-origin: 100% 0%;
  71. transform:scale(0.6,0.6);
  72. transform-origin:100% 0%;
  73. }
  74.  
  75. .tmblr-iframe--unified-controls {right:0px!important; left:auto!important; position:absolute!important; width:1200px!important;}
  76.  
  77.  
  78. /* Scroll */
  79.  
  80. ::-webkit-scrollbar {width:12px;height:11px;background:{color:Border};}
  81. ::-webkit-scrollbar-thumb {background:rgba({RGBcolor:Link},0.5);}
  82. ::-webkit-scrollbar,::-webkit-scrollbar-thumb {
  83. border:5px solid {color:Background};
  84. }
  85.  
  86. /* Controls */
  87.  
  88. #tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{-webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:0.5;}
  89.  
  90. /* General */
  91.  
  92. body {margin:0;color:{color:Text};background:{color:Background};}
  93. a:link, a:active, a:visited {text-decoration:none;}
  94. body,p,pre,blockquote,big,small,sub,sup {font-size:10px;}
  95. body,p,pre,em{font-family:'Open Sans',Arial,Helvetica,sans-serif;}
  96. a,.our_button,.like_button,nav a .lnr,.dh .lnr{
  97. transition:0.5s ease;
  98. -o-transition:0.5s ease;
  99. -moz-transition:0.5s ease;
  100. -webkit-transition:0.5s ease;
  101. }
  102.  
  103. /* Credit & Scroll to Top */
  104.  
  105. .c,.top{position:fixed;right:30px;width:40px;}
  106. .c {bottom:30px;}
  107. .top {bottom:50px;display:none;}
  108.  
  109. /* Pagination */
  110.  
  111. .cp {font-weight:600;}
  112. .cp,.jp,.pag a{display:inline-block;vertical-align:middle;margin:0 10px;}
  113. .pag a .lnr,.top{font-size:16px;}
  114. .pag,.load {position:relative;margin:{text:Margin}px;width:{text:Post}px;}
  115. .load {cursor:pointer;display:block;}
  116. .c,.top,.pag,.load {text-align:center;}
  117. .c,.pag,.load {font-size:9px;letter-spacing:1px;text-transform:uppercase;}
  118.  
  119.  
  120. /* Containers */
  121.  
  122. .center {
  123. position:relative;
  124. margin-left:calc({text:Sidebar}px + 41px);
  125. }
  126.  
  127. .entry img{max-width:100%;height:auto;}
  128. .entry {
  129. width:{text:Post}px;
  130. margin:{text:Margin}px;
  131. background:{color:Post};
  132. border:1px solid {color:Border};
  133. overflow:hidden;
  134. }
  135.  
  136. /* Sidebar */
  137.  
  138. aside {
  139. position:fixed;
  140. width:{text:Sidebar}px;
  141. height:100%;
  142. top:0;
  143. left:0;
  144. padding:20px;
  145. background:{color:Post};
  146. border-right:1px solid {color:Border};
  147. }
  148.  
  149. .blog_info {font-size:0;}
  150. .blog_info .dh {float:right;padding:10px 0;}
  151. .blog_info .dh .lnr {font-size:14px;padding:5px;}
  152. aside .image,aside h1 {display:inline-block;vertical-align:middle;}
  153. .image {width:34px;margin-right:12px;}
  154. .desc {padding:10px 0 0;margin:10px 0;font-size:10px;}
  155. .lh {cursor:help;}
  156. .lb {display:none;padding:10px;}
  157. .lb a {display:inline-block;width:50%;margin:8px 0;}
  158. nav {font-size:0;}
  159. nav a .lnr {
  160. display:inline-block;
  161. vertical-align:middle;
  162. margin-right:9px;
  163. padding:5px;
  164. font-size:13px;
  165. color:rgba({RGBcolor:Text},0.5);
  166. }
  167.  
  168. nav a:hover .lnr,.dh .lnr:hover {
  169. background:rgba(230,186,241,0.75);
  170. color:#fff;
  171. }
  172.  
  173. nav a {
  174. display:block;
  175. margin:10px 0;
  176. font-size:10px;
  177. line-height:100%;
  178. color:{color:Text};
  179. text-transform:capitalize;
  180. }
  181.  
  182. .srch .lnr {color:{color:Link};}
  183. .srch {
  184. margin:20px 0;
  185. padding:5px 9px;
  186. background:{color:Background};
  187. border:1px solid {color:Border};
  188. }
  189.  
  190. .srch input{
  191. width:calc(100% - 13px);
  192. background:inherit;
  193. padding:0;
  194. border:0;
  195. margin:0;
  196. outline:none;
  197. font:inherit;
  198. opacity:0.6;
  199. font-size:10px;
  200. line-height:100%;
  201. }
  202.  
  203. .srch input[type=text] {color:{color:Link};}
  204. input::-webkit-input-placeholder {color:{color:Link};}
  205. input::-moz-placeholder {color:{color:Link};}
  206. input:-moz-placeholder {color:{color:Link};}
  207. input:-ms-input-placeholder {color:{color:Link};}
  208. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
  209.  
  210. /* Titles */
  211.  
  212. a h1 {color:{color:Text};}
  213. a h1 i {color:{color:Link};}
  214. a:hover h1 * {color:#E6BAF1;transition:0.7s;}
  215. h1 {margin:0;font-size:11px;line-height:100%;}
  216. h1 i {font-weight:400;display:block;font-style:normal;font-size:9px;}
  217.  
  218. h2 {
  219. margin:10px;
  220. font-size:14px;
  221. line-height:100%;
  222. font-family:Merriweather,Georgia,serif;
  223. }
  224.  
  225. h3,h4,h5 {margin:10px;font-weight:600;font-size:10px;}
  226.  
  227. /* Permalinks */
  228.  
  229. .p {font-size:0;padding:15px;}
  230. .ple a,.ple,.pri,.tags a{display:inline-block;vertical-align:middle;}
  231. a.time,.tags a{font-size:9px;line-height:100%;}
  232. a.time {margin-top:-2px;}
  233. .pic {width:16px;border-radius:50%;margin-right:9px;}
  234. .ple {width:calc(100% - 32px);}
  235. .pri {text-align:right;width:32px;}
  236. .pri .lnr {font-size:12px;line-height:100%;}
  237.  
  238. .custom-like-button *{cursor:pointer!important;}
  239. .custom-like-button {
  240. position:relative;
  241. display:inline-block;
  242. vertical-align:top;
  243. width:11px;
  244. height:11px;
  245. cursor:pointer;
  246. margin-right:9px;
  247. }
  248.  
  249. .like_button:hover + .our_button {color:{color:Hover};}
  250. .like_button.liked + .our_button {color:{color:Hover};}
  251. .like_button iframe {width:100%!important;height:100%!important;}
  252. .like_button {z-index:10;opacity:0;}
  253. .our_button {z-index:1;}
  254. .our_button,.like_button {
  255. position:absolute;
  256. top:0;
  257. left:0;
  258. width:100%;
  259. height:100%;
  260. }
  261.  
  262. .tags {margin-top:10px;}
  263. .tags a:hover {
  264. color:{color:Post};
  265. background:{color:Hover};
  266. border-color:{color:Hover};
  267. }
  268.  
  269. .tags a {
  270. margin:0 5px 0 0;
  271. background:{color:Background};
  272. border:1px solid {color:Border};
  273. padding:4px 5px 5px;
  274. }
  275.  
  276. /* Quotes */
  277.  
  278. .qut_hold {padding:30px;}
  279. .src {margin-bottom:2px;}
  280. .qut {font-size:13px;font-style:italic;font-weight:300;letter-spacing:0.3px;}
  281.  
  282. /* Audio & Chat */
  283.  
  284. .chat,.lines,.chat h2,.audio {padding:10px;}
  285. .chat h2 {margin:0;}
  286. .lines b{display:block;font-weight:400;}
  287.  
  288. .play {
  289. padding:10px;
  290. background:#e4e4e4;
  291. margin-right:15px;
  292. height:27px;
  293. width:27px;
  294. }
  295.  
  296. .audio {font-size:0;}
  297. .play,.au {display:inline-block;vertical-align:middle;}
  298. .soundcloud_audio_player{padding:15px 0;}
  299. .tn {text-transform:uppercase;letter-spacing:1px;}
  300. .au span {display:block;margin:3px 0;font-size:9px;}
  301. .au {width:calc(100% - 62px);}
  302. .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  303.  
  304. /* Text */
  305.  
  306. ol,ul {padding:0 0 0 20px;}
  307. li {margin:5px;}
  308. p,blockquote,pre,ul,ol{margin:10px;}
  309. b,strong {font-weight:600;}
  310. blockquote p{margin:10px 0;}
  311. blockquote p:first-child{margin:0 0 10px;}
  312. blockquote p:last-child{margin:10px 0 0;}
  313. blockquote p:only-child{margin:0;}
  314. blockquote blockquote {margin:0;}
  315. blockquote{padding-left:10px;border-left:1px solid {color:Border};}
  316. pre {
  317. white-space:pre-wrap;
  318. white-space:-moz-pre-wrap;
  319. white-space:-pre-wrap;
  320. white-space:-o-pre-wrap;
  321. word-wrap:break-word;
  322. }
  323.  
  324. /* Captions */
  325.  
  326. .txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;}
  327. .txt,.cap {padding:10px;}
  328. .cmin blockquote {border:0;padding:0;}
  329. .chid {display:none;}
  330. .cinl {padding:20px;}
  331. .cinl *:not(a):not(ul):not(ol):not(li){margin:0;padding:0;display:inline;}
  332. .cinl p:first-of-type {display:inline!important;}
  333. .cinl blockquote {border:0;}
  334. .cinl p,.cinl blockquote p {display:block!important;margin:0!important;}
  335.  
  336. /* Video */
  337.  
  338. .video {overflow:hidden;}
  339. .vine-embed,#youtube_iframe {display:block;}
  340. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  341.  
  342. /* Photosets */
  343.  
  344. #tumblr_lightbox,.tmblr-lightbox {
  345. background:rgba({RGBcolor:Background},0.99)!important;
  346. }
  347.  
  348. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  349. opacity:0!important;
  350. }
  351.  
  352. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  353. #tumblr_lightbox_right_image, .lightbox-image {
  354. box-shadow:none!important;
  355. border-radius:0px!important;
  356. {block:ifRoundEdges}border-radius:4px!important;{/block:ifRoundEdges}
  357. }
  358.  
  359. /* Ask */
  360.  
  361. .ask {padding:20px;}
  362. .aski {margin:0 0 10px;line-height:20px;font-size:10px;}
  363. .aski img {float:left;width:20px;margin-right:7px;}
  364.  
  365. /* Permalink Page + Postnotes */
  366.  
  367. .pph {text-transform:lowercase;}
  368. .perma {padding:15px;line-height:175%;}
  369. .pmt a:after {content:',';}
  370. .pmt a:last-of-type:after {content:'.';}
  371. .pn ol {margin:0;padding:0;list-style-type:none;}
  372. .pn li{margin:10px;font-size:8.5px;line-height:100%;}
  373. .pn,.pn img{display:none;}
  374. .pn {padding:10px;font-size:0;}
  375. .pnh,.more_notes_link,.notes_loading {display:block;font-weight:600;}
  376. .more_notes_link,.notes_loading {text-align:left!important;}
  377.  
  378. /* Tooltips */
  379.  
  380. #s-m-t-tooltip{
  381. max-width:200px;
  382. margin:15px;
  383. z-index:99999999;
  384. padding:6px;
  385. line-height:100%;
  386. word-wrap:break-word;
  387. word-break:break-all;
  388. background:{color:Post};
  389. border:1px solid {color:Border};
  390. }
  391.  
  392. /* Common Styles */
  393.  
  394. .ask,p,blockquote,.lines,.pn,.qut,.desc,.cap{line-height:150%;}
  395. a:hover, a h2:hover{color:{color:Hover};}
  396. a,.p,.perma,.src,.lines b,.tn,h2,.ask,.lb a,.pag{color:{color:Link};}
  397. h2 a i{margin:0 2px;}
  398.  
  399. {block:ifRoundEdges}
  400. .play,.aski img,.entry,#s-m-t-tooltip,.image,aside .lnr,.tags a,.srch{
  401. border-radius:4px;
  402. }
  403. {/block:ifRoundEdges}
  404.  
  405. /* Borders */
  406.  
  407. .lb {border-bottom:1px solid {color:Border};}
  408. .cap,.desc,.lb,.p {border-top:1px solid {color:Border};}
  409. .cap a,.txt a {border-bottom:1px solid rgba({RGBcolor:Hover},0.25);}
  410.  
  411. /* Etc */
  412.  
  413. img {margin:0;display:block;}
  414.  
  415. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  416.  
  417. </style>
  418. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  419. <script src="http://static.tumblr.com/2b2izpj/cB7ogqs8l/jquery.initialize.js"></script>
  420. <script>
  421. $(document).ready(function(){
  422. // un-uglify new tumblr controls by magnusthemes@tumblr
  423. $(".tmblr-iframe--unified-controls").initialize(function(){
  424. var originalURL = $(this).attr("src").split("useThemeColors");
  425. var srcpart = originalURL[1].split("scrollHeader")[1];
  426. var newURL = originalURL[0] + 'useThemeColors":false, "scrollHeader' + srcpart;
  427. $(this).attr("src", newURL);
  428. });
  429. $(".tmblr-iframe--loaded").initialize(function(){
  430. $(this).appendTo("div#tumblr-controls");
  431. });
  432. });
  433. </script>
  434.  
  435. </head>
  436. <body>
  437. <div id="tumblr-controls"></div>
  438.  
  439.  
  440.  
  441.  
  442.  
  443. <!---------------------------------------------------------------------------
  444. ------------------------ updates tab by yearsandsyears ----------------------
  445. ---------------------------------------------------------------------------->
  446.  
  447.  
  448. <script src="https://use.fontawesome.com/8b31d30a04.js"></script>
  449. <script>$(document).ready(function(){$('.ut').click(function(){if($(this).hasClass('active')){$(this).children('span').delay(300).fadeOut(300);$(this).siblings('.hidden').slideUp(300);$(this).delay(400).queue(function(){$(this).removeClass('active');$(this).dequeue();});}else{$(this).addClass('active');$(this).children('span').delay(150).fadeIn(300);$(this).siblings('.hidden').delay(600).slideDown(300);$(this).delay(400).queue(function(){$(this).parents('.update').siblings('.update').children('.ut').removeClass('active');$(this).dequeue();});$(this).parents('.update').siblings('.update').children('.ut').children('span').delay(300).fadeOut(300);$(this).parents('.update').siblings('.update').children('.hidden').slideUp(300);}});$('.ut').click(function(){if($(this).parents('.update').find('.ucr').length){$(this).children('.fa').fadeToggle(300);$('.ucr').fadeToggle(300);}else{$('.ucr').fadeOut(300);$('.fa:not(.fa-flask)').fadeIn(300);}});});</script>
  450.  
  451.  
  452. <link href="http://static.tumblr.com/f6blkfc/r1aobqyxi/cyantists_updates_8.css" rel="stylesheet" type="text/css"><style type="text/css">
  453.  
  454.  
  455. .updates {
  456. width:120px; /* this will change the width of the entire tab */
  457. font-size:10px; /* changing this will scale all of the text */
  458. }
  459.  
  460.  
  461. .ut, .updates .text {
  462. border-color:#f0f0f0; /* border colour of the boxes */
  463. background:#ffffff; /* background colour of the boxes */
  464. }
  465. .updates .text {
  466. padding:10px; /* padding around the updates tab text */
  467. }
  468.  
  469.  
  470. </style>
  471.  
  472.  
  473.  
  474.  
  475. <!-- to move the updates tab to the right of the page, change this line
  476. to <div class="updates uright"> --> <div class="updates uright">
  477.  
  478.  
  479.  
  480. <!-------------------------------------------------------------------->
  481. <div class="update"><div class="ut tr">
  482.  
  483. <!-- you can move this to the same place in a different tab but
  484. please leave it intact --><div class="ucr">
  485. <a href="http://yearsandsyears.tumblr.com" title="cyantists">
  486. <i class="fa fa-fw fa-code"></i></a></div>
  487. <!-- thank you! -->
  488.  
  489. <i class="fa fa-fw fa-bolt"></i>
  490. <!-- go here for more icons: http://fontawesome.io/icons/
  491. to change it you only replace the fa-bolt part, see below
  492. for some common icon suggestions -->
  493.  
  494. <span>title</span></div>
  495.  
  496. <div class="hidden"><div class="text">
  497.  
  498. text here, <b>bold</b>, <i>italic</i>, <a href="/">link</a>.
  499.  
  500.  
  501. </div></div></div>
  502. <!-------------------------------------------------------------------->
  503. <div class="update"><div class="ut tr">
  504.  
  505. <i class="fa fa-fw fa-location-arrow"></i>
  506.  
  507. <span>title</span></div>
  508.  
  509. <div class="hidden"><div class="text">
  510.  
  511. text here, <b>bold</b>, <i>italic</i>, <a href="/">link</a>.
  512.  
  513.  
  514. </div></div></div>
  515. <!-------------------------------------------------------------------->
  516.  
  517.  
  518.  
  519.  
  520. <!-- ICON SUGGESTIONS: ------------------------------------------------
  521.  
  522. fa-bars / fa-calendar / fa-cog / fa-comment / fa-cube / fa-diamond
  523. fa-envelope / fa-folder / fa-headphones / fa-heart / fa-music
  524. fa-paper-plane / fa-quote-left / fa-star / fa-tag / fa-user
  525.  
  526.  
  527. ---------------------------------------------------------------------->
  528.  
  529.  
  530.  
  531. </div><!----------------------- //updates tab ----------------------->
  532.  
  533.  
  534.  
  535. <aside>
  536. <div class="blog_info">
  537. <a class="dh" href="#"><span class="lnr lnr-chevron-down"></span></a>
  538. <a href="/">
  539. <img class="image" src="{PortraitURL-128}"/>
  540. <h1>{Title}<br><i>{Name}</i></h1>
  541. </a>
  542. </div>
  543.  
  544. <div class="desc"><p>She is not looking for a prince.</p>
  545. <p>She is looking for a sword.</p>
  546. </div>
  547.  
  548. <form class="srch" action="/search" method="get">
  549. <span class="lnr lnr-magnifier"></span><input type="text" name="q" placeholder="Search" value="{SearchQuery}"/>
  550.  
  551. </form>
  552.  
  553. <nav>
  554. <a href="/"><span class="lnr lnr-home"></span>Home</a>
  555. <a href="/about"><span class="lnr lnr-user"></span>About Me</a>
  556. <a href="/ask"><span class="lnr lnr-envelope"></span>Owl Me</a>
  557. <a href="/characters"><span class="lnr lnr-history"></span>My Characters</a>
  558. <a href="/tags"><span class="lnr lnr-tag"></span>Tags</a>
  559. <a href="/archive"><span class="lnr lnr-history"></span>Archive</a>
  560. </nav>
  561. </aside>
  562.  
  563.  
  564.  
  565.  
  566. <div class="center">
  567.  
  568. <div id="content">
  569. {block:Posts}
  570. <div class="entry" id="{PostID}">
  571.  
  572. {block:Text}
  573. <div class="txt">
  574. {block:Title}<h2>{Title}</h2>{/block:Title}
  575. {Body}
  576. </div>
  577. {/block:Text}
  578.  
  579. {block:Link}
  580. <div class="txt">
  581. <h2><a title="{URL}" href="{URL}">{Name} <span class="lnr lnr-chevron-right"></span></a></h2>
  582. {block:Description}{Description}{/block:Description}
  583. </div>
  584. {/block:Link}
  585.  
  586. {block:Photo}
  587. <div class="bx"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a></div>
  588. {/block:Photo}
  589.  
  590. {block:Photoset}
  591. <div class="bx"><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></div>
  592. {/block:Photoset}
  593.  
  594. {block:Quote}
  595. <div class="qut_hold">
  596. {block:Source}<div class="src">{Source}</div>{/block:Source}
  597. <div class="qut">{Quote}</div>
  598. </div>
  599. {/block:Quote}
  600.  
  601. {block:Chat}
  602. <div class="chat">
  603. {block:Title}<h2>{Title}</h2>{/block:Title}
  604. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  605. </div>
  606. {/block:Chat}
  607.  
  608. {block:Audio}
  609. <div class="audio">
  610. {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  611. <div class="au">
  612. {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
  613. {block:Artist}<span>by {Artist}</span>{/block:Artist}
  614. </div>
  615. </div>
  616. {/block:Audio}
  617.  
  618. {block:Video}
  619. <div class="video">{Video-500}</div>
  620. {/block:Video}
  621.  
  622. {block:Answer}
  623. <div class="ask">
  624. <div class="aski"><img src="{AskerPortraitURL-24}">{Asker} said:</div>
  625. <div class="que">{Question}</div>
  626. </div>
  627. <div class="txt">{Answer}</div>
  628. {/block:Answer}
  629.  
  630. {block:Caption}<div class="cap {select:Captions}">{Caption}</div>{/block:Caption}
  631.  
  632. {block:IndexPage}
  633. <div class="p">
  634. <div class="ple">
  635. {block:RebloggedFrom}
  636. <a href="{ReblogRootURL}" title="{ReblogRootName}">
  637. <img class="pic" src="{ReblogRootPortraitURL-96}">
  638. </a>
  639. {/block:RebloggedFrom}
  640. {block:NotReblog}
  641. <a href="{Permalink}" title="{Name}">
  642. <img class="pic" src="{PortraitURL-96}">
  643. </a>
  644. {/block:NotReblog}
  645. <a class="time" href="{Permalink}">posted {TimeAgo}</a>
  646. </div>
  647.  
  648. <div class="pri">
  649. <div class="custom-like-button">{LikeButton}
  650. <span class="our_button"><span class="lnr lnr-heart"></span></span>
  651. </div>
  652. <a href="{ReblogURL}"><span class="lnr lnr-sync"></span></a>
  653. </div>
  654.  
  655. {block:ifTags}{block:HasTags}<div class="tags">
  656. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  657. </div>{/block:HasTags}{/block:ifTags}
  658. </div>
  659. {/block:IndexPage}
  660.  
  661.  
  662.  
  663. {block:PermalinkPage}
  664. {block:Date}
  665. <div class="pph">
  666. <div class="perma">
  667. posted {TimeAgo} on {DayofMonthWithSuffix} {Month}
  668. {block:RebloggedFrom}<br>
  669. via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;&nbsp;&nbsp;
  670. source <a href="{ReblogRootURL}">{ReblogRootName}</a>
  671. {/block:RebloggedFrom}
  672.  
  673. {block:HasTags}<div class="pmt">tags: &nbsp;
  674. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  675. </div>{/block:HasTags}
  676. <a href="#" class="pnh">{NoteCountWithLabel}</a>
  677. </div>
  678.  
  679. {block:PostNotes}
  680. <div class="pn">{PostNotes}</div>
  681. {/block:PostNotes}
  682.  
  683. </div>
  684. {/block:Date}
  685. {/block:PermalinkPage}
  686.  
  687. {block:ContentSource}
  688. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  689. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  690. {/block:SourceLogo}
  691. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  692. {/block:ContentSource}
  693.  
  694. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  695.  
  696. </div>
  697. {/block:Posts}
  698.  
  699. {block:ifPaginate}
  700. {block:Pagination}
  701. <div class="pag">
  702. {block:PreviousPage}
  703. <a href="{PreviousPage}"><span class="lnr lnr-chevron-left"></span></a>
  704. {/block:PreviousPage}
  705.  
  706. {block:JumpPagination length="3"}
  707. {block:CurrentPage}
  708. <span class="cp">{PageNumber}</span>
  709. {/block:CurrentPage}
  710. {block:JumpPage}
  711. <a class="jp" href="{URL}">{PageNumber}</a>
  712. {/block:JumpPage}
  713. {/block:JumpPagination}
  714.  
  715. {block:NextPage}
  716. <a href="{NextPage}"><span class="lnr lnr-chevron-right"></span></a>
  717. {/block:NextPage}
  718. </div>
  719. {/block:Pagination}
  720. {/block:ifPaginate}
  721.  
  722. </div>
  723.  
  724. {block:ifnotPaginate}
  725. {block:Pagination}
  726. <div class="pag">
  727. {block:PreviousPage}
  728. <a href="{PreviousPage}" class="prev">back</a>
  729. {/block:PreviousPage}
  730. {block:NextPage}
  731. <a href="{NextPage}" class="next">next</a>
  732. {/block:NextPage}
  733. </div>
  734.  
  735. {block:ifLoadMore}
  736. <a class="load">Load More</a>
  737. {/block:ifLoadMore}
  738. {/block:Pagination}
  739. {/block:ifnotPaginate}
  740.  
  741. </div>
  742.  
  743. <a href="#" class="top"><span class="lnr lnr-chevron-up"></span></a>
  744. <div class="c"><a href="http://acuite.tumblr.com">acuite</a></div>
  745.  
  746. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  747. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  748. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  749. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  750. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  751. <script>
  752. $(document).ready(function(){
  753. $('.photo-slideshow').pxuPhotoset({
  754. lightbox: true,
  755. rounded: false,
  756. gutter: '1px',
  757. photoset: '.photo-slideshow',
  758. photoWrap: '.photo-data',
  759. photo: '.pxu-photo'
  760. });
  761. {block:ifnotPaginate}
  762. var $container = $('#content');
  763. $container.infinitescroll({
  764. itemSelector: '.entry',
  765. navSelector: '.pag',
  766. nextSelector: '.next',
  767. loadingImg: ' ',
  768. loadingText: ' ',
  769. donetext: 'No more posts' ,
  770. bufferPx: 2000,
  771. {block:ifLoadMore}
  772. errorCallback: function(){
  773. jQuery('.load').delay(50).fadeOut();
  774. }
  775. {/block:ifLoadMore}
  776. },
  777. function( newElements ) {
  778. var $newElems = $( newElements );
  779. var $newElemsIDs = $newElems.map(function(){
  780. return this.id;
  781. }).get();
  782. $newElems.find('.photo-slideshow').pxuPhotoset({
  783. lightbox: true,
  784. rounded: false,
  785. gutter: '1px',
  786. photoset: '.photo-slideshow',
  787. photoWrap: '.photo-data',
  788. photo: '.pxu-photo'
  789. });
  790. resizeVideos();
  791. console.log($newElems, $newElemsIDs);
  792. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  793. });
  794.  
  795. {block:ifLoadMore}
  796. $(window).unbind(".infscr");
  797. $(".load").click(function(){
  798. $("#content").infinitescroll("retrieve");
  799. });
  800. {/block:ifLoadMore}
  801.  
  802. {/block:ifnotPaginate}
  803. });
  804.  
  805.  
  806.  
  807. // scroll to top © html-tuts.com
  808. var amountScrolled = 500;
  809. $(window).scroll(function() {
  810. if ($(window).scrollTop() > amountScrolled) {
  811. $('a.top').fadeIn('slow');
  812. } else {
  813. $('a.top').fadeOut('slow');
  814. }
  815. });
  816.  
  817. $('a.top').click(function() {
  818. $('body, html').animate({
  819. scrollTop: 0
  820. }, 'slow');
  821. return false;
  822. });
  823.  
  824.  
  825.  
  826. // drop links & post notes
  827. $(document).ready(function(){
  828. $(".pn").hide();
  829. $(".pnh").show();$('.pnh').toggle(function(){
  830. $(".pn").slideDown(function(){});
  831. },function(){
  832. $(".pn").slideUp(function(){});
  833. });
  834. $(".desc").hide();
  835. $(".dh").show();$('.dh').toggle(function(){
  836. $(".desc").slideDown(function(){});
  837. },function(){
  838. $(".desc").slideUp(function(){});
  839. });
  840. $(".lb").hide();
  841. $(".lh").show();$('.lh').toggle(function(){
  842. $(".lb").slideDown(function(){});
  843. },function(){
  844. $(".lb").slideUp(function(){});
  845. });
  846. });
  847.  
  848.  
  849.  
  850. // tooltips
  851. (function($){
  852. $(document).ready(function(){
  853. $("[title]").style_my_tooltips({
  854. tip_delay_time:200,
  855. tip_fade_speed:300
  856. }
  857. );
  858. });
  859. })(jQuery);
  860.  
  861. </script>
  862. </body>
  863. </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!