API tools faq
paste
Advertisement
lovely-themesDOTcom

lovely-themesDOTcom/29

lovely-themesDOTcom
Apr 2nd, 2013
2,862
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.33 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: 215
  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. <style type="text/css">
  51.  
  52. body {
  53. background: url('http://static.tumblr.com/necydca/pIcmkmfqu/bg001.png'), url('http://static.tumblr.com/necydca/hSkmkmfro/bg002.png');
  54. background-repeat: repeat-x, repeat;
  55. font-family: calibri;
  56. font-size: 10px;
  57. text-decoration: none;
  58. color: #888;
  59. text-align: left;
  60. line-height: 12px;
  61. }
  62.  
  63. #container {
  64. width: 650px;
  65. display: block;
  66. margin: 0 auto;
  67. text-align: justify;
  68. overflow: hidden;
  69. margin-top:-8px;
  70. }
  71.  
  72. #header {
  73. width: 650px;
  74. height:160px;
  75. margin: 0 auto;
  76. margin-top:50px;
  77. }
  78.  
  79. #content {
  80. width: 650px;
  81. display: block;
  82. margin: 0 auto;
  83. text-align: justify;
  84. overflow: hidden;
  85. float:left;
  86. margin-left:6px;
  87. margin-top:5px;
  88. }
  89.  
  90. ::-webkit-scrollbar-thumb {
  91. background-color: #111;
  92. }
  93. ::-webkit-scrollbar {
  94. width: 10px; height:5px;
  95. background: #fff;
  96. }
  97.  
  98. .topbox {
  99. background: #fff;
  100. border: 1px solid #eee;
  101. display: block;
  102. overflow: auto;
  103. padding: 5px;
  104. padding-bottom:0px;
  105. width:187px;
  106. height:130px;
  107. margin-left:6px;
  108. margin-top:0px;
  109. float:left; display:block;
  110. }
  111.  
  112. .topbox2 {
  113. background: #fff;
  114. border: 1px solid #eee;
  115. display: block;
  116. overflow: auto;
  117. padding: 5px;
  118. width:300px;
  119. height:130px;
  120. padding-bottom:0px;
  121. float:left;
  122. display:block;
  123. margin-left:10px;
  124. margin-top:0px;
  125. }
  126.  
  127. .posts {
  128. float: left;
  129. width: 210px;
  130. overflow: auto;
  131. margin-left: 0px;
  132. }
  133.  
  134. .postbox {
  135. background: #fff;
  136. display: block;
  137. text-align: justify;
  138. overflow: hidden;
  139. padding: 5px;
  140. margin-bottom: 10px;
  141. }
  142.  
  143. .notesbox {
  144. background: #fff;
  145. display: block;
  146. text-align: justify;
  147. overflow: hidden;
  148. padding: 5px;
  149. margin-bottom: 10px;
  150. margin-left: 10px;
  151. margin-right:186px;
  152. float: right;
  153. width: 400px;
  154. }
  155.  
  156. a.nav:link, a.nav:active, a.nav:visited{
  157. font-family: calibri;
  158. font-size: 10px;
  159. color: #ccc;
  160. text-decoration: none;
  161. text-transform: uppercase;
  162. line-height:13px;
  163. margin: 1px; padding: 1px;
  164. margin-left:10px;
  165. text-align: center;
  166. background-color:#222;
  167. display:block;
  168. width:100px;
  169. float:left;
  170. }
  171. a.nav:hover{
  172. letter-spacing:5px;
  173. }
  174.  
  175. a.top:link, a.top:active, a.top:visited{
  176. display:block;
  177. float:left; width:135px;
  178. font-family: calibri;
  179. font-size: 11px;
  180. color: #ccc;
  181. line-height:30px;
  182. margin: 1px; padding: 10px;
  183. margin-left:5px;
  184. text-align: center;
  185. text-transform: uppercase;
  186. background-color:#191919;
  187. }
  188. a.top:hover{
  189. letter-spacing:5px;
  190. }
  191.  
  192. h1{
  193. font-family: calibri;
  194. font-size: 10px;
  195. color: #ccc;
  196. text-decoration: none;
  197. text-transform: uppercase;
  198. text-align: center;
  199. margin: 1px;
  200. padding: 1px;
  201. background: #111;
  202. }
  203.  
  204. a{
  205. color: #69b9b1;
  206. text-decoration:none;
  207. -webkit-transition: all 0.5s ease-in-out;
  208. -moz-transition: all 0.5s ease-in-out;
  209. -ms-transition: all 0.5s ease-in-out;
  210. -o-transition: all 0.5s ease-in-out;
  211. transition: all 0.5s ease-in-out;
  212. }
  213. a:hover{
  214. color:#000;
  215. text-decoration:none;
  216. -webkit-transition: all 0.5s ease-in-out;
  217. -moz-transition: all 0.5s ease-in-out;
  218. -ms-transition: all 0.5s ease-in-out;
  219. -o-transition: all 0.5s ease-in-out;
  220. transition: all 0.5s ease-in-out;
  221. }
  222.  
  223. b, strong{color: #69b9b1;}
  224. u {color: #a4aa74;}
  225. i, em {color: #000; font-style:normal;}
  226.  
  227.  
  228. ol.notes {
  229. display:block;
  230. text-decoration: none;
  231. background: #111;
  232. list-style-type: none;
  233. border-bottom: 1px solid #222;
  234. }
  235. ol {
  236. list-style-position: inside;
  237. -webkit-padding-start: 0px;
  238. }
  239. ol.notes li.note {
  240. border-bottom: solid 1px #222;
  241. padding: 4px;
  242. }
  243. ol.notes li.note img.avatar {
  244. width: 14px;
  245. padding: 2px;
  246. background: #111;
  247. margin-bottom: -4px;
  248. }
  249. img.border{
  250. padding:4px; margin:0px;
  251. margin-right:2px;
  252. }
  253. img.border2{
  254. margin:0px;
  255. -webkit-transition:0.5s; -moz-transition:0.5s;
  256. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  257. }
  258. img.border2:hover{
  259. -webkit-border-radius: 10px;
  260. border-radius: 10px;
  261. -webkit-transition:0.5s; -moz-transition:0.5s;
  262. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  263. }
  264.  
  265. .stuff{
  266. display: block;
  267. text-align:center;
  268. background-color:#fff;
  269. color:#333;
  270. width:200px;
  271. margin-left:-10px;
  272. padding:3px;
  273. opacity: 0.8;
  274. transition: opacity 1s ease-in-out;
  275. -moz-transition: opacity 1s ease-in-out;
  276. -webkit-transition: opacity 1s ease-in-out;
  277. }
  278. .stuff a{
  279. text-align:center;
  280. color:#333;
  281. line-height:10px;
  282. text-transform:uppercase;
  283. letter-spacing:0px;
  284. opacity: 1.0;
  285. }
  286.  
  287. .stuff a:hover{
  288. color: #69b9b1;
  289. }
  290.  
  291. figure {
  292. display: block;
  293. position: relative;
  294. float: left;
  295. overflow: hidden;
  296. margin: 0px;}
  297. figcaption {
  298. position: absolute;
  299. padding: 5px; opacity: 0;
  300. -webkit-transition: all 0.6s ease;
  301. -moz-transition: all 0.6s ease;
  302. -o-transition: all 0.6s ease;}
  303. figure:hover figcaption {opacity:1;}
  304. .cap-bot figcaption {left: 0; bottom: -100%;}
  305. .cap-bot:hover figcaption {bottom: 0;}
  306.  
  307.  
  308. </style>
  309.  
  310. <body>
  311.  
  312. <div id="container">
  313. <a href="/" class="top">home</a>
  314. <a href="/archive" class="top">archive</a>
  315. <a href="/ask" class="top">askme</a>
  316. <a href="http://lovely-themes.com/" class="top">theme</a>
  317.  
  318.  
  319. <div id="header"><br>
  320. <div class="topbox">
  321. <img src="http://24.media.tumblr.com/tumblr_m5jesmzXII1rwdzlho1_250.jpg" width=187>
  322. </div>
  323.  
  324. <div class="topbox2">
  325. <h1>about me</h1>
  326. {Description}
  327. </div>
  328.  
  329. <a href="/" class="nav">link</a>
  330. <a href="/" class="nav">link</a>
  331. <a href="/" class="nav">link</a>
  332. <a href="/" class="nav">link</a>
  333. <a href="/" class="nav">link</a>
  334. <a href="/" class="nav">link</a>
  335. <a href="/" class="nav">link</a>
  336. <a href="/" class="nav">link</a>
  337.  
  338. </div>
  339. <Script Language='Javascript'>
  340. <!--
  341. 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'));
  342. //-->
  343. </Script>
  344. <div id="content">
  345.  
  346. {block:Posts}
  347.  
  348. <div class="posts">
  349. <div class="postbox">
  350. <figure class='cap-bot'>
  351. {block:Text}
  352. {block:Title}
  353. <h1>{Title}</h1>
  354. {/block:Title}
  355. {Body}
  356. {/block:Text}
  357.  
  358. {block:Quote}
  359. {Quote}<p>
  360. {/block:Quote}
  361.  
  362. {block:Answer}
  363. <b>{Asker}</b>: {Question}<br>
  364. {Answer}
  365. {/block:Answer}
  366.  
  367. {block:Photo}
  368. <center>
  369. <img src="{PhotoURL-250}" width="200px" style="max-width: 200px;">
  370. </center>
  371. {/block:Photo}
  372.  
  373. {block:Audio}
  374. {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>)
  375. {/block:ExternalAudio}
  376. <center>{AudioPlayerWhite}</center> <p>
  377. {/block:Audio}
  378.  
  379. {block:Video}
  380. <center>{Video-500}</center><p>
  381. {/block:Video}
  382.  
  383. {block:Photoset}
  384. <center>{Photoset-250}</center>
  385. {/block:Photoset}
  386.  
  387. {block:Chat}
  388. <center>{block:Title}<h1>{Title}</h1>{/block:Title}
  389. {block:Lines}{block:Label}
  390. <br>{Label}{/block:Label} {Line} {/block:Lines}</center>
  391. {/block:Chat}
  392.  
  393. {block:Link}
  394. <a href="{URL}"><h1>{Name}</h1></a>
  395. {block:Description}{Description}{/block:Description}
  396. {/block:Link}
  397.  
  398. {block:IndexPage}
  399. <figcaption class='cap-bot'>
  400. <div class="stuff">
  401. <center><a href="{reblogurl}" target="_blank">Reblog</a> // <a href="{Permalink}" title="permalink">{NoteCountWithLabel}</a></center>
  402. </div></figcaption></figure>
  403. {/block:IndexPage}
  404.  
  405. </div>
  406. </div>
  407.  
  408. {block:PostNotes}
  409.  
  410. <div class="notesbox">
  411. {block:RebloggedFrom}rebloged from <a href="{ReblogParentURL}"> &hearts; </a> posted by <a href="{ReblogRootURL}">&copy;</a> {/block:RebloggedFrom} on {Month} {DayOfMonth},{Year} & has {NoteCountwithLabel} <p>{PostNotes}</div>
  412. {/block:PostNotes}
  413. {/block:Posts}
  414.  
  415. {block:IndexPage}
  416. <div class="column navigation" id="navigation">
  417. {block:Pagination}
  418. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  419. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  420. </div>
  421. {/block:IndexPage}
  422.  
  423. </div>
  424. </div>
  425. </div>
  426. </div>
  427. <Script Language='Javascript'>
  428. <!--
  429. 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'));
  430. //-->
  431. </Script>
  432. </body>
  433. </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!