API tools faq
paste
toashes

pixie resources - theme 01

toashes
May 20th, 2018
326
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.21 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--
  3.  
  4. Another beautiful Tumblr Theme by pixieresources.
  5.  
  6. Get this theme https://pixieresources.tumblr.com
  7.  
  8. flutter by - pixieresources
  9.  
  10. -->
  11. <html lang="en">
  12. <head>
  13. <meta charset="utf-8">
  14.  
  15. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  16.  
  17. <meta name="apple-mobile-web-app-capable" content="yes">
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. <meta name="description" content="{MetaDescription}">
  22.  
  23.  
  24. <meta name="color:Blog Background" content="#ffffff"/>
  25. <meta name="color:Theme Highlight Color" content="#ccc"/>
  26. <meta name="color:Title Text Color" content="#444444"/>
  27. <meta name="color:Menu Icon Color" content="#cccccc"/>
  28. <meta name="color:Menu Background" content="#ffffff"/>
  29. <meta name="color:Description Text Color" content="#444444"/>
  30. <meta name="color:Menu Links" content="#444444"/>
  31. <meta name="color:Post Background" content="#ffffff"/>
  32. <meta name="color:Text" content="#444444"/>
  33. <meta name="color:Social Icons Color" content="#cccccc"/>
  34. <meta name="color:Social Icons Color Hover" content="#444444"/>
  35. <meta name="color:Links" content="#444444"/>
  36. <meta name="color:Links Hover" content="#cccccc"/>
  37. <meta name="color:Links Underline" content="#cccccc"/>
  38. <meta name="color:Border Color" content="#ebebeb"/>
  39. <meta name="color:Header Background Color" content="#ebebeb"/>
  40.  
  41. <meta name="select:Font" content="open sans" title="Open Sans">
  42. <meta name="select:Font" content="helvetica neue" title="Helvetica Neue">
  43. <meta name="select:Font" content="source sans" title="Source Sans">
  44.  
  45. <meta name="select:Font Title" content="open sans" title="Open Sans">
  46. <meta name="select:Font Title" content="source sans" title="Source Sans">
  47. <meta name="select:Font Title" content="neuton" title="Neuton">
  48. <meta name="select:Font Title" content="montserrat" title="Montserrat">
  49.  
  50.  
  51.  
  52. <meta name="select:Font Description" content="open sans" title="Open Sans">
  53. <meta name="select:Font Description" content="neuton" title="Neuton">
  54. <meta name="select:Font Description" content="helvetica neue" title="Helvetica Neue">
  55. <meta name="select:Font Description" content="source sans" title="Source Sans">
  56.  
  57. <meta name="text:Font Size" content="12">
  58. <meta name="text:Font Size Title" content="16">
  59. <meta name="text:Font Size Description" content="12">
  60. <meta name="text:Font Size Menu" content="12">
  61.  
  62. <meta name="image:Background" content="">
  63.  
  64. <meta name="if:Infinite Scroll" content="1" />
  65. <meta name="if:Show Instagram Feed" content="0" />
  66. <meta name="if:Show Title" content="1" />
  67. <meta name="if:Show Portrait" content="1" />
  68. <meta name="if:Show Description" content="1" />
  69. <meta name="if:Show Theme Credit" content="1" />
  70. <meta name="if:Show Archive Link" content="0" />
  71. <meta name="if:Show Random Link" content="0" />
  72. <meta name="if:Show RSS Link" content="0" />
  73. <meta name="if:Show Search" content="0" />
  74. <meta name="if:Show Captions" content="0" />
  75. <meta name="if:Show Tags" content="0" />
  76.  
  77. <meta name="image:Background" content="">
  78.  
  79. <meta name="text:Instagram ID" content="">
  80.  
  81. <meta name="text:Instagram Url" content="" />
  82. <meta name="text:Facebook Url" content="" />
  83. <meta name="text:Flickr Url" content="" />
  84. <meta name="text:Pinterest Url" content="" />
  85. <meta name="text:Spotify Url" content="" />
  86. <meta name="text:Soundcloud Url" content="" />
  87. <meta name="text:Twitter Url" content="" />
  88. <meta name="text:Vk Url" content="" />
  89. <meta name="text:Youtube Url" content="" />
  90.  
  91. <meta name="text:Link 1 Url" content="" />
  92. <meta name="text:Link 1 Text" content="" />
  93. <meta name="text:Link 2 Url" content="" />
  94. <meta name="text:Link 2 Text" content="" />
  95. <meta name="text:Link 3 Url" content="" />
  96. <meta name="text:Link 3 Text" content="" />
  97. <meta name="text:Link 4 Url" content="" />
  98. <meta name="text:Link 4 Text" content="" />
  99. <meta name="text:Link 5 Url" content="" />
  100. <meta name="text:Link 5 Text" content="" />
  101.  
  102. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  103.  
  104. <style>
  105.  
  106. *{ box-sizing: border-box;}.rounded_2{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px;}.clear{ clear: both;}.no__select { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}body{ font-family: "{select:Font}","Helvetica Neue",Arial,sans-serif; height: 100%; margin: 0; font-size: {text:Font Size}px; color: {color:Text}; background-color: {color:Blog Background}; background-image: url({image:Background}); }/* header */header{ width: 100%; height: 80px; text-align: center;}header .bar{ width:1120px; height:80px; margin: 0 auto; border-width:0 0 1px 0; border-color:#dadada; border-style:solid; position:fixed; top:0; left:50%; margin: 0 0 0 -560px; z-index:5; background-color: {color:Blog Background}; opacity:0.97; padding: 0 20px 0 0;} header .bar .left{ position:absolute; top:50%; left:20px; width:50%; margin: 0 0 0 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left;}header .bar .title__link{ position: relative; font-family: "{select: Font Title}","Helvetica Neue",Arial,sans-serif; font-size: {text:Font Size Title}px; font-weight: 700; line-height: calc({text:Font Size Title}px); letter-spacing: 2px; text-transform: uppercase; text-decoration: none; display:block; text-align:left; margin: 3px 0 0 0; color: {color:Title Text Color}; }/* nav */header nav{ position:absolute; right:20px;}.menu--portrait { margin: 0 15px 0 0; width: 34px; height:34px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; display: block; float:left;}.menu--search{ display: inline-block; text-align: center; padding:0;}.menu--search .input{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -khtml-border-radius: 2px; border-style:solid; border-color:{color:Border Color}; border-width:1px; line-height:20px; outline: none; font-size: {text:Font Size}px; font-family: "{select:Font}","Helvetica Neue",Arial,sans-serif; padding:0 5px; width:120px;}.menu--social { display:block; float:right; margin: 0 0 0 20px;} .menu--social i { color:{color:Social Icons Color}; transition: 0.3s ease; line-height:80px; display: inline-block; margin: 1px 0 0 0; font-size:20px; } .menu--social i:last-of-type { } .menu--social i:hover { color:{color:Social Icons Color Hover}; } .menu--social a{ display:inline-block;}.menu--description{ font-size: {text:Font Size Description}px; color: {color:Description Text Color}; font-family: "{select:Font Description}","Helvetica Neue",Arial,sans-serif;}.menu--description a{ color: {color:Menu Links}; text-decoration: none; border-width: 0 0 1px 0; border-style: solid; border-color: {color:Description Text Color};}.menu--link { transition: 0.3s ease; font-size: {text:Font Size Menu}px; color: {color:Menu Links}; line-height:80px; text-align: center; display: inline-block; margin: 0 0 0 20px; text-decoration: none;}.menu--link:hover { font-weight:bold;}/* main */main{ display: block; overflow: hidden; {block:IndexPage} width: 1120px; {/block:IndexPage} {block:PermalinkPage} width: 500px; {/block:PermalinkPage} height: 100%; margin: 40px auto 0 auto; padding: 0 40px 0 0;}.container{ {block:IndexPage} width: 1160px; {/block:IndexPage} {block:PermalinkPage} width: 500px; {/block:PermalinkPage} margin: 0; position:relative;}/* thumbnail */article{ position: relative; background-color:{color:Post Background}; display: block; {block:IndexPage} float: left; margin: 0 0 20px 0; {/block:IndexPage} overflow: hidden; {block:IndexPage} width: 250px; {/block:IndexPage} {block:PermalinkPage} width: 500px; margin:0 auto; {/block:PermalinkPage} color: {color:Text};}article img{ display: block; padding: 0; margin: 0; width: 100%;}article section{ width: 100%; height: 35px; padding: 10px 10px 0 10px; opacity:0.4; transition: .3s ease;}article:hover section{ opacity: 1;}.title,.title:visited{ {block:IndexPage} font-size: 16px; {/block:IndexPage} {block:PermalinkPage} font-size: 20px; {/block:PermalinkPage} display: block; text-align: center; text-decoration: none; color: {color:Text};}.title:hover{ color: {color:Links Hover};}.photoset { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px; display:block;}.body--text{ {block:IndexPage} font-size: {text:Font Size}px; line-height: 19px; {/block:IndexPage} {block:PermalinkPage} font-size: 16px; line-height: 26px; {/block:PermalinkPage} display: block; text-align: justify; word-break: normal; hyphens: auto;}.body--text a{ text-decoration: none; color: {color:Text}; border-width: 0 0 1px 0; border-style: solid; border-color: {color:Links Underline};}.body--text a:hover{ color: {color:Links Hover};}.body--text img{ display: block; width: 100%; height: auto; margin: 0; padding: 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px;}article blockquote { text-indent:0; margin:0; padding: 0;}.body--tags { display:block;}.body--tags a { {block:IndexPage} font-size: 9px; line-height: 10px; padding: 4px; {/block:IndexPage} {block:PermalinkPage} font-size: 14px; line-height: 16px; padding: 8px; {/block:PermalinkPage} background-color: {color:Theme Highlight Color}; display: inline-block; text-decoration: none; color: #fff; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px; margin:0;} .quote--container { display:block; width:100%; } .quote--text { font-size: 30px; font-family: {select: Font Title}; float:left; border-color:{color:Theme Highlight Color}; border-width: 0; border-style: solid; padding: 0 8px; line-height: 45px; font-weight: 700; width:100%; text-align: center; } .quote--container .source { font-size: 13px; color: #ccc; line-height: 30px; display: block; text-align: center; font-style: italic; width:100%; } article .link a { font-size: {text:Font Size}px; line-height:20px; color:{color:Links}; text-decoration: none; border-width: 0 0 2px 0; border-style: solid; border-color: {color:Links Underline}; border-spacing: 3px; } article .video, .youtube_iframe { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px; display:block; } article .audio { display: block; } article:hover .date{ opacity: 1;}article:hover section{ opacity: 1;}article .date{ font-size: 11px; font-weight: 700; font-family: "{select: Font Title}","Helvetica Neue",Arial,sans-serif; display: block; float: left; transition:.3s; {block:IndexPage} opacity: 0; {/block:IndexPage} text-decoration: none; margin:3px 0 0 0; color: #ccc;}article section .like{ position: absolute; bottom: 8px; right: 10px;}article section .reblog{ position: absolute; bottom: 10px; right: 33px;}article section .source{ position:absolute; bottom: 11px; right: 57px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAmCAYAAABH/4KQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAwdJREFUeNrEmF2IDWEYx+fMjlaSXMiuEGqxPuLihAss5cLFYtdXRLlQcqPds1vChVCuRA5rL5Y7caHItim0tR+40hwlF9psidwoUsou7XL8n3qmpmme92NmdvapX53mnXnnd9553/d5Zgq+7zvTGcVi0alUKivx8w7YDD6Dszj+oDDdcojVYBDMDx37BzZ5Gd9oK9gJaCRmgW/gDXjMIxInNhARo3DBwazk6HF0g/UxbcfANXAfdILvfHwVi9UJff5xMxA7DoYFsSBqWLICVrDYoEJsDNxNO3InQA8oGJ6/BAzx+ZLYOGjFghj1chQLYoGijcRaINYfTLw8xRxTsaRyOrF3YAuP0Ema2EnEKLyMxd6CHaEVeZvv0a3ptxQVsx05WzGKRnDeoO9LyBINSeWSiC3n7aLeoH86pw+CM23lkohRdBmKOaFNuWQjl1SMYoNi8v8W2k5h9AomcmnEKD5Iq5I2WTAZ074QrNXJpRWjOM0yQfwCewCtyueca+OiUbWVtGYgRvESrAH7QRU8BJ9C7V+E62olublc9KUVC+IjuCoI7BOu+So9VtrR52Uk5ihG5hGvzmj8Bb4kdyAnsWah/RkyxY84OVeoySbArhzEqDS/KOXW2WBGzEUjkcm7CLSBxeAFz9HJlGIUFzBqviQ3zvbRR70UzAE/eZmHU9JhrkCOphQrQ+yyKrdO8ChFg0b0Hlgn5MojoCGlWEdcQ3SU+oQOdvNblJQr67IWi5O7pch7NcLx4PXPVuwG6FBN1KgcTfxzlqX1oUiaMhUr6TqPy61lLnd0McZbzMBUiKkSf49B7U/L/pWl2E1TMSnxB58IajXXNnGFUeZc3Mlv/iqxdptd2zP4qKITbDI4z1os+lhtxUyjK4lYWE4nRquxN6FYW9J/5XI+faIRa+H667pF31fSiAVyG8EyjVg/V7M06feCUUWfI5xRzqSdD55iywiLhaOX0xx9KNzGhUGVS/AhLs+rWUxWj7+ZveYR1ImFa69hZsrC5X/ZzHXZe/AUbFeI5Rb/BRgAjrDWjDbfmekAAAAASUVORK5CYII='); width: 12px; height: 11px; display:block; background-size: 100%; } article .chat .title { padding: 10px; } article .chat a { text-decoration:none; font-size:14px; color:{color:Links}; text-align:center; } article .chat p:nth-child(even) { width:calc(100% - 10px); display:block; background-color:#e5e5ea; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px; padding:10px; margin: 0 0 10px 0; } article .chat p:nth-child(odd) { background-color:#259afc; width:calc(100% - 10px); display:block; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px; padding:10px; text-align:right; color:#fff; margin: 0 0 10px 10px; } article .chat .label { font-weight: 700; font-size:9px; display:block; } article .question { width:100%; display:block; } article .asker-avatar { float:left; width:30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; margin:0; padding:0; } article a.asker { float:left; line-height: 30px; display:block; width: calc(100% - 40px); margin: 0 0 0 10px; text-decoration: none; color:{color:Links}; } article .asker-arrow { margin:7px 0 0 9px; width: 0; height: 0; border-style: solid; border-width: 0 5px 8.7px 5px; border-color: transparent transparent #f3f3f3 transparent; -webkit-transform:rotate(360deg) } article .asker-question { width:100%; display:block; background-color:#f3f3f3; padding: 10px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px; font-size:12px; color:#444; } article .answerer-avatar { float:left; width:30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; margin:0; padding:0; } article a.answerer { float:left; line-height: 30px; display:block; width: calc(100% - 40px); margin: 0 0 0 10px; text-decoration: none; color:{color:Links}; } article .answerer-answer { width:100%; display:block; margin: 10px 0; color:{color:Text}; padding: 0 10px; } ol.notes { float:left; width:588px; background-color:#fff; padding: 0 15px 0 0; margin: 0px 0 0 0; list-style-type: none; border: solid 0px #ccc; display:block; } ol.notes li.note { border-top: solid 0px #ccc; padding: 0 0 0 0; line-height:25px; } ol.notes li.note img.avatar { position:relative;display:block; float:left; margin:4px 10px 0 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; } ol.notes li.note span.action { line-height:25px; font-size:11px; text-decoration: none;display:inline-block; color:#444; font-weight:400;width:calc(100% - 50px); } ol.notes a { font-weight: 700; line-height:25px; font-size:11px; text-decoration: none; color:#444; font-weight:400; font-style:italic; } ol.notes li.note .answer_content { font-weight: normal; line-height:25px; font-size:12px; } ol.notes li.note blockquote { border-color: #eee; padding: 4px 10px; margin: 10px 0px 0px 25px; } ol.notes li.note blockquote a { text-decoration: none; } .more_notes_link_container{ clear:both; display:block; width:100%; text-align:center; } .more_notes_link { color:#444; text-decoration: none; } .pagination { margin: 20px auto; text-align: center; {block:ifInfiniteScroll} display:none; {/block:ifInfiniteScroll} } .pagination a { background-color:{color:Post Background}; padding: 10px; text-decoration: none; color:{color:Links}; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px; } .instagram__feed { position:absolute; top:0; left:0; width: 250px; height:430px; margin: 0 0 50px 0; display:block; background-color:{color:Post Background}; } .instagram__feed .header { background-color:#3f729b; margin: 0 0 10px 0; width:100%; height:40px; display:block; -webkit-border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; -khtml-border-radius: 7px 7px 0 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAAAWCAMAAACynuG2AAAAolBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8ELnaCAAAANXRSTlMADvvs6AVCFPfz1qvZ0sOypp80GN26k0ghHxsH8OPGvnMtA7WahX9cOiYLkG5kPlR4T0vMi/YeGxMAAAJRSURBVDjLrZKJbuJAEESLsfF9Y5vDGLzmClcISer/f227teyZlRIknsSIHnWXq0sD4JBYYYN/ObSLCe5nMLfI6cdr0sH9RAbz/6jNyBHu5ioWPno7UrCiNxf3ERAg/4po5OK0iskoSIaYDX7e/rDqOL/rj9DSiA4IaiAtTwB2nicKUxLCmnxPOwBbcp0dUZAY7W91eOyxXgyfgg5FXA9+qfWg0UnuNTC/AZ5oDkBHK6e0YEzmPokLSUNHa20fImGxIpGRF01IttRbpiOeKn7DniwAPKtmYzgRxQUQ84xCZb1gY/iMiK9wtF5xY/uta3tyIWRdL2o987CFrQEuWPfqzRrKUQLfRM2VFtnBx1Dce0RDA6nnqua9r/1tnN8eVDOVTYcspSRnKMqawUy82T12DFUtEdlIpz0cjdSx2IxuaqnMbIy9PYlhRQOXb9LWY4D5Bhux9K62zszV5RJjUZREA3CHK0OpZXtXRhByLv2cdH+qHcha9xE7AAKeAlraGqpkJX4ijXJVRRClVOoSYrAFEvnOCyk/B+ebmrjmqx4XM34CllLZxEQNo2Ugg9SIfI7Uoq2duqTmKNoX+bPjBRaECY16cwGbPI9oiViHnK3nhMyqZch6tWCSRS3HECrWWcxFFh9ZpxTnA9/SEJMK0JiXYieGLBVvMZN3tbxKxql3gptqYJXZIfeysT2H0oTmRerIRW66a7AF3L0EYFsuhFpe2RfYG9pDfMrLDl/A4WbJAx7DnhlK9ngMrQFo4TG43KIRe4+h4du04gQPoniLSwef8B3K/VJzL6lbhgAAAABJRU5ErkJggg=='); background-position: center 11px; background-repeat:no-repeat; } .instagram__feed li:nth-child(odd) { float:left; display:block; margin: 0 10px 0 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px; } .instagram__feed li:nth-child(even) { float:left; display:block; margin: 0 0 0 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px; } .instagram__feed .feed { width: 250px; display:block; } footer{ position:relative; width:100%; text-align:center;}footer a{ font-size:8px; text-decoration:none; color:#fff; opacity:0.1;}
  107.  
  108. {CustomCSS}
  109.  
  110. </style>
  111.  
  112. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700|Neuton:400italic|Open+Sans:400,400italic' rel='stylesheet' type='text/css'>
  113.  
  114. <script src="http://ajax.googleapis.org/ajax/libs/jquery/1.7/jquery.min.js"></script>
  115. <script type="text/javascript">
  116.  
  117. var _gaq = _gaq || [];
  118. _gaq.push(['_setAccount', 'UA-1419534-14']);
  119. _gaq.push(['_trackPageview']);
  120.  
  121. (function() {
  122. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  123. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  124. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  125. })();
  126.  
  127. </script>
  128.  
  129.  
  130. </head>
  131. <body>
  132.  
  133. <header class="no__select">
  134.  
  135. <section class="bar">
  136. <section class="left">
  137. {block:ifShowPortrait}
  138. <img src="{PortraitURL-128}" class="menu--portrait">
  139. {/block:ifShowPortrait}
  140.  
  141. {block:ifShowTitle}
  142. <a href="/" class="title__link">{title}</a>
  143. {block:ifShowTitle}
  144. {block:ifShowDescription}
  145. <div class="menu--description">{Description}</div>
  146. {/block:ifShowDescription}
  147.  
  148. </section>
  149.  
  150. <nav>
  151.  
  152. {block:ifShowSearch}
  153. <section class="menu--search">
  154. <form action="/search" method="get">
  155. <input class="input" type="text" name="q" value="{SearchQuery}"/>
  156. </form>
  157. </section>
  158. {/block:ifShowSearch}
  159.  
  160. <a href="/" class="menu--link">Home</a>
  161. {block:ifShowThemeCredit}
  162. <a href="http://www.themesltd.com/tumblr/tumblr-themes" title="Tumblr Themes" class="menu--link" target="_blank">Theme</a>
  163. {/block:ifShowThemeCredit}
  164.  
  165. {block:ifLink1Url}
  166. <a href="{text:Link 1 Url}" class="menu--link">{text:Link 1 text}</a>
  167. {/block:ifLink1Url}
  168. {block:ifLink2Url}
  169. <a href="{text:Link 2 Url}" class="menu--link">{text:Link 2 text}</a>
  170. {/block:ifLink2Url}
  171. {block:ifLink3Url}
  172. <a href="{text:Link 3 Url}" class="menu--link">{text:Link 3 text}</a>
  173. {/block:ifLink3Url}
  174. {block:ifLink4Url}
  175. <a href="{text:Link 4 Url}" class="menu--link">{text:Link 4 text}</a>
  176. {/block:ifLink4Url}
  177. {block:ifLink5Url}
  178. <a href="{text:Link 5 Url}" class="menu--link">{text:Link 5 text}</a>
  179. {/block:ifLink5Url}
  180.  
  181.  
  182. {block:ifShowArchiveLink}
  183. <a href="/archive" class="menu--link">Archive</a>
  184. {/block:ifShowArchiveLink}
  185. {block:AskEnabled}
  186. <a href="/ask" class="menu--link">{AskLabel}</a>
  187. {/block:AskEnabled}
  188. {block:SubmissionsEnabled}
  189. <a href="/submit" class="menu--link">Submit</a>
  190. {/block:SubmissionsEnabled}
  191. {block:ifShowRandomlink}
  192. <a href="/random" class="menu--link">Random</a>
  193. {/block:ifShowRandomlink}
  194. {block:ifShowRSSLink}
  195. <a href="/rss" class="menu--link">RSS</a>
  196. {/block:ifShowRSSLink}
  197.  
  198. <div class="menu--social">
  199. {block:ifInstagramUrl}
  200. <a href="{text:Instagram Url}" target="_blank"><i class="fa fa-instagram fa-2x" aria-hidden="true"></i></a>
  201. {/block:ifInstagramUrl}
  202.  
  203. {block:ifFacebookUrl}
  204. <a href="{text:Facebook Url}" target="_blank"><i class="fa fa-facebook-official fa-2x" aria-hidden="true"></i></a>
  205. {/block:ifFacebookUrl}
  206.  
  207. {block:ifTwitterUrl}
  208. <a href="{text:Twitter Url}" target="_blank"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i></a>
  209. {/block:ifTwitterUrl}
  210.  
  211. {block:ifPinterestUrl}
  212. <a href="{text:Pinterest Url}" target="_blank"><i class="fa fa-pinterest-square fa-2x" aria-hidden="true"></i></a>
  213. {/block:ifPinterestUrl}
  214.  
  215. {block:ifYouTubeUrl}
  216. <a href="{text:YouTube Url}" target="_blank"><i class="fa fa-youtube-play fa-2x" aria-hidden="true"></i></a>
  217. {/block:ifYouTubeUrl}
  218.  
  219. {block:ifFlickrUrl}
  220. <a href="{text:Flickr Url}" target="_blank"><i class="fa fa-flickr fa-2x" aria-hidden="true"></i></a>
  221. {/block:ifFlickrUrl}
  222.  
  223. {block:ifVkUrl}
  224. <a href="{text:VK Url}" target="_blank"><i class="fa fa-vk fa-2x" aria-hidden="true"></i></a>
  225. {/block:ifVkUrl}
  226.  
  227. {block:ifSpotifyUrl}
  228. <a href="{text:Spotify Url}" target="_blank"><i class="fa fa-spotify fa-2x" aria-hidden="true"></i></a>
  229. {/block:ifSpotifyUrl}
  230.  
  231. {block:ifSoundcloudUrl}
  232. <a href="{text:Soundcloud Url}" target="_blank"><i class="fa fa-soundcloud fa-2x" aria-hidden="true"></i></a>
  233. {/block:ifSoundcloudUrl}
  234.  
  235. </div>
  236.  
  237.  
  238.  
  239.  
  240. </nav>
  241.  
  242. </section>
  243. </header>
  244.  
  245. <main>
  246.  
  247. <section class="container" id="content">
  248.  
  249. {block:SearchPage}<div id="post-info"><h3>Search results for “{SearchQuery}”</h3>{block:NoSearchResults}<p>Nothing here...</p>{/block:NoSearchResults}</div>{/block:SearchPage}{block:TagPage}<div id="post-info"><h3>Posts tagged with “{Tag}”</h3></div>{/block:TagPage}
  250.  
  251. {block:IndexPage}
  252. {block:ifInstagramID}
  253. <div class="instagram__feed">
  254. <div class="header"></div>
  255. <div class="feed" id="instagram__feed"></div>
  256. </div>
  257. {/block:ifInstagramID}
  258. {/block:IndexPage}
  259.  
  260.  
  261. {block:Posts}
  262.  
  263. <article id="post">
  264.  
  265. {block:Text}
  266. {block:Title}
  267. <a href="{Permalink}" class="title">
  268. {Title}
  269. </a>
  270. {/block:Title}
  271. <span class="body--text">
  272. {Body}
  273. </span>
  274. {/block:Text}
  275.  
  276.  
  277. {block:Photo}
  278.  
  279. {block:IndexPage}
  280. <a href="{Permalink}">
  281. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="{PhotoWidth-250}" height="{PhotoHeight-250}" class="rounded_2">
  282. </a>
  283. {/block:IndexPage}
  284.  
  285. {block:PermalinkPage}
  286. <img src="{PhotoURL-500}" alt="{PhotoAlt}" class="rounded_2">
  287. {/block:PermalinkPage}
  288.  
  289. {/block:Photo}
  290.  
  291.  
  292. {block:Panorama}
  293. <li class="post panorama">
  294. {LinkOpenTag}
  295. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  296. {LinkCloseTag}
  297. </li>
  298. {/block:Panorama}
  299.  
  300.  
  301. {block:Photoset}
  302. <span class="photoset--holder">
  303. {block:IndexPage}
  304. {Photoset-250}
  305. {/block:IndexPage}
  306.  
  307. {block:PermalinkPage}
  308. {Photoset}
  309. {/block:PermalinkPage}
  310.  
  311. </span>
  312. {/block:Photoset}
  313.  
  314.  
  315. {block:Quote}
  316. <div class="quote--container">
  317. <div class="quote--text">
  318. {Quote}
  319. </div>
  320. {block:Source}
  321. <div class="source">{Source}</div>
  322. {/block:Source}
  323. </div>
  324. {/block:Quote}
  325.  
  326.  
  327. {block:Link}
  328. <div class="link">
  329. <a href="{URL}" class="link" {Target}>{Name}</a>
  330.  
  331. {block:Description}
  332. <div class="description">{Description}</div>
  333. {/block:Description}
  334. </div>
  335. {/block:Link}
  336.  
  337.  
  338. {block:Answer}
  339. <div class="question">
  340. <img class="asker-avatar" src="{AskerPortraitURL-30}" alt="">
  341. <div class="asker">{Asker}</div>
  342. <div class="clear"></div>
  343. <div class="asker-arrow"></div>
  344. <div class="asker-question">{Question}</div>
  345.  
  346. </div>
  347.  
  348. {block:Answerer}
  349. <div class="answer">
  350. <img class="answerer-avatar" src="{AnswererPortraitURL-30}" alt="">
  351. <div class="answerer">{Answerer}</div>
  352. <div class="clear"></div>
  353. <div class="answerer-answer">{Answer}</div>
  354.  
  355. </div>
  356. {/block:Answerer}
  357.  
  358. <div class="replies">
  359. {Replies}
  360. </div>
  361. {/block:Answer}
  362.  
  363.  
  364. {block:Chat}
  365. <div class="chat">
  366. {block:Title}
  367. <span class="title"><a href="{Permalink}">{Title}</a></span>
  368. {/block:Title}
  369.  
  370. {block:Lines}
  371. <p class="bold user_{UserNumber}">
  372. {block:Label}
  373. <span class="label">{Label}</span>
  374. {/block:Label}{Line}
  375. </p>
  376. {/block:Lines}
  377. </div>
  378. {/block:Chat}
  379.  
  380.  
  381. {block:Video}
  382. <div class="video">
  383. {block:IndexPage}
  384. {Video-250}
  385. {/block:IndexPage}
  386.  
  387. {block:PermalinkPage}
  388. {Video-500}
  389. {/block:PermalinkPage}
  390. </div>
  391. {/block:Video}
  392.  
  393.  
  394. {block:Audio}
  395. <div class="audio">
  396. {block:IndexPage}
  397. {AudioEmbed-250}
  398. {/block:IndexPage}
  399.  
  400. {block:PermalinkPage}
  401. {AudioEmbed-500}
  402. {/block:PermalinkPage}
  403. </div>
  404. {/block:Audio}
  405.  
  406.  
  407. {block:ifShowCaptions}
  408. {block:Caption}
  409. <span class="body--text">
  410. {Caption}
  411. </span>
  412. {/block:Caption}
  413. {/block:ifShowCaptions}
  414.  
  415. {block:ifShowTags}
  416. {block:HasTags}
  417. <span class="body--tags">
  418. {block:Tags}
  419. <a href="/tagged/{URLSafeTag}">{Tag}</a>
  420. {/block:Tags}
  421. </span>
  422. {/block:hasTags}
  423. {/block:ifShowTags}
  424.  
  425. {block:IndexPage}
  426. <section>
  427. <a href="{Permalink}" class="date">
  428. {NoteCountWithLabel}
  429. </a>
  430. <div class="like">{LikeButton size="13"}</div>
  431. <div class="reblog">{ReblogButton size="14"}</div>
  432. {block:ContentSource}
  433. <a href="{SourceURL}" class="source" target="_blank"></a>
  434. {/block:ContentSource}
  435. </section>
  436. {/block:IndexPage}
  437.  
  438. {block:PermalinkPage}
  439. <section>
  440. <a href="{Permalink}" class="date">
  441. {NoteCountWithLabel}
  442. </a>
  443. <div class="like">{LikeButton size="13"}</div>
  444. <div class="reblog">{ReblogButton size="14"}</div>
  445. {block:ContentSource}
  446. <a href="{SourceURL}" class="source" target="_blank"></a>
  447. {/block:ContentSource}
  448. </section>
  449. {/block:PermalinkPage}
  450.  
  451. </article>
  452.  
  453. {block:PermalinkPage}
  454. {PostNotes}
  455. {/block:PermalinkPage}
  456.  
  457. {/block:Posts}
  458.  
  459. </section>
  460.  
  461. <div class="clear"></div>
  462.  
  463. {block:IndexPage}
  464. <section class="pagination" id="pagination">
  465. {block:PreviousPage}
  466. <a href="{PreviousPage}">Previous</a>
  467. {/block:PreviousPage}
  468.  
  469. {block:NextPage}
  470. <a href="{NextPage}">Next</a>
  471. {/block:NextPage}
  472. </section>
  473. {/block:IndexPage}
  474.  
  475. </main>
  476.  
  477. <footer>
  478. <a href="http://www.themesltd.com/tumblr/tumblr-themes" title="Tumblr Themes">Tumblr Themes</a>
  479. <a href="http://www.themesltd.com/google-chrome-themes/chrome-themes" title="Chrome Themes">Chrome Themes</a>
  480. <a href="http://www.themesltd.com/mobile-wallpapers/mobile-wallpapers" title="Mobile Wallpapers">Mobile Wallpapers</a>
  481. </footer>
  482.  
  483.  
  484. <!-- Important Theme Assets -->
  485. <script src="http://www.themesltd.com/assets/js/theme-assets.js"></script>
  486.  
  487. {block:IndexPage}
  488. <script>
  489. $('#content').masonry({
  490. itemSelector: '#post',
  491. stamp: '.instagram__feed',
  492. columnWidth: 250,
  493. gutter: 40,
  494. });
  495.  
  496. </script>
  497. <script>
  498. (function() {
  499. var $tumblelog = $('#content');
  500. var loadingimg = "http://www.themesltd.com/assets/img/1x1.png"
  501. $tumblelog.infinitescroll({
  502. {block:ifInfiniteScroll}
  503. navSelector : "#pagination",
  504. nextSelector : "#pagination a:first",
  505. {/block:ifInfiniteScroll}
  506. itemSelector : "#post",
  507. bufferPx : 40,
  508. animate : false,
  509. done : "",
  510. loading: {
  511. finishedMsg: "",
  512. img: loadingimg,
  513. msg: "",
  514. msgText: ""
  515.  
  516. },
  517. },
  518. function( newElements ) {
  519. var $newElems = $( newElements ).css({ opacity: 0 });
  520. $newElems.imagesLoaded(function(){
  521. $newElems.animate({ opacity: 1 });
  522. $tumblelog.masonry( 'appended', $newElems);
  523. });
  524. }
  525. );
  526.  
  527.  
  528. })();
  529. </script>
  530.  
  531. {block:ifInstagramID}
  532. <script type="text/javascript">
  533. $(document).ready(function() {
  534. $('#instagram__feed').embedagram({
  535. instagram_id: {text:Instagram ID},
  536. thumb_width: 120,
  537. limit: 6,
  538. });
  539. });
  540. </script>
  541. {/block:ifInstagramID}
  542.  
  543. {/block:IndexPage}
  544.  
  545.  
  546. <!-- Install counters, music players etc below this line -->
  547.  
  548.  
  549.  
  550. <!-- Install counters, music players etc above this line -->
  551.  
  552. </body>
  553. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!