API tools faq
paste
Advertisement
lovely-themesDOTcom

lovely-themesDOTcom/22

lovely-themesDOTcom
Mar 23rd, 2013
883
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.50 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: 210
  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. #tumblr_controls {position:fixed !important;}
  52. #tumblr_controls {position:fixed !important;}
  53. #tumblr_controls {position:fixed !important;}
  54. body{
  55. background-color:#dadada;
  56. background-image: url('http://static.tumblr.com/necydca/HKemk4trg/001bg.png');
  57. background-attachment:fixed;
  58. color:#999;
  59. font-family: "04b03";
  60. font-size:8px;
  61. line-height:9px;
  62. font-weight:normal;
  63. text-transform: uppercase;
  64. font-weight: normal;
  65. }
  66. @font-face {
  67. font-family: "04b03";
  68. src: url("http://static.tumblr.com/necydca/Eurmjztdk/04b_03__.ttf")
  69. }
  70.  
  71. #main{
  72. margin: 0 auto;
  73. margin-top:0px;
  74. width:800px;
  75. background-color:#eee;
  76. border: 1px solid #000;
  77. }
  78. #header{ margin-top:-30px;
  79. width:800px; height: 150px;
  80. background-image: url("http://static.tumblr.com/necydca/7Zimk4tqo/001header.png");
  81. position:fixed;
  82. z-index:1;
  83. }
  84. #sidebar{
  85. float: left;
  86. height:100%;
  87. width: 200px;
  88. padding:0px;
  89. margin-top:2px;
  90. margin-left:5px;
  91. position:fixed;
  92. margin-top:125px;
  93. }
  94. #content{
  95. position:left;
  96. width: 500px;
  97. padding:5px;
  98. margin-top: 0px;
  99. margin-left: 217px;
  100. margin-top:120px;
  101. }
  102. #sidebar2{
  103. position:absolute;
  104. height:100%;
  105. width: 150px;
  106. padding:0px;
  107. margin-top:5px;
  108. margin-left:645px;
  109. position:fixed;
  110. margin-top:125px;
  111. }
  112. #footer{
  113. clear:both;
  114. }
  115.  
  116. .posts {
  117. float: right;
  118. width: 200px;
  119. overflow: auto;
  120. margin-left: 5px;
  121. }
  122.  
  123. .postbox {
  124. background: #dfdfdf;
  125. border: 1px solid #eee;
  126. display: block;
  127. text-align: justify;
  128. overflow: hidden;
  129. padding: 5px;
  130. margin-bottom: 10px;
  131. }
  132.  
  133. .box{
  134. background-color:#dfdfdf;
  135. border: 1px solid #eee;
  136. width:205px;padding:3px;
  137. padding:5px;
  138. }
  139. .box2{
  140. background-color:#dfdfdf;
  141. border: 1px solid #eee;
  142. width:135px;padding:3px;
  143. padding:5px;
  144. }
  145.  
  146. #permalink{
  147. display:block;
  148. padding:1px;
  149. margin-top:0px;
  150. margin-bottom:0px;
  151. text-align:center;
  152. }
  153.  
  154. ::-webkit-scrollbar-thumb {
  155. background-color: #5e264c;
  156. }
  157. ::-webkit-scrollbar {
  158. width: 10px; height: 4px;
  159. background: #111;
  160. }
  161.  
  162. a:link, a:active, a:visited{color:#72849f; text-decoration: none;-webkit-transition:0.5s; -moz-transition:0.5s;
  163. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
  164. a:hover{color:#444; text-decoration: none;-webkit-transition:0.5s; -moz-transition:0.5s;
  165. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
  166.  
  167. h1{
  168. color:#fff;
  169. font-family: "04b03";
  170. font-size:8px;
  171. text-align:center;
  172. padding:2px; margin:0px;
  173. margin-bottom: 1px;
  174. padding-top:4px;
  175. font-weight:normal;
  176. background-color: #72849f;
  177. text-transform: uppercase;
  178. letter-spacing: 3px;
  179. border-bottom: 1px dashed #fff;
  180. }
  181. h2{
  182. color:#fff;
  183. font-family: "04b03";
  184. font-size:8px;
  185. text-align:center;
  186. padding:2px; margin:0px;
  187. margin-bottom: 1px;
  188. padding-top:4px;
  189. font-weight:normal;
  190. background-color: #9cd9d3;
  191. text-transform: uppercase;
  192. letter-spacing: 3px;
  193. border-bottom: 1px dashed #fff;
  194. }
  195. h3{
  196. color:#fff;
  197. font-family: "04b03";
  198. font-size:8px;
  199. text-align:center;
  200. padding:2px; margin:0px;
  201. margin-bottom: 1px;
  202. padding-top:4px;
  203. font-weight:normal;
  204. background-color: #dda6e1;
  205. text-transform: uppercase;
  206. letter-spacing: 3px;
  207. border-bottom: 1px dashed #fff;
  208. }
  209. h4{
  210. color:#fff;
  211. font-family: "04b03";
  212. font-size:8px;
  213. text-align:center;
  214. padding:2px; margin:0px;
  215. margin-bottom: 1px;
  216. padding-top:4px;
  217. font-weight:normal;
  218. background-color: #e38ce8;
  219. text-transform: uppercase;
  220. letter-spacing: 3px;
  221. border-bottom: 1px dashed #fff;
  222. }
  223.  
  224. a.nav1, a.nav1:visited {
  225. margin:1px; padding:2px;
  226. text-align: center;
  227. font-family: "04b03";
  228. font-size:8px;
  229. color:#7d93b0;
  230. display: block;
  231. text-transform:uppercase;
  232. font-weight:normal; letter-spacing:1px;
  233. border-left: 5px solid #7d83b0;
  234. border-right: 5px solid #7d83b0;
  235. -webkit-transition:0.5s; -moz-transition:0.5s;
  236. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  237. }
  238. a.nav1:hover {
  239. letter-spacing:2px;
  240. }
  241.  
  242. a.nav2, a.nav2:visited {
  243. margin:1px; padding:2px;
  244. text-align: center;
  245. font-family: "04b03";
  246. font-size:8px;
  247. color:#7fd6ce;
  248. display: block;
  249. text-transform:uppercase;
  250. font-weight:normal; letter-spacing:1px;
  251. border-left: 5px solid #7fd6ce;
  252. border-right: 5px solid #7fd6ce;
  253. -webkit-transition:0.5s; -moz-transition:0.5s;
  254. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  255. }
  256. a.nav2:hover {
  257. letter-spacing:2px;
  258. }
  259.  
  260. a.nav3, a.nav3:visited {
  261. margin:1px; padding:2px;
  262. text-align: center;
  263. font-family: "04b03";
  264. font-size:8px;
  265. color:#edb0f1;
  266. display: block;
  267. text-transform:uppercase;
  268. font-weight:normal; letter-spacing:1px;
  269. border-left: 5px solid #edb0f1;
  270. border-right: 5px solid #edb0f1;
  271. -webkit-transition:0.5s; -moz-transition:0.5s;
  272. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  273. }
  274. a.nav3:hover {
  275. letter-spacing:2px;
  276. }
  277.  
  278. a.nav4, a.nav4:visited {
  279. margin:1px; padding:2px;
  280. text-align: center;
  281. font-family: "04b03";
  282. font-size:8px;
  283. color:#e184e7;
  284. display: block;
  285. text-transform:uppercase;
  286. font-weight:normal; letter-spacing:1px;
  287. border-left: 5px solid #e184e7;
  288. border-right: 5px solid #e184e7;
  289. -webkit-transition:0.5s; -moz-transition:0.5s;
  290. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  291. }
  292. a.nav4:hover {
  293. letter-spacing:2px;
  294. }
  295.  
  296. .quote{
  297. color:#7f94b1; margin:0px;
  298. font-family: "04b03";
  299. font-size:8px;
  300. line-height:9px;
  301. text-transform:uppercase;
  302. }
  303.  
  304. .stuff{
  305. margin:1px; padding:4px;
  306. display: block;
  307. line-height:8px;
  308. text-align:center;
  309. margin-top:0px;
  310. margin-bottom:10px;
  311. }
  312. .stuff a{
  313. margin:0px; padding:5px;
  314. text-align:center;
  315. color:#fff; background-color:#7f94b1;
  316. font-family: "04b03";
  317. font-size:8px; line-height:10px;
  318. text-transform:uppercase;
  319. letter-spacing:0px; font-weight:normal;
  320. -webkit-transition:0.5s; -moz-transition:0.5s;
  321. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  322. -webkit-border-radius: 10px;
  323. border-radius: 10px;
  324. }
  325.  
  326. .stuff a:hover{
  327. color:#ffffff; background-color:#ecaff1;
  328. -webkit-border-radius: 10px;
  329. border-radius: 10px;
  330. }
  331.  
  332. figure {
  333. display: block;
  334. position: relative;
  335. float: left;
  336. overflow: hidden;
  337. margin: 0px;}
  338. figcaption {
  339. position: absolute;
  340. padding: 5px; opacity: 0;
  341. -webkit-transition: all 0.6s ease;
  342. -moz-transition: all 0.6s ease;
  343. -o-transition: all 0.6s ease;}
  344. figure:hover figcaption {opacity:1;}
  345. .cap-bot figcaption {left: 0; bottom: -0%;}
  346. .cap-bot:hover figcaption {bottom: 0; margin-bottom:0px;}
  347.  
  348.  
  349. b, strong {color:#ecaff1; font-weight:normal;}
  350. i, em {color:#8397b3; font-style:normal;}
  351. u{color:#80cdc6;}
  352.  
  353. .notesbox{
  354. width:350px;
  355. }
  356.  
  357. ol.notes {
  358. font-size: 8px;
  359. display:block;
  360. text-decoration: none;
  361. background: #eee;
  362. list-style-type: none;
  363. border-bottom: 1px solid #eee;
  364. }
  365. ol {
  366. list-style-position: inside;
  367. -webkit-padding-start: 0px;
  368. }
  369. ol.notes li.note {
  370. border-bottom: solid 1px #ccc;
  371. padding: 4px;
  372. }
  373. ol.notes li.note img.avatar {
  374. width: 14px;
  375. padding: 2px;
  376. background: #ccc;
  377. margin-bottom: -4px;
  378. }
  379.  
  380. </style>
  381. </head>
  382. <div style="position: fixed; left: 5px; bottom: 5px; background: #d8d8d8; padding: 3px; text-transform: uppercase;"><a href="http://lovely-themes.com">theme</a></div>
  383.  
  384. <div id="main">
  385. <div id="header">
  386. </div>
  387.  
  388. <div id="sidebar">
  389. <div class="box">
  390. <img src="http://25.media.tumblr.com/tumblr_m68qbxzfeb1qkbmw5o1_500.gif" width=205>
  391. <h1>{title}</h1>
  392. {description}
  393. </div><p>
  394.  
  395. <div class="box">
  396. <h2>navigation</h2>
  397. <a href="/" class="nav1">home</a>
  398. <a href="/" class="nav2">askme</a>
  399. <a href="/" class="nav3">archive</a>
  400. <a href="http://lovely-themes.com/" class="nav4">theme</a>
  401. </div><p>
  402.  
  403. <div class="box">
  404. <h3>likes & dislikes</h3>
  405. 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.
  406. </div><p>
  407.  
  408. </div>
  409.  
  410. <div id="sidebar2">
  411. <div align="justify">
  412.  
  413. <div class="box2">
  414. <h1>besties</h1><center>
  415. <img src="http://static.tumblr.com/necydca/oUzmk4uhg/friend1.png" width=23> <img src="http://static.tumblr.com/necydca/FmYmk4uhx/friend2.png"> <img src="http://static.tumblr.com/necydca/oUzmk4uhg/friend1.png"> <img src="http://static.tumblr.com/necydca/FmYmk4uhx/friend2.png"> <img src="http://static.tumblr.com/necydca/oUzmk4uhg/friend1.png"> <img src="http://static.tumblr.com/necydca/oUzmk4uhg/friend1.png" width=23> <img src="http://static.tumblr.com/necydca/FmYmk4uhx/friend2.png"> <img src="http://static.tumblr.com/necydca/oUzmk4uhg/friend1.png"> <img src="http://static.tumblr.com/necydca/FmYmk4uhx/friend2.png"> <img src="http://static.tumblr.com/necydca/oUzmk4uhg/friend1.png">
  416. <center></div><p>
  417.  
  418. <div class="box2">
  419. <h2>music</h2>
  420. <center><br>music player here</center>
  421. </div><p>
  422.  
  423. <div class="box2">
  424. <h3>statistics</h3>
  425. <center>
  426. <script language="JavaScript">
  427. var ref = (''+document.referrer+'');
  428. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID2671172&e1=Online&e2=Online&r=' + ref + '"><\/script>');
  429. </script><br>
  430. <u>blog since:</u> 2011<br>
  431. <i>theme by:</i> <a href="http://lovely-themes.com/">lovely-themes</a>
  432. </center>
  433. </div>
  434.  
  435. </div>
  436. </div>
  437. <div id="content">
  438.  
  439. {block:Posts}
  440.  
  441. <div class="posts">
  442. <div class="postbox">
  443. <figure class='cap-bot'>
  444. {block:Text}
  445. {block:Title}
  446. <h1>{Title}</h1>
  447. {/block:Title}
  448. {Body}
  449. {/block:Text}
  450.  
  451. {block:Quote}
  452. {Quote}<p>
  453. {/block:Quote}
  454.  
  455. {block:Answer}
  456. <b>{Asker}</b>: {Question}<br>
  457. {Answer}
  458. {/block:Answer}
  459.  
  460. {block:Photo}
  461. <center>
  462. <img src="{PhotoURL-250}" width="200px" style="max-width: 188px;">
  463. </center>
  464. {/block:Photo}
  465.  
  466. {block:Audio}
  467. {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>)
  468. {/block:ExternalAudio}
  469. <center>{AudioPlayerWhite}</center> <p>
  470. {/block:Audio}
  471.  
  472. {block:Video}
  473. <center>{Video-250}</center><p>
  474. {/block:Video}
  475.  
  476. {block:Photoset}
  477. <center>{Photoset-250}</center>
  478. {/block:Photoset}
  479.  
  480. {block:Chat}
  481. <center>{block:Title}<h1>{Title}</h1>{/block:Title}
  482. {block:Lines}{block:Label}
  483. <br>{Label}{/block:Label} {Line} {/block:Lines}</center>
  484. {/block:Chat}
  485.  
  486. {block:Link}
  487. <a href="{URL}"><h1>{Name}</h1></a>
  488. {block:Description}{Description}{/block:Description}
  489. {/block:Link}
  490.  
  491. {block:IndexPage}<figcaption class='cap-bot'>
  492. <div class="stuff">
  493. <center><a href="{reblogurl}" target="_blank">Reblog</a> <a href="{Permalink}" title="permalink">{NoteCountWithLabel}</a></center>
  494. </div></figcaption></figure>
  495. {/block:IndexPage}
  496.  
  497. </div>
  498. </div>
  499. {block:PostNotes}
  500.  
  501. <div class="notesbox">
  502. {block:RebloggedFrom}rebloged from <a href="{ReblogParentURL}">&hearts;</a> posted by <a href="{ReblogRootURL}">&copy;</a> {/block:RebloggedFrom} {PostNotes}</div>
  503. {/block:PostNotes}
  504. {/block:Posts}
  505.  
  506. {block:IndexPage}
  507. <div class="column navigation" id="navigation">
  508. {block:Pagination}
  509. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  510. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  511. </div>
  512. {/block:IndexPage}
  513.  
  514. </div>
  515. </div>
  516. </div>
  517. </div>
  518.  
  519. <div style="position: fixed; left: 5px; bottom: 5px; background: #000; padding: 3px; text-transform: uppercase;"><a href="http://lovely-themes.com">theme</a></div>
  520.  
  521. </body>
  522. </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!