API tools faq
paste
Advertisement
voicelessthemes

Theme #10

voicelessthemes
Jan 14th, 2018
649
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 23.68 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!---THEME #10 BY VOICELESSTHEMES
  6. DO NOT CLAIM AS YOUR OWN OR STEAL PARTS OF MY CODE
  7. LEAVE CREDIT INTACT--->
  8.  
  9.  
  10. <!---META STUFF-->
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}
  15.     <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17. <!---END META STUFF--->
  18.  
  19. <!--THEME OPTIONS-->
  20.  
  21. <!--IF VARIABLES-->
  22. <meta name="if:GradientBG" content="0" />
  23. <meta name="if:FullPageBGImage" content="0" />
  24. <meta name="if:ShowCaptions" content="1" />
  25. <meta name="if:ShowTags" content="1" />
  26. <meta name="if:CustomSidebarImage" content="0" />
  27. <meta name="if:ShowAskLink" content="0" />
  28. <meta name="if:ShowSubmitLink" content="0" />
  29. <meta name="if:Link1" content="0" />
  30. <meta name="if:Link2" content="0" />
  31. <meta name="if:Link3" content="0" />
  32. <meta name="if:Link4" content="0" />
  33. <meta name="if:Link5" content="0" />
  34. <meta name="if:Link6" content="0" />
  35. <meta name="if:TwitterLink" content="0" />
  36. <meta name="if:InstagramLink" content="0" />
  37.  
  38. <!--COLOR VARIABLES-->
  39. <meta name="color:Gradient 1" content="#ffb5c0" />
  40. <meta name="color:Gradient 2" content="#cab5ff" />
  41. <meta name="color:Page BG" content="#eee" />
  42. <meta name="color:Text" content="#818181" />
  43. <meta name="color:Bold Text" content="#d2a6ff" />
  44. <meta name="color:Italic Text" content="#818181" />
  45. <meta name="color:Bold Italic Text" content="#ffb3d8" />
  46. <meta name="color:Ask" content="#818181" />
  47. <meta name="color:Ask Text" content="#fff" />
  48. <meta name="color:Links Hover" content="#ffb3d8" />
  49. <meta name="color:Scrollbar" content="#d2a6ff" />
  50. <meta name="color:Post BG" content="#fff" />
  51. <meta name="color:Post Info" content="#000" />
  52. <meta name="color:Borders" content="#000" />
  53. <meta name="color:Tags" content="#000" />
  54. <meta name="color:Tags Hover" content="#d2a6ff" />
  55. <meta name="color:Sidebar BG" content="#000" />
  56. <meta name="color:Sidebar Text" content="#fff" />
  57. <meta name="color:Blog Title" content="#fff" />
  58. <meta name="color:Description BG" content="#000" />
  59. <meta name="color:Sidebar Links" content="#d2a6ff" />
  60. <meta name="color:Sidebar Links Hover" content="#ffb3d8" />
  61. <meta name="color:Search" content="#000" />
  62.  
  63. <!--IMAGE VARIABLES-->
  64. <meta name="image:Page BG" content="https://static.tumblr.com/evaopil/1sap2j68l/tumblr_inline_ml2g1jf9xx1qz4rgp.png" />
  65. <meta name="image:Sidebar BG" content="https://static.tumblr.com/evaopil/SRRp2j67r/pastel__7_.png" />
  66. <meta name="image:Sidebar" content="https://static.tumblr.com/evaopil/fcFp2j6a0/tumblr_ovb2vlcgcp1wnwg38o2_500.gif" />
  67.  
  68. <!--SELECT VARIABLES-->
  69. <meta name="select:Post Width" content="250px" />
  70. <meta name="select:Post Width" content="300px" />
  71. <meta name="select:Post Width" content="350px" />
  72. <meta name="select:Post Width" content="400px" />
  73. <meta name="select:Post Width" content="450px" />
  74. <meta name="select:Post Width" content="500px" />
  75.  
  76. <meta name="select:Font Size" content="10px" />
  77. <meta name="select:Font Size" content="11px" />
  78. <meta name="select:Font Size" content="12px" />
  79. <meta name="select:Font Size" content="13px" />
  80. <meta name="select:Font Size" content="14px" />
  81. <meta name="select:Font Size" content="15px" />
  82.  
  83. <!--TEXT VARIABLES-->
  84. <meta name="text:Link 1" content="" />
  85. <meta name="text:Link 1 URL" content="" />
  86. <meta name="text:Link 2" content="" />
  87. <meta name="text:Link 2 URL" content="" />
  88. <meta name="text:Link 3" content="" />
  89. <meta name="text:Link 3 URL" content="" />
  90. <meta name="text:Link 4" content="" />
  91. <meta name="text:Link 4 URL" content="" />
  92. <meta name="text:Link 5" content="" />
  93. <meta name="text:Link 5 URL" content="" />
  94. <meta name="text:Link 6" content="" />
  95. <meta name="text:Link 6 URL" content="" />
  96. <meta name="text:Twitter Username" content="" />
  97. <meta name="text:Instagram Username" content="" />
  98.  
  99. <!--END THEME OPTIONS-->
  100.  
  101. <!--JQUERY-->
  102. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
  103.  
  104. <!--TOOLTIPS-->
  105. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  106.  
  107. <!--INFINITE SCROLLING-->
  108. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  109.  
  110. <!--MASONRY-->
  111. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  112.  
  113. <!--SHYTHEMES VIDEO RESIZER-->
  114. <script src ="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  115.  
  116. <!--PIXEL UNION PHOTOSETS-->
  117. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  118. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  119.  
  120. <!--SATURNTHEMES ICONS-->
  121. <link href="https://dl.dropboxusercontent.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  122.  
  123. <!--GOOGLE FONTS-->
  124. <link href="https://fonts.googleapis.com/css?family=Jura" rel="stylesheet">
  125.  
  126. <!--CSS-->
  127. <style>
  128.  
  129. /*---BASIC---*/
  130. body {
  131.     {block:IfGradientBG}
  132.         background: linear-gradient({color:Gradient 1}, {color:Gradient 2});
  133.         background-size: cover;
  134.         background-attachment: fixed;
  135.     {/block:IfGradientBG}
  136.     {block:IfNotGradientBG}
  137.         background-color: {color:Page BG};
  138.         background-image: url({image:Page BG});
  139.         background-attachment: fixed;
  140.         background-position: center;
  141.         {block:IfFullPageBGImage}
  142.         background-size: cover;
  143.         {/block:IfFullPageBGImage}
  144.     {/block:IfNotGradientBG}
  145.     color: {color:Text};
  146.     font-family: 'Jura', sans-serif;
  147.     font-size: {select:Font Size};
  148.     overflow-x: hidden;
  149. }
  150.  
  151. b, strong {
  152.     color: {color:Bold Text};
  153. }
  154.  
  155. i, em {
  156.     color: {color:Italic Text};
  157. }
  158.  
  159. b i, i b, strong i, i strong, em b, b em, em strong, strong em {
  160.     color: {color:Bold Italic Text};
  161. }
  162.  
  163. a {
  164.     color: {color:Text};
  165.     text-decoration: underline;
  166.     transition: all 0.6s ease-in-out;
  167.     -moz-transition: all 0.6s ease-in-out;
  168.     -o-transition: all 0.6s ease-in-out;
  169.     -ms-transition: all 0.6s ease-in-out;
  170.     -webkit-transition: all 0.6s ease-in-out;
  171. }
  172.  
  173. a:hover {
  174.     text-decoration: none;
  175.     color: {color:Links Hover};
  176.     transition: all 0.6s ease-in-out;
  177.     -moz-transition: all 0.6s ease-in-out;
  178.     -o-transition: all 0.6s ease-in-out;
  179.     -ms-transition: all 0.6s ease-in-out;
  180.     -webkit-transition: all 0.6s ease-in-out;
  181. }
  182.  
  183. ::-webkit-scrollbar {
  184.     width:8px;
  185.     height:8px;
  186.     background: transparent;
  187. }
  188.  
  189. ::-webkit-scrollbar-track {
  190.     width: 2px;
  191.     height: 2px;
  192.     background: {color:Scrollbar};
  193.     border: solid 3px black;
  194. }
  195.  
  196. ::-webkit-scrollbar-thumb {
  197.     background-color: {color:Scrollbar};
  198.     width: 12px;
  199.     height: 12px;
  200.     border: solid 1px black;
  201. }
  202.  
  203. blockquote img {
  204.     max-width: 100%;
  205. }
  206.  
  207. blockquote {
  208.     padding: 0px 0px 0px 8px;
  209.     margin: 0px 0px 0px 4px;
  210.     border-left: solid 1px {color:Borders};
  211. }
  212.  
  213. blockquote h2 {
  214.     font-size: 20px;
  215. }
  216.  
  217. /** basic tooltip from tutorial-baby**/
  218. .tooltip {
  219.     display:inline;
  220.     position:relative;
  221. }
  222.  
  223. #s-m-t-tooltip{
  224.     max-width:300px; /*how big the tooltip can be at most*/
  225.     border-radius: 0px; /*change your border radius*/
  226.     padding:2px 5px; /*padding inside tooltip*/
  227.     margin:20px 7px -2px 20px; /*distance from word*/
  228.     background-color:#ffffff;/*background color*/
  229.     border:1px solid {color:Borders}; /*border info*/
  230.     font-size:12px; /*tooltip font size*/
  231.     text-transform:lowercase; /*makes the tooltip title uppercase*/
  232.     color:#000; /*tooltip font color*/
  233.     z-index:99999999999999999999;
  234. }
  235.  
  236. #sidebar {
  237.     position: fixed;
  238.     width: 320px;
  239.     top: 0px;
  240.     left: 0px;
  241.     bottom: 0px;
  242.     background-color: {color:Sidebar BG};
  243.     background-image: url('{image:Sidebar BG}');
  244.     border-right: solid 30px {color:Borders};
  245.     color: {color:Sidebar Text};
  246. }
  247.  
  248. .blog-tit {
  249.     color: {color:Blog Title};
  250.     font-size: 30px;
  251.     background: {color:Sidebar BG};
  252.     padding: 5px 0px 15px;
  253.     margin: 15px 0px 5px;
  254.     border-top: solid 1px {color:Sidebar Links};
  255.     border-bottom: solid 1px {color:Sidebar Links};
  256. }
  257.  
  258. .side-pic {
  259.     width: 280px;
  260.     height: auto;
  261.     border: solid 10px  {color:Sidebar BG};
  262. }
  263.  
  264. .desc {
  265.     width: 230px;
  266.     background: {color:Description BG};
  267.     border: solid 10px {color:Description BG};
  268.     max-height: 150px;
  269.     overflow-y: scroll;
  270.     font-size: 11px;
  271.     margin: 5px auto;
  272. }
  273.  
  274. .desc a {
  275.     color: {color:Sidebar Text};
  276. }
  277.  
  278. .icon {
  279.     width: 120px;
  280.     height: 120px;
  281.     border: solid 10px {color:Sidebar BG};
  282. }
  283.  
  284. .links {
  285.     margin: 5px;
  286. }
  287.  
  288. .links a {
  289.     background-color: {color:Sidebar Links};
  290.     color: black;
  291.     display: inline-block;
  292.     margin: 1px;
  293.     width: 90px;
  294.     font-size: 13px;
  295.     line-height: 20px;
  296.     font-weight: bold;
  297.     border: solid 1px black;
  298.     text-decoration: none;
  299. }
  300.  
  301. .links a:hover {
  302.     background-color: {color:Sidebar Links Hover};
  303. }
  304.  
  305. .srchbar {
  306.     width: 100%;
  307. }
  308.  
  309. .srch-txt {
  310.     width: 200px;
  311.     height: 30px;
  312.     line-height: 30px;
  313.     border: none;
  314.     background-color: {color:Search};
  315.     padding: 0px 10px;
  316.     border: solid 1px {color:Sidebar Links};
  317. }
  318.  
  319. .btn-hide {
  320.     height: 30px;
  321.     width: 30px;
  322.     background-color: {color:Search};
  323.     z-index: 9;
  324.     opacity: 0;
  325. }
  326.  
  327. .sub-btn {
  328.     display: inline-block;
  329.     height: 30px;
  330.     color: {color:Sidebar Links};
  331.     border: solid 1px {color:Sidebar Links};
  332.     z-index: 3;
  333.     line-height: 30px;
  334.     width: 30px;
  335.     margin-left: -32px;
  336.     background-color: {color:Search};
  337. }
  338.  
  339. #content {
  340.     margin: 80px 0px 10px 400px;
  341.     z-index: 9;
  342.     {block:PermalinkPage}width:506px!important;{/block:PermalinkPage}
  343. }
  344.  
  345. .entry {
  346.     {block:IndexPage}margin: 20px;{/block:IndexPage}
  347.     {block:PermalinkPage}margin: 10px 0px;{/block:PermalinkPage}
  348.     float: left;
  349.     {block:IndexPage}width: calc({select:PostWidth} + 6px);{/block:IndexPage}
  350.     {block:PermalinkPage}width: 506px;{/block:PermalinkPage}
  351. }
  352.  
  353. .post {
  354.     background: {color:Post BG};
  355.     border: solid 1px {color:Borders};
  356.     padding: 2px;
  357.     {block:IndexPage}width: {select:Post Width};{/block:IndexPage}
  358.     {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
  359. }
  360.  
  361. .post img {
  362.     width: 100%;
  363.     height: auto;
  364. }
  365.  
  366. .post .title {
  367.     font-size: 24px;
  368.     margin: 0px;
  369.     padding: 8px;
  370. }
  371.  
  372. .post .quo-txt {
  373.     font-size: 20px;
  374.     font-style: italic;
  375.     color: {color:Quote};
  376.     text-align: center;
  377.     padding: 15px;
  378. }
  379.  
  380. .quo-src {
  381.     font-size: {select:Font Size};
  382.     text-align: right;
  383. }
  384.  
  385. .ask-quest {
  386.     width: 100%;
  387.     margin: 0px 0px 10px;
  388. }
  389. .ask-quest .question-content {
  390.     padding: 10px;
  391.     color: {color:Ask Text};
  392.     font-size: {select:Font Size};
  393.     background-color: {color:Ask};
  394.     text-align: center;
  395. }
  396.  
  397. .ask-quest .triangle {
  398.     height: 0px;
  399.     width: 0px;
  400.     {block:IndexPage}margin-left: calc({select:Post Width} - 100px);{block:IndexPage}
  401.     {block:PermalinkPage}margin-left: 400px;{/block:PermalinkPage}
  402.     border-top: solid 10px {color:Ask};
  403.     border-left: solid 15px transparent;
  404.     border-right: solid 15px transparent;
  405. }
  406.  
  407. .asker {
  408.     text-align: right;
  409.     padding-right: 5px;
  410. }
  411.  
  412. .asker span {
  413.     margin: 0px 20px 0px auto;
  414.     padding: 0px;
  415.     display: block;
  416.     line-height: 40px;
  417.     font-size: 13px;
  418.     float: right;
  419. }
  420.  
  421. .answer {
  422.     margin: 8px;
  423.     padding: 10px;
  424. }
  425.  
  426. .answer img {
  427.     width: 100%;
  428.     height: auto;
  429. }
  430.  
  431. .answer .answererpic {
  432.     width: 30px!important;
  433.     height: 30px!important;
  434.     float: left;
  435.     margin-right: 5px;
  436.     border-radius: 50%;
  437.     border: solid 1px {color:Ask};
  438. }
  439.  
  440.  
  441. .spotify_audio_player {
  442.     height: 80px!important;
  443.     {block:IndexPage}width: {select:Post Width};{/block:IndexPage}
  444.     {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  445. }
  446.  
  447. .tumblr_audio_player {
  448.     {block:IndexPage}width: {select:Post Width};{/block:IndexPage}
  449.     {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  450. }
  451.  
  452. .cht-line {
  453.     border-top: dotted 1px {color:Text};
  454.     line-height: 20px;
  455.     padding: 0px 8px;
  456. }
  457.  
  458. .cht-line:last-child {
  459.     border-bottom: dotted 1px {color:Text};
  460. }
  461.  
  462. .text {
  463.     font-size: {select:Font Size};
  464.     text-align: justify;
  465.     padding: 8px;
  466. }
  467.  
  468. .post-info {
  469.     margin: 0px -2px -2px;
  470.     background: {color:Post Info};
  471.     padding: 10px;
  472.     color: white;
  473.     border-top: solid 1px {color:Borders};
  474. }
  475.  
  476. .post-info a {
  477.     color: white;
  478.     text-decoration: none;
  479. }
  480.  
  481. .post-inf {
  482.     height: 20px;
  483.     width: 100%;
  484.     display: block;
  485. }
  486.  
  487. .post-info .inf-left {
  488.     margin-left: 0px;
  489.     line-height: 20px;
  490.     display: block;
  491.     width: 50%;
  492.     text-align: left;
  493. }
  494.  
  495. .post-info .inf-right {
  496.     width: 50%;
  497.     margin-left: 50%;
  498.     margin-right: 0px;
  499.     line-height: 20px;
  500.     display: block;
  501.     text-align: right;
  502.     margin-top: -20px;
  503. }
  504.  
  505. .like-b {
  506.   position:relative;
  507.   display:inline-block;
  508.   height:1em;
  509.   line-height:1em;
  510.   overflow:hidden;
  511.   margin-bottom:-1px;
  512. }
  513. .like-b .like_button iframe {
  514.    position:absolute;
  515.    top:0;
  516.    left:0;
  517.    bottom:0;
  518.    right:0;
  519.    z-index:2;
  520.    opacity:0;
  521. }
  522. .like-b .liked + .b {
  523.   color:black;
  524. }
  525.  
  526. .tags {
  527.     {block:IndexPage}width: {select:Post Width};{/block:IndexPage}
  528.     {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
  529.     padding: 2px;
  530.     text-align: center;
  531.     display: block;
  532. }
  533.  
  534. .tags a {
  535.     display: inline-block;
  536.     padding: 5px;
  537.     background: {color:Tags};
  538.     color: white;
  539.     margin: 2px;
  540.     text-decoration: none;
  541. }
  542.  
  543. .tags a:hover {
  544.     background: {color:Tags Hover};
  545. }
  546.  
  547. #postnotes {
  548.     font-size: 14px;
  549.     line-height: 24px;
  550.     max-height: 350px;
  551.     text-align: center;
  552.     overflow-y: scroll;
  553. }
  554.  
  555. #postnotes ol.notes {
  556.     padding: 0px;
  557.     margin: 25px 0px;
  558.     list-style-type: none;
  559.     border-bottom: solid 1px {color:Text};
  560. }
  561.  
  562. #postnotes ol.notes li.note {
  563.     border-top: solid 1px {color:Text};
  564.     padding: 5px 0px 0px;
  565. }
  566.  
  567. #postnotes ol.notes li.note img.avatar {
  568.     display: none;
  569. }
  570.  
  571. #postnotes ol.notes li.note span.action {
  572.     font-weight: bold;
  573. }
  574.  
  575. #postnotes ol.notes li.note .answer_content {
  576.     font-weight: normal;
  577. }
  578.  
  579. /*---CREDIT---*/
  580. #th-cred {
  581.     position: fixed;
  582.     bottom: 10px;
  583.     right: 15px;
  584.     color: black;
  585.     font-weight: 600;
  586.     font-size: 36px;
  587.     z-index: 99999999999999;
  588.     display: block;
  589.     text-decoration: none;
  590. }
  591.  
  592. #th-cred:hover {
  593.     color: white;
  594. }
  595.  
  596. {block:IndexPage}
  597. .entry {
  598.    opacity:0;
  599.    z-index:-1;
  600. }
  601. {/block:IndexPage}
  602.  
  603. .pagi {
  604.     visibility: hidden;
  605. }
  606.  
  607. </style>
  608. <!--END CSS-->
  609. </head>
  610. <body>
  611.  
  612. <div id="sidebar" align="center">
  613.     <h1 class="blog-tit">{Title}</h1>
  614.     {block:IfCustomSidebarImage}<img src="{image:Sidebar}" class="side-pic" />{/block:IfCustomSidebarImage}
  615.     {block:IfNotCustomSidebarImage}<img src="{PortraitURL-128}" class="icon" />{/block:IfNotCustomSidebarImage}
  616.     <div class="desc">{Description}</div>
  617.     <div class="links">
  618.         <a href="/">Home</a>
  619.         <a href="/archive">Past</a>
  620.         {block:IfShowAskLink}{block:AskEnabled}<a href="/ask">Message</a>{/block:AskEnabled}{/block:IfShowAskLink}
  621.         {block:IfShowSubmitLink}{block:SubmissionsEnabled}<a href="/submit">Submit</a>{/block:SubmissionsEnabled}{/block:IfShowSubmitLink}
  622.         {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  623.         {block:IfLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:IfLink1}
  624.         {block:IfLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:IfLink2}
  625.         {block:IfLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:IfLink3}
  626.         {block:IfLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:IfLink4}
  627.         {block:IfLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:IfLink5}
  628.         {block:IfLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:IfLink6}
  629.         {block:IfTwitterLink}<a href="http://twitter.com/{text:Twitter Username}">Twitter</a>{/block:IfTwitterLink}
  630.         {block:IfInstagramLink}<a href="http://instagram.com/{text:Instagram Username}">Instagram</a>{/block:IfInstagramLink}
  631.     </div>
  632.     <div class="srchbar">
  633.         <form action="/search" method="get">
  634.             <input type="text" class="srch-txt" name="q" value="{SearchQuery}"/>
  635.             <input type="submit" class="btn-hide" value="  " />
  636.             <div class="sub-btn"><span class="sf sf-search-o"></span></div>
  637.         </form>
  638.     </div>
  639. </div>
  640.  
  641.  
  642. <!--POSTS-->
  643. <div id="content">
  644.     {block:Posts inlineMediaWidth="250"}
  645.     <div class="entry">
  646.     <div class="post">
  647.    
  648.     {block:Text}
  649.         {block:Title}<h4 class="title">{Title}</h4>{/block:Title}
  650.         <article class="text">{Body}</article>
  651.         {block:More}<a href="{Permalink}" align="center">read more</a>{/block:More}
  652.     {/block:Text}
  653.    
  654.     {block:Photo}
  655.         <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  656.         {block:IfShowCaptions}{block:Caption}<article class="text">{Caption}</article>{/block:Caption}{/block:IfShowCaptions}
  657.     {/block:Photo}
  658.    
  659.     {block:Photoset}
  660.         <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>
  661.         {block:IfShowCaptions}{block:Caption}<article class="text">{Caption}</article>{/block:Caption}{/block:IfShowCaptions}
  662.     {/block:Photoset}
  663.    
  664.     {block:Quote}
  665.         <div class="quo-txt">{Quote}</div>
  666.         <div class="quo-src">{Source}</div>
  667.     {/block:Quote}
  668.    
  669.     {block:Link}
  670.         <h4 class="title"><a href="{URL}">{Name}</a></h4>
  671.         {block:Description}<article class="text">{Description}</article>{/block:Description}
  672.     {/block:Link}
  673.    
  674.     {block:Chat}
  675.         {block:Title}<h4 class="title">{Title}</h4>{/block:Title}
  676.         {block:Lines}<article class="cht-line">{block:Label}<strong>{Label} </strong>{/block:Label}{Line}</article>{/block:Lines}
  677.     {/block:Chat}
  678.    
  679.     {block:Audio}
  680.         {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  681.         {block:IfShowCaptions}{block:Caption}<article class="text">{Caption}</article>{/block:Caption}{/block:IfShowCaptions}
  682.     {/block:Audio}
  683.    
  684.     {block:Video}
  685.         <div class="video">{Video-500}</div>
  686.         {block:IfShowCaptions}{block:Caption}<article class="text">{Caption}</article>{/block:Caption}{/block:IfShowCaptions}
  687.     {/block:Video}
  688.    
  689.     {block:Answer}
  690.         <div class="ask-quest">
  691.             <div class="question-content">{Question}</div><div class="triangle"></div>
  692.         </div>
  693.         <div class="asker">{Asker}</div>
  694.         {block:Answerer}
  695.             <div class="answer"><strong>{Answerer} replied:</strong><br>{Answer}{block:More}<p><a href="{Permalink}" align="center">read more</a></p>{/block:More}</div>
  696.         {/block:Answerer}
  697.         {block:NotReblog}<div class="answer">{Answer}{block:More}<p><a href="{Permalink}" align="center">read more</a></p>{/block:More}</div>{/block:NotReblog}
  698.         {block:RebloggedFrom}<div class="text">{Replies}</div>{/block:RebloggedFrom}
  699.     {/block:Answer}
  700.    
  701.     <div class="post-info">
  702.         <div class="inf">
  703.             <div class="inf-left">
  704.                 <a href="{Permalink}" title="posted {TimeAgo}"><span class="sf sf-clock-3-o"></span></a>
  705.                 <a href="{Permalink}#postnotes" title="{NoteCountWithLabel}"><span class="sf sf-graph-2-o"></span></a>
  706.                 <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><span class="sf sf-user-o"></span></a>
  707.             </div>
  708.             <div class="inf-right">
  709.                 <a href="{ReblogURL}" title="reblog"><span class="sf sf-reblog-o"></span></a>
  710.                 <a class="like-b" title="like" href="#">{LikeButton}<span class="b sf sf-heart-2-o"></span></a>
  711.         </div>
  712.         </div>
  713.     </div>
  714.     </div>
  715.     {block:IfShowTags}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}
  716.    
  717.     </div>
  718.     {/block:Posts}
  719.     {block:PermalinkPage}
  720.         {block:PostNotes}
  721.         <div class="post" id="postnotes">
  722.             {PostNotes}
  723.         </div>
  724.         {/block:PostNotes}
  725.     {/block:PermalinkPage}
  726. </div>
  727. <!--END POSTS-->
  728.  
  729. {block:Pagination}<div class="pagi">
  730. {block:PreviousPage}<a href="{PreviousPage}" class="prev">Back</a>{/block:PreviousPage}
  731. {block:NextPage}<a href="{NextPage}" class="next">Next</a>{/block:NextPage}
  732. </div>{/block:Pagination}
  733.  
  734. <!--SCRIPTS-->
  735. <script>
  736. $(document).ready(function(){
  737.    $('.photo-slideshow').pxuPhotoset({
  738.        lightbox: true,
  739.        rounded: false,
  740.        gutter: '2px',
  741.        photoset: '.photo-slideshow',
  742.        photoWrap: '.photo-data',
  743.        photo: '.pxu-photo'
  744.    });
  745.    $("[title],a[title],img[title]").style_my_tooltips({
  746.         tip_follows_cursor:true,
  747.         tip_delay_time:90,
  748.         tip_fade_speed:600,
  749.         attribute:"title"
  750.     });
  751.     var color = '#000'; // color of play button (hex)
  752.    $('.soundcloud_audio_player').each(function(){
  753.        $(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: 116, width: '100%' });
  754.    });
  755.    {block:IndexPage}
  756.    var $container = $('#content');
  757.    $container.masonry({ itemSelector: '.entry' });
  758.    $container.imagesLoaded(function(){
  759.        $container.masonry();
  760.        $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
  761.    });
  762.    $container.infinitescroll({
  763.        itemSelector: '.entry',
  764.        navSelector: '.pagi',
  765.        nextSelector: '.next',
  766.        loadingImg: '',
  767.        loadingText: '<em></em>',
  768.        bufferPx: 2000
  769.    },
  770.    function( newElements ) {
  771.        var $newElems = $( newElements );
  772.        $newElems.find('.photo-slideshow').pxuPhotoset({
  773.            lightbox: true,
  774.            rounded: false,
  775.            gutter: '2px',
  776.            photoset: '.photo-slideshow',
  777.            photoWrap: '.photo-data',
  778.            photo: '.pxu-photo'
  779.        },
  780.        function(){
  781.            $container.masonry();
  782.        });
  783.        $newElems.imagesLoaded(function(){
  784.            $container.masonry( 'appended', $newElems );
  785.            $newElems.animate({ opacity: 1, zIndex: 1 });
  786.        });
  787.        $newElems.resizeVideos();
  788.        $newElems.load(function(){
  789.            $("[title],a[title],img[title]").style_my_tooltips({
  790.                 tip_follows_cursor:true,
  791.                 tip_delay_time:90,
  792.                 tip_fade_speed:600,
  793.                 attribute:"title"
  794.             });
  795.             var color = '#000'; // color of play button (hex)
  796.            $('.soundcloud_audio_player').each(function(){
  797.                $(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: 116, width: '100%' });
  798.            });
  799.        });
  800.    });
  801.    {/block:IndexPage}
  802. });
  803. </script>
  804.  
  805. <!--END SCRIPTS-->
  806.  
  807.  
  808. {block:ContentSource}
  809. <!– {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  810. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  811. {/block:SourceLogo}
  812. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} –>
  813. {/block:ContentSource}
  814.  
  815. <a id="th-cred">&#169;</a>
  816.  
  817. </body>
  818. </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!