Advertisement
vrisky

Quintessence Theme

Dec 15th, 2014
117,406
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.11 KB | None | 0 0
  1. <!-- quintessence theme by modernise (modernise.us) // please leave credit xo -->
  2. <html>
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. <meta name="font:text" content="baskerville" />
  10. <meta name="color:background" content="#ffffff" />
  11. <meta name="text:font size" content="11" />
  12. <meta name="if:CustomLink1" content="0">
  13. <meta name="if:CustomLink2" content="0">
  14. <meta name="if:CustomLink3" content="0">
  15. <meta name="if:CustomLink4" content="0">
  16. <meta name="if:CustomLink5" content="0">
  17. <meta name="text:Link 1 Title" content="custom link">
  18. <meta name="text:Link 1" content="http://">
  19. <meta name="text:Link 2 Title" content="custom link">
  20. <meta name="text:Link 2" content="http://">
  21. <meta name="text:Link 3 Title" content="custom link">
  22. <meta name="text:Link 3" content="http://">
  23. <meta name="text:Link 4 Title" content="custom link">
  24. <meta name="text:Link 4" content="http://">
  25. <meta name="text:Link 5 Title" content="custom link">
  26. <meta name="text:Link 5" content="http://">
  27. {/block:Description}
  28.  
  29. <script type="text/javascript"
  30. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  31.  
  32. <style type="text/css">
  33.  
  34. iframe#tumblr_controls {
  35. white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.4;position:fixed;}
  36.  
  37. body {
  38. font-family:{font:Text};
  39. font-size:11px;
  40. background-color:{color:Background};
  41. }
  42.  
  43. a {
  44. text-decoration:none;
  45. color:black;
  46. }
  47.  
  48. #content {
  49. width:100%;
  50. }
  51.  
  52.  
  53. #content .posts {
  54. width:564px;
  55. margin-left:auto;margin-right:auto;
  56. }
  57. .entry {
  58. {block:IndexPage}width:250px;margin-right:20px;margin-bottom:20px;{/block:IndexPage}
  59. {block:PermalinkPage}width:700px;
  60. margin-left:auto;margin-right:auto;{/block:PermalinkPage} border:1px #888 solid;padding:3px;padding-bottom:5px;
  61. }
  62. .entry img {-webkit-transition: all 0.6s linear;
  63. {block:IndexPage}width:250px;{/block:IndexPage}
  64. {block:PermalinkPage}width:700px;{/block:PermalinkPage}
  65. margin-bottom:-2px;
  66. }
  67. .entry img:hover {-webkit-transition: all 0.6s linear; opacity:.5;
  68. margin-bottom:1px;
  69. }
  70. }
  71.  
  72.  
  73. blockquote {
  74. margin-left:5px;
  75. padding-left:5px;
  76. line-height:180%;
  77. border-left:1px solid black;
  78. }
  79.  
  80.  
  81. .audiobox {width: 26px!important;background-color:white;top:45%;left:45%;display:block;position:absolute;padding-right:10px;padding-left:10px;padding-top:10px;padding-bottom:10px;border-radius:50px;opacity:0.7;}
  82. {block:IndexPage}
  83. .entry:hover {
  84. -webkit-transition-duration:0.5s;
  85. padding-bottom:3px;
  86. }
  87. {/block:IndexPage}
  88. .cl a {
  89. font-style:italic;padding-left:7px;padding-right:7px;
  90. }
  91.  
  92. .cl a:hover {
  93. font-style:normal;
  94. }
  95.  
  96.  
  97. .header {
  98. margin-top:20%;margin-bottom:25px;
  99. border-bottom:1px solid black;
  100. padding:10px;width:300px;margin-left:auto;margin-left:50px;
  101. text-align:right;position:fixed;background:white;opacity:.6;
  102. }
  103.  
  104. .pn ul{
  105. list-style-type: none;}
  106. .pn li{
  107. list-style-type: none;}
  108. .pn {height:200px;width:700px;overflow:scroll;list-style-type: none;}
  109. </style>
  110.  
  111.  
  112. {block:IndexPage}
  113. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  114. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  115. <script type="text/javascript">
  116. $(window).load(function(){
  117. var $wall = $('.posts');
  118. $wall.imagesLoaded(function(){
  119. $wall.masonry({
  120. itemSelector: '.entry',
  121. isAnimated : true
  122. });
  123. });
  124. $wall.infinitescroll({
  125. navSelector : "div#navigation",
  126. nextSelector : "div#navigation a#nextPage",
  127. itemSelector : '.entry',
  128. loadingImg : "",
  129. loadingText : " ",
  130. donetext : " ",
  131. extraScrollPx : 0,
  132. bufferPx : 10000,
  133. debug : false,
  134. errorCallback: function() {
  135. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  136. }},
  137. function( newElements ) {
  138. var $newElems = $( newElements );
  139. $newElems.hide();
  140. $newElems.imagesLoaded(function(){
  141. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  142. });
  143. }); $('.posts').show(500);
  144. });
  145. </script>
  146. {/block:IndexPage}
  147.  
  148. <script type="text/javascript">
  149. $(window).load(function(){
  150. $("p").remove(":contains('(Source:')");
  151. $("p").remove(":contains('(source:')");
  152. $("p").remove(":contains('(via ')");
  153. });
  154. </script>
  155.  
  156.  
  157. {block:indexpage}
  158. <script language="JavaScript">
  159. function function1(){
  160. window.scrollTo(0,5);
  161. }
  162. function function2(){
  163. window.scroll(0,2);
  164. }
  165. </script>
  166.  
  167. {/block:indexpage}
  168.  
  169. </head>
  170. <body>
  171. <div id="content">
  172. <div class="header"><A href="/"><big><big><i>{Title}</i></big></big></a>{block:Description}<br><br>{Description}{/block:Description}<span class="cl">
  173. <br><br><a href="/">home</a>
  174. <a href="/ask">inbox</a>
  175. {block:IfCustomLink1}
  176. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  177. {/block:IfCustomLink1}
  178. {block:IfCustomLink2}
  179. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  180. {/block:IfCustomLink2}
  181. {block:IfCustomLink3}
  182. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  183. {/block:IfCustomLink3}
  184. {block:IfCustomLink4}
  185. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  186. {/block:IfCustomLink4}
  187. {block:IfCustomLink5}
  188. <a href="{text:Link 5}">{text:Link 5 Title}</a>
  189. {/block:IfCustomLink5}
  190. {block:HasPages}
  191. {block:Pages}
  192. <a href="{URL}">{Label}</a>
  193. {/block:Pages}
  194. {/block:HasPages}
  195. <a href="http://modernise.us">theme</a>
  196. </span></div>
  197. <div class="posts">
  198.  
  199. {block:IndexPage}<div class="column navigation" id="navigation">
  200. {block:Pagination}
  201. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  202. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  203. </div>{/block:IndexPage}
  204.  
  205. <br style="clear:both;" />
  206.  
  207.  
  208. {block:Posts}<div class="entry">
  209.  
  210. {block:Text}
  211. {block:Title}
  212. <span style="font-size:12px;"><a href="{Permalink}"> {Title}</a></span>
  213. {/block:Title}
  214. <div class="text">{Body}</div>
  215. {/block:Text}
  216.  
  217. {block:Photo}
  218. {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>{/block:IndexPage}
  219. {block:PermalinkPage}<a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}"></a>{/block:PermalinkPage}
  220. {/block:Photo}
  221.  
  222.  
  223.  
  224. {block:Photoset}
  225. <div class="padding-title">
  226. {block:IndexPage}
  227. {Photoset-250}
  228.  
  229.  
  230. {/block:IndexPage}
  231.  
  232. {block:PermalinkPage}
  233. <div class="photoSet">{Photoset-700}</div>
  234.  
  235. {/block:PermalinkPage}
  236. </div>
  237. {/block:Photoset}
  238.  
  239.  
  240.  
  241. {block:Quote}
  242. <i>"{Quote}"</i>
  243. {block:Source}
  244. <div align="right">— {Source}</div>
  245. {/block:Source}
  246. {/block:Quote}
  247.  
  248. {block:Link}
  249. <span style="font-size:12px;"><a href="{URL}" class="link" {Target}>{Name}</a></span>
  250.  
  251. {block:Description}
  252. <div class="description">{Description}</div>
  253. {/block:Description}
  254. {/block:Link}
  255.  
  256. {block:Chat}
  257. {block:Title}
  258. <h3><a href="{Permalink}">{Title}</a></h3>
  259. {/block:Title}
  260.  
  261. <ul>
  262. {block:Lines}
  263. <li style="list-style-type: none;margin-left:-40px;">
  264. {block:Label}
  265. <span style="font-weight:bold;">{Label}</span>
  266. {/block:Label}
  267. {Line}
  268. </li>
  269. {/block:Lines}
  270. </ul>
  271. {/block:Chat}
  272.  
  273. {block:Video}
  274. {Video-250}
  275. {/block:Video}
  276.  
  277. {block:Audio}
  278. {block:AlbumArt}
  279. <img src="{AlbumArtURL}" width="{block:IndexPage}250px;{/block:IndexPage}{block:PermalinkPage}700px;{/block:PermalinkPage}">
  280. <div class="audiobox"><Div style="width:25px;overflow:hidden;">{AudioPlayerWhite}</div></div>
  281. {/block:AlbumArt}
  282. {/block:Audio}
  283.  
  284.  
  285. </div>
  286.  
  287. {block:PermalinkPage}<div style="width:700px;margin-left:auto;margin-right:auto;"><center>
  288. {block:Caption}{Caption}<Br>{/block:Caption}{block:Date}{TimeAgo}, {NoteCountWithLabel}{/block:Date}<i>{block:HasTags}<br>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</i><br><div class="pn">{PostNotes}</div></center></div>
  289. {/block:PermalinkPage}
  290.  
  291. {block:ContentSource}
  292. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  293. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  294. {/block:SourceLogo}
  295. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  296. {/block:ContentSource}
  297. <!-- {block:NoRebloggedFrom}
  298. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  299. {/block:NoRebloggedFrom} -->
  300. {/block:Posts}
  301. </div></div></div>
  302.  
  303. </body>
  304. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement