API tools faq
paste
Advertisement
study_ace

theme 05: auden

study_ace
Nov 19th, 2018
770
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.75 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <title>{block:PostSummary}{PostSummary} | {/block:PostSummary}{block:TagPage}#{Tag} | {/block:TagPage}{block:SearchPage}search results for: {SearchQuery} | {/block:SearchPage}{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5.  
  6. <!---
  7. theme: auden by @studyace (caroline)
  8. pagination arrows are icons in the honeybee font by @themehive
  9. header preview from unsplash
  10. video resizing @shythemes, photosets.css @annasthms and @espoirthemes
  11. unnest captions @magnusthemes and @neothm
  12. also, thank you for help figuring things out @isaacsthemes
  13. please dont steal, remove/edit credit, redistribute w/o permission, copy code/ideas, or use as a base
  14. contact @ studyace.tumblr.com
  15. --->
  16.  
  17. <meta name="viewport" content="width=device-width, initial-scale=1">
  18.  
  19. <link href="https://fonts.googleapis.com/css?family=Lato:300|Muli:700" rel="stylesheet">
  20.  
  21. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/n7gvaew/8gop026qc/normalize.css">
  22. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  23.  
  24. <meta name="color:Gradient 1" content="pink"/>
  25. <meta name="color:Gradient 2" content="purple"/>
  26. <meta name="color:Gradient 3" content="blue"/>
  27. <meta name="color:Gradient 4" content="red"/>
  28. <meta name="color:Tooltip" content="#fff"/>
  29. <meta name="color:Tooltip BG" content="#000"/>
  30. <meta name="color:Blockquote" content="#ccc"/>
  31. <meta name="color:Header Links" content="#000"/>
  32. <meta name="color:Header Links Hover" content="#fff"/>
  33. <meta name="color:Text" content="#18191A"/>
  34. <meta name="color:Links" content="#888"/>
  35. <meta name="color:Tags" content="#000"/>
  36.  
  37. <meta name="text:Link 1 URL" content=""/>
  38. <meta name="text:Link 1" content="one"/>
  39. <meta name="text:Link 2 URL" content=""/>
  40. <meta name="text:Link 2" content="two"/>
  41. <meta name="text:Link 3 URL" content=""/>
  42. <meta name="text:Link 3" content="three"/>
  43. <meta name="text:Link 4 URL" content=""/>
  44. <meta name="text:Link 4" content="four"/>
  45. <meta name="text:Link 5 URL" content=""/>
  46. <meta name="text:Link 5" content="five"/>
  47. <meta name="text:Link 6 URL" content=""/>
  48. <meta name="text:Link 6" content="six"/>
  49.  
  50. <meta name="image:Header" content=""/>
  51.  
  52. <meta name="if:Header Image" content="1"/>
  53. <meta name="select:Header Image Size" content="himage_l" title="Large"/>
  54. <meta name="select:Header Image Size" content="himage_m" title="Medium"/>
  55. <meta name="select:Header Image Size" content="himage_s" title="Small"/>
  56. <meta name="select:Header Alignment" content="header_c" title="Center"/>
  57. <meta name="select:Header Alignment" content="header_l" title="Left"/>
  58. <meta name="select:Header Alignment" content="header_r" title="Right"/>
  59.  
  60. <style type="text/css">
  61.  
  62. @-ms-viewport{
  63. width: device-width;
  64. }
  65.  
  66. @-webkit-keyframes fade {
  67. 0% { opacity: 0; }
  68. 100% { opacity: 1; }
  69. }
  70. @-moz-keyframes fade {
  71. 0% { opacity: 0; }
  72. 100% { opacity: 1; }
  73. }
  74. @-o-keyframes fade {
  75. 0% { opacity: 0; }
  76. 100% { opacity: 1; }
  77. }
  78. @keyframes fade {
  79. 0% { opacity: 0; }
  80. 100% { opacity: 1; }
  81. }
  82.  
  83. .posts, #header, .pag {
  84. -webkit-animation: fade 2s; /* Safari 4+ */
  85. -moz-animation: fade 2s; /* Fx 5+ */
  86. -o-animation: fade 2s; /* Opera 12+ */
  87. animation: fade 2s; /* IE 10+, Fx 29+ */
  88. }
  89.  
  90. #s-m-t-tooltip { max-width:200px; z-index:10000000000000000000000; margin:24px 14px 7px 12px; padding:8px 10px; background:{color:Tooltip BG}; font:10px, line-height:16px; text-align:center; color:{color:Tooltip}; }
  91.  
  92. body { font:15px "Lato", helvetica; line-height:1.4em; }
  93. h1 { font-size:1.3em; margin:0px 0px 10px 0px; line-height:1.4em; }
  94. a { text-decoration:none; color:{color:Links}; transition:all 0.5s ease;}
  95. .post a:hover, .pag a:hover {
  96. text-decoration:line-through;
  97. }
  98. .date:hover, .rblike a:hover {
  99. text-decoration:none !important;
  100. }
  101. .post img { max-width:100%; }
  102. .post { word-break:break-word; }
  103. blockquote {
  104. border-left:1.5px solid {color:Blockquote};
  105. padding-left:15px;
  106. }
  107.  
  108. .iframe-controls--desktop {
  109. /*credit to @magnusthemes for this part*/
  110. position:fixed;
  111. top:60px!important;
  112. right:60px!important;
  113. z-index:214748364789123456789;
  114. filter:invert(100%);
  115. -webkit-filter:invert(100%);
  116. -webkit-transform:scale(0.8,0.8);
  117. -webkit-transform-origin: 100% 0%;
  118. -ms-transform-origin:100% 0%;
  119. -ms-transform:scale(0.8,0.8);
  120. transform:scale(0.8,0.8);
  121. transform-origin:100% 0%;
  122. }
  123.  
  124. h1, .tumblr_blog {
  125. font-family:"Muli", arial;
  126. }
  127.  
  128. #b1, #b2, #b3, #b4 {
  129. position:fixed;
  130. z-index:10;
  131. }
  132.  
  133. #b1, #b2 {
  134. width:50px;
  135. top:0px;
  136. height:100vh;
  137. bottom:0;
  138. }
  139.  
  140. #b3, #b4 {
  141. width:100vw;
  142. height:50px;
  143. left:0;
  144. right:0;
  145. }
  146.  
  147. #b1 {
  148. left:0px;
  149. position:fixed;
  150. background-image:linear-gradient({color:Gradient 1} 30%, {color:Gradient 4} 95%);
  151. }
  152.  
  153. #b2 {
  154. right:0px;
  155. position:fixed;
  156. background-image:linear-gradient({color:Gradient 2} 30%, {color:Gradient 3} 90%);
  157. }
  158.  
  159. #b3 {
  160. top:0px;
  161. position:fixed;
  162. background-image:linear-gradient(to right, {color:Gradient 1} 30%, {color:Gradient 2});
  163. }
  164.  
  165. .taller {
  166. padding-top:100px;
  167. }
  168.  
  169. #b4 {
  170. bottom:0px;
  171. position:fixed;
  172. background-image:linear-gradient(to left, {color:Gradient 3} 30%, {color:Gradient 4} 60%);
  173. }
  174.  
  175. #header {
  176. width:60vw;
  177. margin-left:auto;
  178. margin-right:auto;
  179. margin-top:100px;
  180. }
  181.  
  182. .header_c {
  183. text-align:center;
  184. }
  185.  
  186. #gradient .header_c {
  187. left:50%;
  188. transform:translateX(-50%);
  189. }
  190.  
  191. .header_l {
  192. text-align:left;
  193. }
  194.  
  195. .header_r {
  196. text-align:right;
  197. }
  198.  
  199. #gradient .header_r {
  200. right:20vw;
  201. }
  202.  
  203. .himage_l, .himage_m, .himage_s {
  204. border-radius:100%;
  205. margin-bottom:10px;
  206. }
  207.  
  208. .himage_l {
  209. width:10em;
  210. height:10em;
  211. }
  212.  
  213. .himage_m {
  214. width:6em;
  215. height:6em;
  216. }
  217.  
  218. .himage_s {
  219. width:4em;
  220. height:4em;
  221. }
  222.  
  223. #grad {
  224. background-image:linear-gradient(to right, {color:Gradient 1}, {color:Gradient 2}, {color:Gradient 4});
  225. background-repeat:no-repeat;
  226. background-size:cover;
  227. position:absolute;
  228. height:0.4em;
  229. margin-top:0.4em;
  230. width:5em;
  231. }
  232. #desc {
  233. margin:auto;
  234. margin-bottom:20px;
  235. margin-top:3em;
  236. }
  237.  
  238. #links {
  239. position:absolute;
  240. }
  241.  
  242. .links a {
  243. transition:all 0.4s ease;
  244. margin-right:30px;
  245. position:relative;
  246. display:inline-block;
  247. }
  248.  
  249. .header_r .links a {
  250. margin-left:30px;
  251. margin-right:0px;
  252. }
  253.  
  254. .links a:last-child {
  255. margin-right:0px;
  256. }
  257.  
  258. .links a:hover {
  259. color:{color:Header Links Hover};
  260. }
  261.  
  262. .links a:after {
  263. content:"";
  264. background-image:linear-gradient(to bottom right, {color:Gradient 1} 40%, {color:Gradient 2});
  265. padding:10px;
  266. background-size:100% 0%;
  267. background-repeat:no-repeat;
  268. transition:all 0.4s ease;
  269. width:100%;
  270. position:absolute;
  271. left:-10px;
  272. top:-10px;
  273. height:100%;
  274. z-index:-10;
  275. opacity:0.7;
  276. }
  277.  
  278. .links a:hover:after {
  279. background-size:100% 100%;
  280. color:{color:Header Links Hover};
  281. }
  282.  
  283. .sticky {
  284. position:fixed;
  285. top:13.5px;
  286. z-index:100;
  287. width:60vw;
  288. }
  289.  
  290. .sticky a {
  291. color:{color:Header Links Hover};
  292. }
  293.  
  294. .sticky a:after {
  295. background-image:linear-gradient({color:Header Links Hover}, {color:Header Links Hover});
  296. }
  297.  
  298. .sticky a:hover {
  299. color:{color:Header Links};
  300. }
  301.  
  302. .posts {
  303. margin-top:2em;
  304. }
  305.  
  306. .post {
  307. width:60vw;
  308. margin:auto;
  309. }
  310.  
  311. .tumblr_parent {
  312. margin-left:0px;
  313. border-top:1px solid {color:Blockquote};
  314. margin-top:10px;
  315. padding-top:15px;
  316. width:100%;
  317. }
  318.  
  319. .photo .tumblr_parent:first-child, .photoset .tumblr_parent:first-child {
  320. margin-top:0px;
  321. }
  322.  
  323. .tumblr_parent:first-child {
  324. padding-top:0px;
  325. border:0px;
  326. }
  327.  
  328. .tumblr_avatar {
  329. vertical-align:middle;
  330. margin-right:10px;
  331. }
  332.  
  333. .photo img:first-child {
  334. margin-bottom:10px;
  335. }
  336.  
  337. [photoset-layout] {
  338. grid-gap:10px;
  339. margin-bottom:10px;
  340. }
  341.  
  342. .ask {
  343. text-align:center;
  344. }
  345.  
  346. .ask img {
  347. border-radius:100%;
  348. }
  349.  
  350. .qt {
  351. text-align:center;
  352. margin-bottom:20px;
  353. }
  354.  
  355. .src {
  356. font-size:1em;
  357. text-align:center;
  358. margin-bottom:20px;
  359. }
  360.  
  361. .video {
  362. padding-top:30px;
  363. }
  364.  
  365. .spotify_audio_player {
  366. width:100% !important;
  367. }
  368.  
  369. .audinf h1 {
  370. margin:0px 0px -10px 0px;
  371. }
  372.  
  373. .audinf {
  374. position:absolute;
  375. left:110px;
  376. top:0px;
  377. }
  378.  
  379. .audinf h1 {
  380. margin-bottom:10px;
  381. }
  382.  
  383. .audp {
  384. width:30px;
  385. height:30px;
  386. overflow:hidden;
  387. position:absolute;
  388. top:40px;
  389. left:40px;
  390. }
  391.  
  392. .chat {
  393. margin-bottom:20px;
  394. }
  395.  
  396. .inf {
  397. margin-bottom:50px;
  398. }
  399.  
  400. .date {
  401. background-image:linear-gradient(to bottom right, {color:Gradient 1}, {color:Gradient 4});
  402. background-repeat:no-repeat;
  403. padding:5px 9px;
  404. margin-right:5px;
  405. color:{color:Header Links Hover};
  406. text-transform:uppercase;
  407. position:relative;
  408. transition:all 1.1s ease;
  409. }
  410. .date:hover {
  411. color:{color:Header Links};
  412. box-shadow: inset 0px 100px 0px {color:Header Links Hover};
  413. }
  414.  
  415. .rblike {
  416. text-align:right;
  417. float:right;
  418. }
  419.  
  420. .tags {
  421. margin-top:5px;
  422. }
  423.  
  424. .tag {
  425. font-size:0.85em;
  426. color:{color:Tags};
  427. transition:all 0.5s ease;
  428. margin-right:5px;
  429. }
  430.  
  431. .tag:before {
  432. content:"#";
  433. }
  434.  
  435. .tag:hover {
  436. text-decoration:line-through;
  437. }
  438.  
  439. .like-b {
  440. position:relative;
  441. display:inline-block;
  442. height:1em;
  443. line-height:1em;
  444. overflow:hidden;
  445. margin-bottom:-2px;
  446. }
  447. .like-b .like_button iframe {
  448. position:absolute;
  449. top:0;
  450. left:0;
  451. bottom:0;
  452. right:0;
  453. z-index:2;
  454. opacity:0;
  455. }
  456. .like-b .liked + .b {
  457. color:inherit;
  458. }
  459. .like-b .liked + .b:after {
  460. content:'d';
  461. }
  462.  
  463. .pn {
  464. margin-bottom:100px;
  465. }
  466.  
  467. .srcinf {
  468. color:{color:Text};
  469. margin:0px auto 30px auto;
  470. }
  471.  
  472. .srcinf a {
  473. color:{color:Links};
  474. }
  475.  
  476. .pn li {
  477. list-style-type:none;
  478. margin-left:-40px;
  479. }
  480.  
  481. .pn img {
  482. display:none;
  483. }
  484.  
  485. .more_notes_link_container {
  486. padding-top:30px;
  487. }
  488.  
  489. .more_notes_link {
  490. background-image:linear-gradient(to right, {color:Gradient 1}, {color:Gradient 2}, {color:Gradient 4});
  491. background-repeat:no-repeat;
  492. background-size:cover;
  493. padding:8px 10px;
  494. color:{color:Header Links Hover};
  495. text-transform:uppercase;
  496. }
  497.  
  498. .pag {
  499. text-align:center;
  500. margin-bottom:100px;
  501. }
  502.  
  503. .pag a {
  504. margin:10px 10px 0px 0px;
  505. }
  506.  
  507. .pag a:last-child {
  508. margin-right:0px;
  509. }
  510.  
  511. .current_page {
  512. background-image:linear-gradient(to bottom right, {color:Gradient 2}, {color:Gradient 3});
  513. padding:8px 10px;
  514. margin-right:10px;
  515. color:{color:Header Links Hover};
  516. }
  517.  
  518. .pag .th {
  519. font-size:0.8em;
  520. }
  521.  
  522. .th-chevron-left:before{
  523. content:'\ebb9';
  524. font-family:'honeybee';
  525. }
  526.  
  527. .th-chevron-right:before{
  528. content:'\ebc6';
  529. font-family:'honeybee';
  530. }
  531.  
  532. #credit { bottom:60px; right:60px; position:fixed; z-index:99999999999999999999999999999999999; padding:8px 10px; border-radius:100%; color:{color:Text}; }
  533.  
  534. /*media queries*/
  535. @media only screen and (max-width: 1020px) {
  536. #b1, #b2 {
  537. width:20px;
  538. }
  539. #b3, #b4 {
  540. height:20px;
  541. }
  542. #header {
  543. margin-top:50px;
  544. width:calc(90vw - 40px);
  545. white-space:normal;
  546. }
  547. .tmblr-iframe-pushdown {
  548. padding:0px!important;
  549. }
  550. iframe.iframe-controls--phone-mobile {
  551. display:none;
  552. }
  553. .tmblr-iframe--app-cta-button {
  554. display: none!important;
  555. }
  556. .sticky {
  557. position:fixed;
  558. top:5px;
  559. z-index:100;
  560. left:20px;
  561. margin:auto;
  562. width:calc(100% - 40px);
  563. background-image:linear-gradient(to right, {color:Gradient 1} 30%, {color:Gradient 2});
  564. padding:8px 10px 8px 0px;
  565. }
  566. .sticky a {
  567. color:#fff;
  568. }
  569. .sticky a:after {
  570. background-image:linear-gradient(#fff, #fff);
  571. }
  572. .sticky a:hover {
  573. color:#000;
  574. }
  575. .post {
  576. width:calc(90vw - 40px);
  577. }
  578. .rblike {
  579. text-align:left;
  580. display:block;
  581. position:absolute;
  582. margin:10px 0px;
  583. }
  584. .like-b {
  585. margin-bottom:-2px;
  586. }
  587. .tags {
  588. margin-top:30px;
  589. }
  590.  
  591. #credit {
  592. bottom:5px;
  593. right:5px;
  594. }
  595. }
  596.  
  597. {CustomCSS}
  598.  
  599. </style>
  600. </head>
  601. <body>
  602.  
  603. <div id="borders">
  604. <div class="border" id="b1"></div>
  605. <div class="border" id="b2"></div>
  606. <div class="border" id="b3"></div>
  607. <div class="border" id="b4"></div>
  608. </div>
  609.  
  610. <div id="header" class="{select:Header Alignment}">
  611. {block:ifHeaderImage}<img src="{image:Header}" class="{select:Header Image Size}"/>{/block:ifHeaderImage}
  612. <a href="/"><h1 id="title">{Title}</h1></a>
  613. <div id="gradient"><div id="grad" class="{select:Header Alignment}"></div></div>
  614. <div id="desc">{Description}</div>
  615. <div class="links">
  616. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  617. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  618. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  619. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  620. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  621. <a href="{text:Link 6 URL}">{text:Link 6}</a>
  622. </div>
  623. </div>
  624.  
  625. <div class="posts" id="{PostID}">
  626. {block:Posts}
  627.  
  628. <!-- {SourceURL} {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource} <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  629.  
  630. <div class="post">
  631.  
  632. {block:Text}
  633. {block:Title}<h1>{Title}</h1>{/block:Title}
  634. <div class="cap">{Body}</div>
  635. {/block:Text}
  636.  
  637. {block:Photo}
  638. <div class="photo">
  639. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  640. <img src="{PhotoURL-HighRes}" width="100%">
  641. </a>
  642. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  643. </div>
  644. {/block:Photo}
  645.  
  646. {block:Quote}
  647. <div class="qt">{Quote}</div>
  648. <h1 class="src">{Source}</h1>
  649. {/block:Quote}
  650.  
  651. {block:Photoset}
  652. <div class="photoset">
  653. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}"/></div>{/block:Photos}</div>
  654. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  655. </div>
  656. {/block:Photoset}
  657.  
  658. {block:Link}
  659. <h1><a href="{LinkURL}" target="_blank">{Name}</a></h1>
  660. {block:Description}<div class="cap">{Description}</div>{/block:Description}
  661. {/block:Link}
  662.  
  663. {block:Video}
  664. <div class="video">{Video-500}</div>
  665. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  666. {/block:Video}
  667.  
  668. {block:Chat}
  669. <div class="chat">
  670. {block:Title}<h1>{Title}</h1>{/block:Title}
  671. {block:Lines}
  672. <div class="line">{block:Label}{Label}{/block:Label} {Line}</div>{/block:Lines}
  673. </div>
  674. {/block:Chat}
  675.  
  676. <div class="audio" style="position:relative">
  677. {block:Audio}
  678. <div class="album">{block:AlbumArt}<img src="{AlbumArtURL}" width="100px" height="100px"/>{/block:AlbumArt}</div>
  679. <div class="audp">{AudioPlayerWhite}</div>
  680. <div class="aud">
  681. <div class="audinf">
  682. {block:TrackName}<h1 style="margin-top:-5px">{TrackName}</h1>{/block:TrackName}
  683. {block:Artist}{Artist}{/block:Artist}
  684. <p style="margin-top:5px;">{PlayCountWithLabel}</p></div>
  685. </div>
  686. <div class="cap" style="margin-top:10px">{block:Caption}{Caption}{/block:Caption}</div>
  687. {/block:Audio}
  688. </div>
  689.  
  690. {block:Answer}
  691. <div class="ask">
  692. <img src="{AskerPortraitURL-48}"/>
  693. <h1>{Asker}</h1>
  694. {Question}
  695. </div>
  696. <div class="cap">{Answer}</div>
  697. {/block:Answer}
  698.  
  699. {block:Date}
  700. <div class="inf">
  701. <a href="{Permalink}" class="date" title="go to post">{ShortMonth} {DayofMonthWithZero}, {Year}</a> <a href="{Permalink}" title="{block:ContentSource}originally {SourceTitle}, {/block:ContentSource}{block:RebloggedFrom} via {ReblogParentName}{/block:RebloggedFrom}">{NoteCountWithLabel}</a>
  702. <div class="rblike">
  703. <a href="{ReblogURL}" target="_blank" class="rb">reblog</a> /
  704. <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
  705. </div>
  706. <br><div class="tags">{block:Tags}<a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>
  707. </div>
  708. {/block:Date}
  709.  
  710. {block:PermalinkPage}
  711. <div class="pn">
  712. <div class="srcinf">
  713. {block:ContentSource}originally from <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  714. {block:RebloggedFrom}<br>reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  715. </div>
  716. {block:PostNotes}
  717. {PostNotes-16}
  718. {/block:PostNotes}
  719. </div>
  720. {/block:PermalinkPage}
  721.  
  722. </div>
  723.  
  724. {/block:Posts}
  725.  
  726. {block:Pagination}<div class="pag">{block:PreviousPage}
  727. <a href="{PreviousPage}"><span class="th th-chevron-left"></span></a>
  728. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  729. <span class="current_page">{PageNumber}</span>
  730. {/block:CurrentPage}{block:JumpPage}
  731. <a class="jump_page" href="{URL}">{PageNumber}</a>
  732. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  733. <a href="{NextPage}"><span class="th th-chevron-right"></span></a>
  734. {/block:NextPage}</div>{/block:Pagination}
  735. </div>
  736.  
  737. <a id="credit" href="https://studyace.tumblr.com" title="theme">☂</a>
  738.  
  739. <script src="//code.jquery.com/jquery-1.7.1.min.js"></script>
  740. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  741. <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
  742.  
  743. <script src="https://static.tumblr.com/p0knose/nRYp3ktqo/jquery.style-my-tooltips.js"></script>
  744. <script>
  745. (function($){
  746. $(document).ready(function(){
  747. $("a[title]").style_my_tooltips({
  748. tip_follows_cursor:true,
  749. tip_delay_time:30,
  750. tip_fade_speed:300,
  751. attribute:"title"
  752. });
  753. });
  754. })(jQuery);
  755. </script>
  756. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  757.  
  758. <script> $(function(){ $('.post').unnest({
  759. yourCaption: ".cap", //your caption selector, the div wrapping {Caption}
  760. wrapName: ".tumblr_parent", //the name of the captions’ new wrapper
  761. newCaptionUsername: true, //if the user adds a new caption, following a series of captions, show their username above the caption
  762. originalPostCaptionUsername: true, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
  763. tumblrAvatars: true, //”dashboard style” caption, have the avatar of the blog next to the username
  764. tumblrAvatarClass: ".tumblr_avatar", //class of the avatar next to the username
  765. usernameColon: false //if turned to false, removes the colon at the end of usernames
  766. }); }); </script>
  767.  
  768. <script>
  769. $(document).ready(function(){
  770. $(window).scroll(function(){
  771. var scrollingTop = $(window).scrollTop();
  772. var scrollingHeight = $('#header').outerHeight(true);
  773. if(scrollingTop >= scrollingHeight){
  774. $(".links").addClass("sticky");
  775. }else{
  776. $(".links").removeClass("sticky");
  777. }
  778. });
  779. });
  780. </script>
  781.  
  782. <script>
  783. function gatherData(images, arr) {
  784. for (let i = 0; i < images.length; i++) {
  785. let currentData = {
  786. "width": images[i].getAttribute('data-width'),
  787. "height": images[i].getAttribute('data-height'),
  788. "low_res": images[i].getAttribute('data-lowres'),
  789. "high_res": images[i].getAttribute('data-highres')
  790. };
  791. arr.push(currentData);
  792. }
  793. }
  794. function getIndex(elem) {
  795. let i = 0;
  796. while( (elem = elem.previousElementSibling) != null ) i++;
  797. return i;
  798. }
  799. function lightbox(elem) {
  800. let currentPhotoset = elem.parentNode;
  801. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  802. let data = [];
  803. gatherData(photosetPhotos, data);
  804. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  805. }
  806. </script>
  807.  
  808. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  809.  
  810.  
  811. </body>
  812. </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!