API tools faq
paste
georgieee

Start Aurao by level 82

georgieee
Jul 12th, 2012
228
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.69 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="text:Blog title size" content="75px" />
  14. <meta name="if:Infinite scroll" content="1" />
  15. <meta name="color:Body text" content="#444444" />
  16. <meta name="color:Blog title" content="#000000" />
  17.  
  18. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  19. <script type="text/javascript" src="http://static.tumblr.com/jw8fmba/648luowoo/theme.js"></script>
  20. <script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
  21.  
  22. <style type="text/css">
  23. @import url(http://static.tumblr.com/jw8fmba/pXhlt5pzb/bebasneue.css);
  24. html,body {
  25. margin: 0;
  26. font-size: 12px;
  27. line-height: 160%;
  28. height: 100%;
  29. }
  30. * {
  31. font-family: Calibri, Helvetica, Arial, sans-serif;
  32. color: {color:Body text};
  33. }
  34. a img {
  35. border: none;
  36. }
  37. a {
  38. color: inherit;
  39. font-size: inherit;
  40. }
  41. em,em a,a em {
  42. font-family: Georgia, "Times New Roman", Times, serif;
  43. font-style: italic;
  44. }
  45. blockquote {
  46. margin: 0;
  47. padding: 0 0 0 9px;
  48. border-left: 1px #CCC dotted;
  49. }
  50. .header {
  51. position: relative;
  52. width: 1040px;
  53. margin: 50px auto 25px auto;
  54. text-align: center;
  55. }
  56. .header a {
  57. text-decoration: none;
  58. }
  59. .header img {
  60. max-width: 100%;
  61. }
  62. .header .title h1 {
  63. margin: 0;
  64. line-height: 100%;
  65. font-family: 'BebasNeueRegular', Arial, sans-serif;
  66. text-transform: uppercase;
  67. font-weight: normal;
  68. font-size: {text:Blog title size};
  69. color: {color:Blog title};
  70. }
  71. .header p {
  72. margin: 0;
  73. }
  74. .header .menu_item {
  75. margin: 0 5px;
  76. }
  77. .posts {
  78. position: relative;
  79. margin: 25px auto;
  80. {block:IndexPage}
  81. width: 1040px;
  82. {/block:IndexPage}
  83. {block:PermalinkPage}
  84. width: 510px;
  85. {/block:PermalinkPage}
  86. height: 105%;
  87. }
  88. .post {
  89. float: left;
  90. position: relative;
  91. margin: 5px;
  92. }
  93. .post h2 {
  94. margin: 0;
  95. font-size: 16px;
  96. line-height: 18px;
  97. letter-spacing: 1px;
  98. font-weight: normal;
  99. }
  100. .post h2.quote {
  101. font-family: Georgia, "Times New Roman", Times, serif;
  102. letter-spacing: 0;
  103. font-style: italic;
  104. }
  105. .post p,.post li {
  106. line-height: 175%;
  107. }
  108. .post p {
  109. margin: 10px 0 5px 0;
  110. }
  111. .post ol,.post ul {
  112. margin: 3px 0;
  113. padding: 0;
  114. }
  115. .post li {
  116. margin: 2px 35px;
  117. }
  118. .post .info_bar {
  119. width: 100%;
  120. padding: 1px 0;
  121. text-align: center;
  122. position: absolute;
  123. top: 90%;
  124. left: 0;
  125. font-size: 11px;
  126. opacity: 0;
  127. -webkit-transition: all 0.1s ease;
  128. -moz-transition: all 0.1s ease;
  129. -o-transition: all 0.1s ease;
  130. transition: all 0.1s ease;
  131. background: {color:Body text};
  132. color: {color:Background};
  133. {block:PermalinkPage}
  134. display: none;
  135. {/block:PermalinkPage}
  136. }
  137. .post:hover .info_bar {
  138. opacity: .9;
  139. }
  140. .post .info_bar a {
  141. color: {color:Background};
  142. text-decoration: none;
  143. margin: 0 5px;
  144. }
  145. .post .photo {
  146. position: relative;
  147. padding: 0;
  148. line-height: 0 !important;
  149. {block:IndexPage}
  150. background: rgba(255,255,255,1);
  151. {/block:IndexPage}
  152. }
  153. .post .photo .photo_info {
  154. position: absolute;
  155. top: 50%;
  156. left: 0;
  157. width: 100%;
  158. height: 50px;
  159. margin: -25px 0 0 0;
  160. text-align: center;
  161. z-index: 10;
  162. opacity: 0;
  163. -webkit-transition: all 0.5s ease;
  164. -moz-transition: all 0.5s ease;
  165. -o-transition: all 0.5s ease;
  166. transition: all 0.5s ease;
  167. {block:PermalinkPage}
  168. display: none;
  169. {/block:PermalinkPage}
  170. }
  171. .post:hover .photo .photo_info {
  172. opacity: 1;
  173. }
  174. .post .photo .photo_info a {
  175. color: #FFF;
  176. text-decoration: none;
  177. }
  178. .post .photo .photo_info h2 a {
  179. margin: 0;
  180. line-height: 100%;
  181. font-family: 'BebasNeueRegular', Arial, sans-serif;
  182. text-transform: uppercase;
  183. font-size: 50px;
  184. color: #FFF;
  185. }
  186. .post img.main_photo {
  187. width: 100%;
  188. }
  189. .post img {
  190. max-width: 100%;
  191. height: auto;
  192. }
  193. .post .photo img {
  194. opacity: 1;
  195. -webkit-transition: all 0.5s ease;
  196. -moz-transition: all 0.5s ease;
  197. -o-transition: all 0.5s ease;
  198. transition: all 0.5s ease;
  199. margin: 0;
  200. line-height: 0;
  201. }
  202. .post:hover .photo img {
  203. {block:IndexPage}
  204. opacity: 0.5;
  205. {/block:IndexPage}
  206. }
  207. .post .player {
  208. padding: 2px 10px;
  209. background: #FFF;
  210. margin: 0;
  211. }
  212. .post .lines {
  213. margin: 0 0 5px 0;
  214. }
  215. .post .lines .line {
  216. padding: 10px;
  217. }
  218. .post .lines .odd {
  219. }
  220. .post .lines .even {
  221. background: {color:Body text};
  222. color: {color:Background};
  223. }
  224. .post .lines .even * {
  225. color: {color:Background};
  226. }
  227. .post ol.notes {
  228. padding: 0;
  229. list-style-type: none;
  230. }
  231. .post ol.notes li.note {
  232. border-bottom: solid 1px #F6F6F6;
  233. padding: 6px 0;
  234. margin: 0 !important;
  235. }
  236. .post ol.notes li.note img.avatar {
  237. vertical-align: -4px;
  238. margin-right: 10px;
  239. width: 16px;
  240. height: 16px;
  241. }
  242. .post ol.notes li.note span.action {
  243. }
  244. .post ol.notes li.note .answer_content {
  245. font-weight: normal;
  246. }
  247. .post ol.notes li.note blockquote {
  248. border-color: #F6F6F6;
  249. padding: 4px 10px;
  250. margin: 10px 0px 0px 25px;
  251. }
  252. .post ol.notes li.note blockquote a {
  253. text-decoration: none;
  254. }
  255. .pagination {
  256. display: none;
  257. }
  258. body{background:url({image:Background}) {color:Background} fixed center 0}.post{width:{block:IndexPage}250{/block:IndexPage}{block:PermalinkPage}500{/block:PermalinkPage}px}
  259. {CustomCSS}
  260. </style>
  261.  
  262. </head>
  263.  
  264. <body class="{Name}">
  265.  
  266. {block:Pagination}<ul class="pagination">
  267. <li>{block:NextPage}<a href="{NextPage}" class="pagination_nextlink">Next</a>{/block:NextPage}</li>
  268. </ul>{/block:Pagination}
  269.  
  270. <div class="header">
  271.  
  272. <a class="title" href="/">{block:IfHeaderImage}<img src="{image:Header}" />{/block:IfHeaderImage}{block:IfNotHeaderImage}<h1>{Title}</h1>{block:IfNotHeaderImage}</a>
  273. <p>{block:AskEnabled}<a class="menu_item" href="/ask">{AskLabel}</a>{/block:AskEnabled}{block:SubmitEnabled}<a class="menu_item" href="/submit">{SubmitLabel}</a>{/block:SubmitEnabled}{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></p>
  274.  
  275. </div>
  276.  
  277. <div class="posts">
  278. {block:Posts}
  279. <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}">{lang:Read more}</a></h3>{/block:More}{/block:Text}{block:Answer}<p><strong>{lang:Asker asked}: {Question}</strong></p><p>{Answer}</p>{/block:Answer}{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="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}" class="main_photo" />{LinkCloseTag}</div>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}{block:Photoset}{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{block:Video}{block:IndexPage}{Video-250}{/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}
  280.  
  281. {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}
  282. </div>
  283.  
  284.  
  285. {block:PostNotes}<div class="post">
  286. {block:NoteCount}<h2>{NoteCountWithLabel}</h2>{/block:NoteCount}
  287. {PostNotes}
  288. </div>{/block:PostNotes}
  289.  
  290.  
  291. {/block:Posts}
  292.  
  293. </div>
  294. {block:IndexPage}
  295. <script type="text/javascript">
  296. $(function(){var $container = $('.posts');$container.imagesLoaded(function(){$container.masonry({itemSelector:'.post',columnWidth: 260});});$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 );});});});
  297. </script>
  298. {/block:IndexPage}
  299. </body>
  300. </html>
Advertisement
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!