API tools faq
paste
Advertisement
lovely-themesDOTcom

lovely-themesDOTcom/37

lovely-themesDOTcom
Jun 5th, 2013
2,326
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.28 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.  
  51. <style type="text/css">
  52. body{
  53. background-color:#dadada;
  54. background-image: url('http://i.imgur.com/2GsgtpD.png');
  55. background-attachment:fixed;
  56. color:#999;
  57. font-family: "04b03";
  58. font-size:8px;
  59. line-height:9px;
  60. font-weight:normal;
  61. text-transform: uppercase;
  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:#222;
  73. border: 1px solid #000;
  74. }
  75.  
  76. #header{
  77. width:800px; height: 25px;
  78. position:fixed;
  79. z-index:1;
  80. background-color:#000;
  81. }
  82. #header a{
  83. float:left;
  84. width:150px;
  85. display:block;
  86. background-color:#222;
  87. color:#eee;
  88. font-family:"04b03";
  89. font-size: 8px;
  90. font-weight:normal;
  91. line-height:12px;
  92. padding:4px; margin:1px;
  93. text-align:center;
  94. -webkit-transition:0.5s; -moz-transition:0.5s;
  95. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  96. }
  97. #header a:hover{
  98. float:left;
  99. width:150px;
  100. display:block;
  101. background-color:#6344db;
  102. color:#000;
  103. font-family:"04b03";
  104. font-size: 8px;
  105. font-weight:normal;
  106. line-height:12px;
  107. padding:4px; margin:1px;
  108. text-align:center;
  109. letter-spacing:3px;
  110. -webkit-transition:0.5s; -moz-transition:0.5s;
  111. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  112. }
  113. #sidebar{
  114. float: left;
  115. width: 250px;
  116. height:100%;
  117. padding:0px;
  118. padding-top:5px;
  119. padding-left:5px;
  120. margin-top:25px;
  121. background-color:#222;
  122. position: fixed;
  123. z-index:1;
  124. }
  125.  
  126. #content{
  127. width: 550px;
  128. display: block;
  129. margin: 0 auto;
  130. text-align: justify;
  131. overflow: hidden;
  132. float:right;
  133. background-color:#222;
  134. }
  135. .posts {
  136. float: right;
  137. width: 260px;
  138. overflow: auto;
  139. margin-left: 5px;
  140. }
  141.  
  142. .postbox {
  143. background: #111;
  144. border: 1px solid #111;
  145. display: block;
  146. text-align: justify;
  147. overflow: hidden;
  148. padding: 5px;
  149. margin-bottom: 10px;
  150. }
  151. #footer{
  152. clear:both;
  153. }
  154. .box{
  155. background-color:#111;
  156. width:230px;padding:3px;
  157. padding:5px;
  158. }
  159.  
  160. .box2{
  161. background-color:#111;
  162. width:230px;padding:3px;
  163. padding:5px;
  164. height: 65px;
  165. }
  166.  
  167. #permalink{
  168. display:block;
  169. padding:1px;
  170. margin-top:0px;
  171. margin-bottom:0px;
  172. text-align:center;
  173. }
  174.  
  175. ::-webkit-scrollbar-thumb {
  176. background-color: #6344db;
  177. }
  178. ::-webkit-scrollbar {
  179. width: 10px; height: 4px;
  180. background: #222;
  181. }
  182.  
  183. a:link, a:active, a:visited{color:#6344db; text-decoration: none;}
  184. a:hover{color:#111; text-decoration: none;}
  185.  
  186. h1{
  187. color:#000;
  188. font-family: "04b03";
  189. font-size:8px;
  190. text-align:center;
  191. line-height:9px; margin:0px;
  192. font-weight:normal;
  193. background-color: #6344db;
  194. margin-bottom:4px;
  195. padding-top:2px;
  196. letter-spacing: 3px;
  197. border-bottom: 1px dashed #111;
  198. }
  199. h2{
  200. color:#000;
  201. font-family: "04b03";
  202. font-size:8px;
  203. text-align:center;
  204. line-height:9px; margin:0px;
  205. font-weight:normal;
  206. background-color: #6344db;
  207. margin-bottom:4px;
  208. padding-top:2px;
  209. letter-spacing: 3px;
  210. border-bottom: 1px dashed #111;
  211. }
  212. h3{
  213. color:#000;
  214. font-family: "04b03";
  215. font-size:8px;
  216. text-align:center;
  217. line-height:9px; margin:0px;
  218. font-weight:normal;
  219. background-color: #6344db;
  220. margin-bottom:4px;
  221. padding-top:2px;
  222. letter-spacing: 3px;
  223. border-bottom: 1px dashed #111;
  224. }
  225. h4{
  226. color:#000;
  227. font-family: "04b03";
  228. font-size:8px;
  229. text-align:center;
  230. line-height:9px; margin:0px;
  231. font-weight:normal;
  232. background-color: #6344db;
  233. margin-bottom:4px;
  234. padding-top:2px;
  235. letter-spacing: 3px;
  236. border-bottom: 1px dashed #111;
  237. }
  238.  
  239. a.nav1, a.nav1:visited {
  240. margin:1px; padding:3px;
  241. padding-left:10px;
  242. text-align: left;
  243. font-family: "04b03";
  244. font-size:8px;
  245. color:#6344db;
  246. display: block;
  247. background-color:#191919;
  248. border-left:5px solid #6344db;
  249. text-transform:uppercase;
  250. font-weight:normal;
  251. letter-spacing:3px;
  252. -webkit-transition:0.5s; -moz-transition:0.5s;
  253. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  254. }
  255. a.nav1:hover {border-left:25px solid #6344db;}
  256.  
  257. a.nav2, a.nav2:visited {
  258. margin:1px; padding:3px;
  259. padding-left:10px;
  260. text-align: left;
  261. font-family: "04b03";
  262. font-size:8px;
  263. color:#5faba3;
  264. display: block;
  265. background-color:#191919;
  266. border-left:5px solid #5faba3;
  267. text-transform:uppercase;
  268. font-weight:normal;
  269. letter-spacing:3px;
  270. -webkit-transition:0.5s; -moz-transition:0.5s;
  271. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  272. }
  273. a.nav2:hover {border-left:25px solid #5faba3;}
  274.  
  275. a.nav3, a.nav3:visited {
  276. margin:1px; padding:3px;
  277. padding-left:10px;
  278. text-align: left;
  279. font-family: "04b03";
  280. font-size:8px;
  281. color:#af79a4;
  282. display: block;
  283. background-color:#191919;
  284. border-left:5px solid #af79a4;
  285. text-transform:uppercase;
  286. font-weight:normal;
  287. letter-spacing:3px;
  288. -webkit-transition:0.5s; -moz-transition:0.5s;
  289. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  290. }
  291. a.nav3:hover {border-left:25px solid #af79a4;}
  292.  
  293. a.nav4, a.nav4:visited {
  294. margin:1px; padding:3px;
  295. padding-left:10px;
  296. text-align: left;
  297. font-family: "04b03";
  298. font-size:8px;
  299. color:#dec05d;
  300. display: block;
  301. background-color:#191919;
  302. border-left:5px solid #dec05d;
  303. text-transform:uppercase;
  304. font-weight:normal;
  305. letter-spacing:3px;
  306. -webkit-transition:0.5s; -moz-transition:0.5s;
  307. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  308. }
  309. a.nav4:hover {border-left:25px solid #dec05d;}
  310.  
  311. a.nav5, a.nav5:visited {
  312. float:left; display:block; width:22px;
  313. color:#666;
  314. font-family: "04b03";
  315. font-size:8px;
  316. line-height:10x;
  317. text-align: center;
  318. background-color:#191919;
  319. text-transform:uppercase;
  320. margin:1px; padding:7px;
  321. -webkit-transition:0.5s; -moz-transition:0.5s;
  322. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  323. }
  324. a.nav5:hover {color: #000; background-color:#6344db;}
  325.  
  326. a.nav6, a.nav6:visited {
  327. float:left; display:block; width:22px;
  328. color:#666;
  329. font-family: "04b03";
  330. font-size:8px;
  331. line-height:10x;
  332. text-align: center;
  333. background-color:#191919;
  334. text-transform:uppercase;
  335. margin:1px; padding:7px;
  336. -webkit-transition:0.5s; -moz-transition:0.5s;
  337. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  338. }
  339. a.nav6:hover {color: #000; background-color:#6344db;}
  340.  
  341. .title{
  342. color:#000;
  343. font-family: "04b03";
  344. font-size:8px;
  345. text-align:center;
  346. line-height:9px; margin:0px;
  347. font-weight:normal;
  348. background-color: #6344db;
  349. margin-bottom:4px;
  350. padding-top:2px;
  351. letter-spacing: 3px;
  352. border-bottom: 1px dashed #111;
  353. display: block;
  354. }
  355.  
  356. .quote{
  357. color:#6344db;
  358. font-family: "04b03";
  359. font-size:8px;
  360. line-height:10px;
  361. font-weight:normal;
  362. }
  363.  
  364. .stuff{
  365. margin:1px; padding:4px;
  366. display: block;
  367. line-height:8px;
  368. text-align:center;
  369. margin-top:0px;
  370. margin-bottom:10px;
  371. }
  372. .stuff a{
  373. margin:0px; padding:5px;
  374. text-align:center;
  375. color:#000; background-color:#6344db;
  376. font-family: "04b03";
  377. font-size:8px; line-height:10px;
  378. text-transform:uppercase;
  379. letter-spacing:0px; font-weight:normal;
  380. -webkit-transition:0.5s; -moz-transition:0.5s;
  381. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  382. -webkit-border-radius: 10px;
  383. border-radius: 10px;
  384. }
  385.  
  386. .stuff a:hover{
  387. color:#ffffff; background-color:#111;
  388. -webkit-border-radius: 10px;
  389. border-radius: 10px;
  390. }
  391.  
  392. figure {
  393. display: block;
  394. position: relative;
  395. float: left;
  396. overflow: hidden;
  397. margin: 0px;}
  398. figcaption {
  399. position: absolute;
  400. padding: 5px; opacity: 0;
  401. -webkit-transition: all 0.6s ease;
  402. -moz-transition: all 0.6s ease;
  403. -o-transition: all 0.6s ease;}
  404. figure:hover figcaption {opacity:1;}
  405. .cap-bot figcaption {left: 0; bottom: -0%;}
  406. .cap-bot:hover figcaption {bottom: 0;}
  407.  
  408. b {color: #6344db; font-weight: normal;}
  409. i {color:#6344db;}
  410. u {color:#6344db;}
  411. s {color:#6344db;}
  412.  
  413. img {
  414. opacity: 0.6;
  415. transition: opacity 1s ease-in-out;
  416. -moz-transition: opacity 1s ease-in-out;
  417. -webkit-transition: opacity 1s ease-in-out;
  418. text-decoration:none;
  419. }
  420. img:hover {
  421. opacity: 1.0;
  422. transition: opacity .55s ease-in-out;
  423. -moz-transition: opacity .55s ease-in-out;
  424. -webkit-transition: opacity .55s ease-in-out;
  425. text-decoration:none;
  426. }​
  427. .notesbox {
  428. background: #000;
  429. display: block;
  430. text-align: justify;
  431. overflow: hidden;
  432. padding: 5px;
  433. margin-bottom: 10px;
  434. margin-left: 10px;
  435. margin-right:186px;
  436. float: right;
  437. width: 400px;
  438. }
  439. ol.notes {
  440. font-size: 8px;
  441. display:block;
  442. text-decoration: none;
  443. background: #111;
  444. list-style-type: none;
  445. border-bottom: 1px solid #000;
  446. }
  447. ol {
  448. list-style-position: inside;
  449. -webkit-padding-start: 0px;
  450. }
  451. ol.notes li.note {
  452. border-bottom: solid 1px #222;
  453. padding: 4px;
  454. }
  455. ol.notes li.note img.avatar {
  456. width: 14px;
  457. padding: 2px;
  458. background: #222;
  459. margin-bottom: -4px;
  460. }
  461. </style>
  462.  
  463.  
  464. <div id="main">
  465. <div id="header">
  466. <a href="">link</a>
  467. <a href="">link</a>
  468. <a href="">link</a>
  469. <a href="">link</a>
  470. <a href="">link</a>
  471. </div>
  472. <div id="sidebar">
  473. <div align="justify">
  474.  
  475. <div class="box">
  476. <h1>{title}</h1>
  477. <img src="http://25.media.tumblr.com/tumblr_m9rs26xEF61r0ep0fo1_250.gif" width=230>
  478. </div><p>
  479.  
  480. <div class="box">
  481. <h2>description</h2>
  482. {description}
  483. </div><p>
  484.  
  485. <div class="box">
  486. <h3>the links</h3>
  487. <a href="/" class="nav1">home</a>
  488. <a href="/archive" class="nav1">archive</a>
  489. <a href="/ask" class="nav1">ask box</a>
  490. <a href="http://lovely-themes.com/" class="nav1">Theme</a>
  491. </div><p>
  492.  
  493. <div class="box2">
  494. <h4>favorites</h4>
  495. <center>
  496. <a href="URL" class="nav5">01</a>
  497. <a href="URL" class="nav6">02</a>
  498. <a href="URL" class="nav5">03</a>
  499. <a href="URL" class="nav6">04</a>
  500. <a href="URL" class="nav5">05</a>
  501. <a href="URL" class="nav6">06</a>
  502. <a href="URL" class="nav5">07</a>
  503. <a href="URL" class="nav5">08</a>
  504. <a href="URL" class="nav6">09</a>
  505. <a href="URL" class="nav5">10</a>
  506. <a href="URL" class="nav6">11</a>
  507. <a href="URL" class="nav5">12</a>
  508. </center>
  509. </div>
  510.  
  511. </div>
  512. </div>
  513.  
  514. <br><br><br>
  515.  
  516. <div id="content">
  517.  
  518. {block:Posts}
  519.  
  520. <div class="posts">
  521. <div class="postbox">
  522. <figure class='cap-bot'>
  523. {block:Text}
  524. {block:Title}
  525. <h1>{Title}</h1>
  526. {/block:Title}
  527. {Body}
  528. {/block:Text}
  529.  
  530. {block:Quote}
  531. {Quote}<p>
  532. {/block:Quote}
  533.  
  534. {block:Answer}
  535. <b>{Asker}</b>: {Question}<br>
  536. {Answer}
  537. {/block:Answer}
  538.  
  539. {block:Photo}
  540. <center>
  541. <img src="{PhotoURL-250}" width="248px" style="max-width: 248px;">
  542. </center>
  543. {/block:Photo}
  544.  
  545. {block:Audio}
  546. {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>)
  547. {/block:ExternalAudio}
  548. <center>{AudioPlayerWhite}</center> <p>
  549. {/block:Audio}
  550.  
  551. {block:Video}
  552. <center>{Video-250}</center><p>
  553. {/block:Video}
  554.  
  555. {block:Photoset}
  556. <center>{Photoset-250}</center>
  557. {/block:Photoset}
  558.  
  559. {block:Chat}
  560. <center>{block:Title}<h1>{Title}</h1>{/block:Title}
  561. {block:Lines}{block:Label}
  562. <br>{Label}{/block:Label} {Line} {/block:Lines}</center>
  563. {/block:Chat}
  564.  
  565. {block:Link}
  566. <a href="{URL}"><h1>{Name}</h1></a>
  567. {block:Description}{Description}{/block:Description}
  568. {/block:Link}
  569.  
  570. {block:IndexPage}<figcaption class='cap-bot'>
  571. <div class="stuff">
  572. <center><a href="{reblogurl}" target="_blank">Reblog</a> <a href="{Permalink}" title="permalink">{NoteCountWithLabel}</a></center>
  573. </div></figcaption></figure>
  574. {/block:IndexPage}
  575.  
  576. </div>
  577. </div>
  578. {block:PostNotes}
  579.  
  580. <div class="notesbox">
  581. {block:RebloggedFrom}rebloged from <a href="{ReblogParentURL}">&hearts;</a> posted by <a href="{ReblogRootURL}">&copy;</a> {/block:RebloggedFrom} {PostNotes}</div>
  582. {/block:PostNotes}
  583. {/block:Posts}
  584.  
  585. {block:IndexPage}
  586. <div class="column navigation" id="navigation">
  587. {block:Pagination}
  588. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  589. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  590. </div>
  591. {/block:IndexPage}
  592.  
  593. </div>
  594. </div>
  595. </div>
  596. </div>
  597.  
  598. <div style="position: fixed; left: 5px; bottom: 5px; background: #000; padding: 3px; text-transform: uppercase;"><a href="http://lovely-themes.com">theme</a></div>
  599.  
  600. </body>
  601. </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!