API tools faq
paste
Advertisement
feiinho

Justinfied by level82 - tumblr.com/theme/35990

feiinho
Oct 3rd, 2012
349
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.62 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>{Title}{block:SearchPage} | {SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8.  
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <meta name="image:Background" content="" />
  12. <meta name="image:Footer" content="" />
  13. <meta name="color:Background" content="#FFFFFF" />
  14. <meta name="color:Text" content="#444444" />
  15. <meta name="color:Footer background" content="#ECEEF5" />
  16. <meta name="color:Footer text" content="#3B5998" />
  17. <meta name="text:Post height" content="100%" />
  18. <meta name="text:Shadow strength" content="1" />
  19.  
  20. <!-- More fonts here: http://www.google.com/webfonts -->
  21. <meta name="text:Google webfont name" content="Miniver" />
  22. <meta name="text:URL to Like" content="" />
  23. <meta name="text:Twitter username" content="" />
  24. <meta name="if:Repeat background" content="1" />
  25. <meta name="if:Center background" content="0" />
  26. <meta name="if:Stretch background" content="0" />
  27. <meta name="if:Infinite scroll" content="1" />
  28. <meta name="if:Scroll hidden text" content="0" />
  29. <meta name="if:Show RSS link" content="1" />
  30. <meta name="if:Show archive link" content="1" />
  31. <meta name="if:Show Facebook Like button" content="0" />
  32.  
  33. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  34. <script type="text/javascript" src="http://static.tumblr.com/rejwoxv/UYDmaubdy/theme.js"></script>
  35.  
  36. {block:IfGoogleWebfontName}<link href='http://fonts.googleapis.com/css?family={text:Google webfont name}' rel='stylesheet' type='text/css'>{/block:IfGoogleWebfontName}
  37. <style type="text/css">
  38. html, body {
  39. width:auto;
  40. height:auto;
  41. }
  42. body {
  43. margin: 0px;
  44.  
  45. {block:IfBackgroundImage}background-image: url('{image:Background}');{/block:IfBackgroundImage}
  46. {block:IfNotRepeatBackground}background-repeat: no-repeat;{/block:IfNotRepeatBackground}
  47. {block:IfCenterBackground}background: center;{/block:IfCenterBackground}
  48. {block:IfStretchBackground}background-size: cover;{/block:IfStretchBackground}
  49. background-color: {color:Background};
  50.  
  51. font-family: 'Helvetica neue', Helvetia, Arial, sans-serif;
  52. line-height: 1.5;
  53. color: {color:Text};
  54. }
  55. p, li, blockquote, code, pre, td {
  56. font-size: 12px;
  57. }
  58. blockquote {
  59. margin: 10px 0px;
  60. padding: 0px 10px;
  61.  
  62. border-left: 1px solid;
  63. }
  64. h1 {
  65. font-family: '{text:Google webfont name}';
  66.  
  67. margin: 0px;
  68. }
  69. a {
  70. color: inherit;
  71. }
  72. img {
  73. border: 0px;
  74. }
  75. .posts {
  76. position: relative;
  77.  
  78. text-align: center;
  79.  
  80. margin: 20px;
  81. }
  82. article {
  83. {block:IndexPage}height: {text:Post height}{block:IfNotPostHeight}100%{/block:IfNotPostHeight};{/block:IndexPage}
  84.  
  85. display: inline-block;
  86.  
  87. position: relative;
  88.  
  89. margin: 5px;
  90.  
  91. text-align: left;
  92.  
  93. vertical-align: middle;
  94. }
  95. {block:IndexPage}article .controls {
  96. position: absolute;
  97. top: 10px;
  98. right: 10px;
  99.  
  100. display: none;
  101. }
  102. article:hover .controls {
  103. display: block;
  104. }
  105. article .controls .item {
  106. float: right;
  107.  
  108. position: relative;
  109. }
  110. article .controls .like {
  111. background-image: url('http://static.tumblr.com/jw8fmba/JQllum7dg/like.png');
  112.  
  113. width:100%;
  114. height:auto;
  115.  
  116. margin-left: 5px;
  117. }
  118. article .controls .reblog {
  119. background-image: url('http://static.tumblr.com/jw8fmba/bPzlum7er/reblog.png');
  120.  
  121. width:100%;
  122. height:auto;
  123. }
  124. article .controls .note_count {
  125. background-image: url('http://static.tumblr.com/jw8fmba/Iosm7ri3a/note_count_middle.png');
  126.  
  127. height: 16px;
  128.  
  129. color: #FFF;
  130. font-weight: bold;
  131. font-size: 11px;
  132.  
  133. padding: 2px 5px;
  134. margin-left: 7px;
  135. }
  136. article .controls .note_count:before {
  137. content: '';
  138.  
  139. background-image: url('http://static.tumblr.com/jw8fmba/dIim7ri67/note_count_left.png');
  140.  
  141. height:100%;
  142. width:auto;
  143.  
  144. position: absolute;
  145. top: 0px;
  146. left: -5px;
  147. }
  148. article .controls .note_count:after {
  149. content: '';
  150.  
  151. background-image: url('http://static.tumblr.com/jw8fmba/gtqm7ri8i/note_count_right.png');
  152.  
  153. height:100%;
  154. width:auto;
  155.  
  156. position: absolute;
  157. top: 0px;
  158. right: -2px;
  159. }
  160. article img {
  161. height: 100%;
  162. width:auto;
  163.  
  164. float: left;
  165. }
  166. .audio_embed, .photo_set {
  167. overflow-y: scroll;
  168. }
  169. .video iframe {
  170. height: 100%;
  171. width: auto;
  172. }{/block:IndexPage}
  173. .text, .quote, .chat, .link, .answer {
  174. {block:IndexPage}max-{/block:IndexPage}width: {block:IndexPage}{text:Post height}{block:IfNotPostHeight}250px{/block:IfNotPostHeight}{/block:IndexPage}{block:PermalinkPage}500px{/block:PermalinkPage};
  175.  
  176. overflow-y: {block:IfScrollHiddenText}scroll{/block:IfScrollHiddenText}{block:IfNotScrollHiddenText}hidden{/block:IfNotScrollHiddenText};
  177. }
  178. article .chat_table {
  179. border-top: 1px solid {color:Text};
  180. border-left: 1px solid {color:Text};
  181. }
  182. article .chat_table td {
  183. border-bottom: 1px solid {color:Text};
  184. border-right: 1px solid {color:Text};
  185. }
  186. .audio_player {
  187. width: 100%;
  188. height:auto;
  189.  
  190. position: absolute;
  191. left: 0px;
  192. bottom: 0px;
  193.  
  194. background-color: #000;
  195.  
  196. opacity: 0.75;
  197. }
  198. .pagination {
  199. width: 100%;
  200.  
  201. text-align: center;
  202. }
  203. .pagination h1 {
  204. display: inline-block;
  205.  
  206. margin: 5px;
  207. }
  208. .notes {
  209. list-style: none;
  210.  
  211. width:100%;
  212.  
  213. margin: 40px auto;
  214. }
  215. .notes li {
  216. padding: 10px 0px;
  217.  
  218. text-align: left;
  219. }
  220. footer {
  221. width: 100%;
  222.  
  223. position: fixed;
  224. bottom: 0px;
  225. left: 0px;
  226.  
  227. background-color: {color:Footer background};
  228.  
  229. color: {color:Footer text};
  230.  
  231. box-shadow: 0px -1px 10px rgba(0,0,0,0.{text:Shadow strength});
  232. }
  233. footer ul {
  234. width: 100%;
  235.  
  236. text-align: center;
  237.  
  238. list-style: none;
  239.  
  240. padding: 0px;
  241. margin: 0px;
  242. }
  243. footer ul a {
  244. text-decoration: none;
  245. }
  246. footer ul li {
  247. padding: 10px;
  248. margin: 0px;
  249.  
  250. display: inline-block;
  251.  
  252. vertical-align: middle;
  253.  
  254. font-size: 12px;
  255. line-height: 1;
  256. }
  257. footer ul .title {
  258. font-size: 18px;
  259. font-family: '{text:Google webfont name}';
  260. }
  261. footer ul .title img {
  262. max-height:auto;
  263. }
  264. {CustomCSS}
  265. </style>
  266.  
  267. </head>
  268.  
  269. <body class="{Name}" onload="var image1 = new Image(); image1.src = 'http://assets.tumblr.com/images/iframe_like_active_alpha.png'">
  270. <div class="posts">
  271. {block:Posts}<article class="{PostType}{block:Photoset}_set{/block:Photoset}{block:Audio}{block:AudioEmbed}_embed{/block:AudioEmbed}{/block:Audio}">
  272. {block:IndexPage}<div class="controls">
  273. <a href="{Permalink}"><div class="note_count item" id="note_count_{PostID}">{NoteCount}</div></a>
  274. <a class="like item" onclick="LikePost('{PostID}','{ReblogURL}',this); $(this).css('background-image', 'url(http://assets.tumblr.com/images/iframe_like_active_alpha.png)')"></a>
  275. <a href="{ReblogURL}?redirect_to=http%3A%2F%2F{Name}.tumblr.com%2Fpage%2F{CurrentPage}" class="reblog item" target="_blank"></a>
  276. </div>{/block:IndexPage}
  277. {block:Photo}{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}<img src="{PhotoURL-HighRes}"style="max-width:10000px";" alt="{PhotoAlt}"/>{block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}{/block:Photo}{block:Photoset}
  278. {Photoset-500}{/block:Photoset}{block:Video}
  279. {Video-500}{/block:Video}{block:Title}
  280. <h1>{Title}</h1>{/block:Title}{block:Text}
  281. {Body}{/block:Text}{block:Chat}
  282. <table width="100%" cellpadding="100" cellspacing="0" class="chat_table">
  283. {block:Lines}<tr>
  284. {block:Label}<td>{Label}</td>{/block:Label}
  285. <td>{Line}</td>
  286. </tr>{/block:Lines}
  287. </table>{/block:Chat}{block:Link}<a href="{URL}" {Target}><h1>{Name}</h1></a>{block:Description}
  288. {Description}{/block:Description}{/block:Link}{block:Quote}<h1>"{Quote}"</h1>{block:Source}
  289. <p>- {Source}</p>{/block:Source}{/block:Quote}{block:Audio}{block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}{block:AudioPlayer}{block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  290. {AudioPlayerBlack}{/block:AudioPlayer} {/block:Audio}{block:Answer}
  291. <h1>{lang:Asker asked} {Question}</h1>{Answer}{/block:Answer}{block:PermalinkPage}{block:Caption}
  292. <div class="caption">
  293. {Caption}
  294. </div>{/block:Caption}{/block:PermalinkPage}
  295. </article>{/block:Posts}
  296.  
  297. {block:PostNotes}{PostNotes}{/block:PostNotes}
  298.  
  299. {block:Pagination}<div class="pagination"{block:IfInfiniteScroll} style="display: none"{/block:IfInfiniteScroll}>
  300. {block:PreviousPage}<h1><a href="{PreviousPage}" class="previous_page">&#8592; {lang:Previous}</a></h1>{/block:PreviousPage}{block:NextPage}
  301. <h1><a href="{NextPage}" class="next_page">{lang:Next} &#8594;</a></h1>{/block:NextPage}
  302. </div>{/block:Pagination}
  303. </div>
  304.  
  305. <footer>
  306. <ul>
  307. <a href="/" title="{Title}"><li class="title">{block:IfNotFooterImage}{Title}{/block:IfNotFooterImage}{block:IfFooterImage}<img src="{image:Footer}" />{/block:IfFooterImage}</li></a>
  308. {block:AskEnabled}<a href="/ask"><li>{AskLabel}</li></a>{/block:AskEnabled}
  309. {block:SubmissionsEnabled}<a href="/submit"><li>{SubmitLabel}</li></a>{/block:SubmissionsEnabled}
  310. {block:IfShowRSSLink}<a href="{RSS}"><li>{lang:RSS}</li></a>{/block:IfShowRSSLink}
  311. {block:IfShowArchiveLink}<a href="/archive"><li>{lang:Archive}</li></a>{/block:IfShowArchiveLink}
  312. {block:HasPages}{block:Pages}
  313. <a href="{URL}"><li>{Label}</li></a>{/block:Pages}{/block:HasPages}
  314. {block:IfShowFacebookLikeButton}<li>
  315. <iframe src="http://www.facebook.com/plugins/like.php?href={text:URL to like}{block:IfNotURLToLike}http://{Name}.tumblr.com/{/block:IfNotURLToLike}&amp;send=false&amp;layout=button_count&amp;width=50&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:48px; height:21px;" allowTransparency="true"></iframe>
  316. </li>{/block:IfShowFacebookLikeButton}
  317. {block:IfTwitterUsername}<li>
  318. <a href="https://twitter.com/{text:Twitter username}" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @{text:Twitter username}</a>
  319. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  320. </li>{/block:IfTwitterUsername}
  321. </ul>
  322. </footer>
  323.  
  324. <script type="text/javascript">
  325. $(document).ready(function() {
  326. var footerHeight = $('footer').height();
  327. $('.posts').css('margin-bottom', footerHeight);
  328. });
  329. function LikePost(sPostID,sReblogID,obj)
  330. {
  331. sReblogID = sReblogID.replace("http://","");
  332. var sArray = sReblogID.split("/");
  333. document.getElementById("likes_frame").setAttribute("src","http://www.tumblr.com/like/" + sArray[3] + "?id=" + sPostID);
  334. document.getElementById("note_count_" + sPostID).innerHTML = parseInt(document.getElementById("note_count_" + sPostID).innerHTML) + 1;
  335.  
  336. }
  337. {block:IfInfiniteScroll}$('.posts').infinitescroll({
  338. navSelector: '.pagination',
  339. nextSelector: '.next_page',
  340. itemSelector: 'article',
  341. loading: {
  342. img: 'http://static.tumblr.com/jw8fmba/yGMlx5zw8/transparent.gif',
  343. msgText : '',
  344. donetext: ''
  345. }
  346. });{/block:IfInfiniteScroll}
  347. </script>
  348.  
  349. <iframe id="likes_frame" width="0" height="0" frameborder="0"></iframe>
  350.  
  351. </body>
  352. </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!