API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 5th, 2014
47
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.81 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  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. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10. <meta name="image:Background" content="" />
  11. <meta name="image:Header" content="" />
  12. <meta name="color:Background" content="#FFFFFF" />
  13. <meta name="color:Body text" content="#444444" />
  14. <meta name="color:Blog title" content="#000000" />
  15. <meta name="text:Blog title size" content="75px" />
  16. <meta name="text:Menu text size" content="13px" />
  17. <meta name="if:Infinite scroll" content="1" />
  18. <meta name="if:Black and white images" content="0" />
  19.  
  20. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  21. <script type="text/javascript" src="http://static.tumblr.com/jw8fmba/JuPmhkses/theme.js"></script>
  22.  
  23. <style type="text/css">
  24. @import url(http://static.tumblr.com/jw8fmba/pXhlt5pzb/bebasneue.css);
  25. html,body {
  26. margin: 0;
  27. font-size: 12px;
  28. line-height: 160%;
  29. }
  30. body{
  31. background:url('{image:Background}') {color:Background} fixed center
  32. }
  33. .post{
  34. width: 400px;
  35. }
  36. * {
  37. font-family: Calibri, Helvetica, Arial, sans-serif;
  38. color: {color:Body text};
  39. }
  40. a img {
  41. border: none;
  42. }
  43. a {
  44. color: inherit;
  45. font-size: inherit;
  46. }
  47. em,em a,a em {
  48. font-family: Georgia, "Times New Roman", Times, serif;
  49. font-style: italic;
  50. }
  51. blockquote {
  52. margin: 0;
  53. padding: 0 0 0 9px;
  54. border-left: 1px #CCC dotted;
  55. }
  56. .header {
  57. position: relative;
  58. width: 1242px;
  59. margin: 50px auto 25px auto;
  60. text-align: center;
  61. }
  62. .header a {
  63. text-decoration: none;
  64. }
  65. .header .title h1 {
  66. margin: 0;
  67. line-height: 100%;
  68. font-family: 'BebasNeueRegular', Arial, sans-serif;
  69. text-transform: uppercase;
  70. font-weight: normal;
  71. font-size: {text:Blog title size};
  72. color: {color:Blog title};
  73. }
  74. .header .title h1 img {
  75. {block:IndexPage}
  76. max-width: 1242px;
  77. {/block:IndexPage}
  78. {block:PermalinkPage}
  79. max-width: 410px;
  80. {/block:PermalinkPage}
  81. }
  82. .header .menu_item {
  83. margin: 0 5px;
  84. font-size: {text:Menu text size};
  85. }
  86. .posts {
  87. position: relative;
  88. margin: 25px auto;
  89. {block:IndexPage}
  90. width: 1242px;
  91. {/block:IndexPage}
  92. {block:PermalinkPage}
  93. width: 410px;
  94. {/block:PermalinkPage}
  95. }
  96. .post {
  97. float: left;
  98. position: relative;
  99. margin: 5px;
  100. }
  101. .post h2 {
  102. margin: 0;
  103. font-size: 16px;
  104. line-height: 18px;
  105. letter-spacing: 1px;
  106. font-weight: normal;
  107. }
  108. .post h3 {
  109. margin: 5px 0;
  110. font-size: 14px;
  111. line-height: 16px;
  112. letter-spacing: 1px;
  113. font-weight: normal;
  114. }
  115. .post h2.quote {
  116. font-family: Georgia, "Times New Roman", Times, serif;
  117. letter-spacing: 0;
  118. font-style: italic;
  119. }
  120. .post p,.post li {
  121. line-height: 175%;
  122. }
  123. .post p {
  124. margin: 10px 0 5px 0;
  125. }
  126. .post ol,.post ul {
  127. margin: 3px 0;
  128. padding: 0;
  129. }
  130. .post li {
  131. margin: 2px 35px;
  132. }
  133. .post .info_bar {
  134. width: 100%;
  135. background: #FFF;
  136. padding: 2px 0;
  137. text-align: center;
  138. position: absolute;
  139. bottom: 10px;
  140. left: 0;
  141. color: #CCC;
  142. font-size: 11px;
  143. opacity: 0;
  144. -webkit-transition: all 0.25s ease;
  145. -moz-transition: all 0.25s ease;
  146. -o-transition: all 0.25s ease;
  147. transition: all 0.25s ease;
  148. {block:PermalinkPage}
  149. display: none;
  150. {/block:PermalinkPage}
  151. }
  152. .post:hover .info_bar {
  153. opacity: 1;
  154. }
  155. .post .info_bar a {
  156. color: #333;
  157. text-decoration: none;
  158. margin: 0 5px;
  159. }
  160. .post .photo {
  161. position: relative;
  162. padding: 0;
  163. line-height: 0 !important;
  164. {block:IndexPage}
  165. background: rgba(255,255,255,1);
  166. {/block:IndexPage}
  167. }
  168. .post .photo .photo_info {
  169. position: absolute;
  170. top: 50%;
  171. left: 50%;
  172. width: 200px;
  173. height: 120px;
  174. margin: -50px 0 0 -100px;
  175. text-align: center;
  176. z-index: 10;
  177. opacity: 0;
  178. -webkit-transition: all 0.5s ease;
  179. -moz-transition: all 0.5s ease;
  180. -o-transition: all 0.5s ease;
  181. transition: all 0.5s ease;
  182. {block:PermalinkPage}
  183. display: none;
  184. {/block:PermalinkPage}
  185. }
  186. .post:hover .photo .photo_info {
  187. opacity: 1;
  188. }
  189. .post .photo .photo_info a {
  190. color: #FFF;
  191. text-decoration: none;
  192. }
  193. .post .photo .photo_info h2 a {
  194. margin: 0;
  195. line-height: 100%;
  196. font-family: 'BebasNeueRegular', Arial, sans-serif;
  197. text-transform: uppercase;
  198. font-size: 100px;
  199. color: #FFF;
  200. }
  201. .post img.main_photo {
  202. width: 100%;
  203. {block:IfBlackAndWhiteImages}-webkit-filter: grayscale(100%);{/block:IfBlackAndWhiteImages}
  204. }
  205. .post:hover img.main_photo {
  206. {block:IfBlackAndWhiteImages}-webkit-filter: grayscale(0%);{/block:IfBlackAndWhiteImages}
  207. }
  208. .post img {
  209. max-width: 100%;
  210. height: auto;
  211. }
  212. .post .photo img {
  213. opacity: 1;
  214. -webkit-transition: all 0.5s ease;
  215. -moz-transition: all 0.5s ease;
  216. -o-transition: all 0.5s ease;
  217. transition: all 0.5s ease;
  218. margin: 0;
  219. }
  220. .post:hover .photo img {
  221. {block:IndexPage}
  222. opacity: 0.5;
  223. {/block:IndexPage}
  224. }
  225. .post .player {
  226. padding: 5px 10px;
  227. background: #FFF;
  228. }
  229. .post .lines {
  230. margin: 0 0 5px 0;
  231. }
  232. .post .lines .line {
  233. padding: 10px;
  234. }
  235. .post .lines .odd {
  236. }
  237. .post .lines .even {
  238. background: #f6f6f6;
  239. }
  240. .post ol.notes {
  241. padding: 0;
  242. list-style-type: none;
  243. }
  244. .post ol.notes li.note {
  245. border-bottom: solid 1px #F6F6F6;
  246. padding: 6px 0;
  247. margin: 0 !important;
  248. }
  249. .post ol.notes li.note img.avatar {
  250. vertical-align: -4px;
  251. margin-right: 10px;
  252. width: 16px;
  253. height: 16px;
  254. }
  255. .post ol.notes li.note span.action {
  256. }
  257. .post ol.notes li.note .answer_content {
  258. font-weight: normal;
  259. }
  260. .post ol.notes li.note blockquote {
  261. border-color: #F6F6F6;
  262. padding: 4px 10px;
  263. margin: 10px 0px 0px 25px;
  264. }
  265. .post ol.notes li.note blockquote a {
  266. text-decoration: none;
  267. }
  268. .pagination {
  269. display: none;
  270. }
  271. {CustomCSS}
  272. </style>
  273.  
  274. </head>
  275.  
  276. <body data-theme-network="level82" data-theme-id="32549">
  277.  
  278. {block:Pagination}<ul class="pagination">
  279. <li>{block:NextPage}<a href="{NextPage}" class="pagination_nextlink">Next</a>{/block:NextPage}</li>
  280. </ul>{/block:Pagination}
  281.  
  282. <div class="header">
  283.  
  284. <a class="title" href="/"><h1>{block:IfNotHeaderImage}{Title}{/block:IfNotHeaderImage}{block:IfHeaderImage}<img src="{image:Header}" alt="{Title}" />{/block:IfHeaderImage}</h1></a>
  285. {block:AskEnabled}<a class="menu_item" href="/ask">{AskLabel}</a>{/block:AskEnabled}{block:SubmissionsEnabled}<a class="menu_item" href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}{block:HasPages}{block:Pages}<a class="menu_item" href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}{block:Pagination}{block:PreviousPage}<a {block:IfInfiniteScroll}style="display:none"{/block:IfInfiniteScroll} href="{PreviousPage}">{lang:Previous page}</a>{/block:PreviousPage}{block:NextPage}<a {block:IfInfiniteScroll}style="display:none"{/block:IfInfiniteScroll} href="{NextPage}">{lang:Next page}</a>{/block:NextPage}{/block:Pagination}<a class="menu_item" href="/archive">{lang:Archive}</a>
  286.  
  287. </div>
  288.  
  289. <div class="posts" style="opacity: 0">
  290. {block:Posts}
  291. <div class="post {block:IfInfiniteScroll}load{/block:IfInfiniteScroll}" id="post_{PostID}">{block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{block:More}<h3><a href="{Permalink}">Read more</a></h3>{/block:More}{/block:Text}{block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}{Label}{/block:Label} <em>{Line}</em></div>{/block:Lines}</div>{/block:Chat}{block:Quote}<h2>"{Quote}"</h2>{block:Source}<p>- {Source}</p>{/block:Source}{/block:Quote}{block:Link}<h2><a href="{URL}" {Target}>{Name}</a></h2>{block:Description}{Description}{/block:Description}{/block:Link}{block:Photo}<div class="photo"><div class="photo_info"><h2><a href="{Permalink}">{NoteCount}</a></h2></div>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" class="main_photo" />{LinkCloseTag}</div>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}{block:Photoset}{block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{block:Video}{block:IndexPage}{Video-400}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:Video}{block:Audio}{block:AlbumArt}<a href="{Permalink}"><img src="{AlbumArtURL}" class="main_photo" /></a>{/block:AlbumArt}<div class="player">{AudioPlayerWhite}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  292.  
  293. {block:Date}<div class="info_bar" {block:Photo}style="display: none"{/block:Photo}>{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a> | {/block:NoteCount}<a href="{Permalink}">{TimeAgo}</a></div>{/block:Date}
  294. </div>
  295.  
  296.  
  297. {block:PostNotes}<div class="post">
  298. {block:NoteCount}<h2>{NoteCountWithLabel}</h2>{/block:NoteCount}
  299. {PostNotes}
  300. </div>{/block:PostNotes}
  301.  
  302.  
  303. {/block:Posts}
  304.  
  305. </div>
  306.  
  307. <script type="text/javascript">
  308. $(function(){var $container = $('.posts').css({ opacity: 0 }); $container.imagesLoaded(function(){ $container.animate({ opacity: 1 }); $container.masonry({itemSelector:'.post',columnWidth: 410});});$container.infinitescroll({navSelector:'.pagination',nextSelector:'.pagination li a.pagination_nextlink',itemSelector: '.load',loading: {img:'http://static.tumblr.com/glziqhp/eRkls6pz6/white-90perc-opacity.png',donetext:''}},function( newElements ) { var $newElems = $( newElements ).css({ opacity: 0 });$newElems.imagesLoaded(function(){$newElems.animate({ opacity: 1 });$container.masonry( 'appended', $newElems, true );});});});
  309. </script>
  310. </body>
  311. </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!