tumblrthemetester

Mini Grunge Theme

Jun 30th, 2013
5,570
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.12 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. <meta name="image:portrait" content="http://static.tumblr.com/d76ec2c8aa46bb34a15197a61754761c/ybqgvdw/0rgmjvlbf/tumblr_static_image1.png"/>
  11. <meta name="text:Link 1" content=""/>
  12. <meta name="text:Link 1 URL" content=""/>
  13. <meta name="text:Link 2" content=""/>
  14. <meta name="text:Link 2 URL" content=""/>
  15. <meta name="text:Link 3" content=""/>
  16. <meta name="text:Link 3 URL" content=""/>
  17. <meta name="text:Link 4" content=""/>
  18. <meta name="text:Link 4 URL" content=""/>
  19. <meta name="text:Link 5" content=""/>
  20. <meta name="text:Link 5 URL" content=""/>
  21. <meta name="text:Link 6" content=""/>
  22. <meta name="text:Link 6 URL" content=""/>
  23. <meta name="text:Link 7" content=""/>
  24. <meta name="text:Link 7 URL" content=""/>
  25. <meta name="text:Link 8" content=""/>
  26. <meta name="text:Link 8 URL" content=""/>
  27. <meta name="text:Home Label" content="Home"/>
  28. <meta name="text:Ask Label" content="Ask"/>
  29. <meta name="text:Submit Label" content="Submit"/>
  30. <meta name="text:Archive Label" content="Archive"/>
  31. <meta name="if:Show Archive Link" content="1"/>
  32. <meta name="if:Show Submit Link" content="1"/>
  33. <meta name="if:Show Title" content="1"/>
  34. <meta name="if:Show Tags" content="0"/>
  35. <meta name="if:Animation" content="1"/>
  36. <meta name="if:To Top Button" content="0"/>
  37. <meta name="if:Infinite Scroll" content="1"/>
  38. <meta name="if:Show Captions" content="0"/>
  39. <meta name="if:Show Tags" content="0"/>
  40. <meta name="image:Background" content="http://i.imgur.com/MTpdYIG.png"/>
  41. <meta name="image:Sidebar" content=""/>
  42. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  43. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/2V1m9r58l/reset.css">
  44. <script type="text/javascript" src="http://static.tumblr.com/tpqedpr/zREmibpvy/minified.js"></script>
  45. <style type="text/css">
  46. body {
  47. color: #000000;background: #000000 url({image:Background});
  48. background-attachment:fixed;
  49. font-family: pixel;
  50. font-size: 8px;
  51. line-height: 1.5em;
  52. }
  53.  
  54. @font-face { font-family: "pixel"; src: url('http://static.tumblr.com/bzydvwp/v4Uls8fio/3.ttf'); }
  55.  
  56. @font-face { font-family: "garten"; src: url('http://www.sparklelust.net/fontz/Gartentika.ttf'); }
  57.  
  58. p {margin:0 0 .75em 0} p:last-child {margin:0}
  59. a {
  60. color: #666666;
  61. text-decoration:none;
  62. {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}
  63. a:hover {color: #000; }
  64. blockquote {quotes: "" "" "'" "'"; margin: 0.75em 0 .75em .75em;padding-left: 1.5em;
  65. line-height: 100%;border-left: solid 4px #EDEDED;
  66. }
  67. h1 {
  68. font-family: garten;
  69. font-size: 44px;
  70. line-height: 1.5em;font-weight: normal;
  71. }
  72. ul {
  73. margin: 0px 1.5em .75em;}
  74. li {
  75. margin: .75em 0;
  76. list-style-type: square;
  77. }
  78. .box img {
  79. display: block;
  80. max-width: 100%;}.m-i {
  81. display: block;
  82. line-height: 1px!important;
  83. }
  84. .menu-picture {
  85. line-height: 100%;
  86. display: inline-block;
  87. line-height: 0px!important;
  88. }
  89. .post-link{
  90. font-family: default;
  91. font-size: 8px;
  92. line-height: 8px;
  93. }p.source{text-align: center;}
  94. .menu-picture {
  95. line-height: 100%;display: inline-block;
  96. }p.source{text-align: center;}
  97. h3 {
  98. font-size: 14px; font-weight: normal;
  99. }.tagged { text-align: center; line-height: 8px;font-size: 8px;}
  100. .text { padding: 5px;}p.question {
  101. margin-bottom: .375em;
  102. }
  103. p.words {
  104. padding: 6px;
  105. line-height: 1.5em;
  106. color: #333333;
  107. background: #ebebeb;
  108. }
  109. .response {
  110. background: #efefef;
  111. padding: 5px;
  112. margin-bottom: .75em;
  113. }.answer {
  114. text-align: center;
  115. }
  116. .post {
  117. position: relative;
  118. width:280px;
  119. float:right;
  120. background: #ffffff;
  121. padding:0px;
  122. margin:3px;
  123. border: 1px dotted #ffffff;
  124. }.box {position: relative;}
  125.  
  126. #side {
  127. text-align: center;
  128. margin-top: 3px;
  129. width:280px;
  130. height:100%;
  131. padding:0px;position: fixed;
  132. margin-left:293px;
  133. background: #ffffff;
  134. border: 1px dotted #ffffff;
  135. }#side img {
  136. max-width: 100%;
  137. }ul {margin-bottom: .75em;}
  138. #contain {
  139. width:575px;
  140. background:url('http://www.theme-codes.sparklelustlyts.net/backgrounds/grunge.png');
  141. margin: 3px auto 0;
  142. }
  143. #content {
  144. width:288px;
  145. float: left;
  146.  
  147. }
  148. #infscr-loading{position:relative!important;left:49%}.post .perma{position: absolute;width: 100%;text-align: center;top: 0px;opacity: 0;filter:alpha(opacity=0);font-weight: bold;z-index: 10000;background: rgba(0, 0, 0, .50);font-size: 16px;height: 100%;line-height: 16px;text-transform: uppercase;color: #ffffff;text-shadow: 1px 1px 0px black; {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}.post:hover .perma{opacity: 1;filter:alpha(opacity=100);}.perma a{color: #ffffff;text-shadow: 1px 1px 0px black;}.c{position: absolute;top: 50%;widtH: 100%;text-align: center;margin-top: -4px;}.perma-a { text-align: right; text-transform: uppercase; }.box iframe {
  149. max-width: 100%;
  150. }.text img {max-width: 100%;}img {display: block;}.box img {display: block;}</style><div style="position:fixed;left:0px;top:0px;width:88px;height:31px;"><a href="http://tumblrthemes.me"><img src="http://i1267.photobucket.com/albums/jj558/tumblr-backgrounds/Image123-2_zps0ea7af3b.png" border="0" /></a></div><style>.post-info-data{text-align:center}.notes img{display:block;float:left;margin-right:.75em}ol.notes li{margin:.375em 0;list-style-type:none;line-height:16px}
  151.  
  152. #toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:21px;height:21px;border:0;text-indent:100%;background:url(http://static.tumblr.com/uiqhh9x/372m6hyqw/up.png) no-repeat left top;opacity:.5;filter:alpha(opacity = 50);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTopHover{width:21px;height:21px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTop:hover{opacity:1;filter:alpha(opacity = 100)}#toTop:active,#toTop:focus{outline:0}
  153.  
  154. .clear {clear: both;} #pagination {display: none;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
  155. </style></head>
  156. <body>
  157.  
  158. <div id="contain" class="clearfix">
  159. <div id="side">
  160. <div class="text">
  161. {block:IfShowTitle}<h1><a href="/">{Title}</a></h1>{/block:IfShowTitle}<a href="/"><img src="{image:portrait}" width="97%" style="padding:2px;background:#111;border:1px solid #222;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5);
  162. -moz-box-shadow: 0 1px 3px rgba(0,0,0,.5);
  163. box-shadow: 0 1px 3px rgba(0,0,0,.5);
  164. margin-top:2px;"></a><div id="description" class"text">{Description}</div>
  165. <div><a class="menu-link" href="/">{text:Home Label}</a><br /><a class="menu-link" href="/ask">{text:Ask label}</a>{block:SubmissionsEnabled}{block:IfShowSubmitLink}<br /><a class="menu-link" href="/submit">{text:Submit label}</a>{/block:IfShowSubmitLink}{/block:SubmissionsEnabled}{block:HasPages}{block:Pages}<br /><a class="menu-link" href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}{block:iflink1}<br /><a class="menu-link" href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}{block:iflink2}<br /><a class="menu-link" href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}{block:iflink3}<br /><a class="menu-link" href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}{block:iflink4}<br /><a class="menu-link" href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}{block:iflink5}<br /><a class="menu-link" href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}{block:iflink6}<br /><a class="menu-link" href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}{block:iflink7}<br /><a class="menu-link" href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7}{block:iflink8}<br /><a class="menu-link" href="{text:link 8 url}">{text:link 8}</a>{/block:iflink8}{Block:IfShowArchiveLink}<br /><a class="menu-link" href="/archive">{text:Archive Label}</a>{/Block:IfShowArchiveLink}</div>{block:IfNotInfiniteScroll}{block:Pagination}<p class="previous-next text">{block:PreviousPage}<a href="{PreviousPage}" class="next"><</a>{/block:PreviousPage}<span id="pages"> {CurrentPage} of {TotalPages} </span>{block:NextPage}<a href="{NextPage}" class="previous">></a>{/block:NextPage}</p>{/block:Pagination}{/block:IfNotInfiniteScroll}
  166. </div>
  167. </div>
  168. <div id="content">
  169. {block:Posts}
  170. <div class="post">
  171.  
  172. {block:Text}
  173. <div class="text">
  174. {block:Title}<h3>{Title}</h3>{/block:Title}
  175. {Body}
  176. <!-- permalink --> {block:IndexPage}
  177. <p class="post-link perma-a">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></p>
  178. <!-- /permalink --> {/block:IndexPage}
  179. </div>
  180. {/block:Text}
  181.  
  182. {block:Quote}
  183. <div class="text quote">
  184. <p class="words">&#8220;{Quote}&#8221;</p>
  185. {block:Source}<p class="source">{Source}</p>{/block:Source}
  186. <!-- permalink --> {block:IndexPage}
  187. <p class="post-link perma-a">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></p>
  188. <!-- /permalink --> {/block:IndexPage}
  189. </div>
  190. {/block:Quote}
  191.  
  192. {block:Link}
  193. <div class="text link">
  194. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  195. {block:Description}{Description}{/block:Description}
  196. <!-- permalink --> {block:IndexPage}
  197. <p class="post-link perma-a">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></p>
  198. <!-- /permalink --> {/block:IndexPage}
  199. </div>
  200. {/block:Link}
  201.  
  202. {block:Chat}
  203. <div class="text chat">
  204. <ul class="conversation">
  205. {block:Lines}
  206. <li class="line {Alt}">
  207. {block:Label}<span class="person">{Label}</span>{/block:Label}
  208. <span class="person-said">{Line}</span>
  209. </li>
  210. {/block:Lines}
  211. </ul>
  212. <!-- permalink --> {block:IndexPage}
  213. <p class="post-link perma-a">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></p>
  214. <!-- /permalink --> {/block:IndexPage}
  215. </div>
  216. {/block:Chat}
  217.  
  218. {block:Audio}
  219. <div class="text audio">
  220. <p>{AudioPlayerBlack}</p>
  221. {block:IndexPage}{block:IfShowCaptions}
  222. {block:Caption}{Caption}{/block:Caption}
  223. {/block:IfShowCaptions}{/block:IndexPage}
  224. <!-- permalink --> {block:IndexPage}
  225. <p class="post-link perma-a">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></p>
  226. <!-- /permalink --> {/block:IndexPage}
  227. </div>
  228. {/block:Audio}
  229.  
  230. {block:Answer}
  231. <div class="text answer">
  232. <div class="response">
  233. <p class="question">{Question}</p>
  234. <p>@{Asker}</p></div>
  235. {Answer}
  236. <!-- permalink --> {block:IndexPage}
  237. <p class="post-link perma-a">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></p>
  238. <!-- /permalink --> {/block:IndexPage}
  239. </div>
  240. {/block:Answer}
  241.  
  242. {block:Photoset}
  243. <div class="photoset">
  244. <div class="box">
  245. <!-- permalink --> {block:IndexPage}
  246. <div class="perma"><div class="c"><a href="{permalink}">{NoteCount} notes</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / {timeago}</div></div>
  247. <!-- /permalink --> {/block:IndexPage}
  248. <center>{Photoset-250}</center>
  249. </div>
  250. {block:IndexPage}{block:IfShowCaptions}
  251. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  252. {/block:IfShowCaptions}{/block:IndexPage}
  253. </div>
  254. {/block:Photoset}
  255.  
  256. {block:Video}
  257. <div class="video">
  258. <div class="box">
  259. <!-- permalink --> {block:IndexPage}
  260. <div class="perma"><div class="c"><a href="{permalink}">{NoteCount} notes</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / {timeago}</div></div>
  261. <!-- /permalink --> {/block:IndexPage}
  262. <center>{Video-250}</center>
  263. </div>
  264. {block:IndexPage}{block:IfShowCaptions}
  265. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  266. {/block:IfShowCaptions}{/block:IndexPage}
  267. </div>
  268. {/block:Video}
  269.  
  270. {block:Photo}
  271. <div class="photo">
  272. <div class="box">
  273. <!-- permalink --> {block:IndexPage}
  274. <div class="perma"><div class="c"><a href="{permalink}">{NoteCount} notes</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / {timeago}</div></div>
  275. <!-- /permalink --> {/block:IndexPage}
  276. {block:IndexPage}
  277. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  278. {/block:IndexPage}
  279. {block:PermalinkPage}
  280. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  281. {/block:PermalinkPage}
  282. </div>
  283. {block:IndexPage}{block:IfShowCaptions}
  284. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  285. {/block:IfShowCaptions}{/block:IndexPage}
  286. </div>
  287. {/block:Photo}
  288.  
  289. {block:IfShowTags}{block:IndexPage}{block:HasTags}
  290. <div class="tagged"><p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
  291. {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  292.  
  293. {block:PermalinkPage}
  294. <div id="post-info" class="text">
  295. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  296. {block:HasTags}
  297. <p class="tagged">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  298. {/block:HasTags}
  299. <p class="post-info-data">
  300. {block:Date}{12Hour}:{Minutes}:{Seconds} @ {MonthNumber}/{DayOfMonth}/{Year}<br/>{/block:Date}
  301. {block:NoteCount}{NoteCountWithLabel}<br />{/block:NoteCount}{block:RebloggedFrom}
  302. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
  303. {block:PostNotes}
  304. {PostNotes}
  305. {/block:PostNotes}
  306. </div>
  307. {/block:PermalinkPage}
  308.  
  309. </div> <!-- end single post -->
  310. {block:ContentSource}
  311. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  312. {/block:ContentSource}
  313. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  314. {/block:Posts}
  315. </div> <!-- end content -->
  316. <div class="loading"></div>
  317. </div> <!-- end containing div -->
  318. {block:IndexPage}{block:IfInfiniteScroll}
  319. {block:Pagination}<ul id="pagination">
  320. {block:PreviousPage}
  321. <li><a href="{PreviousPage}"></a></li>
  322. {/block:PreviousPage}
  323. {block:JumpPagination length="5"}
  324. {block:CurrentPage}
  325. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  326. {/block:CurrentPage}
  327. {block:JumpPage}
  328. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  329. {/block:JumpPage}
  330. {/block:JumpPagination}
  331. {block:NextPage}
  332. <li><a id="nextPage" href="{NextPage}"></a></li>
  333. {/block:NextPage}
  334. </ul>{/block:Pagination}
  335. <script type="text/javascript">
  336. $(window).load(function () {
  337. var $content = $('#content');
  338. $content.infinitescroll({
  339. navSelector : '#pagination',
  340. nextSelector : '#pagination a#nextPage',
  341. itemSelector : '.post, .loading',
  342. loading: {
  343. finishedMsg: '',
  344. img: 'http://static.tumblr.com/uiqhh9x/amsm48v4p/add.gif'
  345. },
  346. bufferPx : 200,
  347. debug : false,
  348. });
  349. });
  350. </script>
  351. {/block:IfInfiniteScroll}
  352. {/block:IndexPage}
  353. {block:IfToTopButton}
  354. <script type="text/javascript">
  355. $(document).ready(function() {
  356. /*
  357. var defaults = {
  358. containerID: 'toTop', // fading element id
  359. containerHoverID: 'toTopHover', // fading element hover id
  360. scrollSpeed: 1200,
  361. easingType: 'linear'
  362. };
  363. */
  364.  
  365. $().UItoTop({ easingType: 'easeOutQuart' });
  366.  
  367. });
  368. </script>
  369. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
  370. {/block:IfToTopButton}
  371. </body></html>
Add Comment
Please, Sign In to add comment