API tools faq
paste
Advertisement
lovely-themesDOTcom

lovely-themesDOTcom/21

lovely-themesDOTcom
Mar 22nd, 2013
748
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.42 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: 250
  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/c6dmk1wx1/bgggggggggggg.png');
  57. background-attachment:fixed;
  58. color:#444;
  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:-10px;
  74. width:900px;
  75. background-color:#111;
  76. border: 1px solid #000;
  77. }
  78. #header{ margin-top:-30px;
  79. width:900px; height: 200px;
  80. background-image: url('http://static.tumblr.com/necydca/213mk1wqe/headerrr.png');
  81. position:fixed;
  82. z-index:1;
  83. }
  84. #sidebar{
  85. float: left;
  86. height:100%;
  87. width: 230px;
  88. padding:0px;
  89. margin-top:2px;
  90. margin-left:5px;
  91. position:fixed;
  92. margin-top:180px;
  93. }
  94. #content{
  95. position:left;
  96. width: 500px;
  97. padding:5px;
  98. margin-top: 0px;
  99. margin-left: 240px;
  100. margin-top:180px;
  101. }
  102. #sidebar2{
  103. position:absolute;
  104. height:100%;
  105. width: 150px;
  106. padding:0px;
  107. margin-top:5px;
  108. margin-left:750px;
  109. position:fixed;
  110. margin-top:180px;
  111. }
  112. #footer{
  113. clear:both;
  114. }
  115.  
  116. .posts {
  117. float: right;
  118. width: 240px;
  119. overflow: auto;
  120. margin-left: 5px;
  121. }
  122.  
  123. .postbox {
  124. background: #222;
  125. border: 1px solid #000;
  126. display: block;
  127. text-align: justify;
  128. overflow: hidden;
  129. padding: 5px;
  130. margin-bottom: 10px;
  131. }
  132.  
  133. .box{
  134. background-color:#222;
  135. border: 1px solid #000;
  136. width:220px;padding:3px;
  137. padding:5px;
  138. }
  139. .box2{
  140. background-color:#222;
  141. border: 1px solid #000;
  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:#5e264c; 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:#000;
  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: #5e264c;
  177. text-transform: uppercase;
  178. letter-spacing: 3px;
  179. border-bottom: 1px dashed #111;
  180. }
  181. h2{
  182. color:#000;
  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: #e2be1c;
  191. text-transform: uppercase;
  192. letter-spacing: 3px;
  193. border-bottom: 1px dashed #111;
  194. }
  195. h3{
  196. color:#000;
  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: #bfdd93;
  205. text-transform: uppercase;
  206. letter-spacing: 3px;
  207. border-bottom: 1px dashed #111;
  208. }
  209. h4{
  210. color:#000;
  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: #3dc46e;
  219. text-transform: uppercase;
  220. letter-spacing: 3px;
  221. border-bottom: 1px dashed #111;
  222. }
  223.  
  224. a.nav1, a.nav1:visited {
  225. margin:1px; padding:2px;
  226. text-align: left;
  227. font-family: "04b03";
  228. font-size:8px;
  229. color:#eee;
  230. padding-left:4px;
  231. display: block;
  232. background-color:#000;
  233. text-transform:uppercase;
  234. font-weight:normal;letter-spacing:4px;
  235. border-left: 5px solid #5e264c;
  236. -webkit-transition:0.5s; -moz-transition:0.5s;
  237. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  238. }
  239. a.nav1:hover {
  240. letter-spacing:6px;
  241. }
  242.  
  243. a.nav2, a.nav2:visited {
  244. margin:1px; padding:2px;
  245. text-align: left;
  246. font-family: "04b03";
  247. font-size:8px;
  248. color:#eee;
  249. padding-left:4px;
  250. display: block;
  251. background-color:#000;
  252. text-transform:uppercase;
  253. font-weight:normal;letter-spacing:4px;
  254. border-left: 5px solid #e2be1c;
  255. -webkit-transition:0.5s; -moz-transition:0.5s;
  256. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  257. }
  258. a.nav2:hover {
  259. letter-spacing:6px;
  260. }
  261.  
  262. a.nav3, a.nav3:visited {
  263. margin:1px; padding:2px;
  264. text-align: left;
  265. font-family: "04b03";
  266. font-size:8px;
  267. color:#eee;
  268. padding-left:4px;
  269. display: block;
  270. background-color:#000;
  271. text-transform:uppercase;
  272. font-weight:normal;letter-spacing:4px;
  273. border-left: 5px solid #bfdd93;
  274. -webkit-transition:0.5s; -moz-transition:0.5s;
  275. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  276. }
  277. a.nav3:hover {
  278. letter-spacing:6px;
  279. }
  280.  
  281. a.nav4, a.nav4:visited {
  282. margin:1px; padding:2px;
  283. text-align: left;
  284. font-family: "04b03";
  285. font-size:8px;
  286. color:#eee;
  287. padding-left:4px;
  288. display: block;
  289. background-color:#000;
  290. text-transform:uppercase;
  291. font-weight:normal;letter-spacing:4px;
  292. border-left: 5px solid #3dc46e;
  293. -webkit-transition:0.5s; -moz-transition:0.5s;
  294. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  295. }
  296. a.nav4:hover {
  297. letter-spacing:6px;
  298. }
  299.  
  300. a.nav5, a.nav5:visited {
  301. color: #eee;
  302. font-family: "04b03";
  303. font-weight : normal;
  304. font-size : 8px;
  305. line-height : 9px;
  306. background-color:#111;
  307. display:block;
  308. text-align: center;
  309. border: 1px solid #000;
  310. letter-spacing: 0px;
  311. text-transform: uppercase; margin-bottom: 1px;
  312. -webkit-transition:0.5s; -moz-transition:0.5s;
  313. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  314. }
  315. a.nav5:hover {
  316. color:#eee;
  317. background-color:#222;
  318. }
  319.  
  320. .quote{
  321. color:#46ccbf; margin:0px;
  322. font-family: "04b03";
  323. font-size:8px;
  324. line-height:9px;
  325. text-transform:uppercase;
  326. }
  327.  
  328. .stuff{
  329. margin:1px; padding:4px;
  330. display: block;
  331. line-height:8px;
  332. text-align:center;
  333. margin-top:0px;
  334. margin-bottom:10px;
  335. }
  336. .stuff a{
  337. margin:0px; padding:5px;
  338. text-align:center;
  339. color:#000; background-color:#5e264c;
  340. font-family: "04b03";
  341. font-size:8px; line-height:10px;
  342. text-transform:uppercase;
  343. letter-spacing:0px; font-weight:normal;
  344. -webkit-transition:0.5s; -moz-transition:0.5s;
  345. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  346. -webkit-border-radius: 10px;
  347. border-radius: 10px;
  348. }
  349.  
  350. .stuff a:hover{
  351. color:#ffffff; background-color:#111;
  352. -webkit-border-radius: 10px;
  353. border-radius: 10px;
  354. }
  355.  
  356. figure {
  357. display: block;
  358. position: relative;
  359. float: left;
  360. overflow: hidden;
  361. margin: 0px;}
  362. figcaption {
  363. position: absolute;
  364. padding: 5px; opacity: 0;
  365. -webkit-transition: all 0.6s ease;
  366. -moz-transition: all 0.6s ease;
  367. -o-transition: all 0.6s ease;}
  368. figure:hover figcaption {opacity:1;}
  369. .cap-bot figcaption {left: 0; bottom: -0%;}
  370. .cap-bot:hover figcaption {bottom: 0; margin-bottom:20px;}
  371.  
  372.  
  373. b, strong {color:#5e264c; font-weight:normal;}
  374. i, em {color:#e2be1c; font-style:normal;}
  375. u{color:#bfdd93;}
  376.  
  377. ol.notes {
  378. font-size: 8px;
  379. display:block;
  380. text-decoration: none;
  381. background: #222;
  382. list-style-type: none;
  383. border-bottom: 1px solid #333;
  384. }
  385. ol {
  386. list-style-position: inside;
  387. -webkit-padding-start: 0px;
  388. }
  389. ol.notes li.note {
  390. border-bottom: solid 1px #333;
  391. padding: 4px;
  392. }
  393. ol.notes li.note img.avatar {
  394. width: 14px;
  395. padding: 2px;
  396. background: #222;
  397. margin-bottom: -4px;
  398. }
  399.  
  400. </style>
  401. </head>
  402. <div style="position: fixed; left: 5px; bottom: 5px; background: #d8d8d8; padding: 3px; text-transform: uppercase;"><a href="http://lovely-themes.com">theme</a></div>
  403.  
  404. <div id="main">
  405. <div id="header">
  406. </div>
  407.  
  408. <div id="sidebar">
  409. <div class="box">
  410. <h1>{title}</h1>
  411. <img src="http://24.media.tumblr.com/a5fc2588929ad3dfd19adb74d756dc79/tumblr_mk1e6p6JF01s7o8swo1_500.gif" width=220>
  412. {description}
  413. </div><p>
  414.  
  415. <div class="box">
  416. <h2>navigation</h2>
  417. <a href="/" class="nav1">home</a>
  418. <a href="/" class="nav2">askme</a>
  419. <a href="/" class="nav3">archive</a>
  420. <a href="http://lovely-themes.com/" class="nav4">theme</a>
  421. </div><p>
  422.  
  423. <div class="box">
  424. <h3>likes & dislikes</h3>
  425. 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.
  426. </div><p>
  427.  
  428. </div>
  429.  
  430. <div id="sidebar2">
  431. <div align="justify">
  432.  
  433. <div class="box2">
  434. <h1>besties</h1>
  435. <a href="/" class="nav5">friend</a>
  436. <a href="/" class="nav5">friend</a>
  437. <a href="/" class="nav5">friend</a>
  438. <a href="/" class="nav5">friend</a>
  439. </div><p>
  440.  
  441. <div class="box2">
  442. <h2>music</h2>
  443. <center><br>music player here</center>
  444. </div><p>
  445.  
  446. <div class="box2">
  447. <h3>statistics</h3>
  448. <center>
  449. <script language="JavaScript">
  450. var ref = (''+document.referrer+'');
  451. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID2671172&e1=Online&e2=Online&r=' + ref + '"><\/script>');
  452. </script><br>
  453. <u>blog since:</u> 2011<br>
  454. <i>theme by:</i> <a href="http://lovely-themes.com/">lovely-themes</a>
  455. </center>
  456. </div>
  457.  
  458. </div>
  459. </div>
  460. <div id="content">
  461.  
  462. {block:Posts}
  463.  
  464. <div class="posts">
  465. <div class="postbox">
  466. <figure class='cap-bot'>
  467. {block:Text}
  468. {block:Title}
  469. <h1>{Title}</h1>
  470. {/block:Title}
  471. {Body}
  472. {/block:Text}
  473.  
  474. {block:Quote}
  475. {Quote}<p>
  476. {/block:Quote}
  477.  
  478. {block:Answer}
  479. <b>{Asker}</b>: {Question}<br>
  480. {Answer}
  481. {/block:Answer}
  482.  
  483. {block:Photo}
  484. <center>
  485. <img src="{PhotoURL-250}" width="227px" style="max-width: 227px;">
  486. </center>
  487. {/block:Photo}
  488.  
  489. {block:Audio}
  490. {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>)
  491. {/block:ExternalAudio}
  492. <center>{AudioPlayerWhite}</center> <p>
  493. {/block:Audio}
  494.  
  495. {block:Video}
  496. <center>{Video-250}</center><p>
  497. {/block:Video}
  498.  
  499. {block:Photoset}
  500. <center>{Photoset-250}</center>
  501. {/block:Photoset}
  502.  
  503. {block:Chat}
  504. <center>{block:Title}<h1>{Title}</h1>{/block:Title}
  505. {block:Lines}{block:Label}
  506. <br>{Label}{/block:Label} {Line} {/block:Lines}</center>
  507. {/block:Chat}
  508.  
  509. {block:Link}
  510. <a href="{URL}"><h1>{Name}</h1></a>
  511. {block:Description}{Description}{/block:Description}
  512. {/block:Link}
  513.  
  514. {block:IndexPage}<figcaption class='cap-bot'>
  515. <div class="stuff">
  516. <center><a href="{reblogurl}" target="_blank">Reblog</a> <a href="{Permalink}" title="permalink">{NoteCountWithLabel}</a></center>
  517. </div></figcaption></figure>
  518. {/block:IndexPage}
  519.  
  520. </div>
  521. </div>
  522. {block:PostNotes}
  523.  
  524. <div class="notesbox">
  525. {block:RebloggedFrom}rebloged from <a href="{ReblogParentURL}">&hearts;</a> posted by <a href="{ReblogRootURL}">&copy;</a> {/block:RebloggedFrom} {PostNotes}</div>
  526. {/block:PostNotes}
  527. {/block:Posts}
  528.  
  529. {block:IndexPage}
  530. <div class="column navigation" id="navigation">
  531. {block:Pagination}
  532. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  533. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  534. </div>
  535. {/block:IndexPage}
  536.  
  537. </div>
  538. </div>
  539. </div>
  540. </div>
  541.  
  542. <div style="position: fixed; left: 5px; bottom: 5px; background: #000; padding: 3px; text-transform: uppercase;"><a href="http://lovely-themes.com">theme</a></div>
  543.  
  544. </body>
  545. </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!