API tools faq
paste
Advertisement
solitudethemes

falling

solitudethemes
May 30th, 2016
7,329
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.26 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3.  
  4.  
  5.  
  6. revamp :: falling
  7. solitudethemes
  8.  
  9.  
  10.  
  11.  
  12. ----->
  13.  
  14. <!DOCTYPE html>
  15. <head>
  16.  
  17. <title>{Title}</title>
  18.  
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. <!--default variables-->
  24.  
  25. <meta name="color:accent" content="#000000"/>
  26. <meta name="color:text" content="#8c8a8a"/>
  27. <meta name="color:links" content="#bcbcbc"/>
  28. <meta name="color:links hover" content="#000000"/>
  29. <meta name="color:scrollbar" content="#cccccc"/>
  30.  
  31. <meta name="image:nav" content=""/>
  32.  
  33. <meta name="if:nav" content="1"/>
  34. <meta name="if:captions" content="1"/>
  35. <meta name="if:infinite scroll" content="1"/>
  36. <meta name="if:load more" content="1"/>
  37.  
  38. <meta name="text:margin" content="80px">
  39. <meta name="text:post width" content="300px">
  40.  
  41. <meta name="select:font" content="karla, sans-serif" title="karla"/>
  42. <meta name="select:font" content="roboto,sans-serif" title="roboto"/>
  43. <meta name="select:font" content="lato, sans-serif" title="lato"/>
  44. <meta name="select:font" content="open sans, sans-serif" title="open sans"/>
  45. <meta name="select:font" content="calibri" title="calibri"/>
  46. <meta name="select:font" content="arial" title="arial"/>
  47.  
  48. <meta name="text:subtitle" content=""/>
  49. <meta name='text:long description' content="a nice quote or poetry etc"/>
  50. <meta name="text:home title" content="home"/>
  51. <meta name="text:ask title" content="mail"/>
  52. <meta name='text:more title' content="etc"/>
  53. <meta name="text:more link" content=""/>
  54. <meta name="text:link 1" content=""/>
  55. <meta name="text:link 1 title" content="link 1"/>
  56. <meta name="text:link 2" content=""/>
  57. <meta name="text:link 2 title" content="link 2"/>
  58. <meta name="text:link 3" content=""/>
  59. <meta name="text:link 3 title" content="link 3"/>
  60. <meta name="text:link 4" content=""/>
  61. <meta name="text:link 4 title" content="link 4"/>
  62. <meta name="text:link 5" content=""/>
  63. <meta name="text:link 5 title" content="link 5"/>
  64. <meta name="text:link 6" content=""/>
  65. <meta name="text:link 6 title" content="link 6"/>
  66. <meta name="text:link 7" content=""/>
  67. <meta name="text:link 7 title" content="link 7"/>
  68.  
  69. <!--tooltips-->
  70.  
  71. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  72.  
  73. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  74.  
  75. <script>
  76.  
  77. (function($){
  78.  
  79. $(document).ready(function(){
  80.  
  81. $("[title]").style_my_tooltips({
  82.  
  83. tip_follows_cursor:true,
  84.  
  85. tip_delay_time:100,
  86.  
  87. tip_fade_speed:600,
  88.  
  89. attribute:"title"
  90.  
  91. });
  92.  
  93. });
  94.  
  95. })(jQuery);
  96.  
  97. </script>
  98.  
  99. <!--menu-->
  100.  
  101. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  102.  
  103. <script language="javascript">
  104. $(document).ready(function() {
  105. $('a#click').click(function() {
  106. $('.t',this).toggle();
  107. });
  108. $("#more").css({"bottom": "150%", "opacity":"0.0", "z-index":"0"})
  109. $(".entries").animate({"opacity": "1.0"})
  110. $("#click").toggle(
  111. function () {
  112. $("#more").animate({{block:ifnotnavimage}"bottom": "30%",{block:ifnotnavimage} {block:ifnavimage}"bottom": "10%",{/block:ifnavimage} "opacity":"1", "z-index":"10000"}, "slow");
  113. $(".entries").animate({"opacity": "0.0"},"slow");
  114. },
  115. function () {
  116. $("#more").animate({"bottom": "150%", "opacity":"0.0", "z-index":"0"}, "slow");
  117. $(".entries").animate({"opacity": "1.0"});
  118. });
  119. });
  120. </script>
  121.  
  122. <!--fonts-->
  123.  
  124. <link href='https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  125.  
  126. <link href='http://fonts.googleapis.com/css?family=Roboto:400,700,400italic,300,300italic,700italic' rel='stylesheet' type='text/css'>
  127.  
  128. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
  129.  
  130. <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  131.  
  132.  
  133. <style type="text/css">
  134.  
  135.  
  136. /*tooltips*/
  137.  
  138. .tooltip{
  139. display: inline;
  140. position: relative;
  141. }
  142.  
  143. #s-m-t-tooltip {
  144. max-width:300px;
  145. padding:5px;
  146. margin:5px 0px 0px 10px;
  147. border-bottom:1px solid #fafafa;
  148. background-color:#fff;
  149. font-family:{select:font};
  150. font-size:8px;
  151. font-weight:normal;
  152. letter-spacing:1px;
  153. line-height:8px;
  154. text-transform:uppercase;
  155. color:#aaa;
  156. z-index:2147483647;
  157. }
  158.  
  159.  
  160.  
  161. /*lightbox*/
  162.  
  163.  
  164. .tmblr-lightbox {background:rgba(255,255,255, .95)!important;}
  165.  
  166. .tmblr-lightbox img {opacity:0;}
  167.  
  168. .lightbox-caption {
  169. color:transparent;
  170. font-family:inherit!important;
  171. font-size:10px!important;
  172. font-weight:normal!important;
  173. text-shadow:none!important;
  174. }
  175.  
  176. .lightbox-image {
  177. -moz-box-shadow:none!important;
  178. -webkit-box-shadow:none!important;
  179. box-shadow:none!important;
  180. -moz-border-radius:0px!important;
  181. -webkit-border-radius:0px!important;
  182. border-radius:0px!important;
  183. padding:0px!important;
  184. margin:0px!important;
  185. border:0!important;
  186. opacity:1!important;
  187. }
  188.  
  189. .vignette {opacity:0!important;}
  190.  
  191.  
  192. /*tumblr controls*/
  193.  
  194. iframe#tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{
  195. -webkit-filter: invert(100%);
  196. -moz-filter: invert(100%);
  197. -o-filter: invert(100%);
  198. -ms-filter: invert(100%);
  199. filter: invert(100%);
  200. opacity:0.2;
  201. z-index:99999!important;
  202. top:10px!important;
  203. right:10px!important;
  204. }
  205.  
  206.  
  207.  
  208. /*selection*/
  209.  
  210. ::selection {
  211. color:{color:text};
  212. background:#eeeeee;
  213. }
  214.  
  215. ::-moz-selection {
  216. color:{color:text};
  217. background:#eeeeee;
  218. }
  219.  
  220. ::-webkit-selection {
  221. color:{color:text};
  222. background:#eeeeee;
  223. }
  224.  
  225. /*scrollbar*/
  226.  
  227. ::-webkit-scrollbar {
  228. background-color:#ffffff;
  229. height:9px;
  230. width:9px;
  231. }
  232.  
  233. ::-webkit-scrollbar-thumb {
  234. background-color:{color:scrollbar};
  235. border:4px solid #ffffff;
  236. }
  237.  
  238. ::-webkit-scrollbar-track {background-color:#ffffff;}
  239.  
  240.  
  241. /*basics*/
  242.  
  243. body {
  244. background:#ffffff;
  245. color:{color:text};
  246. font-family:{select:font};
  247. line-height:15px;
  248. font-size:10px;
  249. margin:0;
  250. text-align:left;
  251. overflow-x:hidden;
  252. -moz-osx-font-smoothing:grayscale;
  253. -webkit-font-smoothing:antialiased;
  254. font-smoothing:antialiased;
  255. }
  256.  
  257. blockquote {
  258. padding-left:10px;
  259. border-left:1px solid;
  260. border-color:#eeeeee;
  261. margin:5px;
  262. }
  263.  
  264. a {
  265. color:{color:links};
  266. text-decoration:none;
  267. -webkit-transition:all 0.4s;
  268. -moz-transition:all 0.4s;
  269. -ms-transition:all 0.4s;
  270. -o-transition:all 0.4s;
  271. transition:all 0.4s;
  272. }
  273.  
  274. a:hover {
  275. text-decoration:none;
  276. color: {color:links hover};
  277. cursor:help;
  278. }
  279.  
  280. img {
  281. opacity:1;
  282. max-width:100%;
  283. height:auto;
  284. text-decoration:none;
  285. }
  286.  
  287. b, strong {
  288. font-weight:normal;
  289. color:{color:accent};
  290. }
  291.  
  292. h1 {
  293. font-size:11px;
  294. text-transform:uppercase;
  295. letter-spacing:1.5px;
  296. font-weight:normal;
  297. color:{color:accent};
  298. }
  299.  
  300. h1 a {color:{color:accent};}
  301. h1 a:hover {color:{color:links hover};}
  302.  
  303. pre {
  304. white-space: pre-wrap;
  305. white-space: -moz-pre-wrap;
  306. white-space: -pre-wrap;
  307. white-space: -o-pre-wrap;
  308. word-wrap: break-word;
  309. }
  310.  
  311. /*posts*/
  312.  
  313. .container {
  314. margin:0px auto;
  315. width:{text:post width};
  316. position:relative;
  317. -webkit-animation-name: fade-in;
  318. -webkit-animation-duration: 1.5s;
  319. }
  320.  
  321. .posts {
  322. {block:IndexPage}
  323. margin-bottom:{text:margin};
  324. {/block:IndexPage}
  325. {block:PermalinkPage}
  326. margin-bottom:40px;
  327. {/block:PermalinkPage}
  328. width:{text:post width};
  329. }
  330.  
  331. .entries {
  332. margin-top:100px;
  333. margin-bottom:50px;
  334. width:{text:post width};
  335. }
  336.  
  337. .posts img, .posts li, .posts blockquote {
  338. max-width: 100%;
  339. height:auto;
  340. }
  341.  
  342. .posts ul li:before, .nav li:before {
  343. content:"——";
  344. position:relative;
  345. left:-10px;
  346. letter-spacing:-1px;
  347. color:#ddd;
  348. }
  349.  
  350. .posts ul li, .nav li{
  351. text-indent:-12px;
  352. list-style:none;
  353. }
  354.  
  355. blockquote img {max-width:100%!important;height:auto;}
  356.  
  357. .caption a, .text a{border-bottom:1px solid #eee;}
  358.  
  359. .caption {
  360. {block:ifnotcaptions}
  361. {block:indexpage}
  362. display:none;
  363. {/block:indexpage}
  364. {/block:ifnotcaptions}
  365. }
  366.  
  367. a.tumblr_blog {
  368. text-transform:lowercase;
  369. border-bottom:1px solid #eee;
  370. }
  371.  
  372.  
  373. /*post info*/
  374.  
  375. .info {
  376. padding-top:15px;
  377. margin-top:25px;
  378. text-transform:uppercase;
  379. font-size:9px;
  380. text-align:left;
  381. letter-spacing:1px;
  382. border-top:1px solid #eee;
  383. }
  384.  
  385. .info b a{color:{color:accent};}
  386.  
  387. .info b a:hover {color:{color:links hover};}
  388.  
  389. .info svg {
  390. line-height:100%;
  391. height:10px;
  392. padding-left:10px;
  393. fill:#9b9b9b;
  394. }
  395.  
  396. .info svg {
  397. padding-top:3px;
  398. float:right;
  399. transition-duration: 0.4s;
  400. -moz-transition-duration: 0.4s;
  401. -webkit-transition-duration: 0.4s;
  402. -o-transition-duration: 0.4s
  403. }
  404.  
  405. .info svg:hover {
  406. fill:{color:accent};
  407. cursor:help;
  408. transition-duration: 0.4s;
  409. -moz-transition-duration: 0.4s;
  410. -webkit-transition-duration: 0.4s;
  411. -o-transition-duration: 0.4s
  412. }
  413.  
  414. .pinfo {
  415. padding-top:15px;
  416. margin-top:10px;
  417. text-transform:uppercase;
  418. letter-spacing:1px;
  419. }
  420.  
  421. .tags {
  422. font-style:normal;
  423. text-transform:lowercase;
  424. -webkit-transition:all 0.4s;
  425. -moz-transition:all 0.4s;
  426. -ms-transition:all 0.4s;
  427. -o-transition:all 0.4s;
  428. transition:all 0.4s;
  429. }
  430.  
  431. .tags a {margin-right:8px;}
  432.  
  433.  
  434. /*sidebar*/
  435.  
  436. aside {
  437. position:fixed;
  438. width:145px;
  439. top:200px;
  440. left:calc(50% - ({text:post width} / 2) - 300px);
  441. -webkit-animation-name: fade-in;
  442. -webkit-animation-duration: 1.5s;
  443. }
  444.  
  445. .si {
  446. width:40px;
  447. height:40px;
  448. margin-left:85px;
  449. margin:bottom:10px;
  450. z-index:999;
  451. }
  452.  
  453. .si img {
  454. width:40px;
  455. height:40px;
  456. border-radius:100px;
  457. margin-bottom:10px;
  458. transition:0.4s ease-in-out;
  459. -webkit-transition:0.4s ease-in-out;
  460. -moz-transition:0.4s ease-in-out;
  461. }
  462.  
  463. .si img:hover{opacity:.4;}
  464.  
  465. .title {
  466. font-size:14px;
  467. letter-spacing:5px;
  468. text-transform:uppercase;
  469. font-weight:normal;
  470. color:#e1efff;
  471. text-align:right;
  472. }
  473.  
  474. .title a {color:{color:accent};}
  475. .title a:hover {opacity:.5;}
  476.  
  477. .description {
  478. color:{color:text};
  479. text-align:right;
  480. margin-top:10px;
  481. }
  482.  
  483.  
  484. .links {
  485. margin-top:15px;
  486. border-top:1px solid #eee;
  487. border-bottom:1px solid #eee;
  488. padding:10px 0;
  489. text-align:right;
  490. text-transform:uppercase;
  491. letter-spacing:1px;
  492. color:{color:links};
  493. }
  494.  
  495. .links a {margin-left:5px;}
  496.  
  497.  
  498. /*notes*/
  499.  
  500. ol.notes {
  501. padding:0px;
  502. margin:-25px 0px 0px 0px;
  503. list-style-type:none;
  504. text-transform:uppercase;
  505. font-size:8px;
  506. letter-spacing:1px;
  507. max-width:{text:post width};
  508. max-height:200px;
  509. overflow-x:hidden;
  510. overflow-y:scroll;
  511. }
  512.  
  513. ol.notes li.note {padding:1px;}
  514.  
  515. ol.notes li.note img.avatar {
  516. display:none!important;
  517. vertical-align:-4px;
  518. margin-right:10px;
  519. width:16px;
  520. height:16px;
  521. }
  522.  
  523. ol.notes li.note span.action {font-weight:none;}
  524.  
  525. ol.notes li.note .answer_content {font-weight:normal;}
  526.  
  527. ol.notes li.note blockquote {
  528. padding:5px 10px;
  529. margin:0px 5px;
  530. }
  531.  
  532. ol.notes li.note blockquote a {text-decoration:none;}
  533.  
  534. .ph {
  535. margin-top:15px;
  536. text-transform:none;
  537. font-size:10px;
  538. }
  539.  
  540. a.more_notes_link {
  541. display:block;
  542. text-align:left;
  543. border:0;
  544. }
  545.  
  546. /*quotes*/
  547.  
  548. .quote {
  549. text-transform:none;
  550. font-size:12px;
  551. font-weight:normal;
  552. text-align:left;
  553. }
  554.  
  555. .quotesource {
  556. text-align:left;
  557. text-transform:uppercase;
  558. letter-spacing:1px;
  559. margin-top:10px;
  560. }
  561.  
  562. .quotesource a{
  563. text-transform:uppercase;
  564. letter-spacing:1.5px;
  565. border-bottom:1px solid #eee;
  566. }
  567.  
  568. /*chats*/
  569.  
  570. .chat {
  571. line-height:20px;
  572. list-style:none;
  573. }
  574.  
  575. .line.odd {
  576. background:#ffffff;
  577. border-top:1px solid #eee;
  578. margin-bottom:2px;
  579. padding:5px;
  580. list-style:none;
  581. font-size:10px;
  582. }
  583.  
  584. .line.odd:nth-child(1) {border:none;}
  585.  
  586. .line.even {
  587. background:#ffffff;
  588. border-top:1px solid #eee;
  589. margin-bottom:2px;
  590. padding:5px;
  591. list-style:none;
  592. font-size:10px;
  593. }
  594.  
  595. .label {
  596. padding-right:1px;
  597. text-transform:uppercase;
  598. letter-spacing:1px;
  599. font-weight:normal;
  600. color:{color:accent};
  601. }
  602.  
  603. /*questions*/
  604.  
  605. .question {
  606. text-transform:none;
  607. font-style:italic;
  608. font-weight:normal;
  609. text-align:left;
  610. margin-top:-10px;
  611. padding-left:5px;
  612. }
  613.  
  614. .asker {
  615. text-align:left;
  616. text-transform:uppercase;
  617. font-style:normal;
  618. letter-spacing:1px;
  619. margin-top:10px;
  620. display:inline;
  621. }
  622.  
  623. .asker a, .answer a{border-bottom:1px solid #eee;}
  624. .answer {margin-top:5px};
  625.  
  626.  
  627. /*audio*/
  628.  
  629. .tumblr_audio_player {
  630. height:50px;
  631. width:{text:post width};
  632. color:#fff;
  633. color:transparent;
  634. }
  635.  
  636. .audiowrapper {
  637. position:relative;
  638. display:inline-block;
  639. }
  640.  
  641. .audio {
  642. height:100px;
  643. background:#fff;
  644. border:1px solid #eee;
  645. }
  646.  
  647. .audio-album {
  648. position:absolute;
  649. width:30px;
  650. opacity:.0;
  651. }
  652.  
  653. .audio-player {
  654. margin-left:auto;
  655. margin-right:35px;
  656. border-radius:5px 5px 5px 5px;
  657. opacity:1;
  658. filter:alpha(opacity=100);
  659. border:35px solid #fff;
  660. width:30px;
  661. height:30px;
  662. overflow:hidden;
  663. position:absolute;
  664. z-index:2;
  665. }
  666.  
  667. .audio-playerhug {
  668. position: absolute;
  669. left:2px;
  670. z-index:1;
  671. }
  672.  
  673. .audio-info {
  674. width:calc({text:post width} - 100px);
  675. margin-left:50px;
  676. height:100%;
  677. line-height:180%;
  678. padding:0px 25px 0px 25px;
  679. text-transform:lowercase;
  680. text-align:right;
  681. display: table;
  682. }
  683.  
  684. .audio-info p {
  685. display: table-cell;
  686. vertical-align: middle;
  687. text-align:right;
  688. border-left:1px solid #eee;
  689. }
  690.  
  691. .playerbutton {
  692. position:relative;
  693. width:30px;
  694. height:35px;
  695. background:transparent;
  696. overflow:hidden;
  697. }
  698.  
  699.  
  700. /*pagi*/
  701.  
  702. .pagination {
  703. width:{text:post width};
  704. text-transform:uppercase;
  705. letter-spacing:0.5px;
  706. text-align:right;
  707. margin-bottom:5px;
  708. }
  709.  
  710. {block:ifinfinitescroll}
  711. .pagination, #infscr-loading {display:none!important;}
  712. {/block:ifinfinitescroll}
  713.  
  714. .load {
  715. text-align:center;
  716. text-transform:uppercase;
  717. letter-spacing:1px;
  718. margin-bottom:50px;
  719. display:block;
  720. }
  721.  
  722. /*more*/
  723.  
  724. #more {
  725. position: fixed;
  726. left:50%;
  727. width:calc({text:post width} + 100px);
  728. margin-left:-220px;
  729. padding:20px;
  730. background:#fff;
  731. bottom:150%;
  732. }
  733.  
  734. .t,.d{margin-bottom:15px;}
  735.  
  736. section {
  737. -webkit-animation-name: fade-in;
  738. -webkit-animation-duration: 1.0s;
  739. width:calc({text:post width} + 100px);
  740. margin:0px auto;
  741. z-index:10000;
  742. background:#fff;
  743. }
  744.  
  745. section img {
  746. max-width:100%;
  747. width:calc({text:post width} + 100px);
  748. max-height:200px;
  749. top:100px;
  750. }
  751.  
  752. .ql {border-top:1px solid #eee;padding-top:10px;}
  753.  
  754. .l {
  755. list-style-type:none;
  756. font-size:0;
  757. margin:0;
  758. padding:0;
  759. }
  760.  
  761. .l li {
  762. display:inline-block;
  763. margin-top:10px;
  764. margin-bottom:10px;
  765. margin-right:15px;
  766. font-size:10px;
  767. line-height:100%;
  768. width:calc(33.33% - 50px);
  769. }
  770.  
  771. .l li a{border:none;margin-top:5px;padding-top:5px;}
  772.  
  773.  
  774. /*credit*/
  775.  
  776. .credit {
  777. font-size:10px;
  778. position:fixed;
  779. font-weight:normal;
  780. bottom:20px;
  781. right:20px;
  782. z-index:10;
  783. text-transform:uppercase;
  784. text-align:right;
  785. letter-spacing:1px;
  786. padding:1px 5px 1px 5px;
  787. transition:all .2s;
  788. }
  789.  
  790. .credit a {
  791. color:{color:links};
  792. text-decoration:none;
  793. }
  794.  
  795. .credit a:hover {
  796. color:{color:links hover};
  797. text-decoration:none;
  798. }
  799.  
  800. .st {
  801. bottom:20px;
  802. left:20px;
  803. position:fixed;
  804. display:none;
  805. cursor:help;
  806. }
  807.  
  808. /*fade-in*/
  809.  
  810. @-webkit-keyframes fade-in {
  811. 0% { opacity: 0; }
  812. 50% { opacity: 0; }
  813. 100% { opacity: 1; }
  814. }
  815.  
  816.  
  817. @-moz-keyframes fade-in {
  818. 0% { opacity: 0; }
  819. 50% { opacity: 0; }
  820. 100% { opacity: 1; }
  821. }
  822.  
  823.  
  824. @keyframes fade-in {
  825. 0% { opacity: 0; }
  826. 50% { opacity: 0; }
  827. 100% { opacity: 1; }
  828. }
  829.  
  830.  
  831. </style>
  832.  
  833.  
  834. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  835. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  836. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  837. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  838. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  839. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  840. <script>
  841.  
  842. // photosets
  843. $(document).ready(function(){
  844. $('.photo-slideshow').pxuPhotoset({
  845. lightbox: true,
  846. rounded: false,
  847. gutter: '1px',
  848. borderRadius: '0px',
  849. photoset: '.photo-slideshow',
  850. photoWrap: '.photo-data',
  851. photo: '.pxu-photo'
  852. });
  853. });
  854.  
  855. // scroll to top
  856. $(function(){
  857. $('.top').click(function() {
  858. $('html, body').animate({
  859. scrollTop: 0
  860. }, 800);
  861. return false;
  862. });
  863. });
  864. $(window).scroll(function(){
  865. if ($(this).scrollTop() > 150) {
  866. $('.st').fadeIn();
  867. } else {
  868. $('.st').fadeOut();
  869. }
  870. });
  871.  
  872. // notes
  873. $(document).ready(function(){
  874. $(".notes").hide();
  875. $(".ph").show();$('.ph').toggle(function(){
  876. $(".notes").slideDown(function(){});
  877. },function(){
  878. $(".notes").slideUp(function(){});
  879. });
  880. });
  881.  
  882. // minimal soundcloud player © shythemes.tumblr
  883. $(document).ready(function(){
  884. var color = '{color:accent}'; // color of play button (hex)
  885. $('.soundcloud_audio_player').each(function(){
  886. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  887. });
  888. });
  889.  
  890. </script>
  891.  
  892. </head>
  893.  
  894. <body>
  895.  
  896.  
  897. <div class="container">
  898.  
  899. <div class="st"><a class="top" href="#">scroll to top</a></div>
  900.  
  901. <div class="credit">
  902. <a href="http://solitudethemes.tumblr.com">S;</a>
  903. </div>
  904.  
  905. <div id="more">
  906.  
  907. <section>
  908.  
  909. <img src="{image:nav}"/>
  910.  
  911. <h1 class="t">{text:subtitle} &mdash;</h1>
  912. <div class="d">
  913.  
  914. {text:long description}
  915.  
  916. </div>
  917.  
  918. <div class="ql">
  919. <ul class="l">
  920. <li><b>navigation</b></li>
  921. <li><a href="{text:link 1}">{text:link 1 title}</a></li>
  922. <li><a href="{text:link 2}">{text:link 2 title}</a></li>
  923. <li><a href="{text:link 3}">{text:link 3 title}</a></li>
  924. <li><a href="{text:link 4}">{text:link 4 title}</a></li>
  925. <li><a href="{text:link 5}">{text:link 5 title}</a></li>
  926. <li><a href="{text:link 6}">{text:link 6 title}</a></li>
  927. <li><a href="{text:link 7}">{text:link 7 title}</a></li>
  928. </ul></p>
  929.  
  930. </div>
  931. <!-- optional tags : delete or copy from here -->
  932. <div class="ql">
  933. <ul class="l">
  934. <li><b>tags</b></li>
  935. <li><a href="/tagged/">youth</a></li></li>
  936. <li><a href="/tagged/">youth</a></li>
  937. <li><a href="/tagged/">youth</a></li>
  938. <li><a href="/tagged/">youth</a></li>
  939. <li><a href="/tagged/">youth</a></li>
  940. <li><a href="/tagged/">youth</a></li>
  941. <li><a href="/tagged/">youth</a></li>
  942. </ul></p>
  943. </div>
  944. <!--- to here for more-->
  945.  
  946. <!-- for single links copy:
  947.  
  948. <li><a href="">link title</a></li>
  949.  
  950. example : <li><a href="http://12px.tumblr.com">aesthetics</a></li>
  951.  
  952. -->
  953.  
  954. </section>
  955.  
  956. </div>
  957.  
  958.  
  959. <aside>
  960.  
  961.  
  962. <div class="title"><a href="/">{title}</a></div>
  963.  
  964. <div class="description">
  965.  
  966. {description}
  967.  
  968. </div>
  969.  
  970. <div class="links">
  971.  
  972. <a href="/">{text:home title}</a>
  973. <a href="/ask">{text:ask title}</a>
  974. {block:ifnotnav}
  975. <a href="{text:more link}">{text:more title}</a>
  976. {/block:ifnotnav}
  977. {block:ifnav}
  978. <a id="click" class="t"><span class="t">{text:more title}</span><span class="t" style="display:none">close</span></a>
  979. {/block:ifnav}
  980.  
  981. </div>
  982.  
  983. </aside>
  984.  
  985.  
  986. <div class="entries">
  987. {block:Posts}
  988. <div class="posts">
  989.  
  990. {block:Text}
  991. <h1>{block:Title}{Title}{/block:Title}</h1>
  992. <div class="text">
  993. {Body}
  994. </div>
  995. {/block:Text}
  996.  
  997.  
  998. {block:Photo}
  999. {LinkOpenTag}<img src="{PhotoURL-highres}">{LinkCloseTag}
  1000. {/block:Photo}
  1001.  
  1002.  
  1003. {block:Photoset}
  1004. <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>
  1005. {/block:Photoset}
  1006.  
  1007.  
  1008. {block:Quote}{block:Source}<div class="quotesource">{Source}</div>
  1009. {/block:Source}</p>
  1010. <div class="quote">{Quote}</div>
  1011. {/block:Quote}
  1012.  
  1013.  
  1014. {block:Link}
  1015. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1016. {block:Description}{Description}{/block:Description}
  1017. {/block:Link}
  1018.  
  1019.  
  1020. {block:Chat}
  1021. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}<br>{Line}</li> {/block:Lines}</div>
  1022. {/block:Chat}
  1023.  
  1024.  
  1025. {block:Audio}
  1026. <div class="audio">
  1027. {block:AlbumArt}
  1028. <img class="audio-album" src="{AlbumArtURL}">
  1029. {/block:AlbumArt}
  1030.  
  1031.  
  1032. {block:AudioPlayer}
  1033. <div class="audio-player">
  1034. <div class="audio-playerhug">
  1035. {AudioPlayerWhite}
  1036. </div></div>
  1037. {/block:AudioPlayer}
  1038.  
  1039.  
  1040. <div class="audio-info">
  1041. <p>{block:TrackName}
  1042. <b>{TrackName}</b><br>
  1043. {/block:TrackName}
  1044. {block:Artist}
  1045. {Artist}<br>
  1046. {/block:Artist}
  1047. </p>
  1048. </div>
  1049. </div>
  1050. {/block:Audio}
  1051.  
  1052.  
  1053. {block:Video}
  1054. <div class="video">{Video-500}</div>
  1055. {/block:Video}
  1056.  
  1057.  
  1058. {block:Answer}
  1059. <div class="question">
  1060. <div class="asker">{Asker} : </div>
  1061. {Question}</div><br>
  1062. <div class="answer">
  1063. {Answer}</div>
  1064. {/block:Answer}
  1065.  
  1066. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1067.  
  1068.  
  1069. {block:IndexPage}
  1070. <div class="info">
  1071. {block:Date}
  1072. <b><a href="{Permalink}">{DayOfMonth}/{MonthNumber}/{Year}</a></b>
  1073. {/block:Date}
  1074.  
  1075. &nbsp;
  1076. {block:NoteCount}
  1077. &nbsp;
  1078. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1079. &nbsp;&nbsp;
  1080. {/block:NoteCount}
  1081. <a title="reblog" href="{ReblogURL}" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg></a>
  1082.  
  1083. {block:HasTags}
  1084. <a title="{block:Tags}{Tag}, {/block:Tags}"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 469.513 469.513" style="enable-background:new 0 0 469.513 469.513;" xml:space="preserve"><g><g><path d="M370.757,0h-272c-9.35,0-17,7.65-17,17v435.483c0,7.083,4.25,13.317,10.767,15.867c6.517,2.55,13.883,0.85,18.7-4.533 L238.157,324.7l119.85,138.833c3.4,3.683,7.933,5.95,12.75,5.95c1.983,0,3.967-0.283,5.95-1.133 c6.517-2.55,11.05-8.783,11.05-15.867V17C387.757,7.65,380.107,0,370.757,0z M353.757,406.867L251.473,288.15 c-3.117-3.683-7.65-5.95-12.75-5.95c-4.817,0-9.633,1.983-12.75,5.667L115.757,408.85V34h238V406.867z"/></g></g></svg></a>
  1085. {/block:HasTags}
  1086.  
  1087. </div>
  1088. {/block:IndexPage}
  1089.  
  1090. {block:PermalinkPage}
  1091. <div class="pinfo">
  1092. {block:Date}posted on {Month} {DayOfMonthWithZero}{DayOfMonthSuffix} at <a href="{Permalink}" >{12Hour}:{Minutes} {AmPm}</a>{/block:Date}
  1093.  
  1094. {block:RebloggedFrom}<br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a>&nbsp;&nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  1095.  
  1096. {block:HasTags}<br>
  1097. Indexed: {block:Tags} <a href="{TagURL}">{Tag}</a>,&nbsp; {/block:Tags}
  1098. {/block:HasTags}</p>
  1099.  
  1100. {block:PostNotes}
  1101. <a href="#" class="ph">{NoteCountWithLabel}</a></div>
  1102. {/block:PostNotes}
  1103. {/block:PermalinkPage}
  1104.  
  1105. </div>
  1106.  
  1107. {block:permalinkpage}
  1108. {block:PostNotes}
  1109. <div class="pagenotes">
  1110. {PostNotes}
  1111. </div>
  1112. {/block:PostNotes}
  1113. {/block:permalinkpage}
  1114.  
  1115. {/block:Posts}
  1116.  
  1117.  
  1118. {block:Pagination}
  1119. <div class="pagination">
  1120. {block:PreviousPage}
  1121. <a href="{PreviousPage}">back /</a>{/block:PreviousPage}&nbsp;
  1122.  
  1123. {block:NextPage}
  1124. <a class="next" href="{NextPage}">forth</a>
  1125. {/block:NextPage}
  1126. </div>
  1127. {/block:Pagination}
  1128.  
  1129. </div>
  1130. </div>
  1131.  
  1132.  
  1133. {block:indexpage}
  1134. {block:ifloadmore}
  1135. <a class="load">load more posts</a>
  1136. {/block:ifloadmore}
  1137. {/block:indexpage}
  1138.  
  1139.  
  1140. {block:ContentSource}
  1141. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1142. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1143. {/block:SourceLogo}
  1144. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  1145. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1146.  
  1147. {block:IndexPage}
  1148. {block:ifinfinitescroll}
  1149. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1150. {/block:ifinfinitescroll}
  1151. {/block:IndexPage}
  1152.  
  1153. <script>
  1154. $(document).ready(function(){
  1155. $('.photo-slideshow').pxuPhotoset({
  1156. lightbox: true,
  1157. rounded: false,
  1158. gutter: '1px',
  1159. photoset: '.photo-slideshow',
  1160. photoWrap: '.photo-data',
  1161. photo: '.pxu-photo'
  1162. });
  1163. var $container = $('.entries');
  1164. {block:ifinfinitescroll}
  1165. $container.infinitescroll({
  1166. itemSelector: '.posts',
  1167. navSelector: '.pagination',
  1168. nextSelector: '.next',
  1169. loadingImg: '',
  1170. loadingText: '<em></em>',
  1171. bufferPx: 2000,
  1172. {block:ifloadmore}
  1173. errorCallback: function(){
  1174. $('.load').hide();
  1175. }
  1176. {/block:ifloadmore}
  1177. },
  1178. function( newElements ) {
  1179. var $newElems = $( newElements );
  1180. $newElems.find('.photo-slideshow').pxuPhotoset({
  1181. lightbox: true,
  1182. rounded: false,
  1183. gutter: '1px',
  1184. photoset: '.photo-slideshow',
  1185. photoWrap: '.photo-data',
  1186. photo: '.pxu-photo'
  1187. });
  1188. resizeVideos();
  1189. });
  1190. {block:ifloadmore}
  1191. $(window).unbind('.infscr');
  1192. $('.load').click(function(){
  1193. $container.infinitescroll('retrieve');
  1194. return false
  1195. });
  1196. {/block:ifloadmore}
  1197. {/block:infinitescroll}
  1198. });
  1199.  
  1200. </script>
  1201.  
  1202. </body>
  1203. </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!