API tools faq
paste
Advertisement
ammetrine

Sprout Theme by Chytha

ammetrine
Aug 6th, 2017
66
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.26 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200" rel="stylesheet">
  4. <script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script>
  5. <script src=“http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js”></script>
  6. <script>
  7. (function($){
  8. $(document).ready(function(){
  9. $(“[title],a[title],img[title]”).style_my_tooltips({
  10. tip_follows_cursor:true,
  11. tip_delay_time:90,
  12. tip_fade_speed:600,
  13. attribute:“title”
  14. });
  15. });
  16. })(jQuery);
  17. </script>
  18. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  19. <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  20. <script type="text/javascript"
  21. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  22.  
  23.  
  24. <title>{Title}</title>
  25.  
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  29.  
  30.  
  31. <meta name="image:Background" content=""/>
  32. <meta name="color:Background" content="#ffffff"/>
  33. <meta name="color:Blog Title" content="#000000"/>
  34. <meta name="color:Description" content="#000000" />
  35. <meta name="color:Text" content="#000000"/>
  36. <meta name="color:Link" content="#cfe5da"/>
  37. <meta name="color:Link Hover" content="#000000"/>
  38. <meta name="color:Navlink" content="#000000"/>
  39. <meta name="color:Navlink Hover" content="#000000"/>
  40. <meta name="color:Perma" content="#000000"/>
  41. <meta name="color:Perma Hover" content="#cfe5da"/>
  42. <meta name="color:Header Background" content="#ffffff"/>
  43. <meta name="color:Scrollbar" content="#cfe5da"/>
  44. <meta name="color:Question Border" content="#cfe5da"/>
  45. <meta name="color:Navlink Background" content="#cfe5da"/>
  46. <meta name="color:Perma Border" content="#cfe5da"/>
  47. <meta name="color:Credit BG" content="#ffffff"/>
  48.  
  49.  
  50. <meta name="if:Show Custom Link 1" content="1"/>
  51. <meta name="if:Show Custom Link 2" content="1"/>
  52. <meta name="if:Show Custom Link 3" content="1"/>
  53.  
  54.  
  55. <meta name="text:Link 1 URL" content="" />
  56. <meta name="text:Link 1 Title" content="" />
  57. <meta name="text:Link 2 URL" content="" />
  58. <meta name="text:Link 2 Title" content="" />
  59. <meta name="text:Link 3 URL" content="" />
  60. <meta name="text:Link 3 Title" content="" />
  61.  
  62.  
  63. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  64.  
  65.  
  66. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  67. <script>
  68. (function($){
  69. $(document).ready(function(){
  70. $("[title]").style_my_tooltips({
  71. tip_follows_cursor:true,
  72. tip_delay_time:0,
  73. tip_fade_speed:0
  74. }
  75. );
  76. });
  77. })(jQuery);
  78. </script>
  79.  
  80.  
  81. <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  82.  
  83.  
  84. <style type="text/css">
  85. /** basic tooltip from tutorial-baby**/
  86. .tooltip{
  87. display:inline;
  88. position:relative;
  89. }
  90. #s-m-t-tooltip{
  91. max-width:auto; /*how big the tooltip can be at most*/
  92. border-radius: 0px; /*change your border radius*/
  93. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  94. margin:20px 7px -2px 20px; /*distance from word*/
  95. background-color:{color:Background};/*background color*/
  96. font-size:9px; /*tooltip font size*/
  97. letter-spacing:2px; /*tooltip letter spacing*/
  98. text-transform:normal; /*makes the tooltip title uppercase*/
  99. color:{Text}; /*tooltip font color*/
  100. z-index:99999999999999999999;
  101. }
  102.  
  103.  
  104. ::-webkit-scrollbar-thumb{
  105. background-color:{color:Scrollbar};
  106. border:1px solid {color:Background};
  107. height:6px;
  108. }
  109.  
  110. ::-webkit-scrollbar {
  111. height:6px;
  112. width:4px;
  113. background-color:{color:Background};
  114. }
  115.  
  116.  
  117.  
  118. body {
  119. background:{color:Background};
  120. color:{color:Text};
  121. font-family: 'Source Sans Pro', sans-serif;
  122. font-size:11px;
  123. text-align:left;
  124. margin:0;
  125. line-height:16px;
  126.  
  127.  
  128. background-color:{color:Background};
  129. background-image:url('{image:background}');
  130. background-attachment:fixed;
  131.  
  132. }
  133.  
  134.  
  135. a {
  136. color:{color:Link};
  137. text-decoration:none;
  138. -webkit-transition: all 0.2s ease-in-out;
  139. -moz-transition: all 0.2s ease-in-out;
  140. -o-transition: all 0.2s ease-in-out;
  141. }
  142.  
  143. a:hover {
  144. color:{color:Link Hover};
  145. }
  146.  
  147. #header {
  148. text-align:center;
  149. position:fixed;
  150. left:0px;
  151. top:0px;
  152. width:88%;
  153. padding:5px;
  154. background:{color:Header Background};
  155. }
  156.  
  157.  
  158. #blogt {
  159. margin-left:0px;
  160. padding-top:20px;
  161. padding-bottom:5px;
  162. font-size:25px;
  163. font-style:italic;
  164. font-family: 'Source Sans Pro', sans-serif;
  165. text-transform:normal;
  166. text-align:center;
  167. color:{color:Blog Title};
  168. }
  169.  
  170.  
  171. #description {
  172. margin-top:10px;
  173. margin-bottom:7px;
  174. padding-left:0px;
  175. font-size:11px;
  176. text-align:center;
  177. color:{color:Description};
  178. font-family: 'Source Sans Pro', sans-serif;
  179. }
  180.  
  181.  
  182. #navlinksection {
  183. text-align:center;
  184. position:fixed;
  185. right:0px;
  186. top:0px;
  187. height:100%;
  188. width:150px;
  189. padding:5px;
  190. background:{color:Navlink Background};
  191. }
  192.  
  193. .navlinks {
  194. padding-left:40px;
  195. padding-top:0px;
  196. margin-top:220px;
  197. font-size:15px;
  198. font-weight:bold;
  199. line-height:25px;
  200. text-transform:lowercase;
  201. position:fixed;
  202. text-align:left;
  203. font-family: 'Source Sans Pro', sans-serif;
  204. }
  205.  
  206.  
  207. .navlinks a {
  208. margin-right:10px;
  209. margin-bottom:3px;
  210. padding:3px;
  211. display:inline-block;
  212. color:{color:Navlink};
  213. }
  214.  
  215.  
  216. .navlinks a:hover {
  217. color:{color:Navlink Hover};
  218. }
  219.  
  220.  
  221. #con {
  222. left:50%;
  223. margin-left:-250px;
  224. position:absolute;
  225. }
  226.  
  227.  
  228. #entries {
  229. width:650px;
  230. margin-top:60px;
  231. margin-left:-55px;
  232.  
  233. {block:PermalinkPage}
  234. width:500px;
  235. {/block:PermalinkPage}
  236. }
  237.  
  238. .posts {
  239. width:200px;
  240. float:left;
  241. margin-right:40px;
  242. padding:7px 7px 0px 7px;
  243. {block:IndexPage}
  244. margin-bottom:40px;
  245. {/block:IndexPage}
  246.  
  247.  
  248. {block:PermalinkPage}
  249. width:500px;
  250. margin-bottom:30px;
  251. position:relative;
  252. float:left;
  253. {/block:PermalinkPage}
  254. }
  255.  
  256.  
  257. .posts img {
  258. max-width:250px;
  259. }
  260.  
  261. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  262. .caption {width:100%;
  263. margin-top:10px;
  264.  
  265. }
  266.  
  267. #title {
  268. font-size:11px;
  269. line-height:18px;
  270. font-weight:bold;
  271. margin-bottom:10px;
  272. text-transform:uppercase;
  273. text-align:left;
  274. }
  275.  
  276.  
  277. .text {
  278. font-size:10px;
  279. font-family: 'Source Sans Pro', sans-serif;
  280. }
  281.  
  282.  
  283. .text a:hover {
  284. text-decoration:underline;
  285. -webkit-transition:opacity 0.3s ease-in-out; opacity: 0.5;
  286. -webkit-transition:all 0.3s ease-in-out;
  287. -moz-transition:all 0.3s ease-in-out;
  288. transition:all 0.3s ease-in-out;
  289. }
  290.  
  291.  
  292. #quote{
  293. text-align:left;
  294. font-size:11px;
  295. line-height:18px;
  296. font-weight:bold;
  297. }
  298.  
  299.  
  300. #quote a:hover {
  301. text-decoration:underline;
  302. -webkit-transition:opacity 0.3s ease-in-out; opacity: 0.5;
  303. -webkit-transition:all 0.3s ease-in-out;
  304. -moz-transition:all 0.3s ease-in-out;
  305. transition:all 0.3s ease-in-out;
  306. }
  307.  
  308.  
  309. #quotesource {
  310. margin-top:15px;
  311. margin-left:15px;
  312.  
  313. }
  314.  
  315.  
  316. .player {
  317. width:25px;
  318. height:25px;
  319. overflow:hidden;
  320. position:absolute;
  321. margin-left:12px;
  322. margin-top:12px;
  323. background:white;
  324. }
  325.  
  326.  
  327. .audioinfo {
  328. margin-left:70px;
  329. }
  330.  
  331.  
  332. .albumart {
  333. position:absolute;
  334. {block:IndexPage}
  335. width:60px;
  336. height:60px;
  337. {/block:IndexPage}
  338. {block:PermalinkPage}
  339. width:60px;
  340. height:60px;
  341. {/block:PermalinkPage}
  342. }
  343.  
  344.  
  345. .albumart img {
  346. float:left;
  347. {block:IndexPage}
  348. width:60px;
  349. height:60px;
  350. {/block:IndexPage}
  351. {block:PermalinkPage}
  352. width:60px;
  353. height:60px;
  354. {/block:PermalinkPage}
  355. }
  356.  
  357.  
  358. .question {
  359. margin-bottom:10px;
  360. border-bottom:solid 1px {color:Question Border};
  361. }
  362.  
  363. .asker {
  364. font-weight:bold;
  365. text-align:right;
  366. }
  367.  
  368.  
  369. .answer {
  370. margin-top:0px;
  371. text-align:center;
  372. }
  373.  
  374.  
  375. .chat ol {
  376. padding:0;
  377. list-style:none;
  378. }
  379.  
  380.  
  381. .line {
  382. padding:5px 0;
  383. }
  384.  
  385.  
  386. .label {
  387. font-weight:bold;
  388. }
  389.  
  390.  
  391. #permalink {
  392. margin-top:0px;
  393. font-size:10px;
  394. text-align:center;
  395. opacity:1;
  396. padding-right:0px;
  397. background:transparent;
  398. border-radius:0px;
  399. }
  400.  
  401. .posts:hover #permalink {
  402. opacity:1;
  403. }
  404.  
  405.  
  406. #permalink a {
  407. padding-left:0px;
  408. margin-right:5px;
  409. color:{color:Perma};
  410. border-bottom:solid 1px {color:Perma Border};
  411. }
  412.  
  413.  
  414. #permalink a:hover {
  415. color:{color:Perma Hover};
  416. -webkit-transition:opacity 0.3s ease-in-out; opacity: 0.5;
  417. -webkit-transition:all 0.3s ease-in-out;
  418. -moz-transition:all 0.3s ease-in-out;
  419. transition:all 0.3s ease-in-out;
  420. }
  421.  
  422.  
  423. .pagination {
  424. display:none;
  425. }
  426.  
  427. .notes {
  428. padding-left:20px;
  429. font-size:11px;
  430. }
  431.  
  432. .pagination {
  433. display: none;
  434. }
  435.  
  436. #credit {
  437. position:fixed;
  438. right:5px;
  439. bottom:5px;
  440. background:transparent;
  441. padding-top:5px;
  442. padding-right:5px;
  443. padding-left:5px;
  444. padding-bottom:2px;
  445. font-size:12px;
  446. font-family: 'Source Sans Pro', sans-serif;
  447. z-index:9999;
  448. }
  449.  
  450. #credit a{
  451. color:{color:Link};
  452. }
  453.  
  454. {CustomCSS}
  455. </style>
  456. </style>
  457. <script src="jquery.js"></script>
  458. <script>
  459. $(document).ready(function(){
  460. $(".title1").click(function(){
  461. $(".table1").slideToggle("fast");});});
  462. $(document).ready(function(){
  463. $(".title2").click(function(){
  464. $(".table2").slideToggle("fast");});});
  465. $(document).ready(function(){
  466. $(".title3").click(function(){
  467. $(".table3").slideToggle("fast");});});
  468. </script>
  469.  
  470. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  471.  
  472. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  473.  
  474. <script>
  475. $(function(){
  476. var $container = $('#entries');
  477. $container.imagesLoaded(function(){
  478. $container.masonry({
  479. itemSelector: '.posts',
  480. });
  481. });
  482. $container.infinitescroll({
  483. itemSelector : ".posts",
  484. navSelector : "div.pagination",
  485. nextSelector : ".pagination a#next",
  486. loadingImg : "",
  487. loadingText : "<em></em>",
  488. bufferPx : 10000,
  489. extraScrollPx: 12000,
  490. },
  491. // trigger Masonry as a callback
  492. function( newElements ) {
  493. var $newElems = $( newElements ).css({ opacity: 0 });
  494. // ensure that images load before adding to masonry layout
  495. $newElems.imagesLoaded(function(){
  496. $newElems.animate({ opacity: 1 });
  497. $container.masonry( 'appended', $newElems, true );
  498. });
  499. }
  500. );
  501. });
  502. </script>
  503.  
  504.  
  505. </head>
  506.  
  507. <body>
  508.  
  509. <div id="con">
  510.  
  511. <div id="credit"><a href="http://chytha.tumblr.com/">☾</a></div>
  512.  
  513. <div id="header">
  514.  
  515. <div id="blogt">{Title}</div>
  516.  
  517. <div id="description">{Description}</div>
  518.  
  519. </div>
  520.  
  521. <div id="navlinksection">
  522. <div class="navlinks">
  523. <a href="/" title=home><i class="fa fa-terminal" aria-hidden="true"></i> refresh</a> <br>
  524. <a href="/ask" title=ask box><i class="fa fa-comment-o" aria-hidden="true"></i> mail</a> <br>
  525. <a href="/archive" title=archive><i class="fa fa-folder-o" aria-hidden="true"></i> archive</a> <br>
  526. {block:ifShowCustomlink1}<a href="{text:Link 1 URL}" title={text:Link 1 Tooltip}><i class="fa fa-bookmark-o" aria-hidden="true"></i> {text:Link 1 Title}</a> <br>{/block:ifShowCustomLink1}
  527. {block:ifShowCustomlink2}<a href="{text:Link 2 URL}" {text:Link 2 Tooltip} > <i class="fa fa-genderless" aria-hidden="true"></i> {text:Link 2 Title}</a> <br>{/block:ifShowCustomLink2}
  528. <a href="http://chytha.tumblr.com" title=theme><i class="fa fa-moon-o" aria-hidden="true"></i> Credit</a>
  529. </div>
  530. </div>
  531.  
  532.  
  533. <div id="entries">
  534.  
  535. {block:Posts}
  536.  
  537. <div class="posts">
  538.  
  539. {block:Quote}
  540. <div class="quote">
  541. '<strong><i>{Quote}</i></strong>'
  542. </div>
  543. {block:Source}
  544. <br><div class="quotesource">— {Source}</div>
  545. {/block:Source}
  546.  
  547. {block:IndexPage}
  548. <div id="permalink">
  549. <a href="{Permalink}" title="posted {TimeAgo} with {NotecountWithLabel}"><i class="fa fa-{NoteCount}-o" aria-hidden="true"></i></a>
  550. <a href="{ReblogURL}">rblg<br>
  551. </div>
  552. {/block:IndexPage}
  553. {/block:Quote}
  554.  
  555.  
  556. {block:Text}
  557. {block:Title}
  558. <div id="title">{Title}</div>
  559. {/block:Title}
  560. <div class="text">
  561. {Body}
  562. </div>
  563.  
  564. {block:IndexPage}
  565. <div id="permalink">
  566. <a href="{Permalink}" title="posted {TimeAgo} with {NotecountWithLabel}">{NoteCount}</a>
  567. <a href="{ReblogURL}">rblg</a><br>
  568. </div>
  569. {/block:IndexPage}
  570. {/block:Text}
  571.  
  572.  
  573. {block:Link}
  574. <div id="title">
  575. <a href="{URL}">{Name}</a>
  576. </div>
  577. {block:Description}{Description}{/block:Description}
  578.  
  579. {block:IndexPage}
  580. <div id="permalink">
  581. <a href="{Permalink}" title="posted {TimeAgo} with {NotecountWithLabel}">{NoteCount}</a>
  582. <a href="{ReblogURL}">rblg</a><br>
  583. </div>
  584. {/block:IndexPage}
  585. {/block:Link}
  586.  
  587.  
  588. {block:Chat}
  589. {block:Title}
  590. <h1>{Title}</h1>
  591. {/block:Title}
  592. <div class="chat">
  593. <ol>{block:Lines}
  594. <li class="line {Alt}">
  595. {block:Label}
  596. <span class="label">
  597. {Label}</span>
  598. {/block:Label}{Line}</li>
  599. {/block:Lines}
  600. </ol>
  601. </div>
  602.  
  603. {block:IndexPage}
  604. <div id="permalink">
  605. <a href="{Permalink}" title="posted {TimeAgo} with {NotecountWithLabel}">{NoteCount}</a>
  606. <a href="{ReblogURL}">rblg</a><br>
  607. </div>
  608. {/block:IndexPage}
  609. {/block:Chat}
  610.  
  611.  
  612. {block:Photo}
  613. {block:IndexPage}
  614. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  615.  
  616. <div id="permalink">
  617. <a href="{Permalink}" title="posted {TimeAgo} with {NotecountWithLabel}">{NoteCount}</a>
  618. <a href="{ReblogURL}">rblg</a><br>
  619. </div>
  620. {/block:IndexPage}
  621.  
  622. {block:PermalinkPage}
  623. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  624. <br>
  625. {/block:PermalinkPage}
  626. {/block:Photo}
  627.  
  628.  
  629. {block:Photoset}
  630. {block:IndexPage}
  631. {Photoset}
  632. <div id="permalink">
  633. <a href="{Permalink}" title="posted {TimeAgo} with {NotecountWithLabel}">{NoteCount}</a>
  634. <a href="{ReblogURL}">rblg</a><br>
  635. </div>
  636. {/block:IndexPage}
  637. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  638. {/block:Photoset}
  639.  
  640.  
  641. {block:Video}
  642. {Video-250}
  643.  
  644. {block:IndexPage}
  645. <div id="permalink">
  646. <a href="{Permalink}" title="posted {TimeAgo} with {NotecountWithLabel}">{NoteCount}</a>
  647. <a href="{ReblogURL}">rblg</a><br>
  648. </div>
  649. {/block:IndexPage}
  650. {/block:Video}
  651.  
  652.  
  653. {block:Audio}
  654. {block:AlbumArt}
  655. <div class="albumart">
  656. <img src="{AlbumArtURL}">
  657. </div>
  658. {/block:AlbumArt}
  659. <div class="player">{AudioPlayerWhite}</div>
  660.  
  661. <div class="audioinfo">
  662. Title: {block:TrackName}{TrackName}{/block:TrackName}<br>
  663.  
  664. Artist: {block:Artist}{Artist}{/block:Artist}<br>
  665.  
  666. Plays: {block:PlayCount}{FormattedPlayCount}{/block:PlayCount}
  667.  
  668. {block:IndexPage}
  669. <div id="permalink">
  670. <a href="{Permalink}" title="posted {TimeAgo} with {NotecountWithLabel}">{NoteCount}</a>
  671. <a href="{ReblogURL}">rblg</a><br>
  672. </div>
  673. {/block:IndexPage}
  674. </div>
  675. {/block:Audio}
  676.  
  677.  
  678. {block:Answer}
  679. <div class="question">
  680. "{Question}"
  681. <div class="asker">- asked by {Asker}</div>
  682. </div>
  683. <div class="answer"> {Answer}</div>
  684.  
  685. {block:IndexPage}
  686. <div id="permalink">
  687. <a href="{Permalink}" title="posted {TimeAgo} with {NotecountWithLabel}">{NoteCount}</a>
  688. <a href="{ReblogURL}">rblg</a><br>
  689. </div>
  690. {/block:IndexPage}
  691. {/block:Answer}
  692.  
  693.  
  694.  
  695. {block:PermalinkPage}
  696. <div class="notes">
  697. {block:Date}{Caption} posted {TimeAgo}{/block:Date}
  698. {block:NoteCount} with {NoteCount} notes {/block:NoteCount}
  699. {block:RebloggedFrom}
  700. via <a href="{ReblogParentURL}">{ReblogParentName}</a>,
  701. {/block:RebloggedFrom}
  702. {block:ContentSource}originally from <a href="{SourceURL}">{SourceTitle} </a>{/block:ContentSource}
  703. <br>{block:hastags}{block:tags}#<a href="/tagged/{Tag}">{Tag}</a> &nbsp;&nbsp; {/block:tags}{/block:hastags}
  704. <br>{PostNotes}
  705. </div>
  706. {/block:PermalinkPage}
  707.  
  708. </div>
  709. {/block:Posts}
  710.  
  711. <div class="pagination">
  712. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  713. </div>
  714.  
  715.  
  716.  
  717. </div>
  718.  
  719. </div>
  720.  
  721. </body>
  722.  
  723. </div>
  724.  
  725.  
  726. </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!