API tools faq
paste
Advertisement
lovely-themesDOTcom

lovely-themesDOTcom/30

lovely-themesDOTcom
Apr 2nd, 2013
4,725
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.73 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>
  3. <head>
  4.  
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8.  
  9. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
  10. {block:IndexPage}
  11.  
  12. <script src="http://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>
  13. <script src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
  14. <script src="http://masonry.desandro.com/js/jquery.infinitescroll.min.js"></script>
  15.  
  16. <script>
  17. $(function(){
  18. var $container = $('#content');
  19. $container.imagesLoaded(function(){
  20. $container.masonry({
  21. itemSelector: '.posts',
  22. columnWidth: 270
  23. });
  24. });
  25. $container.infinitescroll({
  26. navSelector : "div#navigation",
  27. nextSelector : "div#navigation a#nextPage",
  28. itemSelector : '.posts',
  29. loading: {
  30. finishedMsg: ' ',
  31. img: ' '
  32. }
  33. },
  34. function( newElements ) {
  35. var $newElems = $( newElements ).css({ opacity: 0 });
  36. $newElems.imagesLoaded(function(){
  37. $newElems.animate({ opacity: 1 });
  38. $container.masonry( 'appended', $newElems, true );
  39. });
  40. }
  41. );
  42.  
  43. });
  44. </script>
  45.  
  46. {/block:IndexPage}
  47.  
  48. </head>
  49.  
  50.  
  51. <style type="text/css">
  52. body {
  53. background: url('http://static.tumblr.com/necydca/o1xmkmj5l/01bg.png'), url('http://static.tumblr.com/necydca/hSkmkmfro/bg002.png');
  54. background-repeat: repeat-y, repeat;
  55. background-attachment: fixed;
  56. font-family: calibri;
  57. font-size: 10px;
  58. text-decoration: none;
  59. color: #888;
  60. text-align: center;
  61. line-height: 12px;
  62. }
  63.  
  64. #header{
  65. width:252px; height: 25px;
  66. position:fixed;
  67. z-index:1;
  68. background-color:#;
  69. margin-top:128px;
  70. margin-left:150px
  71. }
  72.  
  73. #sidebar{
  74. float: left;
  75. width: 250px;
  76. height:100%;
  77. padding:0px;
  78. margin-top:150px;
  79. margin-left: 150px;
  80. position: fixed;
  81. z-index:1;
  82. }
  83.  
  84. #content{
  85. width: 850px;
  86. display: block;
  87. margin: 0 auto;
  88. text-align: justify;
  89. overflow: hidden;
  90. float:left;
  91. margin-left:420px;
  92. margin-top:-30px;
  93. background-color:#;
  94. }
  95. .posts {
  96. float: left;
  97. width: 260px;
  98. overflow: auto;
  99. margin-left: 5px;
  100. }
  101. .postbox {
  102. background: #fff;
  103. border: 1px solid #e8e8e8;
  104. display: block;
  105. text-align: justify;
  106. overflow: hidden;
  107. padding: 5px;
  108. margin-bottom: 10px;
  109. }
  110. #footer{
  111. clear:both;
  112. }
  113. .box{
  114. background: #111;
  115. border: 1px solid #000;
  116. width:230px;padding:3px;
  117. padding:5px;
  118. height:45%;
  119. color:#888;
  120. }
  121.  
  122. #permalink{
  123. display:block;
  124. padding:1px;
  125. margin-top:0px;
  126. margin-bottom:0px;
  127. text-align:center;
  128. }
  129.  
  130. ::-webkit-scrollbar-thumb {
  131. background-color: #333;
  132. }
  133. ::-webkit-scrollbar {
  134. width: 10px; height: 4px;
  135. background: #fff;
  136. }
  137.  
  138. a:link, a:active, a:visited{
  139. color:#333;
  140. text-decoration: none;
  141. }
  142. a:hover{
  143. color:#000;
  144. text-decoration: none;
  145. }
  146.  
  147. h1{
  148. color:#111;
  149. text-align:center;
  150. line-height:10px; margin:0px;
  151. margin-top:1px; margin-bottom:2px;
  152. font-weight:normal;
  153. background: #333;
  154. letter-spacing: 3px;
  155. }
  156.  
  157. #sidebar h1{
  158. color:#666;
  159. text-align:center;
  160. line-height:10px; margin:0px;
  161. margin-top:1px; margin-bottom:2px;
  162. font-weight:normal;
  163. background: #333;
  164. letter-spacing: 3px;
  165. }
  166.  
  167.  
  168. a.nav1, a.nav1:visited {
  169. float:left; display:block;
  170. width:52px; margin:1px; padding:3px;
  171. text-align: center;
  172. color:#dadada;
  173. text-transform:uppercase;
  174. font-weight:normal;
  175. background-color:#333;
  176. }
  177. a.nav1:hover {
  178. letter-spacing:2px;
  179. }
  180.  
  181. a.nav2, a.nav2:visited {
  182. float:left; display:block;
  183. width:50px; margin:1px;
  184. margin-left:5px;
  185. padding: 18px 0px 18px 0px;
  186. text-align: center;
  187. color:#dadada;
  188. text-transform:uppercase;
  189. font-weight:normal;
  190. background-color:#333;
  191. -webkit-border-radius: 30px;
  192. border-radius: 30px;
  193. }
  194. a.nav2:hover {
  195. letter-spacing:2px;
  196. -webkit-border-radius: 30px;
  197. border-radius: 30px;
  198. }
  199.  
  200. .stuff{
  201. display: block;
  202. text-align:center;
  203. background-color:#fff;
  204. width:250px;
  205. margin-left:-10px;
  206. padding:3px;
  207. opacity: 0.8;
  208. transition: opacity 1s ease-in-out;
  209. -moz-transition: opacity 1s ease-in-out;
  210. -webkit-transition: opacity 1s ease-in-out;
  211. }
  212. .stuff a{
  213. text-align:center;
  214. color:#000;
  215. line-height:10px;
  216. text-transform:uppercase;
  217. letter-spacing:0px; font-weight:normal;
  218. opacity: 1.0;
  219. }
  220.  
  221. .stuff a:hover{
  222. color: #85b5e9;
  223. }
  224.  
  225. figure {
  226. display: block;
  227. position: relative;
  228. float: left;
  229. overflow: hidden;
  230. margin: 0px;}
  231. figcaption {
  232. position: absolute;
  233. padding: 5px; opacity: 0;
  234. -webkit-transition: all 0.6s ease;
  235. -moz-transition: all 0.6s ease;
  236. -o-transition: all 0.6s ease;}
  237. figure:hover figcaption {opacity:1;}
  238. .cap-bot figcaption {left: 0; bottom: -0%;}
  239. .cap-bot:hover figcaption {bottom: 0;}
  240.  
  241. b,strong {color: #333; font-weight: normal;}
  242. i,em {color:#000;}
  243. u {color:#333;}
  244. s {color:#333;}
  245.  
  246. .notesbox {
  247. background: #fff;
  248. display: block;
  249. text-align: justify;
  250. overflow: hidden;
  251. padding: 5px;
  252. margin:1px;
  253. float: left;
  254. width: 400px;
  255. }
  256. ol.notes {
  257. display:block;
  258. text-decoration: none;
  259. background: #fff;
  260. list-style-type: none;
  261. border-bottom: 1px solid #eee;
  262. }
  263. ol {
  264. list-style-position: inside;
  265. -webkit-padding-start: 0px;
  266. }
  267. ol.notes li.note {
  268. border-bottom: solid 1px #eee;
  269. padding: 4px;
  270. }
  271. ol.notes li.note img.avatar {
  272. width: 14px;
  273. padding: 2px;
  274. background: #fff;
  275. margin-bottom: -4px;
  276. }
  277. </style>
  278.  
  279.  
  280. <div id="header">
  281. <center>
  282. <a href="/" class="nav1">home</a>
  283. <a href="/ask" class="nav1">ask</a>
  284. <a href="/archive" class="nav1">archive</a>
  285. <a href="http://lovely-themes.com/" class="nav1">theme</a>
  286. </center>
  287. </div>
  288.  
  289. <div id="sidebar">
  290. <div class="box">
  291. <img src="http://25.media.tumblr.com/6e1d5f11db59699ae60cd9785e5940e9/tumblr_mk591eYwAB1rc8ydto1_250.gif" width=230>
  292. <h1>{title}</h1><p>
  293. {description}
  294. <p><center>
  295. <a href="/" class="nav2">link</a>
  296. <a href="/" class="nav2">link</a>
  297. <a href="/" class="nav2">link</a>
  298. <a href="/" class="nav2">link</a>
  299. </center>
  300. </div><p>
  301.  
  302. </div>
  303. <br><br><br>
  304. <Script Language='Javascript'>
  305. <!--
  306. document.write(unescape('%3C%64%69%76%20%73%74%79%6C%65%3D%22%70%6F%73%69%74%69%6F%6E%3A%20%66%69%78%65%64%3B%20%6C%65%66%74%3A%20%35%70%78%3B%20%62%6F%74%74%6F%6D%3A%20%35%70%78%3B%20%62%61%63%6B%67%72%6F%75%6E%64%3A%20%23%30%30%30%3B%20%70%61%64%64%69%6E%67%3A%20%33%70%78%3B%20%74%65%78%74%2D%74%72%61%6E%73%66%6F%72%6D%3A%20%75%70%70%65%72%63%61%73%65%3B%22%3E%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%6C%6F%76%65%6C%79%2D%74%68%65%6D%65%73%2E%63%6F%6D%22%3E%74%68%65%6D%65%3C%2F%61%3E%3C%2F%64%69%76%3E'));
  307. //-->
  308. </Script>
  309. <div id="content">
  310.  
  311. {block:Posts}
  312.  
  313. <div class="posts">
  314. <div class="postbox">
  315. <figure class='cap-bot'>
  316. {block:Text}
  317. {block:Title}
  318. <h1>{Title}</h1>
  319. {/block:Title}
  320. {Body}
  321. {/block:Text}
  322.  
  323. <div class="quote">
  324. {block:Quote}
  325. "{Quote}"<p>
  326. {/block:Quote}
  327. </div>
  328.  
  329. {block:Answer}
  330. <b>{Asker}</b>: {Question}<br>
  331. {Answer}
  332. {/block:Answer}
  333.  
  334. {block:Photo}
  335. <center>
  336. <img src="{PhotoURL-250}" width="248px" style="max-width: 248px;">
  337. </center>
  338. {/block:Photo}
  339.  
  340. {block:Audio}
  341. {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>)
  342. {/block:ExternalAudio}
  343. <center>{AudioPlayerWhite}</center> <p>
  344. {/block:Audio}
  345.  
  346. {block:Video}
  347. <center>{Video-250}</center><p>
  348. {/block:Video}
  349.  
  350. {block:Photoset}
  351. <center>{Photoset-250}</center>
  352. {/block:Photoset}
  353.  
  354. {block:Chat}
  355. <center>{block:Title}<h1>{Title}</h1>{/block:Title}
  356. {block:Lines}{block:Label}
  357. <br>{Label}{/block:Label} {Line} {/block:Lines}</center>
  358. {/block:Chat}
  359.  
  360. {block:Link}
  361. <a href="{URL}"><h1>{Name}</h1></a>
  362. {block:Description}{Description}{/block:Description}
  363. {/block:Link}
  364.  
  365. {block:IndexPage}<figcaption class='cap-bot'>
  366. <div class="stuff">
  367. <center><a href="{reblogurl}" target="_blank">Reblog</a> <b>&hearts;</b> <a href="{Permalink}" title="permalink">{NoteCountWithLabel}</a></center>
  368. </div></figcaption></figure>
  369. {/block:IndexPage}
  370.  
  371. </div>
  372. </div>
  373. {block:PostNotes}
  374.  
  375. <div class="notesbox">
  376. {block:RebloggedFrom}rebloged from <a href="{ReblogParentURL}">&hearts;</a> posted by <a href="{ReblogRootURL}">&copy;</a> {/block:RebloggedFrom} {PostNotes}</div>
  377. {/block:PostNotes}
  378. {/block:Posts}
  379.  
  380. {block:IndexPage}
  381. <div class="column navigation" id="navigation">
  382. {block:Pagination}
  383. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  384. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  385. </div>
  386. {/block:IndexPage}
  387.  
  388. </div>
  389. </div>
  390. </div>
  391. </div>
  392.  
  393. </body>
  394. </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!