API tools faq
paste
Advertisement
paigeh987

Theme 32

paigeh987
May 16th, 2017
11,804
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.56 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. theme #32 sidebar version by Paige @ neonbikethemes.tumblr.com
  4. last updated 08.24.17
  5.  
  6. rules:
  7. - Do not steal code or design
  8. - Edit as much as you want but don't remove credit!
  9. - Like/reblog the post
  10.  
  11. credits
  12. - base code by farahmir
  13. - pixel union photoset script (tutorial by shythemes)
  14. - unnest captions tutorial and script by magnusthemes & neothm
  15.  
  16. -->
  17.  
  18. <!DOCTYPE html>
  19. <head>
  20.  
  21. <title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <!--Default Variables-->
  27.  
  28. <meta name="color:Background" content="#ffffff"/>
  29. <meta name="color:Sidebar" content="#f1f1f1"/>
  30. <meta name="color:Posts" content="#ffffff"/>
  31. <meta name="color:Text" content="#aaaaaa"/>
  32. <meta name="color:Link" content="#000000"/>
  33. <meta name="color:Link Hover" content="#aoaoao"/>
  34. <meta name="color:Border" content="#f3f3f3"/>
  35.  
  36. <meta name="image:Background" content=""/>
  37. <meta name="image:Sidebar bg" content=""/>
  38.  
  39. <meta name="text:Link 1" content="Home" />
  40. <meta name="text:Link 1 URL" content="/" />
  41. <meta name="text:Link 2" content="Ask" />
  42. <meta name="text:Link 2 URL" content="/ask" />
  43. <meta name="text:Link 3" content="Archive" />
  44. <meta name="text:Link 3 URL" content="/archive" />
  45. <meta name="text:Link 4" content="" />
  46. <meta name="text:Link 4 URL" content="/" />
  47. <meta name="text:Link 5" content="" />
  48. <meta name="text:Link 5 URL" content="/" />
  49. <meta name="text:Link 6" content="" />
  50. <meta name="text:Link 6 URL" content="/" />
  51.  
  52. <meta name="select:Post Width" content="250" title="250px">
  53. <meta name="select:Post Width" content="275" title="275px">
  54. <meta name="select:Post Width" content="300" title="300px">
  55. <meta name="select:Post Width" content="325" title="325px">
  56. <meta name="select:Post Width" content="350" title="350px">
  57. <meta name="select:Post Width" content="375" title="375px">
  58. <meta name="select:Post Width" content="400" title="400px">
  59. <meta name="select:Post Width" content="425" title="425px">
  60. <meta name="select:Post Width" content="450" title="450px">
  61. <meta name="select:Post Width" content="475" title="475px">
  62. <meta name="select:Post Width" content="500" title="500px">
  63. <meta name="select:Post Width" content="540" title="540px">
  64.  
  65. <meta name="select:Photoset Gutter" content="10" title="10px">
  66. <meta name="select:Photoset Gutter" content="5" title="5px">
  67. <meta name="select:Photoset Gutter" content="2" title="2px">
  68. <meta name="select:Photoset Gutter" content="1" title="1px">
  69. <meta name="select:Photoset Gutter" content="0" title="0px">
  70.  
  71. <meta name="select:Font" content="ABeeZee" title="ABeeZee">
  72. <meta name="select:Font" content="Inconsolata" title="Inconsolata">
  73. <meta name="select:Font" content="Karla" title="Karla">
  74. <meta name="select:Font" content="Lora" title="Lora">
  75. <meta name="select:Font" content="Montserrat" title="Montserrat">
  76. <meta name="select:Font" content="Open Sans" title="Open Sans">
  77. <meta name="select:Font" content="PT Sans" title="PT Sans">
  78.  
  79. <meta name="select:Font Size" title="Small" content="60%">
  80. <meta name="select:Font Size" title="Medium" content="68%">
  81. <meta name="select:Font Size" title="Large" content="75%">
  82.  
  83. <meta name="if:Grayscale Posts" content= "0" />
  84. <meta name="if:Faded Posts" content= "0" />
  85. <meta name="if:Full size bg" content= "0" />
  86. <meta name="if:Hide Captions" content= "0" />
  87. <meta name="if:Hide Tags" content= "0" />
  88. <meta name="if:Fixed Pagination" content= "0" />
  89.  
  90. <style type="text/css">
  91.  
  92. #s-m-t-tooltip{
  93. position:absolute;
  94. margin-top: 15px;
  95. z-index:9999;
  96. background:{color:posts};
  97. padding:8px 12px 8px 12px;
  98. border:1px solid {color:border};
  99. }
  100.  
  101. ::-webkit-scrollbar {
  102. width: 7px;height: 0px;
  103. }
  104. ::-webkit-scrollbar-button:start:decrement,
  105. ::-webkit-scrollbar-button:end:increment {
  106. height: 0px;display: block;background-color: {color:posts};}
  107. ::-webkit-scrollbar-track-piece {
  108. background-color: {color:posts};
  109. border-left:1px solid {color:border};
  110. }
  111. ::-webkit-scrollbar-thumb:vertical {
  112. height: 0px;
  113. background-color: {color:border};
  114. border:0px solid {color:posts};
  115. border-left:1px solid {color:border};
  116. }
  117.  
  118.  
  119. /*basics*/
  120.  
  121. blockquote {
  122. padding:0px 0 0px 0px;
  123. border-left:0px solid {color:border};
  124. margin:0 0 0 0px;
  125. }
  126. blockquote blockquote {
  127. padding:0px 0 0px 20px;
  128. border-left:1px solid {color:border};
  129. margin:0 0 0 10px;
  130. }
  131.  
  132. body {
  133. background:{color:background} url('{image:background}');
  134. {block:Iffullsizebg}
  135. background-size:cover;
  136. {/block:Iffullsizebg}
  137. color:{color:text};
  138. font-family:{select:font}, helvetica;
  139. font-size: {select:font size};
  140. text-align:left;
  141. margin:0;
  142. line-height:160%;
  143. }
  144.  
  145. a {
  146. color:{color:link};
  147. text-decoration:none;
  148. -webkit-transition: all 0.3s;
  149. -moz-transition: all .3s;
  150. -o-transition: all .3s;
  151. -ms-transition: all .3s;
  152. transition: all .3s;
  153. }
  154. a:hover {
  155. text-decoration:none;
  156. color:{color:link hover};
  157. -webkit-transition: all 0.3s;
  158. -moz-transition: all .3s;
  159. -o-transition: all .3s;
  160. -ms-transition: all .3s;
  161. transition: all .3s;
  162. }
  163. img{
  164. opacity:1;
  165. border:none;
  166. text-decoration:none;
  167. max-width:100%;
  168. }
  169. small {
  170. font-size:.9em;
  171. }
  172. big {
  173. font-size:1.2em;
  174. }
  175.  
  176. #title {
  177. font-size:1.7em;
  178. font-weight:bold;
  179. margin-bottom:10px;
  180. text-align:left;
  181. }
  182.  
  183.  
  184. /*sidebar*/
  185. #sidebar {
  186. text-align:left;
  187. position:fixed;
  188. margin-left:-250px;
  189. margin-top:50px;
  190. width:220px;
  191. }
  192.  
  193. #blogt {
  194. font-size:1.4em;
  195. font-weight:bold;
  196. padding:12px 15px 12px 15px;
  197. border:1px solid {color:border};
  198. background:{color:posts};
  199. margin-right:20px;
  200. }
  201. #blogt a{
  202. color:{color:text};
  203. }
  204.  
  205. .sblink{
  206. padding:8px 15px 8px 15px;
  207. border:1px solid {color:border};
  208. background:{color:posts};
  209. display:inline-block;
  210. width:63px;
  211. margin:0 8px 10px 0;
  212. -webkit-transition: all .3s;
  213. -moz-transition: all .3s;
  214. -o-transition: all .3s;
  215. -ms-transition: all .3s;
  216. transition: all .3s;
  217. }
  218. .sblink:hover{
  219. color:{color:link hover};
  220. -webkit-transition: all 0.3s;
  221. -moz-transition: all .3s;
  222. -o-transition: all .3s;
  223. -ms-transition: all .3s;
  224. transition: all .3s;
  225. }
  226.  
  227. .links_head {
  228. float:right;
  229. font-size:1.4em;
  230. margin:-1.9em 34px 0 0;
  231. cursor:pointer;
  232. }
  233. .links_body {
  234. padding:20px 0 0 0;
  235. margin:0 0 0px 0;
  236. }
  237. .links_body a{
  238. color:{color:text};
  239. }
  240.  
  241. #description {
  242. margin:20px 0 0 0;
  243. padding:12px 15px 12px 15px;
  244. border:1px solid {color:border};
  245. background:{color:posts};
  246. margin-right:20px;
  247. max-height:50vh;
  248. line-height:130%;
  249. overflow:hidden;
  250. }
  251.  
  252. /*pagination*/
  253. #pagination {
  254. {block:Iffixedpagination}
  255. position:fixed;
  256. bottom:calc(15vh - 1px);
  257. border-top:1px solid {color:border};
  258. padding:10px 20px 10px 20px;
  259. {/block:Iffixedpagination}
  260. {block:Ifnotfixedpagination}
  261. position:relative;
  262. padding:20px;
  263. {/block:Ifnotfixedpagination}
  264. {block:PermalinkPage}
  265. display:none;
  266. {/block:PermalinkPage}
  267. background:{color:posts};
  268. text-align:center;
  269. width:calc({select:post width}px + 48px);
  270. z-index:999;
  271. }
  272. #pagination a {
  273. padding:0 0px;
  274. }
  275.  
  276. /*container*/
  277. #con {
  278. left:50%;
  279. margin-top:10vh;
  280. margin-left: calc((({select:post width}px + 410px) / 2) * -1);
  281. position:absolute;
  282. border:1px solid {color:border};
  283. width:calc({select:post width}px + 96px);
  284. padding-left:300px;
  285. overflow:scroll;
  286. height:75vh;
  287. background:{color:sidebar} url('{image:sidebar bg}');
  288. background-size:auto 75vh;
  289. }
  290.  
  291.  
  292. /*posts*/
  293.  
  294. #entries {
  295. margin:0;
  296. width:calc({select:post width}px + 92px);
  297. border-left:1px solid {color:border};
  298. min-height:75vh;
  299. background:{color:posts};
  300. {block:Iffixedpagination}
  301. padding-bottom:49px;
  302. {/block:Iffixedpagination}
  303. }
  304.  
  305. .post {
  306. border-bottom:1px solid {color:border};
  307. padding:40px;
  308. }
  309. .post img {
  310. max-width:100%;
  311. }
  312.  
  313. .post img, .post li, .post blockquote {max-width: 100%;}
  314.  
  315. .caption {
  316. border:1px solid {color:border};
  317. border-top:0px solid transparent;
  318. padding:12px 15px 12px 15px;
  319. {block:Ifhidecaptions}
  320. {block:IndexPage}
  321. display:none!important;
  322. {/block:IndexPage}
  323. {/block:Ifhidecaptions}
  324. }
  325. .caption img{
  326. max-width:100%;
  327. height:auto;
  328. }
  329. .tumblr_avatar{
  330. width:12px;
  331. border-radius:12px;
  332. margin: 0 10px -3px 0;
  333. }
  334.  
  335. .photo{
  336. border:1px solid {color:border};
  337. padding:5px;
  338. {block:Ifgrayscaleposts}
  339. -webkit-filter: grayscale(100%);
  340. -webkit-transition: all 0.3s;
  341. -moz-transition: all .3s;
  342. -o-transition: all .3s;
  343. -ms-transition: all .3s;
  344. transition: all .3s;
  345. {/block:Ifgrayscaleposts}
  346. {block:Iffadedposts}
  347. -webkit-filter: grayscale(50%);
  348. -webkit-transition: all .3s;
  349. -moz-transition: all .3s;
  350. -o-transition: all .3s;
  351. -ms-transition: all .3s;
  352. transition: all .3s;
  353. {/block:Iffadedposts}
  354. }
  355. .single{
  356. padding-bottom:1px;
  357. }
  358. .photo:hover{
  359. {block:Ifgrayscaleposts}
  360. -webkit-filter: grayscale(0%);
  361. -webkit-transition: all .3s;
  362. -moz-transition: all .3s;
  363. -o-transition: all .3s;
  364. -ms-transition: all .3s;
  365. transition: all .3s;
  366. {/block:Ifgrayscaleposts}
  367. {block:Iffadedposts}
  368. -webkit-filter: grayscale(0%);
  369. -webkit-transition: all .3s;
  370. -moz-transition: all .3s;
  371. -o-transition: all .3s;
  372. -ms-transition: all .3s;
  373. transition: all .3s;
  374. {/block:Iffadedposts}
  375. }
  376. .photo img{
  377. width:100%;
  378. }
  379.  
  380. /*quote*/
  381. .titlequote{
  382. font-size:2em;
  383. line-height:130%;
  384. }
  385. .source {
  386. margin-top:15px;
  387. margin-left:15px;
  388. }
  389.  
  390. /*audio*/
  391. .player {
  392. width:27px;
  393. height:27px;
  394. margin: 20px 0 0 20px;
  395. overflow:hidden;
  396. position:absolute;
  397. background:white;
  398. z-index:99;
  399. opacity:.2;
  400. }
  401. .player:hover{
  402. opacity:.9;
  403. }
  404. .audioinfo {
  405. margin-left:50px;
  406. text-align:left;
  407. min-height:70px;
  408. }
  409. .audioart{
  410. position:relative;
  411. float:left;
  412. width:70px;
  413. height:70px;
  414. margin: 0 15px 0 0;
  415. }
  416. .audioart img{
  417. max-width:100%;
  418. }
  419.  
  420. /* VIDEO */
  421. .video{
  422. width:{select:post width}px;
  423. max-width:100%;
  424. }
  425. .video-player{
  426. position: relative;
  427. padding-bottom: 56.25%; /* 16:9 */
  428. padding-top: 25px;
  429. height: 0;
  430. max-width:{select:post width}px;
  431. }
  432.  
  433. .video-player iframe{
  434. position: absolute;
  435. top: 0;
  436. left: 0;
  437. width: 100%;
  438. height: 100%;
  439. }
  440.  
  441. /*asks*/
  442. .q {
  443. margin-bottom:10px;
  444. border:1px solid {color:border};
  445. padding:12px 15px 12px 15px;
  446. }
  447. .as {
  448. font-weight:bold;}
  449.  
  450. .a {
  451. margin-top:10px;
  452. }
  453.  
  454. /*chat*/
  455. .chat ol {
  456. padding:0;
  457. list-style:none;
  458. }
  459. .line {padding:5px 0;}
  460.  
  461. .label {font-weight:bold;
  462. }
  463.  
  464.  
  465. /*permalink and notes*/
  466.  
  467. .postinfo {
  468. margin-top:15px;
  469. border:1px solid {color:border};
  470. }
  471. .postinfo a {
  472. margin:0 0 0 0;
  473. color:{color:text};
  474. }
  475. .infolink{
  476. display:inline-block;
  477. padding:8px 15px 8px 15px;
  478. border-right:1px solid {color:border};
  479. background:{color:sidebar};
  480. margin:0 -3px 0 0;
  481. }
  482. .right{
  483. float:right;
  484. padding:8px 15px 8px 15px;
  485. display:inline-block;
  486. background:{color:sidebar};
  487. color:{color:text};
  488. border-left:1px solid {color:border};
  489. }
  490.  
  491.  
  492. .tags {
  493. word-break:break-all;
  494. margin:10px 0 0 0;
  495. {block:Ifhidetags}
  496. {block:IndexPage}
  497. display:none!important;
  498. {/block:IndexPage}
  499. {/block:Ifhidetags}
  500. }
  501. .tag{
  502. border-bottom:1px solid {color:border};
  503. display:inline-block;
  504. margin:0 10px 0 0;
  505. }
  506. .tag:hover{
  507. border-bottom:1px solid {color:link hover};
  508. -webkit-transition: all .3s;
  509. -moz-transition: all .3s;
  510. -o-transition: all .3s;
  511. -ms-transition: all .3s;
  512. transition: all .3s;
  513. }
  514. .tags a{
  515. color:{color:text};
  516. }
  517.  
  518. .pagenotes {
  519. {block:IndexPage}
  520. display: none!important;
  521. {/block:IndexPage}
  522. text-align:left;
  523. padding:40px;
  524. }
  525.  
  526. .pagenotes img {
  527. display:none!important;
  528. }
  529. .pagenotes li {
  530. list-style-type:none;
  531. padding:0 5px;
  532. text-align:left;
  533. margin:0 0 0 -45px;
  534. }
  535.  
  536. /* CREDIT */
  537. .credit{
  538. position:fixed;
  539. bottom:10px;
  540. right:15px;
  541. padding:2px 4px;
  542. border:1px solid {color:border};
  543. background:{color:posts};
  544. }
  545.  
  546. {CustomCSS}
  547.  
  548. </style>
  549. </head>
  550.  
  551. <body>
  552.  
  553. <div id="con">
  554.  
  555. <div id="sidebar">
  556.  
  557. <div id="blogt"><a href="/">{Title}</a></div>
  558.  
  559. <p class="links_head"><span class="lnr lnr-menu"></span></p>
  560. <div class="links_body">
  561. {block:ifLink1}<a href="{text:Link 1 URL}"><div class="sblink">{text:Link 1}</div></a>{/block:ifLink1}
  562. {block:ifLink2}<a href="{text:Link 2 URL}" ><div class="sblink">{text:Link 2}</div></a>{/block:ifLink2}
  563. {block:ifLink3}<a href="{text:Link 3 URL}"><div class="sblink">{text:Link 3}</div></a> {/block:ifLink3}
  564. {block:ifLink4}<a href="{text:Link 4 URL}"><div class="sblink">{text:Link 4}</div></a> {/block:ifLink4}
  565. {block:ifLink5}<a href="{text:Link 5 URL}"><div class="sblink">{text:Link 5}</div></a> {/block:ifLink5}
  566. {block:ifLink6}<a href="{text:Link 6 URL}"><div class="sblink">{text:Link 6}</div></a> {/block:ifLink6}
  567. </div>
  568.  
  569. <div id="description">{Description}</div>
  570.  
  571. </div>
  572.  
  573.  
  574.  
  575. <div id="entries">
  576.  
  577. {block:SearchPage}
  578. <div class="post">
  579. Searched for <b>{SearchQuery}</b>
  580. <br>{SearchResultCount} results
  581. </div>
  582. {/block:SearchPage}
  583.  
  584. {block:TagPage}
  585. <div class="post">
  586. Posts tagged <b>{Tag}</b>
  587. </div>
  588. {/block:TagPage}
  589.  
  590. {block:Posts}
  591. <div class="post">
  592.  
  593.  
  594. {block:Quote}
  595. <div class="titlequote">“{Quote}”</div>
  596. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  597. {/block:Quote}
  598.  
  599.  
  600. {block:Text}
  601. {block:Title}<div id="title">{Title}</div>{/block:Title}
  602. {Body}
  603. {/block:Text}
  604.  
  605. {block:Link}
  606. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  607. {/block:Link}
  608.  
  609. {block:Chat}
  610. {block:Title}
  611. <h1>{Title}</h1>
  612. {/block:Title}
  613. <div class="chat">
  614. <ol>{block:Lines}
  615. <li class="line {Alt}">
  616. {block:Label}
  617. <span class="label">
  618. {Label}</span>
  619. {/block:Label}{Line}</li>
  620. {/block:Lines}
  621. </ol></div>
  622. {/block:Chat}
  623.  
  624. {block:Photo}
  625. <div class="photo single">
  626. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  627. </div>
  628. {/block:Photo}
  629.  
  630. {block:Photoset}
  631. <div class="photo">
  632. <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>
  633. </div>
  634. {/block:Photoset}
  635.  
  636. {block:Video}
  637. <div class="video">
  638. <div class="video-player">{Video-500}</div>
  639. </div>
  640. {/block:Video}
  641.  
  642. {block:Audio}
  643. {block:AlbumArt}
  644. <div class="audioart"><img src="{AlbumArtURL}"></div>
  645. {/block:AlbumArt}
  646. <div class="player">{AudioPlayerWhite}</div>
  647. <div class="audioinfo">
  648. {block:Artist}{Artist}{/block:Artist}
  649. <br>{block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  650. <br>{PlayCountWithLabel}
  651. </div>
  652. {/block:Audio}
  653.  
  654. {block:Answer}
  655. <div class="q">
  656. <div class="as">{Asker} said: </div>
  657. {Question}</div>
  658. <div class="a">{Answer}</div>
  659. {/block:Answer}
  660.  
  661. {block:Caption}
  662. <div class="caption">{Caption}</div>
  663. {/block:Caption}
  664.  
  665. {block:Date}
  666. <div class="postinfo">
  667.  
  668. {block:IndexPage}
  669. <div class="right">
  670. <a href="{ReblogURL}"><span class="lnr lnr-undo"></span></a>
  671. </div>
  672. <a href="{Permalink}"><div class="infolink">{ShortMonth} {DayOfMonth}, {12Hour}:{Minutes} {AmPm}</div></a>
  673. {/block:IndexPage}
  674. {block:PermalinkPage}
  675. <div class="infolink">{TimeAgo}</div>
  676. {block:NoteCount}<a href="{Permalink}"><div class="infolink">{NoteCountWithLabel}</div></a>{/block:NoteCount}
  677. {/block:PermalinkPage}
  678.  
  679. {block:PermalinkPage}
  680. {block:RebloggedFrom}
  681. <a href="{ReblogParentURL}" title="{ReblogParentName}"><div class="infolink">via</div></a>
  682. {block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}"><div class="infolink">source</div></a>{/block:ContentSource}
  683. {/block:RebloggedFrom}
  684. {/block:PermalinkPage}
  685. </div>
  686.  
  687. {block:HasTags}<div class="tags">
  688. <span style="margin:0 10px 0 0;">tagged:</span>
  689. {block:Tags}<a href="{TagUrl}"><div class="tag">{Tag}</div></a>{/block:Tags}
  690. </div>{/block:HasTags}
  691.  
  692.  
  693. </div>
  694. {/block:Date}
  695.  
  696.  
  697.  
  698. {block:PostNotes}
  699. <div class="pagenotes">
  700. <b>Notes</b>
  701. <p>{PostNotes}
  702. </div>
  703. {/block:PostNotes}
  704.  
  705. {/block:Posts}
  706.  
  707.  
  708. <div id="pagination">
  709. {block:Pagination}
  710. <div style="width:60px; float:left; border:1px solid transparent;">
  711. {block:PreviousPage}
  712. <a href="{PreviousPage}">previous </a>
  713. {/block:PreviousPage}
  714. </div>
  715. <div style="width:60px; float:right; border:1px solid transparent;">
  716. {block:NextPage}
  717. <a href="{NextPage}">next</a>
  718. {/block:NextPage}
  719. </div>
  720. {CurrentPage} of {TotalPages}
  721. {/block:Pagination}
  722. </div>
  723.  
  724.  
  725. </div> <!-- end entries -->
  726.  
  727. </div> <!-- end container -->
  728.  
  729. <div class="credit"><a href="http://neonbikethemes.tumblr.com">nb</a></div>
  730.  
  731. <!-- SCRIPTS -->
  732.  
  733. <!-- jquery -->
  734. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  735.  
  736.  
  737. <!-- pixel union photosets -->
  738. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  739. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  740. <script>
  741. $(document).ready(function(){
  742. $('.photo-slideshow').pxuPhotoset({
  743. lightbox: true,
  744. rounded: false,
  745. gutter: '{select:Photoset Gutter}px',
  746. borderRadius: '0px',
  747. photoset: '.photo-slideshow',
  748. photoWrap: '.photo-data',
  749. photo: '.pxu-photo'
  750. });
  751. });
  752. </script>
  753.  
  754. <script src="http://static.tumblr.com/kfhytre/zMuol8wco/unnest.min.js"></script>
  755. <script>
  756. $('.post').unnest({
  757. yourCaption: '.caption',
  758. newCaptionUsername: true,
  759. originalPostCaptionUsername: true,
  760. tumblrAvatars: true,
  761. usernameColon: false
  762. });
  763. </script>
  764.  
  765. <script type="text/javascript">
  766. $(document).ready(function(){
  767. $(".links_body").hide();
  768. $(".links_head").click(function(){
  769. $(this).next(".links_body").slideToggle('300');
  770. }); });
  771. </script>
  772.  
  773. <!--tooltips-->
  774. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  775. <script>
  776. (function($){
  777. $(document).ready(function(){
  778. $("a[title]").style_my_tooltips({
  779. tip_follows_cursor:true,
  780. tip_delay_time:30,
  781. tip_fade_speed:300,
  782. attribute:"title"
  783. });
  784. });
  785. })(jQuery);
  786. </script>
  787.  
  788. <!-- fonts -->
  789. <link href="https://fonts.googleapis.com/css?family=ABeeZee|Inconsolata|Karla|Lora|Montserrat|Open+Sans|PT+Sans" rel="stylesheet">
  790. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  791.  
  792.  
  793. {block:ContentSource}
  794. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  795. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  796. {/block:SourceLogo}
  797. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  798. {/block:ContentSource}
  799.  
  800.  
  801. </body></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!