API tools faq
paste
Advertisement
lovely-themesDOTcom

lovely-themesDOTcom/19

lovely-themesDOTcom
Mar 21st, 2013
6,095
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.56 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: 400
  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-color:#dadada;
  54. background-image: url('http://24.media.tumblr.com/tumblr_mb6hlsZL5r1rhin2xo1_500.jpg');
  55. background-attachment:fixed;
  56. color:#b5a69d;
  57. font-family: "arial";
  58. font-size:10px;
  59. line-height:11px;
  60. font-weight:normal;
  61. text-transform: normal;
  62. }
  63. @font-face {
  64. font-family: "04b03";
  65. src: url("http://static.tumblr.com/necydca/Eurmjztdk/04b_03__.ttf")
  66. }
  67.  
  68. #main{
  69. margin: 0 auto;
  70. margin-top:-10px;
  71. width:800px;
  72. background-color:#;
  73. border: 1px solid #;
  74. }
  75.  
  76. #header{
  77. width:800px; height: 25px;
  78. position:fixed;
  79. z-index:1;
  80. background-color:#;
  81. }
  82.  
  83. #sidebar{
  84. float: left;
  85. width: 250px;
  86. height:100%;
  87. padding:0px;
  88. margin-top:100px;
  89. position: fixed;
  90. z-index:1;
  91. }
  92.  
  93. #content{
  94. width: 550px;
  95. display: block;
  96. margin: 0 auto;
  97. text-align: justify;
  98. overflow: hidden;
  99. float:right;
  100. background-color:#;
  101. }
  102. .posts {
  103. float: right;
  104. width: 412px;
  105. overflow: auto;
  106. margin-left: 5px;
  107. }
  108. .postbox {
  109. background: #f3e6de;
  110. border: 1px solid #e9dad1;
  111. display: block;
  112. text-align: justify;
  113. overflow: hidden;
  114. padding: 5px;
  115. margin-bottom: 10px;
  116. -webkit-border-radius: 15px;
  117. border-radius: 15px;
  118. }
  119. #footer{
  120. clear:both;
  121. }
  122. .box{
  123. background: #f3e6de;
  124. border: 1px solid #e9dad1;
  125. width:230px;padding:3px;
  126. padding:5px;
  127. -webkit-border-radius: 15px;
  128. border-radius: 15px;
  129. }
  130.  
  131. .box2{
  132. background: #f3e6de;
  133. border: 1px solid #e9dad1;
  134. width:230px;padding:3px;
  135. padding:5px;
  136. height: 68px;
  137. -webkit-border-radius: 15px;
  138. border-radius: 15px;
  139. }
  140.  
  141. #permalink{
  142. display:block;
  143. padding:1px;
  144. margin-top:0px;
  145. margin-bottom:0px;
  146. text-align:center;
  147. }
  148.  
  149. ::-webkit-scrollbar-thumb {
  150. background-color: #b88f76;
  151. }
  152. ::-webkit-scrollbar {
  153. width: 10px; height: 4px;
  154. background: #f1c8af;
  155. }
  156.  
  157. a:link, a:active, a:visited{color:#b88f76; text-decoration: none;}
  158. a:hover{color:#d9b198; text-decoration: none;}
  159.  
  160. h1{
  161. color:#b88f76;
  162. font-family: "arial";
  163. font-size:10px;
  164. text-align:center;
  165. line-height:12px; margin:0px;
  166. font-weight:normal;
  167. border-bottom: 1px dashed #f1c8af;
  168. border-left: 5px solid #f1c8af;
  169. border-right: 5px solid #f1c8af;
  170. letter-spacing: 0px;
  171. -webkit-border-radius: 15px;
  172. border-radius: 15px;
  173. }
  174.  
  175. a.nav1, a.nav1:visited {
  176. float:left; display:block;
  177. width:51px;
  178. margin:1px; padding:3px;
  179. text-align: center;
  180. font-family: "arial";
  181. font-size:10px;
  182. color:#b88f76;
  183. text-transform:uppercase;
  184. font-weight:bold;
  185. -webkit-transition:0.5s; -moz-transition:0.5s;
  186. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  187. -webkit-border-radius: 15px;
  188. border-radius: 15px;
  189. }
  190. a.nav1:hover {
  191. color:#f1c8af;
  192. }
  193.  
  194.  
  195. a.nav5, a.nav5:visited {
  196. float:left; display:block; width:22px;
  197. color:#f1c8af;
  198. font-family: "04b03";
  199. font-size:8px;
  200. line-height:10x;
  201. text-align: center;
  202. background-color:#b88f76;
  203. text-transform:uppercase;
  204. margin:1px; padding:7px;
  205. -webkit-transition:0.5s; -moz-transition:0.5s;
  206. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  207. -webkit-border-radius: 10px;
  208. border-radius: 10px;
  209. }
  210. a.nav5:hover {color: #b88f76; background-color:#f1c8af;}
  211.  
  212. .title{
  213. color:#ff54ac;
  214. font-family: "arial";
  215. font-size:10px;
  216. text-align:center;
  217. line-height:12px; margin:0px;
  218. font-weight:normal;
  219. background-color: #f1c8af;
  220. margin-bottom:4px;
  221. padding-top:2px;
  222. letter-spacing: 3px;
  223. border-bottom: 1px dashed #111;
  224. display: block;
  225. }
  226.  
  227. .quote{
  228. color:#ff54ac;
  229. font-family: "arial";
  230. font-size:10px;
  231. line-height:12px;
  232. font-weight:normal;
  233. }
  234.  
  235. .stuff{
  236. margin:1px; padding:4px;
  237. display: block;
  238. line-height:8px;
  239. text-align:center;
  240. margin-top:0px;
  241. margin-bottom:10px;
  242. }
  243. .stuff a{
  244. margin:0px; padding:5px;
  245. text-align:center;
  246. color:#f1c8af; background-color:#b88f76;
  247. font-family: "04b03";
  248. font-size:8px; line-height:10px;
  249. text-transform:uppercase;
  250. letter-spacing:0px; font-weight:normal;
  251. -webkit-transition:0.5s; -moz-transition:0.5s;
  252. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  253. -webkit-border-radius: 10px;
  254. border-radius: 10px;
  255. }
  256.  
  257. .stuff a:hover{
  258. color: #b88f76; background-color:#f1c8af;
  259. -webkit-border-radius: 10px;
  260. border-radius: 10px;
  261. }
  262.  
  263. figure {
  264. display: block;
  265. position: relative;
  266. float: left;
  267. overflow: hidden;
  268. margin: 0px;}
  269. figcaption {
  270. position: absolute;
  271. padding: 5px; opacity: 0;
  272. -webkit-transition: all 0.6s ease;
  273. -moz-transition: all 0.6s ease;
  274. -o-transition: all 0.6s ease;}
  275. figure:hover figcaption {opacity:1;}
  276. .cap-bot figcaption {left: 0; bottom: -0%;}
  277. .cap-bot:hover figcaption {bottom: 0;}
  278.  
  279. b {color: #b88f76; font-weight: normal;}
  280. i {color:#b88f76;}
  281. u {color:#b88f76;}
  282. s {color:#b88f76;}
  283.  
  284. img {
  285. opacity: 0.6;
  286. transition: opacity 1s ease-in-out;
  287. -moz-transition: opacity 1s ease-in-out;
  288. -webkit-transition: opacity 1s ease-in-out;
  289. text-decoration:none;
  290. -webkit-border-radius: 15px;
  291. border-radius: 15px;
  292. }
  293. img:hover {
  294. opacity: 1.0;
  295. transition: opacity .55s ease-in-out;
  296. -moz-transition: opacity .55s ease-in-out;
  297. -webkit-transition: opacity .55s ease-in-out;
  298. text-decoration:none;
  299. -webkit-border-radius: 15px;
  300. border-radius: 15px;
  301. }​
  302. .notesbox {
  303. background: #000;
  304. display: block;
  305. text-align: justify;
  306. overflow: hidden;
  307. padding: 5px;
  308. margin-bottom: 10px;
  309. margin-left: 10px;
  310. margin-right:186px;
  311. float: right;
  312. width: 400px;
  313. }
  314. ol.notes {
  315. font-size: 8px;
  316. display:block;
  317. text-decoration: none;
  318. background: #;
  319. list-style-type: none;
  320. border-bottom: 1px solid #;
  321. }
  322. ol {
  323. list-style-position: inside;
  324. -webkit-padding-start: 0px;
  325. }
  326. ol.notes li.note {
  327. border-bottom: solid 1px #;
  328. padding: 4px;
  329. }
  330. ol.notes li.note img.avatar {
  331. width: 14px;
  332. padding: 2px;
  333. background: #b88f76;
  334. margin-bottom: -4px;
  335. }
  336. </style>
  337.  
  338.  
  339. <div id="main">
  340. <div id="header">
  341. </div>
  342.  
  343. <div id="sidebar">
  344. <div align="justify">
  345. <center>
  346. <a href="/" class="nav1">home</a>
  347. <a href="/ask" class="nav1">ask</a>
  348. <a href="/archive" class="nav1">archive</a>
  349. <a href="http://lovely-themes.com/" class="nav1">theme</a>
  350. </center>
  351.  
  352. <div class="box">
  353. <img src="http://24.media.tumblr.com/74cf062941a7d0a92f0fa56bdaa82332/tumblr_mjtqh3mWwh1s69dmvo1_250.gif" width=230>
  354. {description}
  355. </div><p>
  356.  
  357. <div class="box">
  358. <h1>likes & dislikes</h1>
  359. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta.
  360. </div><p>
  361.  
  362. <div class="box2">
  363. <h1>favorites</h1>
  364. <center>
  365. <a href="URL" class="nav5">01</a>
  366. <a href="URL" class="nav5">02</a>
  367. <a href="URL" class="nav5">03</a>
  368. <a href="URL" class="nav5">04</a>
  369. <a href="URL" class="nav5">05</a>
  370. <a href="URL" class="nav5">06</a>
  371. <a href="URL" class="nav5">07</a>
  372. <a href="URL" class="nav5">08</a>
  373. <a href="URL" class="nav5">09</a>
  374. <a href="URL" class="nav5">10</a>
  375. <a href="URL" class="nav5">11</a>
  376. <a href="URL" class="nav5">12</a>
  377. </center>
  378. </div>
  379.  
  380. </div>
  381. </div>
  382.  
  383. <br><br><br>
  384.  
  385. <div id="content">
  386.  
  387. {block:Posts}
  388.  
  389. <div class="posts">
  390. <div class="postbox">
  391. <figure class='cap-bot'>
  392. {block:Text}
  393. {block:Title}
  394. <h1>{Title}</h1>
  395. {/block:Title}
  396. {Body}
  397. {/block:Text}
  398.  
  399. {block:Quote}
  400. {Quote}<p>
  401. {/block:Quote}
  402.  
  403. {block:Answer}
  404. <b>{Asker}</b>: {Question}<br>
  405. {Answer}
  406. {/block:Answer}
  407.  
  408. {block:Photo}
  409. <center>
  410. <img src="{PhotoURL-250}" width="400px" style="max-width: 400px;">
  411. </center>
  412. {/block:Photo}
  413.  
  414. {block:Audio}
  415. {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>)
  416. {/block:ExternalAudio}
  417. <center>{AudioPlayerWhite}</center> <p>
  418. {/block:Audio}
  419.  
  420. {block:Video}
  421. <center>{Video-250}</center><p>
  422. {/block:Video}
  423.  
  424. {block:Photoset}
  425. <center>{Photoset-250}</center>
  426. {/block:Photoset}
  427.  
  428. {block:Chat}
  429. <center>{block:Title}<h1>{Title}</h1>{/block:Title}
  430. {block:Lines}{block:Label}
  431. <br>{Label}{/block:Label} {Line} {/block:Lines}</center>
  432. {/block:Chat}
  433.  
  434. {block:Link}
  435. <a href="{URL}"><h1>{Name}</h1></a>
  436. {block:Description}{Description}{/block:Description}
  437. {/block:Link}
  438.  
  439. {block:IndexPage}<figcaption class='cap-bot'>
  440. <div class="stuff">
  441. <center><a href="{reblogurl}" target="_blank">Reblog</a> <a href="{Permalink}" title="permalink">{NoteCountWithLabel}</a></center>
  442. </div></figcaption></figure>
  443. {/block:IndexPage}
  444.  
  445. </div>
  446. </div>
  447. {block:PostNotes}
  448.  
  449. <div class="notesbox">
  450. {block:RebloggedFrom}rebloged from <a href="{ReblogParentURL}">&hearts;</a> posted by <a href="{ReblogRootURL}">&copy;</a> {/block:RebloggedFrom} {PostNotes}</div>
  451. {/block:PostNotes}
  452. {/block:Posts}
  453.  
  454. {block:IndexPage}
  455. <div class="column navigation" id="navigation">
  456. {block:Pagination}
  457. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  458. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  459. </div>
  460. {/block:IndexPage}
  461.  
  462. </div>
  463. </div>
  464. </div>
  465. </div>
  466.  
  467. <div style="position: fixed; left: 5px; bottom: 5px; background: #000; padding: 3px; text-transform: uppercase;"><a href="http://lovely-themes.com">theme</a></div>
  468.  
  469. </body>
  470. </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!