API tools faq
paste
Advertisement
lovely-themesDOTcom

lovely-themesDOTcom/02

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