solitudethemes

flames

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